/*  

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;width: 850px;
	text-align: left;
	 line-height: 2.2;
	padding-top:370px;


}

#footer a{

	color: #004d73;

	text-decoration:underline;

}

#footer a:hover{

	color: #004d73;

	text-decoration:none;


}



/* -------------------------- 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;}