/*
Theme Name: Light
Theme URI: http://danielgittings.com
Description: Made by me!
Version: (WP2.9.2)
Author: Daniel Gittings
Author URI: http://danielgittings.com
Tags: light, clean
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/sprite/sprite.css";

html 				{ overflow-y: scroll; }
body				{ background-color:#F6F6F6; /*font-family: Arial,	Helvetica,	"Lucida Grande",	sans-serif;*/
			 		  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
			  		  font-weight: 300; color:  #3e3c3c; margin:0; padding:0; }
#page_wrap			{ width: 960px;	margin: 0 auto; }
#header				{ width: 960px;	height: 70px; margin-top: 30px;	}
#header img			{ padding-left: 13px; margin-top: -5px; }

/**********************Navigation*********************/

#nav							{ width: 500px; float: right; margin-top: 25px; font-size: 18px; margin-right: 10px; }


#nav a							{ text-decoration: none; color:	#5d5c5c;  color: #a1a1a1; padding-left: 12.5px; padding-right: 12.5px;
			  			 		  -webkit-transition:color 0.3s ease-in;  
   			  			  		  -moz-transition:color 0.3s ease-in;  
   			 			  		  -o-transition:color 0.3s ease-in;  
   			 			   		  transition:color 0.3s ease-in; }
#nav ul li						{ display: inline;  }
#nav a:hover					{ color: #519EE0; }
#nav li.current_page_item a		{ color: #519EE0; background-image: url('/wp-content/themes/light/images/indicator.gif'); background-repeat: no-repeat;  
								  background-position: 50% 28px; padding-bottom: 30px;}
#nav li.current_page_parent a	{ color: #519EE0; background-image: url('/wp-content/themes/light/images/indicator.gif'); background-repeat: no-repeat;  
								  background-position: 50% 28px; padding-bottom: 30px; }

/***********************Blog***********************/

.blog_wrap				{ width: 960px;	clear:both;	}
.posts_wrapper			{ width: 675px; float: left; margin-bottom: 20px; }
.post					{ padding-top: 20px; padding-bottom: 10px;}
.post_text				{ padding: 10px 20px 0px 20px; font-size: 15px; color: #7E7E7E; /*color: #575757;*/
						  background-color: white; 
						  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
						  -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
						  box-shadow: 0 1px 10px rgba(0,0,0,.1);
					 	  -moz-border-radius: 3px; 
					 	  -webkit-border-radius: 3px;}
