/***********************************************
global.css - justinspegele.com

Colors:
Header Bg:	#3f4856
Body Bg:	#f0f0e5
Text:		#333333
Links:		#467aa7
Link Hover:	#2a5a8a
Tweets Bg:	#b2cce2
Light Gray:	#d4d4d4
Green:		#257055
***********************************************/

/***** Main Styles *****/
* {
	margin:0px;
	padding:0px;
}

body {
	background-color:#f0f0e5;
	background-image:url(../images/style/header_bg.png); background-position:top; background-repeat:repeat-x;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}
a {
	color:#467aa7;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:#2a5a8a; 
	text-decoration:underline; 
}
a img { border:none; }
hr { color:#333; }
fieldset { border:none; }

/***** Page Layout *****/
	
#wrapper { 
	width:950px;
	padding:0 25px;
	margin:0 auto;
}

#header {
	width:100%;
	height:120px;
}
	#logo {
		float:left;
		width:350px;
		padding-top:34px;
	}
	#navigation {
		float:right;
		padding-top:61px;
		text-align:left;
	}

#maincontent {
	width:650px;
	float:left;
	padding:25px 30px 0 0;
	font-size:1.3em;
	background-image:url(../images/style/column_divider.png); background-position:right; background-repeat:repeat-y;
}
	#sections {
		margin-bottom:50px;
	}
	.post {
		margin-bottom:50px;
		border-bottom:2px solid #d4d4d4;
	}
		.postactions { padding:20px 0 35px 0; }
	.splitcontentleft{float:left; width:48%;}
	.splitcontentright{float:right; width:48%;}
	
#aside {
	float:right;
	width:250px;
	font-size:1.3em;
	padding:25px 0 0 0;
	line-height:1.4em;
}
	.aside_box {
		margin-bottom:27px;
	}

#footer {
	width:100%;
	padding:15px 0 50px 0;
	background-image:url(../images/style/row_divider.png); background-position:top; background-repeat:repeat-x;
}
	#footer ul { list-style-image:url(../images/style/bullet.png); margin-left:18px; }
	#footer li { padding:4px 0; }
	#sitemap { width:100%; font-size:1.3em; }
		#contactme { width:300px; float:left; }
		#contactme img { margin:17px 0; }
		.sitemap_list { width:175px; float:left; margin:17px 25px 0 0; }
		.sitemap_list img { margin:0 0 5px 18px; }
	#creativecommons { width:450px; float:left; margin-top:25px;; }
	#creativecommons img { padding-right:7px; }
        #valid { width:100px; float:right; margin-top:25px; }

/***** Navigation Styles *****/
#navigation li {
	float:left;
	list-style-type:none;
	margin-left:25px;
}
#navigation li a {
	display:block;
	padding:4px 7px;
	background-color:inherit;
	font-size:1.8em;
	color:#fff;
	font-weight:300;
	text-decoration:none;
	text-transform:uppercase;
}
#navigation li a:hover {
	text-decoration:none;
	background-color:#467aa7;
}

#navigation li.rssnav a {
	margin-top:-5px;
	display:block;
	padding:4px 7px;
	background-color:inherit;
}

/***** Main Content Sytles *****/
#maincontent p {
	margin-bottom:15px;
}
#maincontent h2 {
	display:block;
	margin:0 0 7px 0;
	font-size:1.8em;
	font-weight:normal;
	color:#467aa7;
}
#maincontent h2 a {
	text-decoration:none;
	font-weight:normal;
	color:#467aa7;
}
#maincontent h2 a:hover { color:#2a5a8a; text-decoration:underline; }
#maincontent h3 {
	display:block;
	margin:0 0 8px 0;
	font-size:1.1em;
	font-weight:normal;
	color:#999;
	letter-spacing:-1px;
	background-color:inherit;
}
#maincontent h3.underlined {
	border-bottom:1px solid #cecece; 
}
#maincontent a:hover,#subcontent a:hover { text-decoration:underline; }
#maincontent ul,#content ol { margin:0 5px 16px 35px; }
#maincontent dl { margin:0 5px 10px 25px; }
#maincontent dt { font-weight:bold; margin-bottom:5px; }
#maincontent dd { margin:0 0 10px 15px; }

/***** Section Navigation Styles *****/
#sections ul { margin:0; }
#sections li {
	float:left;
	list-style-type:none;
	white-space:nowrap;
	padding-right:12px;
}
#sections li a {
	display:block;
	font-size:1.0em;
	font-weight:bold;
	color:#666;
	text-decoration:none;
}
#sections .selected,#sections li a:hover {
	background-position:top;
	color:#467aa7;
	text-decoration:underline;
}

/**************** Aside styles ****************/
#aside h3 {
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	font-size:1.1em;
	color:#666;
	border-bottom:1px solid #000;
}
#aside p {
	margin:0 0 7px 0;
}
#aside img {
	padding-right:4px;
        border:none;
}
#aside li {
	list-style-type:none;
	padding:0 0 2px 0;;
}
#aside li a {
	font-size:.9em;
	font-weight:normal;
}

#twitter_aside {
	background-color:#becce2;
	background-image:url(../images/style/twitter.png);
	background-repeat:no-repeat;
	padding:55px 15px 10px 15px;
	margin-bottom:25px;
}

.tweet {
	border-bottom:1px dashed #f0f0e5;
	padding-bottom:12px;
	margin-bottom:12px;
}

/***** Misc Styles *****/
.clear { clear:both; }

.codeBox {
	width:92%; height:auto;
	background-color:#fbfbf8;
	font-size:11px; 
	padding:10px;
	margin:10px 0px;
	overflow:scroll;
}

#ratingBox { 
	width:500px; 
	margin:25px 0;
}

#siteMessage {
	padding:25px 75px 100px 75px;
	font-size:1.4em;
}

.timestamp {
	font-style:italic;
	font-size:.9em;
	color:#999;
}
.timestamp a {
	font-size:.9em;
	font-weight:normal;
	color:#999;
	text-decoration:underline;
}
.timestamp a:hover {
	color:#2a5a8a;
}

#pageNav {
	padding:0 0 50px 0;
}
	#pageNav a { padding:4px 7px; border:1px solid #467aa7; text-decoration:none; }
	#pageNav a:hover { padding:4px 7px; border:1px solid #467aa7; text-decoration:none; color:#fff; background-color:#467aa7; }
	#newerPosts { float:left; }
	#olderPosts { float:right; }

span.footnote {
   white-space:nowrap;
}

/***** Resources *****/

.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}

.box{
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em;
}
.box h1 { 
	font-size:1em; 
	font-weight:bold; 
	border-bottom:1px solid #cecece; 
	margin-bottom:10px; 
}
.box img {
	border:none;
}
img.center {
        display:block;
	margin:10px auto;
}
img.left { 
        float:left;
        margin:0 10px 10px 0; 
}
.box #box_item { 
	width:230px;
}
.box #box_item_toggle {
	float:left;
	width:7px;
}
.box #box_item_data {
	float:right;
	width:220px;
}

/***** Comments *****/
#commentsbox {
	width:90%;
	margin:25px 0 0 0;
}	
.comment {
	padding:10px;
	border-top:1px dotted #303030;
}
.commentName {
	font-weight:bold;
	margin-bottom:10px;
}
.commentTime {
	margin-bottom:10px;
}
.commentBody {  }

#postcomment {
	width:100%;
	margin:25px 0 0 0;
}