/*
Theme Name: JoshAdamBoyd
Theme URI: http://www.joshadamboyd.com/
Description: JoshAdamBoyd.com site design (WordPress Edition). Designed by Josh Boyd. Developed by David Freerksen.
Version: 1.0
Author: Josh Boyd
Author URI: http://www.joshadamboyd.com/
Tags: two-columns, fixed-width, sticky-post
*/


/**************************************************/
/**************************************************/
/**************************************************/
*{
	outline: 0px none;
}

html, body{
	margin: 0px;
	padding: 0px;	
}

body{
	background-color: #0e140b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-bottom: 10px;
}

a{
	color: #649928;
	text-decoration: none;
}

a:hover, a:active{
	text-decoration: underline;	
}



/**************************************************/
/** ELEMENTS **************************************/
/**************************************************/
img{
	border: 0px none;	
}

form{
	margin: 0px;
	padding: 0px;
}

sup{
	font-size: 8px;
}

code, pre{
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #CCC;
}

input:focus{
	outline: 0px none;
}



/**************************************************/
/** HEADER ****************************************/
/**************************************************/
#header{
	
}

#header .crown{
	background-image: url(images/green_crown_background.gif);
	background-repeat: repeat-y;
	height: 10px;	
}

#header .header{
	background-image: url(images/green_header_background.gif);
	background-repeat: repeat-y;
}

#header .header .content{
	/*background-image: url(images/green_banner.png);*/
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: 80px center;
	padding-right: 10px;
}

#header .header .content a{
	padding: 5px;	
}

#header .header .content ul{
	list-style-type: none;
	margin: 0px;
	padding: 5px;
	text-align: right;
}

#header .header .content li{
	padding: 5px;
	display: inline;
	color: #EBE6A6;
}

#header .header .content li a{
	text-transform: uppercase;
	color: #EBE6A6;
	text-decoration: none;
	font-size: 14px;
}

#header .header .content li a:hover, #header .header .content li a:active{
	color: #162111;
	background-color: #EBE6A6;
}

#header .header .content .current_page_item a{
	color: #162111;
	background-color: #EBE6A6;
}

#header .header .content ul.sub{
	
}

#header .header .content ul.sub li{
	color: #649928;
}

#header .header .content ul.sub li a{
	text-transform: uppercase;
	color: #649928;
	text-decoration: none;
	font-size: 12px;
}

#header .header .content ul.sub li a:hover, #header .content .header ul.sub li a:active{
	color: #EBE6A6;
	background-color: #008837;
}


#header .header .content ul.sub .current_page_item a{
	color: #EBE6A6;
	background-color: #008837;	
}



/**************************************************/
/** PAGE CONTAINER ********************************/
/**************************************************/
#page{
	background-image: url(images/green_body_background.gif);
	background-repeat: repeat-y;
}



/**************************************************/
/** CONTENT ***************************************/
/**************************************************/
#content{
	padding: 35px 50px 35px 55px;
	line-height: 20px;
}

#blog-content{
	padding: 15px 20px 35px 25px;
	line-height: 20px;
}



/**************************************************/
/** BLOG ******************************************/
/**************************************************/
#blog{
	width: 705px;
	float: right;
}

h1{
	font-size: 24px;
	margin: 20px 0px 0px 0px;
	color: #EBE6A6;
}

.post{
	margin-top: 20px;
}

.post .post-left{
	float: left;
	width: 60px;
	color: #0F643F;
	text-align: center;	
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

.post .post-left .date{
	margin-top: 10px;
	background-color: #FFF;
	padding: 3px;
}

.post .post-left .date .month{
		
}

.post .post-left .date .day{
	font-size: 20px;
}

.post .post-left .date .year{
	font-size: 12px;
	display: none;
}

.post .post-left .comments{
	margin-top: 10px;
	background-color: #FFF;
	padding: 3px;
	color: #162111;
}

.post .post-left .comments .count{
	font-size: 20px;
}

.post .post-left .comments .text{
	font-size: 8px;
}

.post .post-left .comments a{
	color: #162111;
	text-decoration: none;
}

.post .post-left .comments a:hover, .post .post-left .comments a:active{
	
}

.post .post-right{
	float: right;
	margin-right: 22px;
	width: 623px;
}

.post .post-right .post-crown{
	background-image: url(images/green_post_crown.gif);
	background-repeat: repeat-y;
	height: 10px;
}

.post .post-right .post-content{
	background-image: url(images/green_post_background.gif);
	background-repeat: repeat-y;
	padding: 20px 40px 20px 40px;
	color: #000;
	background-color: #FFF;
}

.post .post-right .post-content a{
	color: #162111;
	text-decoration: none;
	font-weight: bold;
}

.post .post-right .post-content a:hover, .post .post-right .post-content a:active{
	text-decoration: underline;	
}

.post .post-right .post-content .title{
	
}

h2{
	margin: 0px;
	padding: 0px;
font-size: 14px	
}

.post .post-right .post-content .body{
	padding-top: 5px;
	text-align: justify;
}

.post .post-right .post-baseboard{
	background-image: url(images/green_post_base.gif);
	background-repeat: repeat-y;
	height: 10px;
}



/**************************************************/
/** COMMENTS **************************************/
/**************************************************/
#comments{
	
}

