body { background:#FFF url(images/body-bg.jpg) repeat-x 0 0; font-size:13px; font-weight:normal; color:#555; line-height:1.5em; margin:0; padding:0; }
body, input, textarea, select { font-family: Georgia, "Times New Roman", Times, serif; }
img { border:0; }
p { margin:8px 0 10px 0; }
acronym { border-bottom:1px dotted #000; }
ul { margin:15px 30px; padding:0; list-style-type:square; }
ul.spaced li { margin:1em 0; }
li { margin:0; padding:0; }
a { text-decoration:none; color:#00E; cursor:pointer; }
a:hover { text-decoration:underline; }
.tr { text-align:right; }

.clearafter:after { content:"."; display: block; height:0; clear:both; visibility:hidden; }
.clearafter {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearafter {height: 1%;}
.clearafter {display: block;}
/* End hide from IE-mac */

html, body {height: 100%;}
#body { background:url(images/main-bg.jpg) no-repeat 50% 0; min-height:100%; height:auto !important; height:100%; margin-bottom:-80px; }

#main { margin:0px auto; width:853px; padding-bottom:101px; }
#head { height:208px; position:relative; }
#search-form { position:absolute; top:30px; right:0; }
#main-bg2 { background:url(images/content-bg2.jpg) no-repeat bottom; padding:10px; min-height:450px; _height:450px; }
#main-wrapper { padding:10px; }
#header h1 { margin:0; padding:0; position:absolute; top:20px; overflow:hidden; width:400px; height:75px; border:0px solid red; }
#header h1 a { display:block; margin:0; padding:80px 0 0 0; overflow:hidden; text-decoration:none; color:#666; height:0; width:100%;  line-height:10em; }
#tagline { border:0px solid red; position:absolute; top:90px; height:89px; width:100%; overflow:hidden; }
#tagline .tag { width:49%; float:left; }
#tagline p { padding:10px 10px 0 20px; margin:0; font-size:17px; color:#04446A; line-height:21px; }
#tagline strong { color:#B0110D; font-size:22px; font-weight:normal; }
#sidebar { width:240px; float:left; margin-right:20px; padding-top:10px; }
#content { width:560px; float:left; }
#footer { text-align:center; font-size:100%; clear:both; color:#6287A4; background:#315380; border-top:1px solid #399DD8; height:79px; }
#footer-wrapper { width:853px; height:59px; margin:0 auto; position:relative; background:url(images/footer-bg.gif) no-repeat 0px 5px; }
#footer a { color:#6287A4; }
#footer .copyright { width:350px; position:absolute; top:0; right:0; text-align:left; padding:10px 10px; }
#footer .smallprint a { font-size:11px; font-weight:normal; color:#47778F; }

#navigation { list-style-type:none; margin:0; padding:0; }
#navigation li { margin:0; padding:0; }
#navigation a { display:block; padding:3px 10px; border-bottom:1px dotted #CCC; }
#navigation a:hover, #navigation .active a { background:#EEE; text-decoration:none; color:#C00; }
#navigation .active a { color:#2F5481; }

h1, h2, h3, h1 a { font-weight:normal; color:#B60D14; line-height:1.1em; font-size:20px; margin:10px 0 0 0; padding:0; }
h2 { font-size:17px; margin:20px 0 0 0; }
h3 { font-size:16px; margin:10px 0 0 0; color:#000; }

.emphasized { border:1px solid #69A4CE; padding:0 10px 0 80px; margin:0 20px; background:#F1F6F9 url(images/bin.gif) no-repeat 5px 50%; }
img.sample { border:1px solid #CCC; margin:5px 0; }

.eotform { margin:10px 0 15px 20px; }
.eotform textarea { font-size:100%; width:400px; height:80px; }
.q { width:300px; padding:4px; }

.eotpromo { margin:25px 0 15px; position:relative; padding:10px 0 0 80px; font-weight:bold; }
.eotpromo a { color:Green; }
.eotpromo img { position:absolute; top:0; left:10px; }

/* Blog Related: */

#commentPreview{ display:none; clear:both; }
#relatedPosts h1, .commentForm h1, h1#comment { font-size:18px; margin:10px 0 5px 0; }
#relatedPosts span { margin-bottom:10px; display:block; }

#gravatarmsg { display:block; padding:0 0 0 80px; font-size:11px; }
.bbcode { display:block; margin-bottom:-10px; }
.bbcode a { padding:2px 4px; margin:0 4px 0 0; border:1px solid #CCC; background:#EEE; margin: }
.postfooter { border:1px solid #CCC; background:#EEE; padding:5px; font-size:12px; }
.postfooter a { margin:0 4px; }
.postfooter img { vertical-align:middle; margin-right:5px; }
.postcontent { margin:10px 0; }
.widgets a.delete, .widgets a.edit { font-size:11px; margin:0 5px; color:#F00; font-family:Verdana; font-weight:bold; display:none; } 

.widgets h4 { color:#B60D14; margin:10px 0 0 0; padding:0; }
.widgets .content { padding:0 10px }
.widgets .recentPosts, .widgets .recentComments { list-style-type:none; margin:0; padding:0;  }
.widgets .recentPosts span { display:block; color:#999; }
.widgets .recentPosts li, .widgets .recentComments li { margin:5px 0; }
.widgets .recentPosts a { margin-right:10px; }
.widgets .monthlist ul { list-style-type:none; margin:5px 0 0 10px; padding:0; }

.authorinfo { width:100px; float:left; overflow:hidden; }
.commenttext { width:455px; float:left; font-size:13px; }
.commenttext .author { font-weight:bold; }
.comment .date { font-size:12px; color:#000; font-family:Verdana, Arial, Sans-Serif; }
.comment .gravatar { border:1px solid #999; padding:2px; }

#postnavigation { font-size:11px; }
#postnavigation a { color:#008000; }

/* comments */
.comment 
{
	border-top: 1px solid #DDDDDD;
	padding-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.comment .date {
	text-align: left;
	margin: 0;
	padding: 3px 0px;
}
.comment .author {
	margin: 0;
	text-align: left;
	padding-top: 3px;
	margin: 5px 0px 3px 0px;
	clear: both;
}

.self {
	background-color:#F5F5F5;
}

.comment .gravatar {
	float: left;
	clear: both;
	margin: 5px 5px 5px 5px;
}

.comment .gravatar img {
	height: 80px;
	width: 80px;
}

.comment .content {
	min-height: 85px;
	margin: 5px 0 0 5px;
}
.commentForm {
  border:1px solid #CCC; padding:0 10px 10px 10px; background:#F4F4F4;
}

.commentForm label {
	float: left;
	display: block;
	width: 70px;
	text-align:right;
	padding:0 5px 0 0;
}

.commentForm input {
	width: 345px;
}

.commentForm textarea {
	width: 100%;
	height: 150px;
}

#commentMenu{
	padding: 0;
	margin:0;
	clear:both;
}

#commentMenu li{
	float:left;
	border:1px solid silver;
	border-bottom: none;
	margin:0;
	list-style:none;
	margin-right:5px;
	padding: 3px 8px;	
	cursor:pointer;
	position:relative;
	top: 2px;
	background:#d8d8d8;
}

#commentMenu li.selected{
	background:white;
	border-bottom:1px solid white;
}

#commentPreview{
	display:none;
	clear:both;
}