@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{
	font-size: 62.5%;
	background: @bg;
	font-family: Helvetica, Arial, sans-serif;
}

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: @sb_bg;
	position: fixed;
	height: 100%;
	top: 0px;
	left: 0px;
	width: @sidebar;
	
	a{
		text-decoration: none;
	}
	a.menu-selected{
		text-decoration: underline;
	}
	a.menu-selected[title=no-link]{
		text-decoration: none;
	}
	
	.widget-container{
	
	margin-top: 20px;
	
		span.widget-title{
			font-weight: bold;
		}
	}
}

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

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

#footer .loader{
	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;
}

#grid-content .post.loaded .inner{
	background: @postbg;
	.rounded(0px);
	
	span.showcomments{
		text-decoration: underline;
	}
}

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


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;
}


// 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{
		margin-top: 10px;
		margin-bottom: @boxpadding/2;
		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;
}
	
span.close{
	width: 20px;
	height: 20px;
	background: transparent url(images/buttons-black.png);
	cursor: pointer;
	float: right;
}
	
span.close.close-white{
	background: transparent url(images/buttons-white.png);
}
	
span.close.close-grey{
	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;
		}
	



}

#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{
	width: @expbox_centered;
	text-align: center;
	
	.slider {
		margin: 20px auto;
		
		.slide{
			width: 100%;
			
		}
	}
}
#grid-content .post.centered-opener.loaded .inner{
	margin-bottom: 100px;
}

#comments{
	font-size: 90%;
}

.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;
	}
}
#grid-content .post .pre iframe,
#grid-content .post .pre img{
	max-width: 100%;
}



#grid-content .post.tweet-post{background: #4ad2ff;}
#grid-content .post.tweet-post #inner-tweet{padding: 10px;}
#grid-content .post.loaded img,
#grid-content .post.loaded object,
#grid-content .post.loaded iframe{max-width: @expbox;}
#grid-content .post.loaded img{margin: 10px 0px; height: auto;}
.navigation-post{display: none; margin: 0px; padding: 0px; height: 0px; width: 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, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

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

/**** 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 */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}


#hidden-loader{ }


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

.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: 100%;
}

#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{
	margin-left: 10px;
}

#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: 100%;
-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 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;}