/*    
Theme Name: Simplistic Life
Theme URI: http://www.justinfarmer.com
Description: A simplistic design showing the elegance of white spacing 
Author: Justin Farmer
Author URI: http://justinfarmer.com
Version: 1.0 
*/

/* NORMALIZARIONS */
*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0;
	}

/* SETTINGS */
h1{font-size:40px;}
h2{font-size:18px; color:#008a8c; font-weight:100;}
h3{font-size:14px; color:#008a8c; font-weight:100;}
p{font-size:10px;}

/* HEADER */
#header{
	background:url(images/header_bg.png) repeat-x;
	height:300px;
	}

#header li{
	list-style-type:none;
	}

#login{
	float:right;
	padding:5px 10px 0 0;
	font-size:8px;
	}

#login a{
	text-decoration:none;
	color:#FFF;
	}

#login a:hover{
	border-bottom:1px solid #FFF;
	color:#ffcb05;
	}

#branding{
	width:375px;
	height:100px;
	margin:0 auto;
	padding:100px 0 100px 0;
	}

#logo{
	background:url(images/logo.png) no-repeat;
	height:100px;
	width:109px;
	float:left;
	}  

#site_info{
	float:left;
	margin:16px 0 0 20px;
	}

#site_info h1 a{
	color:#FFF;
	text-decoration:none;
	font-weight:100;
	}

#site_info p{
	color:#FFF;
	}

/* NAVIGATION */
#navigation{
	width:245px;
	margin:-21px auto;
	}

#navigation li{
	display:inline;
	margin:0 10px 0 10px;
	}

#navigation a{
	text-decoration:none;
	font-size:12px;
	color:#FFF;
	}

#navigation a:hover{
	border-top:1px solid #FFF;
	color:#ffcb05;
	}

/* CONTAINER */
#container{
	width:900px;
	margin:20px auto;
	}


/* CONTENT */
#content{
	width:660px;
	float:left;
	margin:0 40px 16px 0;
	}


/* THE POST */
.post_header{
	clear:both;
	}

img.post_image{
	float:left;
	padding:5px;
	border:1px solid #eeeded;
	margin:0 5px 0 0;
	}

h2.title{
	padding-bottom:3px;
	border-bottom:1px solid #000;
	}

h2.title a{
	text-decoration:none;
	color:#008a8c;
	}

p.time{
	font-size:8px;
	padding:3px 0 3px 0;
	float:right;
	}

.post{
	clear:both;
	padding: 5px 0 10px 0;
	line-height:16px;
	font-size:10px;
	}

.post h3{
	padding:20px 0 5px 0;
	}

.post li{
	margin:10px 0 10px 40px;
	}

.post a{color:#c4161c; text-decoration:none;}
.post a:hover{text-decoration:underline;}
	
.sourcelinks{
	clear:left;
	border-top:1px dashed #eeeded;
	border-bottom:1px dashed #eeeded;
	padding:15px 5px 15px 5px;
	background-color:#fbfafa;
	margin:10px 0 10px 0;
	}

pre{
	border:1px solid #eeeded;
	margin:16px 0;
	padding:0 10px 20px 10px;
	}

/* POST METADATA */
.metadata{
	width:660px;
	font-size:10px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	clear:both;
	float:left;
	margin:10px 0 5px 0;
	}

.metadata p{
	padding:3px 10px 3px 5px;
	}

/* MEATADATA POST CATEGORIES */
p.category{
	list-style-type:none;
	float:left;
	}

p.category a{
	text-decoration:none;
	color:#c4161c;
	}

p.category a:hover{
	color:#ffcb05;
	text-decoration:underline;
	}

/* METADATA POST TAGS */
p.tags{
	float:left;
	}

p.tags a{
	text-decoration:none;
	color:#c4161c;
	}

p.tags a:hover{
	color:#ffcb05;
	text-decoration:underline;
	}

/* METADATA COMMENT */
p.comment{
	clear:left;
	}

p.comment em{
	background:url(images/bubble.png) no-repeat;
	height:11px;
	width:14px;
	float:left;
	padding:0 5px 0 0;
	}

/* SIDEBAR */
#sidebar{
	width:200px;
	float:left;
	}

#sidebar h2{
	padding-bottom:3px;
	border-bottom:1px solid #000;
	}
	
#sidebar li{
	list-style-type:none;
	font-size:10px;
	padding:5px 0 5px 0;
	border-bottom:1px dashed #eeeded;
	}

