/*
Theme Name: Modified Whiteboard
Theme URL: http://www.jasontavarez.com
Description: My theme!
Author: Jason Tavarez
Author URI: http://jasontavarez.com
Version: 0.01

This theme is based off of the awesome whiteboard by Brian Purkiss (http://whiteboardframework.com/) and modified to suit my needs.
 
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}

html {
	background-color: #f0f0f0;
}

/*
Here is a list of all the <DIV>s in Whiteboard.
*/

#wrapper{
	width: 900px;
}

#header_image {
	padding-left: 50px;
	padding-bottom: 25px;
	border-bottom: 1px solid #97ae39;
}

#header {
	padding-bottom: 60px;
}

#header_content h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	padding-top: 10px;
}
#header_content h1 a {
	text-decoration: none;
	color: black;
}
#header_content h1 a:hover {
	color: #97ae39;
}

#header_content h2 {
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
}

.f_left {float: left;}
.f_right {float: right;}
.spacer {clear: both;}

/* The following takes care of all menu and header related items */

.hc_title{
	width: 175px;
	padding-left: 50px;
	padding-right: 25px;
}

.hc_description {
	width: 200px;
}

.hc_description p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	line-height: 1.7em;
	padding-top: 5px;
}

.hc_list {
	width: 125px;
	padding-left: 25px;
}
.hc_list ul {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	list-style-type: none;
}
.hc_list li a {
	border-bottom: 1px solid #dae3b6;
	display: block;
	height: 15px;
	padding-top: 5px;
	text-decoration: none;
	color: black;
}
.hc_list li a:hover {
	background-color: #dae3b6;
}
.hc_list ul li ul {
	font-size: 1em;
	font-weight: normal;
}

/* The following takes care of all stuff within the main body (#content) */

#content {
	position: relative;
}

#content h2 {
}

#content h2.post_title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 15px;
	padding-top: 5px;	
	
}
#content h2.post_title span {
	padding-left: 250px;
	border-top: 1px solid #dedede;
	padding-top: 5px;	
}


#content h2.post_title a {
	color: black;
	text-decoration: none;
}
#content h2.post_title a:hover {
	color: #97ae39;
}

#content p {
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 0.8em;
	padding-bottom: 15px;
	line-height: 1.5em;
}

.post_container {
	position: relative;
	padding-bottom: 30px;
}

.post_content_container {
	padding-left: 250px;
	width: 400px;
}

.meta_info {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
}
#content .meta_info p{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.6em;
	padding-bottom: 3px;
	padding-top: 5px;
	padding-left: 25px;
	line-height: 1em;
	color: #4c4c4c;
	border-bottom: 1px solid #dedede;
}



#content .meta_info p span.focus {
	text-transform: uppercase;
}
#content .meta_info p a{
	text-decoration: none;
	color: #4c4c4c;
	font-weight: bold;	
}
#content .meta_info p a:hover {
	color: #97ae39;
}

#archive_title{}
#archive_title h2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	padding-left: 25px;
	padding-bottom: 15px;
	color: black;
	text-transform: uppercase;
}

.meta_info p a{}

/* For the footer stuff */

#footer {
	padding-left: 25px;
	margin-top: 25px;
	border-top: 1px solid #97ae39;
	padding-bottom: 40px;
}

.footer_description {
	width: 200px;
	padding-left: 25px;
}
.footer_description p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	line-height: 1.2em;
	padding-bottom: 10px;
	color: #666;
}
.footer_description p a{
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
.footer_description p a:hover{
	text-decoration: underline;
}
.footer_description h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	color: black;
	padding-top: 5px;
	padding-bottom: 15px;
}

.footer_list {
	width: 425px;
}
.footer_list h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	color: #97ae39;
	border-bottom: 1px solid #dae3b6;
	height: 15px;
	padding-top: 5px;	
}
.footer_list ul {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	list-style-type: none;
}
.footer_list li {
	font-weight: bold;
	border-bottom: 1px solid #dae3b6;
}
.footer_list li a {
	padding-top: 5px;
	display: block;
	height: 15px;
	text-decoration: none;
	color: black;
	font-weight: normal;
}
.footer_list li a:hover {
	background-color: #dae3b6;
}
.footer_list ul li ul {
	font-size: 1em;
	font-weight: normal;
}

.footer_version {
	width: 200px;
}

.footer_version h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	padding-top: 5px;
}

/* Comments styling */

#comments{}

#comments h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: black;
	padding-top: 5px;	
}
#comments h5 a {
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#comments h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #7e7e7e;
	padding-bottom: 15px;
}

#comments p {
	color: black;
	font-size: 1em;
	padding-left: 50px;
	
}

ol#comments_list li {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #c1c1c1;
	font-size: 0.8em;
}

.comments_reply {
	padding-left: 250px;
	width: 400px;
}
.comments_reply h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: black;
	padding-bottom: 5px;
	padding-top: 40px;	
}

.allowed_tags {
	font-size: 0.9em;
	line-height: 1em;
	font-style: italic;
	color: #333;
}

.comments_reply input.textbox {
	width: 200px;
	border: 1px solid #666;
}

.comments_reply textarea {
	width: 400px;
	border: 1px solid #666;
	
}