@bg: #212121;
@postbg: white;
@box: 250px;
@boxmargin: 30px;
@boxpadding: 50px;
@expbox: (((@box*2) + (@boxmargin*2)) - (@boxpadding*2));
@expbox_centered: ((@box*4) + (@boxmargin*6));
@sb_bg: #fff;
@font: #111;
@links: #4ad2ff;
@sidebar: 300px;

/* extensions */
.opacity(@op:50){
    filter:alpha(opacity=@op);
    -moz-opacity:@op/100;
    -khtml-opacity:@op/100;
    opacity:@op/100;
}

.rounded (@radius) {
  border-radius: @radius;
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
}

.active-link{
	color: @links;
	position: relative;
	top: 1px;
}

.button{
	.rounded(3px);
	background: @font;
	padding: 5px;
	color: @bg;
	border: 0px;
	text-decoration: none;
}
/* extensions end */

a:active{
	.active-link;
}
*:focus{
	outline: none;
}

h1,h2,h3,h4,h5,h6{
	line-height: 150%;
}

input#submit{
	.button;
}
input#searchsubmit{
	display: none;
}
body,html{-webkit-font-smoothing: antialiased;}
body{
	font-size: 62.5%;
	background: @bg;
	font-family: Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smooth: always;
}

body.lte{
	overflow-x: hidden;
}

.foot-accordion{
	display: none;
}

#hider{
	position: fixed;
	cursor: pointer;
	background: yellow;
	padding: 5px; top: 0px; left: 0px; z-index: 99; width: 30px;
}

#content,
#header,
.inner#page{
	line-height: 1.9em;
	font-size: 1.2em;
}

#header{line-height: 150%;}

a{text-decoration: none;}

#header{
	overflow: hidden;
	background: transparent;
	position: fixed;
	height: 100%;
	top: 0px;
	left: 0px;
	width: @sidebar;
	z-index: 97;
	
	a{
		text-decoration: none;
	}
	a.menu-selected{
		text-decoration: underline;
	}
	a.menu-selected[title=no-link]{
		text-decoration: none;
	}
	
	.widget-container{
		margin-top: 20px;
		a{text-decoration: underline!important;}
		span.widget-title{
			font-weight: bold;
		}
	}
}

.loader,
#infscr-loading{
	height: 30px;
	width: 30px;
	z-index: 111;
	background: transparent url(images/load.gif) no-repeat center;	
}

#infscr-loading img{display: none;}
#infscr-loading em{display: none; text-indent: 9999px;}

.lbLoading{
	background: transparent url(images/load.gif) no-repeat center;
}

#footer .loader,
#infscr-loading{
	position: fixed;
	top: 10px;
	right: 10px;
}

#grid-content .post .loader{position: absolute;}

#content{
	padding-left: ((@sidebar) + (@boxmargin)*2);
}

#grid-content {
	clear: both;
}

.inner{
	padding: @boxpadding;
}

.post.loaded .inner{
	background: @postbg;
	.rounded(0px);
	
	span.showcomments{
		text-decoration: underline;
		cursor: pointer;
	}
	span.showcomments:active{
		position: relative;
		top: 1px;
	}
	
	p{margin-bottom: 10px;}
}

#footer-nav{
	margin-top: 20px;
	color: #666;
	cursor: pointer;
	.no-more-posts-to-load{
		text-decoration: line-through;
	}
	span{
		line-height: 40px;
	}
	span:active{
		.active-link;
	}
	
}

#footer-nav.no-more-posts-to-load{visibility: hidden;}

span.post-tracker{display: none;}

.entry-specs{
	background: @postbg;
	
	.entry-specs-in{
		padding: 10px 0px 5px 0px;
		a{
			color: #222;
		}
	
	}	
	
	p{
		color: #888;
		word-spacing: 1px;
	}
}

.top-hader #logotop{
	float: left;
	line-height: 120%;
}


// POST STYLES

	h1.post-title{
		font-size: 1em;
		line-height: 110%;
		font-weight: bold;
	}

#grid-content .post.not-preloader{
	background: @bg;
	color: #444;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	width: @box;
	margin-top: @boxmargin;
	margin-bottom: @boxmargin;
	float: left;
	font-size: 1em;
	line-height: 1.5em;	
	
	.pre{
		border: 0px solid black;
		.rounded(0px)
	}
	
	p a{
		text-decoration: underline;
	}
	
	h2{
		font-size: 1.2em;
		line-height: 150%;
	}
	
	.pre img{
		display: block;
		width: 100%;
	}
	#post-meta p{
		float: left;
	}
	.post-categories{
		float: left;
	}
	
	.post-categories li{
		float: left;
		margin: 0px 0px 0px 5px;
	}
	
	#footer-buttons{
		clear: both;
		margin-top: 10px;
		margin-bottom: 10px;
		cursor: pointer;
		text-transform: uppercase;
		font-size: 90%;
		#exp_com,
		a{text-decoration: none;}
	}
	
	#shearer{
		clear: both;
		margin: 10px 0px 0px 0px;
	}
	
	
	
		.slider_wrap{
			margin-bottom: 20px;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
	
			a{
				cursor: pointer;
			}
	}
}

