/*

Theme Name: Photo & Graphic Studio

Theme URI: http://www.themeforest.net/

Description: A wordpress theme suitable for photographers and graphic & web designers.

Version: 1.0

Author: Akay Akagunduz

Author URI: http://tavshan.com/

*/



/***********************************************************



	Reset

	

***********************************************************/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}



:focus {

	outline: 0;

}



body {

	line-height: 1;

}



ol, ul {

	list-style: none;

}


strong { font-weight: bold; font-style: normal;fon;line-height: normal; t-variant: normal; }




table {

	border-collapse: separate;

	border-spacing: 0;

}



caption, th, td {

	text-align: left;

	font-weight: normal;

}



blockquote:before, blockquote:after, q:before, q:after {

	content: "";

}



blockquote, q {

	quotes: "" "";

}

blockquote { 
 background-color: #EAF2F4; 
 color: #51646B; 
 line-height: 18px; 
 margin:5px 0px; 
 padding:10px; }



/***********************************************************



	Classes

	

***********************************************************/



.tAJ	{text-align:justify;}

.tAR	{text-align:right;}



.fS10 {

	font: 10px Tahoma;

	color: #000000;

	text-transform: uppercase;

}



.fS11 {

	font: 11px Tahoma;

}



.fS12 {

	font: 9px Tahoma;
	
	color: #FFFFFF;

	text-transform: uppercase;

}



.cB		{clear:both;}



.b5 {

	border: 5px solid #303030;

}



.post h2{

	margin-bottom: 0px;

}



.post h1{

	margin-bottom: 0px;

}



.post .entry {

	padding: 10px 0px 10px 0px;

	margin: 10px 0px 10px 0px;

	background: url('images/entryBG.gif') top no-repeat;

}



/***********************************************************



	General

	

***********************************************************/



html, body {

	overflow-x: hidden;

}



body {

	background: #000000;

	font: 12px Arial;

	color: #303030;

	padding: 20px 0px 20px 0px;

	

}



.container {

	width: 980px;

	margin: auto;

}


h1 { color: #0085cc; font: bold 30px Arial; letter-spacing: -1px; margin-bottom: 10px; }



h2 {

	font: bold 18px Arial;

	color: #0085cc;

	letter-spacing: -0.5px;

	margin: 10px 0 5px;

}



	h2 a {

		color: #0085cc;

	}



h3 {

	font: bold 14px Arial;

	color: #303030;

	letter-spacing: -0.5px;

	margin: 10px 0px 5px 0px;

}



	h3 a {

		color: #303030;

	}



p {

	margin-bottom: 10px;

}



a {

	color: #000000;

	text-decoration: none;

}



a:hover {

	color: #0085cc;

}



/************************************************



	forms



************************************************/



form {

  width: 100%; 

}



form fieldset {

  border: 1px solid #c9c9c9;

  padding: 10px;

  background: #f4f4f4;

  margin-bottom: 10px;

}



form fieldset label {

	display: block;

	float: left; 

	width: 170px; 

	margin: 8px 0px 0px 0px;

	text-align: right;

}



form fieldset input, form fieldset textarea {

	width: 250px;

	background: #FFFFFF;

	margin: 5px 0px 0px 10px;

	border: 1px solid #838383;

	padding: 3px;

}



	form fieldset input:hover, form fieldset textarea:hover {

		border: 1px solid #202020;

	}

	

	form fieldset input:focus, form fieldset textarea:focus {

		border: solid 1px #00c3ff;

	}



form fieldset textarea {

	overflow: auto;

}



form fieldset select {

	width: 250px;

	background: #FFFFFF;

	height: 25px;

	margin: 5px 0px 0px 10px;

	border: 1px solid #838383;

}



	form fieldset select:hover {

		border: 1px solid #202020;

	}

	

	form fieldset select:focus {

		border: 1px solid #00aec8;

	}



form fieldset br {

	clear:left;

}



form fieldset .right {

	margin: 5px 0px 0px 180px;

}



form fieldset .error_message {

	font: 10px Tahoma;

	color: #b34040;

	text-transform: uppercase;

	margin: 5px 0px 10px 180px;

}



form fieldset .button {

	width: 258px;

	font: bold 12px Arial;

	color: #ffffff;

	background: #0085cc;

	border: solid 1px #000000;

	margin: 0;

	cursor: pointer;

}



	form fieldset .button:hover {

		background: #202020;

		border: solid 1px #000000;

	}



/***********************************************************



	Header

	

***********************************************************/



#header {

	height: 120px;

	background: url('images/transparent.png');

}



	#header:hover {

		background: #000000;

	}



#logo {

	width: 197px;

	height: 64px;

	background: url('images/logo.png');

	float: left;

	margin-top: 28px;

}



	#logo img {

		width: 197px;

		height: 64px;

	}
	
	
