p, h1, h2, h3, li {
font-family: Arial, Helvetica, sans-serif;
}
h1 {
font-weight: bold;
font-size: 24px;
}
h2 {
font: bold 18px sans-serif;
text-align: left;
margin-bottom: 5px;
}
h3 {
font: bold 14px sans-serif;
text-align: left;
margin-left: 0;
margin-bottom; 0;
margin 0 0 0px 0;
padding: 0 0 0px 0;
}
body {
margin: 0;
padding: 0;
color: black;
background: #FFCC33;
}
hr {
color: #FFCC33;
background: #FFCC33;
margin-bottom: 5px;
padding: 0;
}
/*Main container*/
#wrapper {
width: 1002px;
margin: 0px auto;
padding: 0;
}
/*Text area*/
#main {
margin-left: 212px;
color: black;
background: #CCCCFF;
border-top: 2px solid #FFCC33;
}
#columncontainer {
}
#columnleft {
float: left;
width: 360px;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
background: #FEFEFE;
}
#columnright {
float: right;
width: 360px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
background: #FEFEFE;
}
#columnsingle {
clear: both;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
padding-left: 10px;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 10px;
background: #FEFEFE;
}
#widecolumn {
padding: 20px 100px 10px 100px;
margin: 10px 10px 0 10px;
/*width: 550px;*/
background: #FEFEFE;
}
/* Header */
div#header {
position: float;
display: block;
top: 0px;
border: 0;
padding-left: 0px;
padding-right: 0px;
background: #d2d3d8;
color: #22232F;
height: 120px;
}
.hmiddle {
text-align: center;
letter-spacing: 0.2em;
text-transform: lowercase;
margin-top: 0;
margin-bottom: 0;
font: bold 16px sans-serif;
}
.slogo {
text-align: left;
letter-spacing: 0.25em;
margin-left: 4px;
margin-top: 0;
margin-bottom: 0;
text-transform: lowercase;
font: bold 12px Verdana;
}
.blogo {
text-align: left;
letter-spacing: 0.1em;
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
font: bold 72px Verdana;
color: red;
}
#content {
font: 12px Arial, sans-serif;
border: 0;
}
#content h3 {margin-bottom: 5px;}
#content p {margin-top: 0; margin-bottom: 6px;}
#content p.t {font-weight: bold; margin-bottom: 0; font-size: 12px;}
#content p.a {font-style: italic; margin-top: 1em; margin-bottom: 0; font-size: 11px; text-align: left; line-height: 12pt;}
#content p.s {margin-top: 0.5em; margin-bottom: 0; font-size: 11px;}
#content p.q {font-size: 11px; margin-left: 3em; margin-top: 0; text-align: left;}
#content p.l {margin-top: 0; font-size: 11px;}
#content ul {margin-top: 0;}
#content ul li {margin-top: 0;}
}
#content h1 {
font-family: sans-serif;
letter-spacing: 0.05em;
margin-left: 3px;
margin-top: 0;
}
#content a dt {
font-weigth: bold;
}
#content a:link {
color: #2B4880; /*was 002bca*/
text-decoration: none;
}
#content a:visited {
color: #2B4880;
text-decoration: none;
}
#content a:hover {
color: #000000;
background: #FFCC33;
}
#content a:active {
color: #000000;
}
#content h2 h3 a:link {
color: #000000;
text-decoration: none;
}
/* Begin Sidebar */
#sidebar
{
position: absolute;
top: 120px;
background: #CCCCFF;
color: #000000;
margin-bottom: 20px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
border-top: 2px solid #FFCC33;
width: 190px;
font: 13px Verdana;
}
#sidebar h2 {
text-align: left;
margin-top: 0;
font: bold 14px sans-serif;
font-color: #7A7A8A;
}
#sidebar ul li{
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}
#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}
#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}
#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}
ol li, #sidebar ul ol li {
list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
#sidebar a:link {
text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
}
#sidebar a:visited {
text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
}
#sidebar a:hover {
text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background: #FFCC33;
}
#sidebar a:active {
text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
}
#sidebar small {
font-size: 10px;
line-height: 1.2em;
color: #336666;
}
#smallblack {
font-size: 9px;
margin-bottom: 0;
line-height: 1em;
padding-left: 40px;
padding-right: 20px;
}
.entry {
font-size: 1em;
margin-bottom: 0;
line-height: 1.2em;
}
.sbsmall {
text-align: center;
text-transform: lowercase;
margin-top: 0;
margin-bottom: 0;
}
.sbbig {
text-align: center;
letter-spacing: 0.5em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font: bold 20px sans-serif;
}
.sbimage {
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
#sidebar form {
margin: 0;
}
/* End Sidebar */
div#footer {
clear: both;
text-size: 8px;
text-align: center;
/*color: #7A7A8A;*/
}
.read-article {float: right; }
.comments {float: right; }
.date {text-align: center; }
.small {text-sixe: 8px; color: #f7f7f7; }
#latest td, #forumlist td, #favorites td { padding: 5px 10px; }
#latest tr:hover, #forumlist tr:hover, #favorites tr:hover { background: #e4f3e1; }
#latest th, #forumlist th, #favorites th {
border-bottom: 1px solid #aaa;
background: #ddd;
font: 11px Verdana,Arial,Helvetica,sans-serif;
padding: 5px 10px;
text-transform: uppercase;
}
#latest, #forumlist, #favorites {
background: #f7f7f7;
margin-bottom: 2em;
width: 100%;
}
.row { clear: both; }
.col1 { width: 200px; float: left; padding: 0 10px; }
.col2 { width: 200px; float: right; padding: 0 10px; }