/*----------------------------------------------------------------------------------



	Theme Name: Studio8

	Theme URI: http://themeforest.net/user/udfrance

	Version: 1.2

	Author: UDFrance

	Author URI: http://themeforest.net/user/udfrance

	Description: A photography/portfolio theme for WordPress 3.0 or higher

	License: GPLv3

	License URI: http://www.gnu.org/copyleft/gpl.html 

	Tags: WPML

			

	CSS overview: 

	

		1. Resets

		2. Backgorund

		3. Main Elements

			i.gobal wrapper

			ii.sidebar +content

		4. Menu

		5. Theme elements

			i.portfolio

			ii.blog

			iii. form elements

			iv.pagination

		6. Footer

		7. Links

		8. Typography

		9. Standard Elements

			i.buttons

			ii.columns

			iii. highlights

			iv.boxes

			v.media frames

			vi.lists

			vii.content lists

			viii.blockquotes

			ix. social

			x. divs

		10. Miscellaneous

		11. Password Protect

			

---------------------------------------------------------*/



/*--------------------------------------------------------

	1.RESETS

--------------------------------------------------------*/



	*{margin:0px;padding:0px;}

	html, body, div, h1, h2, h3, ul, ol, li, dt, p, table, th, td ,img{ margin: 0; padding: 0;border:none }

	

	h1,h2,h3,h4,h5,h6 {

		clear: both;

	}

	

	.entry-content img {

		margin: 0 0 1.5em 0;

		}

	.alignleft, img.alignleft {

		margin-right: 1.5em;

		display: inline;

		float: left;

		}

	.alignright, img.alignright {

		margin-left: 1.5em;

		display: inline;

		float: right;

		}

	.aligncenter, img.aligncenter {

		margin-right: auto;

		margin-left: auto;

		display: block;

		clear: both;

		margin-bottom: 1.5em;

		}

	.alignnone, img.alignnone {

		/* not sure about this one */

		}

	.wp-caption {

		margin-bottom: 1.5em;

		text-align: center;

		padding: 0px;

		}

	.wp-caption img {

		border: 0 none;

		padding: 0;

		margin: 0;

		}

	.wp-caption p.wp-caption-text {

		line-height: 1.5;

		font-size: 10px;

		margin: 0;

		}

	.wp-smiley {

		margin: 0 !important;

		max-height: 1em;

		}

	blockquote.left {

		margin-right: 20px;

		text-align: right;

		margin-left: 0;

		width: 33%;

		float: left;

		}

	blockquote.right {

		margin-left: 20px;

		text-align: left;

		margin-right: 0;

		width: 33%;

		float: right;

		}

		

	.gallery dl {}

	.gallery dt {}

	.gallery dd {}

	.gallery dl a {}

	.gallery dl img {}

	.gallery-caption {}

	

	.size-full {}

	.size-large {}

	.size-medium {}

	.size-thumbnail {}

	

	.sticky {}

	.bypostauthor {}

	#si_contact_form2 { font:12px arial, verdana, helvetica, sans-serif;}
	#si_contact_form2 input {
background:#F5F5F5 ; border:0;}   
#si_contact_form2 textarea {background:#F5F5F5 ; border:0;}