#slogan {

	width: 264px;

	height: 38px;

	background: url('images/slogan.png');

	float: left;

	margin: 40px 0px 0px 10px;
	

}



	#slogan img {

		width: 264px;

		height: 38px;

	}

	

#nav {

	width: 180px;

	font: 11px Tahoma;

	text-transform: uppercase;

	float: left;

	margin: 30px 0px 0px 0px;

}



	#nav li {

		width: 65px;

		float: left;

		padding-left: 10px;

		margin: 0px 0px 10px 10px;

		background: url('images/arrow.gif') left no-repeat;

	}

	

		#nav li a {

			color: #7f7f7e;

		}

		

		#nav li a:hover {

			color: #00A6FF;

		}



#search {

	width: 300px;

	height: 31px;

	background: url('images/searchBG.gif') no-repeat;

	margin-top: 44px;

	float: right;

}



	#search form fieldset{

		padding: 0px;

		background: none;

		border: none;

	}

	

	#search form fieldset input{

		margin: 0px;

	}



	#search .text{

		width: 250px;

		height: 20px;

		padding: 8px 0px 0px 11px;

		font: 11px Tahoma;

		color: #b4b4b4;

		background: none;

		border: 0px;

		float: left;

	}

	

	#search .submit{

		width: 31px;

		height: 31px;

		cursor: pointer;

		background: none;

		border: 0px;

		float: right;

	}

	

/***********************************************************



	Footer

	

***********************************************************/



#footer { background: #055491 url(images/FooterBkg.gif); text-align: center; padding: 10px 0; margin-top: 20px; }



	#footer p{

		margin-bottom: 0px;
		color: #B2B2B2;

	}

		

		.footer a {

			color: #B2B2B2;

		}

		

		.footer a:hover {

			color: #ff9900;

		}

	

/***********************************************************



	Homepage showcase

	

***********************************************************/



#showcase {

	width: 980px;

	height: 400px;

	font: bold 11px Tahoma;

	text-transform: uppercase;

	position: relative;

}



	#showcase a {

		color: #FFFFFF;

	}

	

	#showcase ul li {

		width: 980px;

		height: 200px;

		padding-top: 190px;

	}

	

	#showcase ul li h1 a{

		font: bold 36px Arial;

		text-transform: none;

		background: url('images/transparent.png');

		display: inline;

		padding: 2px 5px 2px 5px;

		letter-spacing: -0.5px;

	}

	

		#showcase ul li h1 a:hover {

			background: #000000;

		}

	

	#showcase ul li .info {

		margin-top: 10px;

	}

	

		#showcase ul li .info .date {

			background: #ffffff url('images/featured_dateBG.gif') right bottom no-repeat;

			color: #000000;

			padding: 7px 10px 7px 10px;

		}

		

		#showcase ul li .info .cat a {

			background: #0199eb url(images/featured_catBG.gif) no-repeat right top;

			padding: 7px 10px;

			margin-left: 1px;

		}

		

			#showcase ul li .info .cat a:hover {

				background: #000000;

			}

		

	#showcase  ul li .nav {

		margin-top: 15px;

	}

	

		#showcase ul li .nav .prev a {

			background: url('images/transparent.png');

			padding: 7px 10px 7px 10px;

		}

		

			#showcase ul li .nav .prev a:hover {

				background: #000000;

			}

		






		#showcase ul li .nav .next a {

			background: url('images/transparent.png');

			padding: 7px 10px 7px 10px;

			margin-left: 1px;

		}

		

			#showcase ul li .next a:hover {

				background: #000000;

			}

			

#showcase .goto1,

#showcase .goto2 {

	font-size: 0px;

}

			

/***********************************************************



	Homepage Background

	

***********************************************************/



.pattern {

	width: 5040px;

	height: 1050px;

	margin-left: -2520px;

	position: absolute;

	left: 50%;

	top: 0px;

	background: url('images/pattern.gif');

	z-index: -1;

}



.gradient {

	width: 5040px;

	height: 1050px;

	margin-left: -2520px;

	position: absolute;

	left: 50%;

	top: 0px;

	background: url('images/gradient.png') bottom repeat-x;

	z-index: -2;

}



#background {

	width: 5040px;

	height: 1050px;

	margin-left: -2520px;

	position: absolute;

	left: 50%;

	top: 0px;

	z-index: -3;

}

	

	#background .images ul li {

		width: 1680px;

		height: 1050px;

		text-align: center;

	}

	

		#background .images ul li img {

			width: 1680px;

			height: 1050px;

		}

		

	#background .images ul li.graphic {

		background: #303030;

	}

	

		#background .images ul li.graphic  img {

			width: 980px;

			height: 370px;

			margin-top: 150px;

		}

	

/***********************************************************



	Detail Background

	

***********************************************************/



