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

	CSS on Sails
	Title: Evhead
	Author: XHTMLized
	Date: March 2009 

***********************************************************************************************

		
	1. BASE
			1.1 Reset
			1.2 Accessibility navigation
			1.3 Default styles
			1.3 Basic styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Sidebar
			2.4 Footer
		

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


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	



/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	

/* 1.2	Accessibility navigation
-----------------------------------------------------------------------------------------------*/	

	#accessibility-nav {
		position: absolute;
		left: -1000em;
		text-align: left;
	}


/* 1.3	Default styles
-----------------------------------------------------------------------------------------------*/	

	body {
		background: #fff;
		font: 62.5% 'Helvetica Neue', Helvetica, Arial, sans-serif;
		text-shadow:0 -1px 1px rgba(255, 255, 255, 0.01);
		text-align: center;
		color: #414F54;
		}
		
	body {
		background: #fff url(http://r.evhead.com/images/bg-header.png) repeat-x center 25px;
	}
	
	hr { 
		display: none;
	}
			
	strong {
		font-weight: bold;
	}
			
	em {
		font-style: italic;
	}
		
	abbr, acronym {
		border-bottom: 1px dotted #999; 
		cursor: help;
	}
	
	input, textarea, select {
		font: 1.2em Arial, Helvetica, sans-serif;
	}

	a {
		color: #87b4b7;
		text-decoration: none;
	}
	
	a:hover, 
	a:active {
		text-decoration: underline;
	}
	

/* 1.4	Basic styles
-----------------------------------------------------------------------------------------------*/	

	.hide {
		display: none;
	}
	

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	.content-wrap,
	.footer-wrap{
		overflow: hidden;
		zoom: 1 }
	
	
	.container,
	#footer {
		width: 1002px;
		position: relative;
		margin: 0 auto;
		text-align: left;
		font-size: 1.2em;
	}
			
	#content,
	.about {
		width: 656px; 
		float: right;
	}
	
	.about {
		width: 640px;
		margin-left: 56px; 
		float: left;
	}
		
	#sidebar,
	.blogroll {
		width: 263px;
		padding-left: 43px;
		float: left; 
		position: relative;
	}
	
	#sidebar,
	#content,
	.posts-wrap {
		padding-bottom: 53px }
	
	#header{
		height: 82px;
		margin-bottom: 46px;
		padding: 43px 0 0 43px;
		position: relative }
	
	
