/* CSS Document */

/* ------------------------------------------------------------ 
   POSITIONING
------------------------------------------------------------ */
body {background:#332200; font: 1.1em Verdana, Tahoma, Arial, Helvetica, sans-serif; margin:10px 0 10px 0; padding:0;}
#position {width:800px; margin:0 auto;}
#content {width:500px; background:#443322; padding:20px; float:left;}
#side_content {width:200px; float:left; padding:10px;}

.article_padding {padding:20px 0 20px 0;}

/* ------------------------------------------------------------ 
   BASE ELEMENTS
------------------------------------------------------------ */
h1, h2, h3 {margin:2px 0 2px 0; color:#66cccc; border-top:1px solid #332200; border-bottom:1px solid #332200;}
h1 {font: normal 1.5em "Trebuchet MS", Verdana, sans-serif;}
h2 {font: normal 1.1em "Trebuchet MS", Verdana, sans-serif; color:#339999;}
h3 {font: bold 0.8em Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#339999; margin:10px 0 10px 0; border-top:none; border-bottom:1px solid #666666; width:71%; float:left; padding:0 0 5px 0;}

#content h4 {text-align:right; color:#666666; float:right; width:29%; font: normal 0.8em Verdana, Tahoma, Arial, Helvetica, sans-serif; margin:10px 0 10px 0; border-bottom:1px solid #666666; padding:0 0 5px 0;}

p, table, input, textarea, ol, label, ul {color:#cccccc; font: 0.7em/1.4em Verdana, Tahoma, Arial, Helvetica, sans-serif; clear:both;}

p.author_foot_1 {margin:0; padding:2px 0 3px 0; font:bold 0.6em/1.2em Verdana, Tahoma, Arial, Helvetica, sans-serif; clear:none; border-top:1px solid #666666; border-bottom:1px solid #666666;}

.article_foot p {margin:0; padding:2px 0 3px 0; font:bold 0.6em/1.2em Verdana, Tahoma, Arial, Helvetica, sans-serif; clear:none; border-top:1px solid #666666; border-bottom:1px solid #666666;}
.article_foot p.author_foot {width:75%; float:left;}
.article_foot p.comments_invite {width:25%; float:right; text-align:right;}

ul {list-style:circle; margin:0 0 0 20px; padding:0;}

ol {margin:0; padding:0; list-style:none; font-size:1.0em; line-height:1.4em;}
ol li {margin:0 0 10px 0;}
ol li p {margin:0; padding:10px 0 0 0;}

.odd {background:#224444; padding:10px;} 
.even {background:#003333; padding:10px;}

p.small, p.small_date {margin:0; padding:0 0 5px 0; clear:none; border-bottom:1px solid #333333; font-size:0.6em;}
p.small {float:left; width:71%;}
p.small_date {float:right; width:29%; color:#999999; text-align:right;}

input, textarea {background:#332200; border:1px solid #666666; width:100%; margin:0 0 10px 0; color:#999999;}
input.checkbox {width:15px; border:none; background:none;}
input.button {width:100px; margin:0 0 0 10px; color:#cccccc;}

#prevnext {margin:20px 0 0 0; border-top:1px solid #332200; padding:5px 0 0 0;}
#prevnext p {margin:0; padding:0; vertical-align:middle;}
#prev {float:left;}
#next {float:right;}

#side_content h4 {text-align:left; color:#999999; font: bold 0.6em Verdana, Tahoma, Arial, Helvetica, sans-serif; margin:10px 0 0 0; border-bottom:1px solid #666666; padding:0 0 3px 0;}

#side_content ul {list-style:none; margin:0;}
#side_content ul li {border-bottom:1px solid #443322; padding:2px 10px 3px 10px;}

.cat_active {color:#66cccc;}

#reopening {background:url(../images/reopening.gif) no-repeat; width:140px; height:120px; position:absolute; top:0; margin:0 0 0 350px;}
#footer {clear:both; padding:20px 0 20px 0;}
#footer p {font: bold 0.6em Verdana, Tahoma, Arial, Helvetica, sans-serif; margin:0; color:#666666; padding:2px 0 3px 0; border-top:1px solid #443322; border-bottom:1px solid #443322; text-align:center;}

/* ------------------------------------------------------------ 
   LINKS
------------------------------------------------------------ */
a {color:#339999; text-decoration:none;}
a:hover {color:#66cccc; border-bottom:1px dotted #339999;}

h1 a, h3 a {color:#66cccc;}
h1 a:hover {color:#339999; border:none;}

h3 a:hover {color:#339999; border-bottom:1px dotted #66cccc;}