/*--------------------------------------------------------

	2.BACKGROUND

--------------------------------------------------------*/





	html,body{width:100%;height:100%; overflow:hidden; font-family: Arial, Helvetica, sans-serif; }

	body{background:#000;}

	

	.button-small, .button-medium, .button-large{outline: none;overflow: visible;cursor: pointer;}

	.button-small:hover, .button-medium:hover, .button-large:hover{text-decoration:none;}





/*--------------------------------------------------------

	3.MAIN ELEMENTS

--------------------------------------------------------*/



	/*----------------------------

	i.-- global wrapper

	-----------------------------*/

	

	#wrapper{width:100%; height:100%; overflow:auto;}

	

	

	/*----------------------------

	ii.-- sidebar + main content 

	-----------------------------*/

	

	/*NOTE :  settting #sidebar & #content-wrapper to display:none hides content fully, will not be visible for non js users*/

	#sideBar{width:180px;height:auto;overflow:hidden; position:fixed; z-index:10;left:20px; top:0; margin-right:20px;/*display:none;*/}

	#sideBar #inner{width:180px; height:auto; overflow:hidden;}

	#sideBar #logo{width:130px; height:auto; margin:20px auto 0 auto;}

	#sideBar #close-but{width:180px; height:41px; margin:auto;text-align:center; padding-top:0px; cursor:pointer; position:relative;}

	#sideBar #close-but div{padding-top:4px;}

	#content-wrapper{ position:relative; width:560px; height:auto;overflow:hidden; left:220px; margin-top:40px; top:1px; /*display:none;*/} 

	.content{width:530px; height:auto; overflow:hidden; margin:1px auto 0px auto; position: relative; z-index: 1; top:1px;}

	#launch-but{width:110px;height:110px;position:absolute; left:52.5px;top:0px;cursor:pointer;display:none;}

	#launch-but #circle{ position:absolute;width:80px; height:80px;top:50%;left:50%;margin:-40px 0 0 -40px;-webkit-border-radius: 80px;-moz-border-radius: 80px; border-radius: 80px;}

	#launch-but #circle-overlay{ position:absolute;width:0px; height:0px;top:50%;left:50%;-webkit-border-radius: 80px;-moz-border-radius: 80px; border-radius: 80px;}

	#launch-but #label{position:relative;line-height:110px;width:100%; z-index:5;}

	



/*--------------------------------------------------------

	4.MENU

--------------------------------------------------------*/



	/*----------------------------

	i.-- main menu

	-----------------------------*/

	

	#navContainer{width:130px; height:auto; overflow:hidden; margin:auto;padding-top:15px;}

	#nav{float:left; width:130px; height:auto; list-style:none; margin-bottom:0px;}

	#nav li{width:130px;position:relative;display:block; width:100%; margin-bottom:15px; text-align:center;}

	#nav li a{height:15px;display:block;background:none;}

	/*#nav li a:hover{}*/

	/*#nav li a.active {}*/

	

	/*----------------------------

	ii.-- sub menu

	-----------------------------*/

	

	#nav ul{width:130px;/*position:relative;z-index:100;*/left:-9999px; margin-top:15px; margin-bottom:0px; display:none;}

	#nav ul li{width:130px; line-height:20px;margin-bottom:15px;border:none; text-align:center }

	#nav ul.submenu li.last{border:none; margin:0px; padding:0px;}/*slideDown/Up fix*/

	#nav ul a{width:130px;white-space:nowrap;display:block;}

	/*#nav li:hover ul{}*/





/*--------------------------------------------------------

	5.PAGE ELEMENTS

--------------------------------------------------------*/



	

	/*----------------------------

	i.-- portfolio

	-----------------------------*/

	

	._thumb-ind{width:40px; height:40px;position:absolute; z-index:4; margin:60px 0 0 120px;}

	

	/*----------------------------

	ii.-- blog

	-----------------------------*/

	

	.post{width:500px;padding-bottom:30px; margin-bottom:30px; float:left;}

	.post_full{width:500px;margin-left:-500px}/*hide post off screen*/

	.post.last{margin:0px; padding:0px; border-bottom:none !important;}

	.entrySpec{width:auto; margin-bottom:15px;}

	.comment{width:500px; height:45px; background: url(images/black/comments_blog.png) center center no-repeat; position:absolute; z-index:1; text-align:center;margin-top:155px;}

	.comment div{ margin-top:20px;}

	.comment div a {

		color: #222;

		font-size: 25px;

	}

	.post_close{width:16px;height:33px;position:fixed;z-index:99;cursor:pointer;top: 50%;left: 780px;text-align: center; display:none;}

	

	/*----------------------------

	iii.-- forms

	-----------------------------*/

	

	.field{width:233px; height:30px;border:none; padding:0 5px;margin:0 0 10px 0; }

	.field:focus{outline:none;border:none;}

	.tarea{width:233px; height:101px;border:none;  padding:8px 5px 5px 5px;float:left; text-align:justify; overflow:auto;}

	.tareaComment{width:488px; height:101px;border:none;  padding:8px 5px 5px 5px;float:left; text-align:justify; overflow:auto;}

	.tarea:focus,.tareaComment:focus{border:none; outline:none;}

	.formProgress{float:left;margin-top:15px;}

	 p.form{float:left; overflow:hidden; margin-bottom:15px;}

	#studiopot {display:none;}

	

	/*----------------------------

	iv.-- pagination

	-----------------------------*/

	

	.ellipse{float: left;}

	.container{width:500px; float:left;margin:0 0 30px 0;padding:0px; overflow:hidden;height:auto;}

	.spacing{padding-bottom:85px;}

	.page_navigation , .alt_page_navigation{ width: 500px; height:auto; text-align: center; letter-spacing: 35px;  white-space: nowrap;  line-height: 12px;  overflow: hidden;position:absolute; bottom:10px; z-index: 999;}

	.page_navigation a, .alt_page_navigation a{margin:2px; width:10px;height:10px;color:white;text-decoration:none;font-family: Tahoma;font-size: 12px; background:url(images/black/page_sel.png) 0 0  no-repeat;display: inline-block; vertical-align: middle;  }

	.active_page{background:url(images/black/page_sel.png) 0px -10px  no-repeat !important;text-decoration:none;}	

	ul.contentPaginate li{list-style:none;}





/*--------------------------------------------------------

	FOOTER

--------------------------------------------------------*/



	#footer{width:500px; height:50px; line-height:50px; border-top:1px solid #333333;margin:auto;}

	.icon_holder{width:16px; height:16px;float:right; margin-top:18px;}



/*--------------------------------------------------------

	LINKS

--------------------------------------------------------*/



	a,a:visited{text-decoration:none; outline:none; border:none;}

	a:hover{text-decoration:underline;}

	a.r-more,a:visited.r-more{text-decoration:none; outline:none; border:none; float:right;}

	a.r-more:hover{text-decoration:underline;}





/*--------------------------------------------------------

	TYPOGRAPHY

--------------------------------------------------------*/

	

	h1,h2, h3, h4, h5, h6, p, ol {margin-bottom: 30px; font-style:none}

	h1.pageHeading{font-family: "Arial"; font-size:150px;line-height:120px; padding-top:13px;/*ie fix*/position:relative;z-index:10;width:500px;/**/ margin-bottom:15px; font-style:none}

	h1,h2,h3,h4,h5,h6{text-align:left;/*ie fix*/position:relative;z-index:10;/**/} /*DO NOT REMOVE POSITION RELATIVE OR Z-INDEX, OR CUFON FADING WILL NOT WORK IN IE*/

	p{font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 30px;}

	p.slogan{ width:100%; font-family: Arial, Helvetica, sans-serif;  font-size:12px; margin:0px;text-transform:uppercase;text-align:center; letter-spacing:3.5px; margin-bottom:15px;}



/*--------------------------------------------------------

	9. STANDARD ELEMENTS

--------------------------------------------------------*/



	/*----------------------------

	i.-- buttons

	-----------------------------*/

	

	.button {display: inline-block;line-height: 1;position: relative;cursor: pointer;border:none;}

	.button:active {position: relative;top: 1px;}

	

		/* button sizes */

		.button.small {font-size: 11px;padding: 10px 20px;}

		.button.medium{font-size: 13px;padding: 12px 25px;}

		.button.large {font-size: 14px;padding: 15px 25px;}

		.button.alignLeft{float:left;}

		.button.alignRight{float:right;}

	 

		/*button colors*/

		/*ref to style_theme.css*/

		

		/*button effects*/

		/*ref to style_theme.css*/

	

	/*----------------------------

	ii.-- columns

	-----------------------------*/

	

	.one_half, .one_third, .one_fourth,.one_fifth, .two_third, .three_fourth{height:auto; float:left;margin-right:8%;overflow:hidden;}

		

		.one_half{width:46%;}

		.one_third{width:28%;}

		.one_fourth{width:19%;}

		.one_fifth{width:19%;}

		.two_third{width:64%;}

		.three_fourth{width:73%;}

		.col_last{margin-right: 0 !important; clear: right;}



	

	/*----------------------------

	iii.-- highlights

	-----------------------------*/

	

	.highlight{padding:2px 5px;}

	

		/*highlights colors*/

		/*ref to style_theme.css*/

		

		/*highlights effects */

		/*ref to style_theme.css*/

		



	/*----------------------------

	iv.-- boxes

	-----------------------------*/

	

	.box{width:100%;height:auto;overflow:auto;margin-bottom:20px;}

	

		/* code excerpts */

		pre,code{line-height: 20px;padding: 20px 20px;display: block;overflow: auto; white-space:normal;}



		/* box styles*/

		.box_elegant{padding: 20px 20px;display: block;overflow: auto;}

		.box_elegant.rcorners{-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;}

		

		/*box colors*/

		/*ref to style_theme.css*/

	

	

	/*----------------------------

	v.-- media framing/shadows

	-----------------------------*/

	

	.media_holder{margin-bottom:30px;}

	

		._imageThumb,._videoThumb {position:absolute;border:none;z-index:3; }

		._blogThumb{position:absolute;border:none;z-index:3;}

		

		/*frames*/

		._border_simple, ._border_thick-1, ._border_thick-2{padding:5px;}



		/*media alignment/wrappeds*/

		.media_holder.alignLeft{float:left;margin-right:20px;}

		.media_holder.alignRight{float:right;margin-left:20px;}

		.media_holder.alignLeftWrapped{float:left;margin-right:20px; margin-bottom:5px;}

		.media_holder.alignRightWrapped{float:right;margin-left:20px; margin-bottom:5px;}



		/*folio speicific*/

		.media_holder.folio{ float:left;margin:0px 10px 10px 0px;}

		.media_holder.last{margin-right:0px;}

		

		/*drop shadow*/

		.drop_shadow{margin:0 auto; display:block;}

		

		/*image-hover containers*/

		._rollover {position:absolute;border:none;z-index:2; opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); background: url(images/transparent.png)repeat;} 

		._rollover-social{position:absolute;border:none;z-index:2; opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);} 

		._original{position:relative; display:block;}

		

	/*----------------------------

	vi.-- lists

	-----------------------------*/	

	

	ul.list li{margin-bottom: 2px;padding-bottom: 2px;padding-left: 25px;}

	

	/*----------------------------

	vii.-- content lists

	-----------------------------*/	

	

	ul.content_list{width:100%; list-style:none;}

	

		ul.content_list li{width:500px;margin-bottom:30px; padding-bottom:30px;float:left;}

		ul.content_list li p{margin:0px}

		ul.content_list li p span.title{padding:5px;}

		ul.content_list li .media_holder{margin-bottom:0px;}

		

	/*----------------------------

	vii.-- comment lists

	-----------------------------*/	

	

	ul.comment_list{width:100%; list-style:none;}

	

		ul.comment_list li{width:500px;margin-bottom:30px; padding-bottom:30px;float:left;}

		ul.comment_list li .avatar{float:left; margin-right:25px;}

		ul.comment_list li .comment_left{width:412px; float:left;}

		.comment_name,.comment_date,.commentary p{ width:100%;margin-bottom:15px;}

		ul.comment_list li .media_holder{margin-bottom:0px;}

		ul.comment_list ul li {

			padding-left: 85px;

			list-style: none;

		}

	

	/*----------------------------

	viii.-- blockquotes

	-----------------------------*/



	blockquote{margin:10px 0 30px 0; clear: both;overflow:auto;}

		

		/*quote positioning*/

		blockquote p {float:left;margin:0 0 15px 45px;padding-top:3px;}

		blockquote p.clientRef {margin:0px 0 0 45px;}

		

		/*blockquote alignment*/

		blockquote.alignLeft{width:200px; float:left; margin:10px 15px 15px 0 ;}

		blockquote.alignRight{width:200px; float:right ;margin:10px 0 15px 15px;}

	

	

	/*----------------------------

	ix.-- social

	-----------------------------*/

	

	.icon_holder{width:16px; height:16px;}

	.icon_holder.alignRight{float:right; margin-left:8px;}

	.icon_holder.alignLeft{float:left; margin-right:8px;}

	

	

	/*----------------------------

	ix.-- divs

	-----------------------------*/

	

	/*xi.---div*/

	

	/*.div-simple, .div-double{}*/

	/*ref to style_theme.css

	

	

	/*div spacing*/

	._0{margin:0px;}

	

	._10{margin:5px 0px;}

	._t10{margin-top:0px;}

	._b10{margin-bottom:0px;}

	

	._20{margin:20px 0px;}

	._t20{margin-top:20px;}

	._b20{margin-bottom:20px;}

	

	._30{margin:30px 0px;}

	._t30{margin-top:30px;}

	._b30{margin-bottom:30px;}

	

	._40{margin:30px 0px;}

	._t40{margin-top:30px;}

	._b40{margin-bottom:30px;}

	





/*--------------------------------------------------------

	10. MISCELLANEOUS

--------------------------------------------------------*/	



  .clear{clear:both;}

  .clearLeft{clear:left;}

  .clearRight{clear:right;}

  .hide{display:none;}

  .show{display:block;}





.wdpajax-error{

	border:1px solid #f9d9c9;

	padding:5px;

	color:#ff3311;

}

.wdpajax-success{

	border:1px solid #339933;

	padding:5px;

	color:#339933;

}

label.error{

	float:none !important;

	padding-left:5px;

	color:#ff3311;

}



/*--------------------------------------------------------

	10. PASSWORD PROTECT

--------------------------------------------------------*/	



.pw_protect {

	display: none;

}



.pw_box {

	padding: 20px 0px;

}