html, body {	padding: 0;	margin: 0;	height: 100%;	background-color: #f1f0ef;	font-size: 100%;	font-family: "trebuchet ms", arial, verdana;	color: #888;}

ul, p, form, h1, h2, h3, h5, ol, blockquote {	padding: 0;	margin: 0; }

a { color: #5699a7; text-decoration:none;}
a:hover { text-decoration: underline; }

#header-container { 	background: url(images/header-bg.gif) repeat-x #4a463b; border-bottom: 3px solid #5699a7; }

#header { width: 998px;	margin: auto;	position:relative; }
#header ul {list-style:none; position:absolute;bottom:-1px;right:0px }
#header>ul { list-style: none; position:absolute;	bottom: 0;	right:0px; }
#header ul li {	float: left; }
#header ul a { position:relative;display:block;padding: 6px 10px;	background-color: #2d2b28;	color: #5b5750;	font: bold .9em "trebuchet ms", arial, verdana, sans-serif;	text-decoration: none;	text-transform: uppercase;	border-bottom: 1px solid #5b5750;	margin-right: 1px; }
#header a:hover {	background-color: #a49c8f;}
#header ul a.active {	position:relative;padding: 6px 10px 7px 10px;	border: 0;	background-color: #5699a7;	cursor: default; color:#FFF; }
#header ul a.active:hover {	background-color: #5699a7; }

h1 { font: 250% "trebuchet ms"; color: #fff; padding: 25px 0 25px 10px;}
h1 span { color: #a49c8f; }
h1 a { color: #FFF; }
h1 a:hover { color: #a49c8f;  text-decoration: none; background-color:transparent !important;}
h1 a:hover span { color: #FFF;}

p#slogan {font: bold 70% arial, verdana, sans-serif; color: #fff; display:inline; position:absolute;top: 75px; left: 14px; } /* Change left to position slogan */

#content { width: 998px; margin: auto; padding-bottom: 20px; padding-top:25px;background-color:#FFF;}
#content-crwrap { width:748px; float:right;}
#content-center { width: 473px; float: left;}
#content-left { width: 225px; float:left; padding-left: 25px;}
#content-right { width: 225px; float:right; padding-right: 25px;}
#content p { color: #888; font-size: 80%; line-height: 170%; margin: 5px 0;}
.content-bottom { clear:both; border-top: 1px solid #eee;  padding-top: 3px; margin-top: 20px; position:relative;height:35px;}

#footer {width: 998px; margin: 0 auto; padding-bottom: 40px; color: #888; font: 70% arial, verdana, sans-serif; border-top: 3px solid #5699a7}
#footer p { padding: 8px; }
#footer #copyright { float: left; }
#footer #design { float: right; }

.clear { clear:both; }

.post-bottom { clear:both; border-top: 1px solid #eee;  padding-top: 3px; margin-top: 20px; position:relative;height:60px;}
.post-bottom a { margin-left: 20px; font-size: 80%; }
.comment-link { padding-left: 20px; background: url(images/comment.gif) 0 3px no-repeat; }
.readmore-link { padding-left: 18px; background: url(images/readmore.gif) 0 3px no-repeat; }
.post-by { position:absolute;top:5px;left:0; color:#aaa;font-size: 80%;}
.post-by a { padding-left: 20px; margin: 0 !important;font-size:100% !important; background: url(images/poster.gif) 0 2px no-repeat;}
.post-actions {position:absolute;right:0;top:5px;}
#content-center h2, #content-center h3, #content-center p , #content-center div, #content-center ul, #content-center ol, #content-center form { margin-left: 25px; }

h3 { font: 90% arial, verdana, sans-serif; }
h5 { margin: 0 0 12px 25px; font: bold 70% arial, verdana, sans-serif; }

#content ul {list-style: none; font-size: 80%;margin: 5px 25px;}
#content ul li {display:inline;}
#content ul a {position:relative;}

#content ol {font-size: 80%;margin: 5px 25px;}
#content ol li {margin-left: 35px;}

p img { float:right; margin: 0 0 5px 10px;}

.sidebar {margin: 0 0 30px 0 !important;}
.sidebar a {/*border-bottom: 1px dotted #ddd;*/background:url(images/list-bg.gif) repeat-x bottom; display:block;padding: 5px}
.sidebar a:hover {background-color: #f6f6f6; text-decoration:none;}

#content-right h2.sidebar-top, #content-left h2.sidebar-top {margin-top: 0;}
#content-right h2, #content-left h2 {margin: 30px 0 0 0;}

blockquote { font-style:italic; font-size: 80%; margin: 5px 0 5px 50px;}

code {font: 80% courier, georgia, "times new roman"; background-color: #f5f5f5;margin-left: 50px;display: block; padding: 5px;}

h2 { font: bold 100% arial, verdana, sans-serif; color: #483f3d; border-bottom: 1px solid #eee; padding-bottom: 3px; margin-bottom: 15px;}


form { font-size: 80%; background-color: #f5f5f5; padding: 20px 40px;}
label { display: block; }
input.textbox, textarea { width: 100%; }
input.button {font: 120% arial, verdana, sans-serif; margin-top: 10px;}
textarea {display:block; height: 100px;}

.comments { font: 70% arial, verdana, sans-serif; padding-bottom:10px; margin-bottom:20px; border-bottom: 1px solid #eee; }
#commentlist p { font: 100% arial, verdana, sans-serif; }
#commentlist .postdetails { font-size: 90%; padding-bottom:10px; }
#commentform form { font-size: 80%; background-color: ##f5f5f5; margin:0; padding:20px 40px 20px 0; }
#commentform p { font: 85% arial, verdana, sans-serif; }
#commentform input.textbox, textarea { width: 100%; }
#commentform input.button {font: 120% arial, verdana, sans-serif; margin-top: 10px;}
#commentform textarea {display:block; height: 100px; margin:0;}