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;}