#head-1{
	width: (@expbox - 30);
	float: left;
	margin-bottom: @boxpadding;
}
#head-2{
	width: 30px;
	float: right;
	margin-bottom: @boxpadding;
}

#head-2 span:active,
#head-2 a:active{
position: relative; top: 1px; cursor: pointer;}
	
span.close{
	width: 20px;
	height: 20px;
	background: transparent url(images/buttons-black.png);
	float: right;
}
	
.close-white span.close{
	background: transparent url(images/buttons-white.png);
}
	
.close-grey span.close{
	background: transparent url(images/buttons-grey.png);
}

#grid-content .post .inner{



.post-spacer{
	height: 1px;
	margin: 10px 0px;
	clear: both;
}		
.post-spacer-dot{
	border-top: 1px dotted #000;
}
		
.post-spacer-dash{
	border-top: 1px dashed #000;
}
			
.post-spacer-solid{
	border-top: 1px solid #000;
}

.post-spacer-3dots{
	height: 8px;
}
.inner_3dots{
	width: 54px;
	margin: 0 auto;
}

.inner_1dot{
	.rounded(8px);
	width: 8px;
	height: 8px;
	background: black;
	float: left;
	margin: 0px 5px;
}


.entry-content{
	line-height: 150%;
	h1{font-size: 200%;}
	h2{font-size: 150%;}
	h3{font-size: 120%;}
	h4, h5{font-size: 100%;}
		h6, small{font-size: 80%;}
		
		.inner a{
			text-decoration: underline;
		}
		
		ul{
			list-style-position: inside;
			list-style-type: disc;
		}
		
		ol{
			list-style-position: inside;
			list-style-type: decimal;
		}
		
		quote,blockquote{
			font-style: italic;
			font-size: 150%;
		}
		
		h1,h2,h3{
			margin-top: 20px;
		}
	}

	.col{
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
		}	
		
		.col1{
			width: ((@expbox/3) - 10);
		}
		
		.col1 *{
			max-width: ((@expbox/3) - 10);
		}
		
		.col2{
			width: (((@expbox/3)*2) - 10);
		}
		
		.col2 *{
			max-width: (((@expbox/3)*2) - 10);
		}
		
		.col img{
			margin-top: 0px;
		}
		
		.col p{margin: 0px;}
}

#grid-content .post.no-image-post .pre{
	background: @postbg;
}

#grid-content .post.post-page{width: 900px;}
#grid-content .post.preloader{width: @expbox; }
#grid-content .post.centered-opener.loaded .inner{
	margin-bottom: 100px;
}

.vcard img,
.comment-reply-link{
	display: none;
}

ol.commentlist li{
	margin-bottom: 10px;
}

#respond{
	
	width: @expbox;
	margin: 0 auto;
	p.comment-form-comment label{display: none;}
	p.comment-form-email,
	p.comment-form-url,
	p.comment-form-author{
		margin: 0 auto;
		clear: both;
		margin-bottom: 5px;
		padding: 5px 0px;
		
		input{
			width: @expbox;
			border: 0px;
			margin: 0px;
			border-bottom: 1px solid @font;
		}
	}
	
	label{
		.opacity(40);
	}
	
	textarea{
		border: 0px;
		border-bottom: 1px solid @font;
		width: @expbox;
		clear: both;
	}
	*:focus{
		outline: none;
	}
}
.post .pre iframe,
.post .pre img{
	max-width: 100%;
}



.post.tweet-post{background: #4ad2ff;}
.post.tweet-post #inner-tweet{padding: 10px;}
.post.loaded img,
.post.loaded object,
.post.loaded iframe{max-width: @expbox;}
.post.loaded img{margin: 10px 0px; height: auto;}
.navigation-post{display: none; margin: 0px; padding: 0px; height: 0px; width: 0px;}

.post.loaded .slider{margin: 10px 0px;}
.post.loaded .slide img{margin: 0px;}


/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
          transition-duration: 0.6s;
}

.isotope {
  -webkit-transition-property: height;
     -moz-transition-property: height;
          transition-property: height;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
			-webkit-font-smoothing: antialiased;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */


.lte.top-header #header{
	position: inherit;
}

