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

	Theme Name: Studio8 (with Materious modifications)
	Theme URI: http://themeforest.net/user/udfrance
	Version: 1.4
	Author: UDFrance (modified by Joshua Albers)
	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 {}
	
/*--------------------------------------------------------
	2.BACKGROUND
--------------------------------------------------------*/


	html,body{width:100%;height:100%; overflow:hidden; font-family: "Helvetica Neue", "Helvetica", Arial; }
	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:150px 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;}
/* jra 20120307 #content-wrapper{ position:relative; width:560px; height:auto;overflow:hidden; left:220px; margin-top:40px;/*display:none;*//*}*/  
	#content-wrapper{ position:relative; width:760px; height:auto;overflow:hidden; left:220px; margin-top:40px;/*display:none;*/} /* jra 20120328 */
/* jra 20120307 .content{width:500px; height:auto; overflow:hidden; margin:30px auto 0px auto; position: relative; z-index: 1;} */
	.content{width:700px; height:auto; overflow:hidden; margin:30px auto 0px auto; position: relative; z-index: 1;} /* jra 20120328 */
	#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; right:0px; bottom: 0px;}
	
	/*----------------------------
	ii.-- blog
	-----------------------------*/
	
/* jra 20120307	.post{width:500px;padding-bottom:30px; margin-bottom:30px; float:left;} */
	.post{width:700px; float:left;} /* jra 20120328 */
/* jra 20120307 .post_full{width:500px;margin-left:-500px}/*hide post off screen*/
	.post_full{width:700px;margin-left:-700px}/*hide post off screen*/ /* jra 20120328 */
	.post.last{margin:0px; padding:0px; border-bottom:none !important;}
	.entrySpec{width:auto; margin-bottom:15px;}
/* jra 20120307        .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{width:700px; height:45px; background: url(images/black/comments_blog.png) center center no-repeat; position:absolute; z-index:1; text-align:center;margin-top:155px;} /* jra 20120328 */
	.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;}
	.blog {width:500px;} /* jra 20120409 */
	
	/*----------------------------
	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;}
	.tarea: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;}
/* jra 20120307 .container{width:500px; float:left;margin:0 0 30px 0;padding:0px; overflow:hidden;height:auto;} */
	.container{width:700px; float:left;margin:0 0 30px 0;padding:0px; overflow:hidden;height:auto;} /* jra 20120328 */
	.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
--------------------------------------------------------*/

/* jra 20120307 #footer{width:500px; height:50px; line-height:50px; border-top:1px solid #333333;margin:auto;} */
	#footer{width:700px; height:50px; line-height:50px; border-top:1px solid #333333;margin:auto;} /* jra 20120328 */
	.icon_holder{width:16px; height:16px;float:right; margin-top:18px;}
	.signup_form_container{ position:relative; float:right; margin-right:18px; } /* jra 20120321 */
	#signup_form{ } /* jra 20120321 */

/*--------------------------------------------------------
	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, ul, ol {margin-bottom: 30px;}
/* jra 20120307 h1.pageHeading{font-family: "Bebas Neue"; font-size:130px;line-height:120px; padding-top:13px;/*ie fix*//*position:relative;z-index:10;width:500px;/**/ /*margin-bottom:15px;} */
	h1.pageHeading{font-family: "Bebas Neue"; font-size:130px;line-height:120px; padding-top:13px;/*ie fix*/position:relative;z-index:10;width:700px;/**/ margin-bottom:15px;} /* jra 20120328 */
	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: "Helvetica Neue", "Helvetica", Arial; font-size:12px; line-height: 30px;}
	p.slogan{ width:100%; font-family: "Helvetica Neue", "Helvetica", Arial;  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
	-----------------------------*/
	
	/* jra 20120328 .one_half, .one_third, .one_fourth,.one_fifth, .two_third, .three_fourth{height:auto; float:left;margin-right:8%;overflow:hidden;} */
	.one_half, .one_third, .one_fourth,.one_fifth, .two_third, .two_thirds, .three_fourth{height:auto; float:left;margin-right:8%;overflow:hidden;} /* jra 20120328 */

		.one_half{width:46%;}
		.one_third{width:28%;}
		.one_fourth{width:19%;}
		.one_fifth{width:19%;}
		.two_third{width:64%;}
		.two_thirds{width:64%;} /* jra 20120328 */
		.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{position: relative;margin-bottom:30px;}
		
		/* jra 20120314 ._imageThumb,._videoThumb {position:absolute;border:none;z-index:3; } */	
		._postThumb,._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*/
		/* jra 20120319 ._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 {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; text-align:center;}
		._rollover h3 {text-align:center; top:50%; vertical-align:middle; } /* jra 20120319 */
		._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;}

/* jra 20120307 ul.content_list li{width:500px;margin-bottom:30px; padding-bottom:30px;float:left;} */	
		ul.content_list li{width:700px;margin-bottom:30px; padding-bottom:30px;float:left;} /* jra 20120328 */
		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;}

/* jra 20120307 ul.comment_list li{width:500px;margin-bottom:30px; padding-bottom:30px;float:left;} */	
		ul.comment_list li{width:700px;margin-bottom:30px; padding-bottom:30px;float:left;} /* jra 20120328 */
		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;
}

#slidecaption a {
	font-size: 14px;
}

/*--------------------------------------------------------
	11. PASSWORD PROTECT
--------------------------------------------------------*/	

.pw_protect {
	display: none;
}

.pw_box {
	padding: 20px 0px;
}