@body-color: #808080;
@link-color: #000;
@link-hover: #808080;
@accent-color: #75CDEC;
@header-color: #353535;


/************************************************************
Header 
*************************************************************/

	.branding{
		text-align:center;
		color:#fff;
	}
	
	#site_description{
		margin-bottom:15px;
	}
	
	h1#site_title a{
		font-size:3em;
		color:#fff;
		letter-spacing:.1em;
	}

/**************************************************************************
Content Block
*************************************************************************/

	
	body {	
		font-size: .8em;
		line-height:2em;
		word-spacing:0px;

		color: @body-color;
		background-color:#000;
		font-family: Arial,Helvetica,sans-serif;	
	}
	
	#content_block{
		background-color:#fff;
	}
		 
	
	a { 
		text-decoration: none;
		color:@link-color; 
		.transition;
		&:hover {color:@link-hover;}
	}

	hr {
		height: 1px;
		border: none;
		border-bottom: 1px dotted @accent-color;
		margin: 20px 0;
		width: 100%;
	}

	blockquote {
		font-size: 12px;
		font-style: italic;
		margin: 20px 0 20px 20px;
	}
	
	#primary_content p{
		margin-bottom:20px;
	}
	

	div.wp-caption{
		position:relative;
		
	}
	div.wp-caption p.wp-caption-text{
		padding:0px 5px 0px;
		font-style:italic;
		text-align:right;
		
	}

/**************************************************************************
Headings
*************************************************************************/
	
	#primary_content h1 { font-size: 2em; margin-bottom:.2em; }
	#primary_content h2 { font-size: 1.8em; margin-bottom:.3em; }
	#primary_content h3 { font-size: 1.5em; margin-bottom:.3em; }
	#primary_content h4 { font-size: 1.3em; margin-bottom:.3em;}
	#primary_content h5 { font-size: 1em; margin-bottom:.3em; }
	#primary_content h6 { font-size: .8em; margin-bottom:.3em;}


	#primary_content h1,
	#primary_content h2,
	#primary_content h3,
	#primary_content h4,
	#primary_content h5,
	#primary_content h6,
	h1 a,h2 a, h3 a, h4 a, h5 a, h6 a {
		color: @header-color;
		font-weight:200;
	}


/**************************************************************************
Pages
*************************************************************************/
h2.entry_title{
font-size:2.5em;
font-weight:200;
padding-top:40px;
color:#000;
}

/**************************************************************************
Buttons
*************************************************************************/

	.button, #searchsubmit{
		background-color:#333;
		color:#fff;
		padding:5px;
		text-align:center;
		border: none;
		cursor: pointer;
	}

	.button:hover, #searchsubmit:hover{
		background-color:#999;
		color:#fff;
	}
		
	
/*******************************************************************
Widget Titles
*******************************************************************/	
	
	.widget-title{
		font-size:1.3em;
		color:#000;
		font-weight:200;
			
		border-bottom:1px dotted #000;
	}
		
/**************************************************************************
Patterns
*************************************************************************/

	.diagnal-stripe{background-image:url('../img/patterns/diagnal-stripe.png');}




/**************************************************************************
	
	Grid Overlays
/**************************************************************************/


	.grid .overlay{
		background-color:#000;
		position:absolute;
		height:100%;
		width:100%;
		bottom:0px;
		cursor:pointer;
		color:#fff;
		z-index:9999;
		opacity:.4;

		.transition;
	}

	.grid .overlay .inner{
		width:90%;
	}
	
	
	.grid .item.active .overlay{
		width:100%;
		opacity:0;
		z-index:1;

	}

/*********************************************************************************

CSS3 Mixins - Shortening Via LESS CSS

*******************************************************************************/

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

	.box-shadow (@x: 0px, @y: 3px, @blur: 5px, @alpha: 0.5) {
	    -webkit-box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);
	    -moz-box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);
	    box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);
	}
		
	.gradient(@startColor: #555, @endColor: #333) {
		background-color: @endColor;
		background-repeat: no-repeat;
		background-image: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
		background-image: -webkit-linear-gradient(@startColor, @endColor);
		background-image: -moz-linear-gradient(@startColor, @endColor);
		background-image: -o-linear-gradient(top,  @startColor,  @endColor);
		background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
		filter: e(%("progid:DXImageTransform.Microsoft.Gradient(StartColorStr='%d', EndColorStr='%d', GradientType=0)",@startColor,@endColor));
		-ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorStr='%d', EndColorStr='%d', GradientType=0))",@startColor,@endColor);
	}
	
	.inner-shadow {
		-moz-box-shadow:    inset 0 0 10px #000000;
		-webkit-box-shadow: inset 0 0 10px #000000;
		box-shadow:         inset 0 0 10px #000000;
	}
		
	.transition (@prop: all, @time: .1s, @ease: linear) {
	    -webkit-transition: @prop @time @ease;
	    -moz-transition: @prop @time @ease;
	    -o-transition: @prop @time @ease;
	    -ms-transition: @prop @time @ease;
	    transition: @prop @time @ease;
	}
			
	.border-radius-custom (@topleft: 5px, @topright: 5px, @bottomleft: 5px, @bottomright: 5px) {
	    -webkit-border-radius: @topleft @topright @bottomright @bottomleft;
	    -moz-border-radius: @topleft @topright @bottomright @bottomleft;
	    border-radius: @topleft @topright @bottomright @bottomleft;
	}
		
	.transform (@rotate: 90deg, @scale: 1, @skew: 1deg, @translate: 10px) {
	    -webkit-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
	    -moz-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
	    -o-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
	    -ms-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
	    transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
	}

	.reflect (@length: 50%, @opacity: 0.2){
	    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(@length, transparent), to(rgba(255,255,255,@opacity)));
	}