.lte.top-header #content{
	padding-left: 0px;
}

.top-header #header #menu-head,
.top-header #header .widget-container{
	float: left;
	width: 200px;
	margin: 0px 20px 0px 0px;
}

.lte.top-header #head-expander{
	padding: 3px 5px;
	margin-left: 200px;
	cursor: pointer;
	color: white;
	text-align: center;
	background: #000;
	.opacity(15);
}


.lte.top-header #header h1,
.lte.top-header #headlogo{
	float: left;
}

.lte.top-header #hider{
	display: none;
}

.lte.top-header #header,
.lte.top-header #header.fullheader{
	width: inherit;
}

#grid-content .post:not(.loaded) .ajaxtrigger.maintrigger{display: block; width: 100%; height: 100%; position: absolute;}
#grid-content .post .maintrigger:hover{z-index: 200;}

#grid-content .post .inner .entry-content .aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#grid-content .post.loaded{z-index: 6;}

#head-expander-container{float: left;}


.lte.lte-advanced #grid-content .post.loaded.not-preloader,
.lte.lte-advanced #grid-content .post.preloader .inner{}

#main-share{
	position: fixed;
	background: lime;
	padding: 10px;
}

a.twitter-share-button{width: 77px; height: 20px; display: block; text-indent: -9999px; background: transparent url(images/tweet.png) no-repeat top left;}

.gallery-icon{
	float: left;
	margin: 0px 10px 10px 0px;
}


.gridender{
	height: 10px;
	background: transparent;
	width: 100%;
}


.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
	
	a{
		text-decoration: underline;
	}
	.tweet_time{
		.opacity(50);
	}	
	li{
		overflow-y: auto;
		overflow-x: hidden;
		padding: 0.5em;
	}
	
	.tweet_avatar{
		padding-right: .5em;
		float: left;
		width: 32px;
		height: 32px;
		
		img{
			vertical-align: middle;
			width: 32px;
			height: 32px;
		}
	}
}

#header ul.sub-menu{
	padding: 0px 10px;
	li{padding: 3px 0px;}
}

#commentform{
	overflow: hidden;
	
	p{
		margin: 10px 0px;
		-webkit-margin-before: 0em;
		-webkit-margin-after: 0em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
	}
}


#grid-content .post.hover-titles .entry-specs{
position: absolute;
top: 0px; left: 0px;
width: 100%;
height: 101%;
-moz-opacity:.0;
filter:alpha(opacity=0);
opacity:.0;
}



#grid-content .post.hover-titles .entry-specs:hover{
-moz-opacity:.8;
filter:alpha(opacity=80);
opacity:.8;
}

#grid-content .post.hover-titles .entry-specs h2{
position: absolute; top: 20px; margin: 0px; padding: 0px 10%;
width: 80%;
}

#grid-content .post.hover-titles .entry-specs p{
display: none;
}

#grid-content .post.hover-titles .entry-specs a.ajaxtrigger{display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px;}

#grid-content .post.hover-titles .pre{
position: relative;
}

#grid-content .post.image-post.hidden_titled .entry-specs{display: none;}

#hidden-loader{display: none;}

#grid-content .post.infinite-loader{
height: 1px; width: @box; background: transparent;
}

.nav-slider li{
	float:left;
	margin: 5px 5px 0px 0px;
	overflow:hidden; 
	position:relative; 
	width:50px;
	height:50px;
	list-style: none;
	.opacity(60);
}

.nav-slider li.activeSlide{
	.opacity(100);
}

.nav-slider li img{
	position:absolute;
	top:-10px;
	left:-10px;
	width: 80px;
	height: 80px;
}

.nav-slider.dots-slider img{display: none;}
.nav-slider.dots-slider li{background: #aaa; width: 8px; height: 8px; cursor: pointer; .rounded(2px);}

.prev-next-advancer a{cursor: pointer;}
.hidden-prev-next .prev-next-advancer{display: none;}

div#footer-contents{position: fixed; bottom: 20px; left: 20px; padding: 5px; z-index: 5;
	a{text-decoration: underline;}
}

div#footer-contents.footer-contents-right{left: inherit; right: 20px;}

#grid-content{overflow: visible!important;}

#grid-content .post.loaded .imgwrap{margin-bottom: 20px;}
#grid-content .post.loaded .imgwrap img{margin: 0px;}

.lte #grid-content .post.navigation-posts .pre.nav-next{width: 60px!important; float: right; text-align: right;}

