/*
Theme Name: Squared WP
Theme URI: http://themeforest.net/user/udfrance
Description: Minimalist Photography/Design Theme
Author: udfrance
Author URI: http://themeforest.net/user/udfrance
Version: 1.6
Tags: black, white, two-columns, fixed-width, custom-background, threaded-comments, translation-ready, custom-menu

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

*/

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

Type: Core css

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.media frames
		v.lists
		vi.content lists
		vii.comment lists
		viii.blockquotes
		ix. social
		x. divs
	10. Misellaneous
		
		

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

/*--------------------------------------------------------
	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 }
	.alignleft { float:left; }
	.alignright { float:right; }
	.aligncenter { display:block; margin:0px auto; }

/*--------------------------------------------------------
	2.BACKGROUND
--------------------------------------------------------*/


	/*html{}*/
	html,body{width:100%;height:100%; overflow:hidden;}
	body{background:#fff;}
	.raster{background-image: url(../images/black/raster.png); background-repeat: repeat; background-attachment:fixed;}
	
	.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; position:relative;}
	
	/*----------------------------
	ii.-- sidebar + main content 
	-----------------------------*/
	
	/*NOTE :  settting #sidebar & #content-wrapper to display:none hides content fully, will not be visible for non js users*/
	
	#header{width:100%;position:relative; z-index:102;margin-bottom:3px;}
	#header #inner{width:900px; position:relative;margin-bottom:3px;padding:15px 40px; left:-980px;}
	#header #inner #logo{width:188px; margin:40px 0px;}
	#toggleBut{width:85px; height:40px;text-align:center;float:left; cursor:pointer; display:none; margin-left:3px;}
	#toggleBut div{width:60px; margin-left:20px;}
	#content-wrapper{ position:relative; width:980px;left:-980px;z-index:101;} 
	.content{width:900px;overflow:hidden; margin:auto; position:relative; padding:30px 40px 0 40px;}
	.sidebar { font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:16px; color:#666; }
	.sidebar .widget_search { margin-bottom:30px; }
	.sidebar ul{float:left;width:100%;}
	.sidebar ul li{float:left;width:100%;}
	.sidebar .widget_calendar {margin-bottom:30px;}
	.sidebar .widget_calendar table {width:100%;}
	.sidebar .widget_calendar table th{padding:8px; text-align:left;}
	.sidebar .widget_calendar table td {padding:0 8px;}
	.sidebar .widget_calendar table td#next{text-align:right;}
	.sidebar .widget_nav_menu .sub-menu {width:94%; margin-left:6%;list-style:none;margin-bottom:0;}
	#content-wrapper #content-loading{position:absolute;top:10px;left:40px;}
	

/*--------------------------------------------------------
	4.MENU
--------------------------------------------------------*/

	/*----------------------------
	i.-- main menu
	-----------------------------*/
	
	#navContainer{position:relative;width:1025px;height:40px;left:-940px;}
	#navContainer #navContainerInner{float:left;width:887px;height:40px;padding:0px 10px 0px 40px;}
	#navContainer ul{width:auto;height:38px;list-style:none;line-height:38px;float:left; padding-top:2px; margin-left:-20px;/*alignment correction*/}
	#navContainer ul li{position:relative;float:left;display:block;padding:0 20px;}
	#navContainer ul li a{display:block;background:none; outline:none;border:none;}
	
/*	#navContainer{width:1025px;height:40px; position:relative;/* margin:0 auto;*//*left:-940px;*//*}
	#navContainer #navContainerInner{width:887px;height:40px;padding:0px 10px 0px 40px;float:left;}
	#navContainer ul{width:auto;height:40px;list-style:none;line-height:38px;float:left; padding-top:2px; margin-left:-20px;/*alignment correction*//*}
	#navContainer ul li{position:relative;float:left;display:block;padding:0 20px;}
	#navContainer ul li a{display:block;background:none; outline:none;border:none;}
	/*#nav li a:hover{}*/
	/*#nav li a.active {}*/

	/*----------------------------
	ii.-- sub menu
	-----------------------------*/
	
	#navContainer ul ul{width:150px;height:auto;position:absolute;z-index:500;left:-9999px; padding:15px 0 4px;}
	#navContainer ul ul li{width:100px; line-height:15px; margin:0 0 11px 0;border:none; text-align:left; /*switch to center for center align*/}
	#navContainer ul ul.submenu li.last{border:none; margin:0px;}
	#navContainer ul ul a{width:100px;display:block;}
	#navContainer ul li:hover ul{left:0;margin: 0px;}
	/*#nav li:hover ul{}*/


/*--------------------------------------------------------
	5.PAGE ELEMENTS
--------------------------------------------------------*/

	
	/*----------------------------
	i.-- portfolio
	-----------------------------*/
	
	
	
	/*----------------------------
	ii.-- blog
	-----------------------------*/
	
	.post{width:585px;padding-bottom:30px; margin-bottom:30px; float:left;}
	.post_full{width:585px;/*margin-left:-598px;*/}/*hide post off contnet screen*/
	.post.last{margin:0px;padding:0px; border-bottom:none !important;}
	.entrySpec{width:565px;margin-bottom:30px; padding:8px 10px;}
	.dateContainer{position:absolute;width:80px;height:135px;left:20px;top:0;z-index:1;background:#000;color:#fff;}
	.dateContainer.alignLeft{left:0;}
	.dateContainer.alignRight{right:0;}
	.dateDay{width:72px; height:55px; position:relative; z-index:1; padding-top:20px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:55px; font-weight:100; letter-spacing:-8px; clear:both;}
	.dateMonthYr{width:80px; position:relative; z-index:1;text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:100; line-height:17px; letter-spacing:0; text-transform:uppercase; clear:both;}
	/*.comment div{ margin-top:20px;}*/
	.post_close{float:right;cursor:pointer;}
	
	
	/*----------------------------
	iii.-- forms
	-----------------------------*/
	
	form{margin:0; padding:0;}
	.field{width:276px; height:40px;border:none; padding:0 5px;margin-bottom:10px;}
	.sidebar .field {/*position:relative;*/width:200px;}
	.searchform .field {float:left;width:200px;}
	.searchform .searchsubmit {float:left;text-indent:-9999px; width:50px; height:42px; background-image:url(images/search_mag.png); background-repeat:no-repeat; background-position:center center; margin-left:3px;}
	.field.last{margin-bottom:0px;}
	.field:focus{outline:none;border:none;}
	.tarea{width:276px; height:131px;border:none; padding:8px 5px 5px 5px;float:left; text-align:justify; overflow:auto; resize:none;}
	.tarea:focus{border:none; outline:none;}
	.formProgress{float:left;margin-top:15px;}
	 div.form-layout{float:left;width:49%;margin:0 10px 15px 0;}
	 div.form-layout-last{float:left;width:49%;margin:0 0px 15px 0;}
	 p.form-submit{clear:both;float:left;width:100%;}
	 div.form-layout p{margin-bottom:0;}
	 #commentform .form-submit #submit{float:right;background:#111;color:#888;padding:12px 25px;text-transform:uppercase;font-size:13px;font-family:Arial,Helvetica;border:none;cursor:pointer;}
	 #commentform .form-submit #submit:hover{background:#00ccff;color:#fff;}
	 .user_logged_in #commentform .form-submit #submit{float:left;}
	
	/*----------------------------
	iv.-- pagination
	-----------------------------*/
	
	.ellipse{float: left;}
	.container{width:900px; float:left;margin:0 0 30px 0;padding:0px; overflow:hidden;height:auto;}
	.container.singlePage{margin:0px;padding:0;}
	.spacing{padding-bottom:85px;}
	.page_navigation , .alt_page_navigation{ width: 920px; height:20px; text-align: center;  /*white-space: nowrap;*/  /*line-height: 12px;  overflow: hidden;*/ /*position:absolute; bottom:23px;*/ text-align:center;}
	.page_navigation.alignLeft{text-align:left}
	.page_navigation.alignRight{text-align:right}
	.page_navigation a, .alt_page_navigation a{margin:2px;width:30px; height:10px; display: inline-block; vertical-align: middle;}
	ul.contentPaginate li{list-style:none; overflow:hidden;}
	.nav-previous{float:left;}
	.nav-next{float:right;}
	
	/*----------------------------
	vii.-- custom scroll
	-----------------------------*/
	.jThumbnailScroller .jTscrollerNextButton,.jThumbnailScroller .jTscrollerPrevButton{position:absolute; display:block; width:40px; height:40px; }
	
	/*----------------------------
	viii.-- google map
	-----------------------------*/
	
	#map_canvas{margin-bottom:30px;}


/*--------------------------------------------------------
	FOOTER
--------------------------------------------------------*/

	#footer{width:900px; /*height:50px;*/ padding:0px 40px 30px 40px; margin:auto; }
	#footer #logoFooter{width:82px;padding-right:15px;margin-right:15px; float:left;}
	#footer #info{line-height:17px;}

/*--------------------------------------------------------
	LINKS
--------------------------------------------------------*/

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


/*--------------------------------------------------------
	TYPOGRAPHY
--------------------------------------------------------*/
	
	
	h1,h2, h3, h4, h5, h6{/*ie fix*/position:relative;z-index:10;/**/} /*DO NOT REMOVE POSITION RELATIVE OR Z-INDEX, OR CUFON FADING WILL NOT WORK IN IE*/
	h1,h2, h3, h4, h5, h6, p, ul, ol {margin-bottom: 30px;}
	.pageHeading{float:left; padding-right:20px;/*ie fix*/position:relative;z-index:10;/**/}
	p{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	p.last{margin:0px;}
	p.slogan{width:100%; font-family: Arial, Helvetica, sans-serif;  font-size:12px; margin: -10px 0 0 0;text-align:right;}

/*--------------------------------------------------------
	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:5%;overflow:hidden;padding-top:2px;}
		
		.one_half{width:47.5%;}
		.one_third{width:30%;}
		.one_fourth{width:21.25%;}
		.one_fifth{width:16%;}
		.two_third{width:65%;}
		.three_fourth{width:73.25%;}
		.col_last{margin-right: 0 !important; clear: right;}

	
	/*----------------------------
	iii.-- highlights
	-----------------------------*/
	
	.highlight{padding:2px 5px;}
	.underline{padding:0px;}
	
		/*highlights colors*/
		/*ref to style_theme.css*/
		
		/*highlights effects */
		/*ref to style_theme.css*/
	
	/*----------------------------
	iv.-- media framing/shadows
	-----------------------------*/
	
	.media_holder{margin-bottom:30px;}
	
		._imageThumb,._videoThumb {position:absolute;border:none;z-index:4; }
		._scrollThumb{ position:relative;border:none; z-index:4;}
		._blogThumb{position:absolute;border:none;z-index:4;}
		
		/*frames*/
		.image_frame{position:relative;}
		._border_simple, ._border_thick-1, ._border_thick-2{padding:5px;}

		/*media alignment/wrappeds*/
		.media_holder.alignLeft{float:left;margin-right:20px;margin-bottom:0;}
		.media_holder.alignRight{float:right;margin-left:20px;margin-bottom:0;}
		.media_holder.alignLeftWrapped{float:left;margin-right:20px; margin-bottom:150px;}
		.media_holder.alignRightWrapped{float:right;margin-left:20px; margin-bottom:10px;}

		/*folio speicific*/
		.media_holder.folio{ float:left;width:176px;height:176px;margin:0px 5px 5px 0px;}
		.media_holder.last{margin-right:0px;}
		
		.media_holder.folio .image_frame {width:176px;height:176px;}
		
		/*blog specific*/
		.media_holder.blog{margin-bottom:0px;}
		
		/*drop shadow*/
		.drop_shadow{margin:0 auto; display:block;}
		
		/*image-hover containers*/
		._rollover {position:absolute;border:none;z-index:2;} 
		._rollover-social{position:absolute;border:none;z-index:2; opacity:0;}
		._original{position:relative; display:block;}
		._thumb-ind{position:absolute; z-index:3;width:100%;}
		
		/*image quote overlay*/
		._imageQuote{overflow:hidden;position:absolute; z-index:2; padding:20px;}
		._imageQuote-2{overflow:hidden;position:absolute; z-index:2; padding:20px;}
		._imageQuote.alignLeft,._imageQuote-2.alignLeft{left:0}
		._imageQuote.alignRight,._imageQuote-2.alignRight{right:0}
		._imageQuote.top,._imageQuote-2.top{top:0}
		._imageQuote.bottom,._imageQuote-2.bottom{bottom:0}
		
	/*----------------------------
	v.-- lists
	-----------------------------*/	
	
	ul.list li{margin-bottom: 2px;padding-bottom: 2px;padding-left: 25px;}
	.tweet li{padding:15px 0;}
	
	/*----------------------------
	vi.-- content lists
	-----------------------------*/	
	
	ul.content_list{width:100%; list-style:none;}
	
		ul.content_list li{width:auto;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;}
		ul.content_list li.last{border:none;padding:0px;}
		
	/*----------------------------
	vii.-- comment lists
	-----------------------------*/	
	
	.comment_list{float:left; width:100%; list-style:none; margin:0; padding:0;}
	#comments,#respond {float:left; width:100%;}
	#respond .comment-notes {float:left;}
	.comment_list li #respond{padding-top:30px;}
	.comment_list li #respond .form-submit {margin-bottom:0;}
	
		.comment_list li{width:585px; margin-bottom:30px; padding-bottom:30px; float:left;}
		.comment_list li .avatar{float:left; width:50px; margin-right:25px;}
		.comment_list li .comment_left{width:510px; float:left;}
		.comment_name,.comment_date,.commentary p{ width:100%;margin-bottom:15px;}
		.comment_list li .media_holder{margin-bottom:0px;}
		.comment_list .children{ float:left;margin-bottom:0; margin:0; padding:0; list-style:none; }
		.comment_list .children li{width:510px; margin:30px 0 0 75px; padding-bottom:0; padding-top:30px; float:left;}
		.comment_list .children li .comment_left{width:435px; float:left;}
		
		#reply-title{float:left; width:100%;}
		
	
	/*----------------------------
	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:22px; height:22px;}
	.icon_holder.alignRight{float:right; margin-left:8px;}
	.icon_holder.alignLeft{float:left; margin-right:8px;}
	
	/*----------------------------
	x.-- divs
	-----------------------------*/
	
	/*.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;}
  
	#blogContainer { margin-bottom:60px;}
	.comment-pagination{float:left;width:100%;}
	
	.wp-caption{}
	.wp-caption-text{}
	.sticky{}
	.gallery-caption{}
	.bypostauthor{}