h4{
	text-transform: uppercase;
	color: #64C09C;
	margin: 0px;
	padding: 0px;
}

#comments .leave{
	
}

#comments .leave a{
	color: #649928;
}

#comments .leave a:hover, #comments .leave a:active{
	color: #64C09C;
}

#comments .comment{
	padding: 0px 0px 0px 30px;
	margin: 20px 0px 20px 0px;
	background-image: url(images/green_comment_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#comments .comment .count{
	font-weight: bold;
}

#comments .comment .message{
	
}

#comments .comment .message > p{
	margin-top: 5px;
	margin-bottom: 5px;
}

#comments .comment .author{
	font-weight: bold;
}

#comments .comment .author a{
	color: #649928;
}

#comments .comment .author a:hover, #comments .comment .author a:active{
	color: #64C09C;
}

#comments .commentform{
	padding: 0px 0px 0px 30px;
	margin: 0px;
	background-image: url(images/green_comment_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#comments .commentform .formfield{
	
}

#comments .commentform .formfield input{
	border: 1px solid #000;
	width: 150px;
	margin: 2px 0px 2px 0px;
	padding: 3px;
}

#comments .commentform .formfield textarea{
	border: 1px solid #000;
	height: 120px;
	width: 400px;
	margin: 2px 0px 2px 0px;
	padding: 3px;
}

#comments .commentform .submitbutton{
	
}

#comments .commentform .submitbutton input{
	text-transform: uppercase;
	color: #FFF;
	background-color: #000;
	margin: 0px;
	padding: 5px;
	border: 1px solid #000;	
}



/**************************************************/
/** BLOG NEXT/PREV NAVIGATION *********************/
/**************************************************/
.navigation{
	
}

.navigation .prev{
	float: right;
}

.navigation .next{
	float: left;
}

.navivation-pad{
	margin-top: 20px;
}



/**************************************************/
/** SIDEBAR ***************************************/
/**************************************************/
#sidebar{
	float: left;
	margin-left: 12px;
	width: 186px;
}

h3{
	text-transform: uppercase;
	color: #EBE6A6;
	margin: 0px;
	padding: 0px;
}

#sidebar .sideitem{
	padding-top: 20px;	
}

#sidebar .sideitem a{
	color: #64C09C;
	text-decoration: none;	
}

#sidebar .sideitem a:hover, #sidebar .sideitem a:active{
	text-decoration: underline;
}

#sidebar .sideitem > ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 10px;
}



/**************************************************/
/** FOOTER ****************************************/
/**************************************************/
#footer{
	
}

#footer .footer{
	background-image: url(images/green_body_background.gif);
	background-repeat: repeat-y;
	padding: 0px 20px 10px 25px;
}

#footer .footer .foot{
	background-image: url(images/green_extras.png);
	background-repeat: no-repeat;
	background-position: 22px center;
}

#footer .options{
	border: 4px solid #FFF;
	background-color: #0F643F;
	float: right;
	margin: 14px 22px 14px 0px;
}

#footer .options > ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#footer .options > ul li{
	float: left;
	padding: 15px 45px 15px 45px;
	text-align: center;
}

#footer .options > ul .item1{
	background-image: url(images/green_footer_contact.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #FFF;
}

#footer .options > ul .item2{
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #FFF;
}

#footer .options > ul .item3{
	background-image: url(images/green_footer_links.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}

#footer .options a{
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
}

#footer .options a:hover, #footer .options a:active{
	text-decoration: underline;
}

#footer .footer .footnote{
	color: #EBE6A6;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	padding-top: 10px;
}

#footer .baseboard{
	background-image: url(images/green_base_background.gif);
	background-repeat: repeat-y;
	height: 10px;	
}



/**************************************************/
/** FOOTNOTE **************************************/
/**************************************************/
#footnote{
	color: #EBE6A6;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	padding-top: 10px;
}



/**************************************************/
/** CONTACT FORM **********************************/
/**************************************************/
#contact{
	display: none;
}



/**************************************************/
/** SHARED ****************************************/
/**************************************************/
.clear{
	clear: both;
}

.width{
	width: 960px;
}

.header-height{
	height: 113px;
}

.div-center{
	margin: auto;
}

.hidden{
	display: none;
}

.alignleft{
	float: left;
}

.alignright{
	float: right;
}

.aligncenter{
	align: center;	
}