.post_content			{ margin-bottom: 0px; line-height: 1.3em; }
.post_content p, 
.post_summary p,
.post_summary_thumb p	{ margin-bottom: 15px; }
.post_summary			{ padding-top: 10px; padding-right: 20px; line-height: 1.3em;  }
.post_summary_thumb		{ padding-top: 10px; padding-right: 20px; line-height: 1.3em; float:right; width: 425px; }
.post_text h2			{ font-family: Arial; font-size: 26pt; letter-spacing: -2px; }
.post_text h2, a		{ color: #3E3C3C; text-decoration: none; }
.post_text h2 a:hover	{ color: #a1a1a1; }
.post_info				{ background-color: #f3f3f3; padding: 7px; margin-bottom: 0px; font-size: 0.8em; clear: both; }
.post_info a			{ text-decoration: none; color: #519EE0; }
.post_info a:hover		{ text-decoration:underline; }
a.readmore				{ text-decoration: none; color: #a1a1a1; font-weight: bold; float:right;}
.oldnew_links			{ background-color: blue; }
.pagination				{ margin-top: 20px; }
.post_thumbnail			{ width: 150px; float: left; margin: 10px 10px 20px 0px; }


/*********************Sidebar*******************/

#sidebar						{ width: 250px; margin: 20px 5px 20px 0; float: right; }
#sidebar a:hover				{ color: black; }
#sidebar h2						{ font-size: 18pt; letter-spacing: -1px; color: #555555; }
a.sub							{ font-size: 14pt; text-decoration: none; color: #519EE0; padding-left: 25px; }
ul.sub							{ list-style-type: none; padding: 0px; margin: 0px; }
ul.sub li						{ height: 28px; padding-left: 20px;  padding-top: 3px; margin-bottom: 10px; }
ul.sub li.rss					{ background-image: url('/wp-content/themes/light/images/rss.png'); background-repeat: no-repeat; }
ul.sub li.email					{ background-image: url('/wp-content/themes/light/images/email.png'); background-repeat: no-repeat; }
.search							{ width: 250px; height: 30px; font-size: 0.9em; }
.archive						{ padding-top: 10px; }
.archive a						{ color: #519EE0; text-decoration: none; display: block; font-size: 14px;}
.archive ul						{ list-style:none outside none; margin-top: 5px; margin-bottom: 5px; }
.archive ul li					{ display: block; border-bottom:1px dashed #DDDDDD; }
.archive ul li:last-child 		{ border-bottom: none;}
.archive ul li:hover			{ background-color: #E9E7E7; }
.archive ul li a				{ line-height: 2em; padding-left: 8px; }
.categories						{ padding-top: 5px; }
.categories a					{ color: #519EE0; text-decoration: none; display: block; }
.categories ul					{ list-style:none outside none; margin-top: 5px; margin-bottom: 5px; }
.categories ul li:last-child	{ border-bottom: none; }
li.cat-item						{ border-bottom:1px dashed #DDDDDD; }
li.cat-item a					{ line-height: 2em; padding-left: 8px; font-size: 14px; }
li.cat-item:hover				{ background-color: #E9E7E7; }
.author							{ padding-top: 10px; padding-bottom: 10px; }
.author p						{ margin-top: 5px; color: #7E7E7E; font-size: 14px; }
.networks						{ width: 180px; margin: 0 auto; padding-top: 10px; }

/*********************** Comments ************************/

.comments				{ margin-top: 30px;}
h2.comments				{ font-size: 25px; padding: 20px 0px 5px 20px;}
.comment_wrap			{ color: #7E7E7E; clear: both; }
ol.commentlist			{ width: 600px; margin-left: 5px; }
ol.commentlist li.even 	{ background:#fff; }
ol.commentlist li.odd 	{ background:#f6f6f6; }
ol.commentlist li		{ word-wrap: break-word; /* Internet Explorer 5.5+ */	white-space: normal; /* Firefox */ }
.commenting				{ position: relative; padding: 15px; margin: 5px 0px; }
.comment a				{ text-decoration: none; color: #519EE0; }
.comment a:hover		{ color: black; }
.avatar_left			{ width: 64px; height: 64px; }
.comment_info			{ width: 550px; float:right; margin-left: 0px; }
.time					{ position: absolute; top: 19px; right: 10px; font-size: 12px; }
.time a					{ text-decoration: none; }
cite.fn					{ font-size: 1.1em; font-weight: bold; }
.actual_comment			{ padding-top: 5px; font-size: 14px; }
#respond				{ margin-top: 50px; width: 440px; position: relative; margin-left: 5px; }
#respond a				{ color: #519EE0; text-decoration: none; }
#respond a:hover		{ text-decoration: underline; }
#respond h3				{ padding-left: 15px; padding-bottom: 10px;}
.comment_entry			{ margin-top: 10px; margin-bottom: 5px; }
label.comment			{ font-size: 18px; margin-bottom: 5px; }
textarea.comment_entry	{ font-size: 17px; margin-right: -10px; }
.response_wrap			{ width: 475px; float: right; }
.response_right			{ margin-right: 30px; text-align: right; }
.response_right_large	{ margin-right: 30px; padding-right: 10px; text-align: right; }
.pad					{ margin-bottom: 5px; color: #7E7E7E; font-style: italic; }
input.comment			{ height: 20px; font-size: 14px; }
p.user					{ padding-left: 15px; }
 
/*********************Archive***********************/

.archive_header			{ font-size: 18px; padding-top: 25px; text-align: center; color: #555555; }

/********************Search*************************/

.search_text			{ padding: 10px 20px 10px 20px; font-size: 15px; color: #7E7E7E; background-color: white;
						  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
						  box-shadow: 0 1px 10px rgba(0,0,0,.1); }
.search_text a			{ text-decoration: none; }
.search_text_content	{ padding-top: 10px; 		}
.search_text_content p	{ margin-bottom: 15px; }
.search_text h3			{ font-size: 26px; }
.time_search			{ position: absolute; top: 14px; right: 10px; font-size: 12px; }
input.search			{ font-size: 1.3em; }
.search_error			{ margin: 20px 0px 0px 10px; }
.search_error h2		{ font-size: 18px; }
.page_notif 			{ position: relative; width: 100px; height: 75px; float: left; margin-left: -100px; margin-top: 10px; text-align: right; }	
.page_notif h2			{ padding-right: 13px; color: #A1A1A1; font-size: 35px; }

/*********************Footer***********************/

#footer					{ clear: both; }
#footer_text			{ color: #999999; font-size: 11px; padding-top: 10px; }

/********************* 404 ***********************/

.error					{ text-align: center; color: #7E7E7E; }
.error h1				{ font-size: 15em; }
.error h2				{ font-size: 2.5em; }
.error h3				{ font-size: 1.5em; }
.error h4				{ font-size: 1.2em; }

/*********************************************************** End of blog - start of static pages **********************************************************************************/

/****************** Start Content *******************/

.page_content			{ padding: 20px; }
.page_content h1		{ font-size: 26pt;}

/*********** Contact **********************/

.contact				{ margin-top: 15px; }
.contact_text			{ margin-top: 20px; width: 275px; float: left; color: #7E7E7E; font-size: 20px;}
.contact_text p			{ padding-top: 5px; padding-bottom: 5px;}
.bold					{ font-weight: bold: }

/*********** About *************************/

.about_text				{ margin-top: 20px; width: 570px; float: left; color: #7E7E7E; /*color:#5e5c5c;*/ font-size: 15px;}
.about_text p			{ padding-top: 5px; padding-bottom: 5px;}
p.about_top				{ font-size: 20px; color: #7E7E7E;}



/**********Home Page************/
#upper_div{

	width: 900px;
	height: 200px;
	margin: 0 auto;
	padding-top: 20px;
	position: relative;
}

#upper_div img{
	
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#upper_div img.ss{
	
	position: absolute;
	bottom: 1px;
	right: 50px;

}

.home_text{

	width: 450px;
	color: #999999;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 18px;	
	line-height: 1.33em (24px);
	padding-top: 10px;
}


/******3 column area ************/

#col_wrap{

	margin: 0px auto;
	padding: 0px;
	width: 900px;
	height: 250px;
	position: relative;
}
#three_columns{
	
	text-align: left;
	border:0;
	width: 900px;
	height: 250px;
	padding: 20px 0 20px 0;
	position: relative;
}
#three_columns p{
	
	padding: 8px 5px 0px 5px;
	color: #b2b2b2;
	font-size: 18px;
}
#side-a {

	width: 280px;
	padding: 5px 10px 5px 10px;
	position: absolute;
	left: 0px;
}
#latest_post {

	width: 280px;
	padding: 5px 10px 5px 10px;
	position: absolute;
	left: 35px;
	top: 300px;
}
#latest_post_title{

	padding-top: 5px;
	font-size: 18px;
}
#latest_post_date{

	font-size: 14px;
}
#latest_post_title a{

	color: #519EE0;

}
#latest_post p{
	
	padding-top: 8px;
	color: #b2b2b2;
	font-size: 18px;
	
}
#side-b {
	
	position: absolute;
	right: 0px;
	width: 270px;
	top: 25px;
	/*padding: 5px 10px 5px 10px;*/
	margin-left: 50px;
	
}
#content { 
	
	position: absolute;
	left: 316px;
	top: 20px;
	width: 270px;
	padding: 5px 10px 5px 10px;
		
}
h3.titles{

	color: #565555;
	font-size: 24px; 
	padding: 0px 5px 8px 5px;

}
img.left_line{

	position: absolute;
	left: 304px;
	top: 40px;
}
img.right_line{

	position: absolute;
	right: 283px;
	top: 40px;
}
.center{

	margin: 0 auto;
	text-align: center;
	width: 960px;

}