/*  
Theme Name: Gallery Wordpress Theme
Theme URI: http://www.IacobIonut.com
Description: Gallery Theme for ThemeForest.net
Version: 1.0
Author: Iacob Ionut
Author URI: http://www.IacobIonut.com
*/

/*  ---------------------- global ---------------- */
*{margin:0; padding:0;}
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clear {
	clear:both;
	padding:0;
	margin:0;
}
/* ------------------------- structure ------------------ */
body {
	background: #FFFFFF url(images/header_bg.jpg) no-repeat scroll center top;
	color: #006699;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
}
img {
	margin-left: auto;
	margin-right: auto;
}

a
{
	color: #006699;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}
a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; }
a img { border:none;} /* Remove IE's blue borders */


.alignleft
{
    float:left;
padding: 0 10px 0 0;
}

.alignright
{
    float:right;
}

/* -------------------------- header -------------------- */

#topbar{
	background:url(images/topbar.png) repeat-x;
	height:32px;
}
#topcontent{
	width:960px;
	margin:0 auto;
}
#menuitem {
	margin-left:20px;
	width:640px;
	float:left;
}
#menuitem ul {
	list-style: none;
}
#menuitem li {
	float:left;
	list-style:none;
	border-right:1px solid #1a1a20;
	display:block;
	height:30px;
}
#menuitem a, #menuitem a:visited, #menuitem a:active {
	margin: 0px;
	padding:9px 12px;
	text-decoration:none;
	color:#fff;
	display:block;
}
#menuitem a:hover {
	text-decoration:none;
	display:block;
	color:#8d96e9;
}
#menuitem li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#menuitem li:hover {
	border-right:1px solid #333344;
}	
#search{
	float:right;
	margin-top:6px;
}
.form-input {
	margin: 0 9px 0 0;
	width: 173px;
	padding: 2px 2px;
	background: #000;
	border: 1px solid #2e2d34;
	color: #ccc;
	font-size: 0.8em;
}
.form-input:focus {
	background:#232531;
	border: 1px solid #888;	
}
.search-submit {
	width: 85px;	
	background: #111;
	border: 1px solid #2e2d34;
	color: #fff;
	font-size:.85em;
	cursor:pointer;
}
#head{
	margin:0 auto;
	width:960px;
}
#logo{
	float:left;
	background:url(images/header_text.jpg) no-repeat;
	width:686px;
	height:357px;
	margin: 0px 0 0 8px;
	text-indent:-9000px;	
	position: relative;
}
#posts-feed {
	background:transparent;
	display:block;
	float:right;
	height:148px;
	margin-top:50px;
	text-indent:-9000px;
	width:253px;
}
#posts-feed:hover{
	background:transparent;
}

#tooltip
{
	position:absolute;
	border:1px solid #006699;
	background:#fff;
	padding:2px 5px;
	color:#006699;
	display:none;

}
/* -------------------- main --------------------- */
#container{
	margin:0 auto ;
	width:960px;
	padding:40px 0 0 0;
	clear:both;
}
#main{
	font-size:11px;
	float:left;
	width:640px;
	margin-left:44px;
}
.top{
	width:300px;
	padding-top:7px;
}
.singletop{
	width:300px;
	padding-top:2px;
}
.top h2, .singletop h2{
	font-size:11px;
	padding-left:13px;
	float:left;
	width: 250px;
	height: 15px;
	overflow:hidden;
}

.singletop h2
{
	height: 20px;
}

.top a, .singletop a, .navmeta a{
	color:#006699;
	text-decoration:none;
}

.top .comm a
{
	padding-right: 20px;
	background:url(images/comment_bubble.png) top right no-repeat;
}

.top a:hover .singletop a:hover , .navmeta a:hover{
	color:#8d96e9;
	text-decoration:none;
}
.comm{
	padding-right:10px;
	float:right;
	text-align:left;
}
.post{
	float:left;
	background: url(images/thumb_holder.png) no-repeat;
	width:310px;
	height:195px;
	margin:0 10px 10px 0;
}
.feat{
	background: url(images/featured_band.png) no-repeat;
	width: 97px;
	height: 97px;
	position:absolute;
	z-index: 20;
	margin-left:214px;
	margin-top:-68px;	
}
.singlepost{
	float:left;
	width:600px;
	padding-bottom:20px;
	margin-bottom:50px;
	line-height:20px;
}
.singlepost p{
	margin:10px 0;
}
.singlepost ul, .singlepost ol{
	padding:3px 0 3px 25px;
}
.entry {
	font-size:12px;
	line-height:20px;
	clear:both;
	color:#000;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	margin: 30px 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;	
}
.entry h1{
	font-size: 18px;
}
.entry h2{
 	font-size: 16px;
}
.entry h3, .entry h4, .entry h5, .entry h6 {
	font-size: 14px;
}
#pagetitle{
	color:#069;
 	font-size: 18px;
	margin:0 0 30px 0;
}
.post_title{
	float:left;
	width:260px;
}
.post_title h1{
	font-size:22px;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight:normal;
	color:#333;
}
.post_title h1 a, .entry a{
	color: #006699;
	text-decoration:none;
	font-style:italic;
}
.post_title h1 a:hover, .entry a:hover{
	color: #666;
	text-decoration:none;
	font-style:italic;
}
.singlepostdata a{
	color: #333;
	text-decoration:underline;
}
.singlepostdata a:hover{
	color: #666;
	text-decoration:underline;
}
#holder{
	float:left;
	background: url(images/thumb_holder.png) no-repeat;
	width:310px;
	height:195px;
	margin:0 10px 10px 0;
}	
.thumb img{margin:6px 0 6px 12px; border:none;}
.ratings{margin-left:10px; margin-top:4px;}
.navmeta {
	clear:both;
	margin-top:25px;
	padding:15px 15px 0 0;
	text-align:right;
}
.wp-pagenavi a {
	padding: 9px;
	text-decoration: none;
	color: #006699;
	border: 1px solid #c3e5f4;
	height: 20px;
	width: 20px;
}
.navmeta .current{
	color:#fff;
	background-color:#006699;
}