#footer-buttons{font-size: 85%!important; text-transform: uppercase;}
.lte .post.loaded img,
.lte .inner#page img{height: auto;}
.lte.lte-advanced #footer-buttons,
.lte.lte-advanced #share-new{margin: 10px 0px!important;}

#grid-content .post .tweet,
#grid-content .post .text-post{line-height: 150%;}
.slider_wrap,
.lte.lte_editor_active{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.lte.top-header #footer-nav{position: relative;width: 20%; left: 40%; text-align: center; margin-top: 50px;}

#e2-lightboxer-wrap{background: transparent url(images/a90.png); position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 6; }
#e2-lightboxer-cont{z-index: 777; position: fixed; top: 0px; left: 0px; width: 100%; height: 0px; margin-top: 5%;}
#e2-lightboxer{width: 800px; padding: 20px;margin: 0 auto; position: relative;}
#e2-lightboxer-thumbs{display: none; float:right;
position:relative;
left:-50%;
text-align:left;}
#e2-lightboxer-viewer{text-align: center; margin-bottom: 10px;}
#e2-lightboxer .gallery{ 
position:relative;
left:50%;
height: 60px;}

#e2-lightboxer .gallery-icon{width: 50px; height: 50px; overflow: hidden; margin-right: 10px;
	img{width: 50px; height: 50px;}
}
#e2-lightboxer .gallery-item{float: left; width: 50px; height: 60px; margin-right: 10px;}
#e2-lightboxer .gallery{margin-top: -54px; float: left; max-width: 480px;}
#e2-lightboxer .gallery-icon{position: relative; padding: 5px;}
.fliactive{opacity: .5;}

#e2-lightboxer:hover #e2-lightboxer-thumbs{display: inherit;}

.lightboxing #footer-nav{display: none;}

.slide{position: absolute;}
.slider{height: 400px;}

.has-video #grid-content .post.not-preloader{background: transparent;}


.lte.lte-advanced.top-header #header.align-right #menu-head,
.lte.lte-advanced.top-header #header.align-left #menu-head{width: 100%;}

.lte.lte-advanced.top-header #header.align-right .clear#first-h-clear,
.lte.lte-advanced.top-header #header.align-left .clear#first-h-clear{clear: none;}
.lte.lte-advanced.top-header #header.align-right .hcol{float: right; padding-right: 40px;}



#header{overflow: visible;}
body.top-header.lte #header.align-left ul.menu{width: 900px;float: left;}
body.top-header.lte #header.align-left ul.menu li{float: left; margin-right: 10px; position: relative; display: block; white-space:nowrap;}
body.top-header.lte #header.align-left ul.menu li ul{position: absolute; left: 0px;}
body.top-header.lte #header.align-left ul.menu li ul li{clear: both; float: none; margin: 0px;}



body.top-header.lte #header.align-right #logotop{float: left;}
body.top-header.lte #header.align-right ul.menu{float: right;}
body.top-header.lte #header.align-right ul.menu li{float: left; margin-right: 10px; position: relative; display: block; white-space:nowrap;}
body.top-header.lte #header.align-right ul.menu li ul{position: absolute; left: 0px;}
body.top-header.lte #header.align-right ul.menu li ul li{clear: both; float: none; margin: 0px;}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:20px solid #fff; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:30px; margin-top:-10px; width:20px; height:20px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:30px; margin-top:-10px; width:20px; height:20px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        
        #cboxContent:hover #cboxNext,
        #cboxContent:hover #cboxPrevious{background: white url(images/buttons-black.png) no-repeat -43px 0px; border: 5px solid white; .rounded(3px);}
        #cboxContent:hover #cboxPrevious{background-position: -21px 0px;}
        #cboxContent:hover #cboxClose{visibility: visible;}
        
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:30px; right:30px; visibility: hidden; display:block; background: white url(images/buttons-black.png) no-repeat 0px 0px; width:20px; height:20px; text-indent:-9999px; .rounded(3px); border: 5px solid white;}
        
        
        
/* Jetpack News */

#header .tweets li{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid black;}
#grid-content .post .inner .entry-content h3.sd-title{display: none;}
#grid-content .post div.sharedaddy .sd-content{width: 100%; float: none;}
#grid-content .post .sd-content span{font-size: 11px; color: #111; font-family: Helvetica, Arial!important;}

#share-iframe{position: fixed; top: 100px; left: 100px; background: red; z-index: 9999; width: 500px; height: 100px;}

.lte_editor_off img.lazy{height: 100%;}

.contact-form label{display: block;}
.contact-form div{margin-bottom: 10px;}
.contact-form input[type=email],
.contact-form textarea,
.contact-form input[type=text]{border: 1px solid #ddd; background: white; padding: 4%; width: 90%; color: #111;}