/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

	#header h1, 
	#header h1 span,
	#header a.logo,
	#header a.logo span {
		display: block;
		width: 182px;
		height: 35px;
		overflow: hidden;
	}
	
	#header h1,
	#header a.logo {
		position: relative;
	}
		
	#header h1 span,
	#header a.logo span {	
		position: absolute; 
		top: 0;
		left: 0;
		z-index: 10;
		background: url(http://r.evhead.com/images/logo.png) no-repeat;
	}

	#header a.logo span {	
		cursor: pointer;
	}
	
	#header p.blog-desc{
		position: absolute;
		bottom: 45px;
		left: 365px;
		font-size: 1.3em }
		
		#header p.blog-desc span{
			color: #71a4a8 }

	#header .rss{
		position: absolute;
		height: 20px;
		right: 0;
		bottom: 44px }
		
			

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
	.posts{
		font-size: 1.2em;
		line-height: 1.6em }

		.posts h2,
		.posts h1{
			padding-bottom: 10px;
			color: #465960;
			font-family: Gotham Rounded, Helvetica Neue, Helvetica, Arial, sans-serif;
			font-weight: lighter;
			letter-spacing: -.3px;
		}
			
		.posts h1 {
		}

		.posts h2 a {
			color: #6DA5A6 }

		.posts h2 a:hover{
			color: #5A8284;
			text-decoration: none }
					
		.posts .post-content{
			padding-right: 60px }
			
		.posts .post-content img, .posts .post-content object {
			display: none;
			max-width: 100%;
		}
		
		.posts .post-content img.home, .posts .post-content object.home {
			display: block !important;
		}
			
		.posts li.main-post{
			margin-bottom: 43px;
			padding-left: 16px;
			overflow: hidden; }
			
		.posts .post-date{
			text-transform: uppercase;
			font-size: .83em;
			color: #77818a;
			padding-bottom: 5px }
			
		.posts .post-date a{
			font-size: 1.4em }
			
			.posts li.main-post h2,
			.posts h1{
				font-size: 2.8em;
				width: 500px;
				line-height: 1.1em }

			.posts h1{
				width: 100%;
				padding-bottom: 50px }

			.posts li.main-post .post-content{
				font-size: 1.1em;
				line-height: 1.6em }
				
		.posts li.alt-post{
			width: 272px;
			padding-left: 16px;
			float: left;
			margin:0 35px 34px 0;
			_margin-bottom:0;
			*margin-bottom:0}

			.posts li.alt-post h2{
				font-size: 1.6em;
				line-height: 1.2em }

			.posts li.alt-post .post-content{
				padding-right: 0 }
				
		.posts li.reg-post{
			clear: both } 
			
			.posts li.reg-post h2 a{
				background: #f2f7fa;
				font-size: 1.6em;
				padding: 13px 20px 13px 15px;
				display: block;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				line-height: 25px; }
				
			.posts li.reg-post h2 a:hover{
				background: #f2f7fa url(http://r.evhead.com/images/bg-arrow.png) no-repeat 98% center;
}

			.posts li.reg-post .post-content,
			.posts li.reg-post .post-date
				{
				display: none;
				}

				
	.posts-wrap{
		zoom: 1;
		padding-left: 43px }
	
	.posts-wrap:after{
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden }	
		
		.posts-wrap .post-meta{
			width: 300px;
			float: left }	
			
			.posts-wrap .post-meta img{
				position: relative;
				margin-left: -160px;
				margin-top: 62px }

			.posts-wrap .post-meta li{
				text-transform: uppercase;
				font-size: .83em }

		.posts-wrap .the-post{
			width: 600px;
			font-size: 1.2em;
			line-height: 1.5em;
			float: left;
			margin-left: 19px;
			}	
			
			.posts-wrap .the-post p{
				padding-bottom: 30px;
		}	
				
		.post-content ul, .the-post ul {
			list-style-type: disc;
			margin-top: 10px;
		}

/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/
	#sidebar .banner{
		position: relative;
		margin-left: -43px;
		height: 230px;
		margin-bottom: 43px }	
		
	#sidebar .twitter {
		margin-top: -6px;
		padding-top: 0;
	}
	
	.button, .blog-pager-older-link, .blog-pager-newer-link, .home-link, #tweetmeme_button {
		color: #fff;
		padding: 3px 8px;
		background: #88B5BA;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
	}
	
	p.latest-tweets {
		text-transform: uppercase;
		font-size: 12px;
		color: #77818a;
		padding: 12px 0 0px 0;
	}
	
	.button:hover, .blog-pager-older-link:hover, .blog-pager-newer-link:hover, .home-link:hover {
		text-decoration: none;
		background: #62A7B0;
	}
	
	.blog-pager {
		padding-top: 30px;
		padding-left: 11px;
	}
	
	.home-link  {
	 display: none;
	}
	
	#sidebar .twitter ul {
		margin-top: 3px;
	}
	
	#sidebar .twitter li {
		padding: 6px 45px 8px 0;
		line-height: 18px;
		font-size: 13px;
	}
	
	#twitter_update_list {
		margin-bottom: 12px;
	}
		
	#sidebar .twitter li span a {
		color: #5A8284;
	}
	
	#sidebar .twitter li a {
		clear: both;
		color: #999;
	}
	
		#sidebar .twitter li p.time{
			font-family: Georgia, serif;
			font-size: 1em;
			color: #333 }	

	#sidebar a.followme,
	#sidebar a.followme span{
		display: block;
		overflow: hidden;
		cursor: pointer;
		height: 20px;
		width: 83px;
		position: relative }
		
		#sidebar a.followme span{
			position: absolute;
			top: 0;
			left: 0;
			background: url(http://r.evhead.com/images/btn-followme.png) no-repeat }		


/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/

	.footer-wrap {
		background: #EFF7F9;
	}	
	#footer{
		padding: 62px 0 60px 0;
		font-size: 1.4em;
		overflow: hidden;
		zoom: 1;
		line-height: 1.8em }
		
		#footer h4,
		#footer h4 span{
			height: 16px;
			width: 150px;
			display: block;
			position: relative;
			overflow: hidden;
			margin-bottom: 25px;
			text-transform: uppercase }
			
			#footer  h4 span{
				position: absolute;
				top: 0;
				left: 0 }
				
			#footer .blogroll h4 span{
				background: url(http://r.evhead.com/images/bg-blogroll.png) no-repeat }		

			#footer .about h4 span{
				background: url(http://r.evhead.com/images/bg-about.png) no-repeat }		

			#footer .blogroll li a{
				color: #475a61 }
				
		#footer .about p.indent{
			text-indent: 40px;
			_text-indent:45px;
			*text-indent: 45px }			
			
		#footer	.about .firstletter{
			float: left;
			font-size: 4em;
			line-height: 1em;
			color: #6da4a7;
			margin:0 5px 0  0 }
			
	div.blogroll ul {
		height: 140px;
		overflow-y: hidden;
		text-shadow: 0 1px #fff !important;
		line-height: 17px;
		width: 80%;
		padding-left: 1px;
		margin-left: -1px;
	}
	
	div.blogroll ul li {
		padding-bottom: 14px;
	}
	
	div.blogroll ul li a:hover {
		color: #88B5BA !important;
		text-decoration: none;
	}
	
	.about a {
		color: #5A8284
	}
	
	.about {
		width: 620px;
	}
	
	.the-post u, .posts .post-content u {
		text-decoration: none;
	}
		
		.the-post a, .posts .post-content a {
			font-weight: normal;
			color: #62A7B0;
			text-decoration: none;
		}
		
		.the-post a:hover, .posts .post-content a:hover {
			color: #5A8284;
			text-decoration: underline;
		}
	
	
	#b-navbar {
		border-bottom: 0 !important;
		background: #6DA5A6 !important;
	}