#background_detail {

	width: 100%;

	height: 435px;

	background: url('images/detailBG.jpg') repeat-x;

	position: absolute;

	top: 0px;

	left: 0px;

	z-index: -1;

}



	#background_detail .pattern_detail {

		width: 100%;

		height: 435px;

		background: url('images/pattern.gif');

		position: absolute;

		top: 0px;

		left: 0px;

	}

	

	#background_detail .image_detail {

		width: 980px;

		height: 435px;

		background: url('images/detail_headerBG.jpg') no-repeat;

		margin: auto;

	}



	

/***********************************************************



	Columns

	

***********************************************************/



#content .col1 {

	width: 320px;

	float: left;

}



#content .col2 {

	width: 320px;

	float: left;

	margin-left: 10px;

}



#content .col3 {

	width: 320px;

	float: left;

	margin-left: 10px;

}



#content  .colLeft {

	width: 670px;

	margin-top: 20px;

	float: left;

}



#content  .colRight {

	width: 300px;

	float: left;

	margin: 20px 0px 0px 10px;

}





/***********************************************************



	Content

	

***********************************************************/



.box {

	background: #FFFFFF;

	padding: 20px;

	margin-bottom: 10px;

}



	.box h2 {

		margin-top: 0px;

	}



.box2 {

	background: url('images/pattern2.gif');

	padding: 20px;

	margin-bottom: 10px;

}



	.box2 h2 {

		color: #FFFFFF;

		margin-top: 0px;

	}

	

	.box2 .list li {

		background: url('images/listBG2.gif') center bottom no-repeat;

	}

		

		.box2 .list li .date{

			color: #0199eb;

		}

		

		.box2 .list li a {

			color: #FFFFFF;

			background: url('images/bullet2.gif') left no-repeat;

		}

		

		.box2 .list li a:hover {

			color: #d8d8d8;

		}

		

		.list li p .cat a{

			background: none;

			padding:0px;

		}



.box3 {

	background: url('images/pattern4.png');

	padding: 20px;

	margin-bottom: 10px;

}



.box4 {

	background: url('images/pattern2.gif');

	padding: 9px;

	margin-bottom: 0px;

}



.corner {

	background: #FFFFFF url('images/corner.gif') right top no-repeat;

}



.corner2 {

	background: #FFFFFF url('images/corner2.gif') right top no-repeat;

}



.list li {

	background: url('images/listBG.gif') center bottom no-repeat;

	padding-bottom: 8px;

	margin-bottom: 5px;

}



	.list li p {

		margin-bottom: 2px;

	}



	.list li p.date {

		font: 10px Tahoma;

		text-transform: uppercase;

		color: #505050;

		padding-left: 15px;

	}



		.list li a {

			background: url('images/bullet.gif') left no-repeat;

			padding-left: 15px;

		}

		

		.list li p .cat a{

			background: none;

			padding:0px;

		}

		

.list2 {

	margin: 10px 0px 10px 0px;

}



	.list2 li {

		background: url('images/arrow2.gif') left no-repeat;

		padding-left: 17px;

		margin-bottom: 5px;

	}
	
	

.ads ul li {

	width: 125px;

	height: 23px;

	margin-right: 0px;

	float: left;

}



	.ads ul li.last {

		margin-right: 0px;


}

.bookmarks {
 
		float: right;

}




.item {

	margin-bottom: 20px;

	border-bottom: 1px dashed #bebebe;

}



.commentlist li{

	background: url('images/entryBG.gif') bottom no-repeat;

	padding-bottom: 10px;

	margin-top: 10px;

}



.commentlist .comment-meta {

	font: 10px Tahoma;

	text-transform: uppercase;

	margin-bottom: 10px;

}



.commentlist .says {

	font: bold 14px Arial;

	color: #303030;

	letter-spacing: -0.5px;

	margin: 10px 0px 5px 0px;

}



.commentlist .avatar {

	display: none;

}



.fn {

	font: bold 14px Arial;

	color: #303030;

	letter-spacing: -0.5px;

	margin: 10px 0px 5px 0px;

}



.loading {

	width: 100%;

	height: 100%;

	background: #000000;

	position: absolute;

	top: 0px;

	left: 0px;

	z-index: 1000;

	display: none;

}



	.loading img {

		margin: -10px 0px 0px -110px;

		position: relative;

		top: 50%;

		left: 50%;

	}

	

	body.home .loading {

		display: block;

	}



/***********************************************************



	Lightbox

	

***********************************************************/



#jquery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;

	zoom: 1;

	display: block;

}

#lightbox-nav-btnPrev { 

	left: 0; 

	float: left;

}

#lightbox-nav-btnNext { 

	right: 0; 

	float: right;

}

#lightbox-container-image-data-box {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

	padding: 0 10px 0;

}

#lightbox-container-image-data {

	padding: 0 10px; 

	color: #666; 

}

#lightbox-container-image-data #lightbox-image-details { 

	width: 70%; 

	float: left; 

	text-align: left; 

}	

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {

	display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

}			

#lightbox-secNav-btnClose {

	width: 66px; 

	float: right;

	padding-bottom: 0.7em;	

}