/* ---------------------------------- sidebar ------------------------ */
#sidebar{
	float:right;
	width:270px;
}
#adcontainer, .sidebar_box{
	background:url(images/sidebar_box_bg.png) repeat-y;
	width:267px;
	height:267px;
	margin-bottom: 20px;
}
.adsimg{
	margin:4px 0 0 5px;
}
#sidebar_tab{
	width:267px;
	margin:25px 0 10px 0;
}
#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:267px;
}

#comments-tab, #tag, #adcontainer, .sidebar_box
{
	border-top: 1px solid #c3e5f4;
	border-bottom: 1px solid #c3e5f4;
}

.sidebar_box
{
	width: 233px;
	height:auto;
	padding: 17px;
}

.sidebar_box h3
{
	padding-bottom: 9px;
	margin-bottom: 12px;
	border-bottom: 1px solid #9dd5ed;
}

.sidebar_box ul
{
	list-style:none;
	margin: 0;
	padding: 0;
}

.sidebar_box ul li
{
	list-style:none;
	margin: 0;
	padding: 6px 20px;
	background:url(images/sidebar_li_star.png) left 0.75em no-repeat;
}

.sidebar_box ul li ul.children li
{
	background:url(images/sidebar_li_star.png) left center no-repeat;
}

ul.tabs {
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	color: #416777;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background: transparent url(images/tab_active.png) repeat-x top;
	color:#416777;
	padding:6px 15px;
	text-decoration:none;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-left:1px solid #c3e5f4;
	border-right:1px solid #c3e5f4;
	outline:none;
}
ul.tabs li a:hover {
	background:url(images/tab_inactive.png)  repeat-x top;
}

ul.tabs li.ui-tabs-selected a
{
	background: transparent url(images/tab_inactive.png) repeat-x top;
}

ul.tabs li.ui-tabs-selected a:hover
{
	background: transparent url(images/tab_active.png) repeat-x top;
}

.content {
	width:257px;
	background: transparent url(images/sidebar_box_bg.png) repeat-y top left;
	padding:5px;
	color: #013449;
}
.content ul {
	margin:0px;
	padding:0px 12px;
}
.content ul li {
	list-style:none;
	margin: 0;
	border-bottom:1px solid #89cdea;
	padding:6px 0;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	font-weight:normal;
	color:#89cdea;
}
.content ul li a:hover {
	color:#89cdea;
}
.content .cloud{line-height:21px; padding: 12px;}
.content .cloud a{
	color:#89CDEA;}
.content .cloud a:hover{
	color:#f3f0f0;}	
#comments-tab li {		

}
.ui-tabs-hide {
	display: none;
}
.widget {
	width:267px;
	margin:12px 0;
	background-color:#12131a;
	border:1px solid #20212b;
}
.widget h2 {
	font-size:13px; 
	padding:0 15px 10px 15px;
	margin:10px 15px 0 15px;
	border-bottom:1px solid #20212b;
}
.widget ul {
	margin:0 0 15px 15px;
	padding:5px 0;
	border:none ;
	list-style:none;
}
.widget ul li {
	background:url(images/liall.gif) no-repeat left 40%;
	padding:5px 0 10px 20px;
	margin:0px;
}
.widget ul li a{
	color: #f3f0f0;
	text-decoration:none;
}
.widget ul li a:hover{
	color: #8d96e9;
	text-decoration:none;
	border-bottom: 1px solid #8d96e9;
}
#wp-calendar {
	width: 150px;
	margin: 0 auto;
}
#wp-calendar a {
	text-decoration: none;
	padding: 1px 2px;
	background-color: #20212b;
	color: #fff;
}
.textwidget{
	padding:0 10px 5px 10px;
	text-align:left;
}	
/* ------------------------------ footer -------------------------- */
#footer{
	clear:both;
	background:url(images/footer_bg.jpg) center top no-repeat;
	height:477px;
}
#footer p{
	font-size:11px;
	margin: 0 auto 0 -660px;
	padding-top:270px;
	text-align:center;
}
#footer a{
	color: #f3f0f0;
	text-decoration:underline;
}
#footer a:hover{
	color: #8d96e9;
	text-decoration:none;
	border-bottom: 1px solid #8d96e9;
}