#sidebar li:hover{
	background-color:#fbfafa;
	}

#sidebar li a{
	text-decoration:none;
	color:#c4161c;
	}

#sidebar li a:hover{
	color:#ffcb05;
	}

.widget{
	margin:0 0 32px 0;
	}
	
.search input{
	width:199px;
	margin:7px 0 0 0;
	font-size:14px;
	padding:1px 0 1px 0;
	}

/* FOOTER */
#footer{
	clear:both;
	background:url(images/footer_bg.png) repeat-x;
	height:300px;
	color:#fff;
	}


/* FOOTER CONTAINER */
#footer_container{
	width:900px;
	margin:0 auto;
	line-height:16px;
	}

#footer_container h3{
	margin:0 0 5px 0;
	border-bottom:1px solid #008a8c;
	}

#footer_container li{
	font-size:10px;
	list-style-type:none;
	margin:5px 0 5px 0;
	}

#footer_container a{
	text-decoration:none;
	color:#ffcb05;
	}
	
#footer_container a:hover{
	border-bottom:1px solid #ffcb05;
	}

#recent_posts{
	width:280px;
	float:left;
	margin:16px 20px 0 0;
	}

#recent_comments{
	width:280px;
	float:left;
	margin:16px 20px 0 0;
	}

#about{
	width:280px;
	float:left;
	margin:16px 20px 0 0;
	}

/* COMMENTS */
#comments{
	margin:80px 0 0 0;
	width:450px;
	}

#comments h3{
	margin:0 0 16px 0;
	}

#comments li{
	list-style-type:none;
	}

ol.commentlist{
	font-size:10px;
	line-height:16px;
	}	

.comment-meta{
	font-size:8px;
	}	

.comment-author a{
	text-decoration:none;
	color:#c4161c;
	}

.comment-author a:hover{text-decoration:underline;}

.comment-meta a{
	text-decoration:none;
	color:#006d98;
	}

li.even{
	border:1px solid #eae9e9;
	background-color:#fbfafa;
	}

li.comment{
	margin:16px 0 16px 0;
	padding:10px;
	}
	
#respond{
	margin:40px 0 0 0;
	border-top:1px solid #eeeded;
	}

#respond h3{
	margin:5px 0 15px 0;
	}

#respond a{
	text-decoration:none;
	color:#c4161c;
	}

#respond a:hover{
	text-decoration:underline;
	color:#ffcb05;
	}

#commentform input{
	margin:5px 0 5px 0;
	font-size:10px;
	}

#commentform textarea{
	margin:5px 0 5px 0;
	width:450px;
	font-size:10px;
	}


/* ARCHIVE NAV  & CATEGORY NAV */
.sub_container{
	margin:25px 0 25px 0;
	background-color:#fbfafa;
	border:1px solid #eae9e9;
	padding:10px;
	float:left;
	}

.sub_nav{
	background-color:#fbfafa;
	border:1px solid #eae9e9;
	padding:10px 10px 30px 10px;
	margin:0 0 16px 0;
	float:left;
	width:660px;
	}

.sub_nav a{
	font-size:10px;
	text-decoration:none;
	color:#c4161c;
	}

.sub_nav .alignleft{
	float:left;
	}

.sub_nav .alignright{
	float:right;
	}

.clearing{
	float:left;
	height:32px;
	width:10px;
	}

/* PROJECT PAGE TEMPLATE */
.site{
	margin:25px 0 25px 0;
	background-color:#fbfafa;
	border:1px solid #eae9e9;
	padding:10px;
	}

.site h2{padding-bottom:5px;}

p.site_blurb{
	float:left;
	width:375px;
	margin:16px 32px 16px 0;
	}

.site img{margin:12px 0 0 0;}

/* LINKS PAGE TEMPLATE */
#column_left{
	float:left;
	width:250px;
	margin:0 80px 0 0;
	}

#column_right{
	float:left;
	width:250px;
	}

#column_left h3, #column_right h3{
	padding-bottom:3px;
	border-bottom:1px solid #000;
	}

#column_left li, #column_right li{
	list-style-type:none;
	font-size:10px;
	border-bottom:1px dashed #eeeded;
	margin:0;
	padding:3px 0 3px 0;
	}

#column_left li:hover, #column_right li:hover{background-color:#fbfafa;}
#column_left li a:hover, #column_right li a:hover{color:#ffcb05;}