/* -------------------------- COMMENTS ------------------------*/
#com{
	width:592px;
	padding: 30px 0 5px 8px;
	clear: both;
}
.commentlist {
	padding: 0;
	text-align: justify;
	margin-top:30px;
}	
.commentlist p {
	margin: 5px 15px 10px 2px;
	clear:both;
	line-height:20px;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
#comhead{
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:normal;
}
#comments { 
	border-bottom:1px solid  #2e2d34; 
	padding-bottom:5px;
}
.comment-meta{
	padding-bottom:30px;
}
.comment-author{
	font-weight:bold;
	font-size:14px;
	margin:3px 0 0 10px;
	float:left;
}
.comment-author a{
	color: #000;
	text-decoration:none;
	margin: 0px; 
	padding: 0px;
}
.comment-author a.url {
	color: #000;
	text-decoration:none;
	margin: 0px; 
	padding: 0px;
}
.comment-author a:hover {
	color: #006699;
	border:none;
	text-decoration: none;
}
.comment-date{
	font-size:11px; 
	color:#333; 
	margin-top:7px;
	font-weight:normal;
}
.com_txt{
	margin-top:3px;
	clear:both;
	font-size:12px;
	border-top: solid 1px #c3e5f4;
	margin-bottom:20px;
}
.cgravatar {
	float: left;
}	
#respond {
	width:480px;
	padding: 20px 0 5px 0px;
	clear: both;
	border-bottom:1px solid  #c3e5f4;
	font-size:22px;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight:normal;
	line-height:normal;
}
#commentform {	
	margin: 15px 5px 30px 0px;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #006699;
	margin:0 0 0 10px;
}
#commentform input{
	color:#333;
	width: 200px;
	border: 1px solid #c3e5f4;
	padding: 5px;
	margin-top: 3px;
}
#commentform #author{
	background:#fff;
}
#commentform #email{
	background:#fff;
}
#commentform #url{
	background:#fff;
}
#commentform textarea{
	height: 130px;
	border: 1px solid #c3e5f4;
	padding: 5px;
	background:#fff;
	color:#333;
	margin-top: 3px;
	overflow: auto;
}
#commentform textarea:hover, #commentform textarea:focus {
	background: #D6EFF8;
}
#commentform #submit{
	padding:5px 0;
	background:#fff;
	color:#c3e5f4;
	cursor:pointer;
}

/*  HEAD LINKS OVERLAYS  */

#marko, #design, #websites, #email_link, #write, #home_link
{
	display: block;
	background: transparent;
	position: absolute;
}

#home_link
{
	top:    52px;
	left:   35px;
	width:  162px;
	height: 78px;
}

#marko
{
	top: 78px;
	left: 307px;
	width: 141px;
	height: 54px;
}

#design
{
	top: 187px;
	left: 52px;
	width: 100px;
	height: 46px;
}

#websites
{
	top: 187px;
	left: 537px;
	width: 137px;
	height: 46px;
}

#email_link
{
	top: 237px;
	left: 519px;
	width: 109px;
	height: 40px;
}

#write
{
	top: 284px;
	left: 152px;
	width: 76px;
	height: 43px;
}

.testimony
{
	padding-top: 5px;
	background:url(images/quote.png) top left no-repeat;
}

.testimony p em
{
	display:block;
	text-align:right;
	margin-top: 15px;
	margin-bottom: 25px;
	color:#333;
}

#preview{
	position:absolute;
	border:4px solid #fff;
	background:#fff;
	padding:5px;
	display:none;
	color:#fff;
	}
	
#preview img
{
	max-width: 500px;
	max-height: 400px;
}
	
#older_work, #testimonials, #categories
{
	text-indent: -9000px;
	background:url(images/title_older_work.png) no-repeat 2px top;
}

#testimonials
{
	background:url(images/title_testimonials.png) no-repeat 2px top;
}

#categories
{
	background:url(images/title_categories.png) no-repeat 2px top;
}

.monthly-archive
{
	margin-top:30px;
	font-size:150%;
	font-weight: bold;
	line-height: 200%;
	list-style:none;
}




div.wpcf7 input {border:1px solid #006699;padding:0.5em 0 0 0.5em;margin:5px 0 5px 0; width:220px; height:20px; font-family:Arial,  sans-serif; font-size:1em; color:#333; background-color:#fff;}
div.wpcf7 label{font-family:Arial, sans-serif; color:#333; padding:0;}
div.wpcf7 textarea {width:300px;height:15em;border:1px solid  #006699;padding:0.2em; margin:10px 0 0 0;overflow:auto; font-family:Arial, sans-serif; font-size:1em; color:#333; background-color:#fff;}

div.wpcf7 input.cf7_submit {border:1px solid #006699;padding:0;margin:5px 0 5px 0; width:50px; height:20px; font-family:Arial,  sans-serif; font-size:1em; color:#333; background-color:#fff;}