html * {
margin: 0;
padding: 0;
}
body { background: #16222a url("/public/img/bg.jpg") 50% 0% repeat-x; }
/*-- Global ---------- */
body, textarea {
font: 13px/20px "Lucida Grande", Lucida Sans Unicode, Verdana, Tahoma, Helvetica, Arial, Verdana, Tahoma, sans-serif;
color: #16222a;
}
a {
color: #c00000;
font-weight: bold;
text-decoration: none;
}
a:hover { color: #333; }
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { font-size: 36px; line-height: 40px; padding-top: 20px; padding-bottom: 20px; }
h2 { font-size: 28px; line-height: 40px; padding-top: 10px; padding-bottom: 10px; }
h3 { font-size: 18px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; }
h4 { font-size: 14px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; }
h5 { font-size: 12px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; }
h6 { font-size: 10px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; }
p { padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6 {}
blockquote {
padding: 18px;
background: #eee;
margin: 0px 36px 18px 18px;
}
ul, ol {
margin: 0px 36px 8px 18px;
}
ul li, ol li { margin: 0;}
/*-- Clearing Styles & Container --*/
#container {
background: url("/public/img/container-bg.gif") repeat-y;
}
.block {
width: 854px;
margin: 0 auto;
display: block;
}
.clearfix { display: inline-block; }
.block:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.column {
float: left;
width: 280px;
}
#contentarea {
padding: 10px 30px 20px 20px;
border-top: solid 1px #d0d3d4;
margin: 2px 0 0 0;
}
h2#contenttitle {
color: #c00000;
font-size: 35px;
font-style: italic;
font-weight: normal;
font-family: Georgia, "Times New Roman", serif;
border-bottom: solid 1px #d0d3d4;
margin: 0 0 2px 0;
padding-left: 20px;
}
/* Header ---- */
#header {
height: 103px;
background: url("/public/img/header-bg.gif") 0% 100% no-repeat;
}
#header-sub {
height: 103px;
background: url("/public/img/header-bg-sub.gif") 0% 100% no-repeat;
}
#home-intro {
background: url("/public/img/home-intro-bg.gif") repeat-x;
height: 150px;
width: 820px;
padding: 0 0 0 20px;
}
#home-intro h2 {
font-style: italic;
font-weight: normal;
font-family: Georgia, "Times New Roman", serif;
font-size: 32px;
color: #c00000;
padding: 24px 0 6px 0;
}
#home-intro p {
padding: 0 0 8px 0;
font-size: 15px;
}
#home-intro p.subhead, #home-intro p.subhead a {
color: #0e82a8;
font-weight: bold;
padding: 0;
font-size: 12px;
}
#home-intro span.bull {
margin: 0 8px;
}
#home-intro-bottom {
height: 88px;
width: 800px;
background: url("/public/img/mid-photo.jpg") no-repeat;
color: #fff;
padding: 10px 20px 0 20px;
}
#home-intro-bottom h3 {
font-style: italic;
font-weight: normal;
font-family: Georgia, "Times New Roman", serif;
font-size: 19px;
padding: 2px 0 0 0;
}
#home-intro-bottom h3 em {
display: block;
font-size: 11px;
}
#home-cols {
width: 840px;
background: url("/public/img/home-cols-bg.gif") 280px 0px repeat-y;
}
#home-cols .column {
padding: 10px 15px;
width: 250px;
}
#home-cols h4, .sidebar-feature h4 {
font-size: 14px;
font-family: Georgia, "Times New Roman", serif;
color: #0e82a8;
font-style: italic;
}
#home-blog h5, #home-blog h5 a, .sidebar-feature h5, .sidebar-feature h5 a {
padding: 0;
}
#home-blog p.date, .sidebar-feature p.date {
font-weight: bold;
font-size: 10px;
padding: 0 0 4px 0;
}
/*-- Main Navigation --*/
ul#navigation {
margin: 0;
list-style: none;
float: right;
padding: 43px 0 0 0;
}
ul#navigation li {
margin: 0;
float: left;
}
ul#navigation li a {
display: block;
float: left;
color: #fff;
font-style: italic;
font-weight: normal;
font-family: Georgia, "Times New Roman", serif;
padding: 0 0 0 15px;
}
ul#navigation li a:hover {
color: #0e82a8;
}
/*-- Logo --*/
#logo {
width: 145px;
height: 72px;
padding: 0;
}
#logo a {
display: block;
text-decoration: none;
text-indent: -999em;
width: 145px;
height: 72px;
padding: 0;
background: url("/public/img/cod-logo.jpg") no-repeat;
}
/* breadcrumb ---- */
#breadcrumb {
height: 32px;
background: url("/public/img/breadcrumb-bg.gif") repeat-x;
width: 820px;
padding: 2px 0 0 20px;
}
#breadcrumb ul, #breadcrumb ul li {
margin: 0;
list-style: none;
}
#breadcrumb ul li {
display: inline;
}
#breadcrumb ul li a {
font-size: 11px;
color: #0e82a8;
background: url("/public/img/bc-arrow.gif") 100% 5px no-repeat;
padding: 0 9px 0 0;
}
#breadcrumb ul li a.active {
color: #16222a;
font-weight: normal;
background: none;
}
/* Main Cols --*/
#sub-cols {
width: 840px;
background: url("/public/img/content-bg.gif") 561px 0px repeat-y;
}
#content-col {
width: 561px;
}
#sidebar {
width: 279px;
}
.sidebar-feature {
width: 255px;
padding: 0 12px 12px 12px;
border-bottom: solid 1px #c7cacc;
}
/*-- Footer --*/
#footer {
background: url("/public/img/footer-bg.gif") no-repeat;
padding: 18px 20px 20px 20px;
height: 53px;
width: 814px;
}
#footer a {
color: #fff;
margin: 0 9px 0 0;
text-decoration: underline;
}
#footer p {
font-size: 10px;
padding: 0;
color: #fff;
float: right;
}
#footer p#copyright {
float: none;
padding: 0;
}
/*--- Blog Styles --*/
#blog-sidebar {
width: 255px;
padding: 0 12px 20px 12px;
}
#blog-sidebar ul, #blog-sidebar ul li {
margin: 0;
list-style: none;
}
#posts, #posts li {
margin: 0;
list-style: none;
}
#posts li {
padding: 10px 0;
border-bottom: solid 1px #c7cacc;
}
#posts li h3, #posts li h3 a {
font-size: 16px;
padding: 0;
}
#posts li h3 a {
font-size: 16px;
font-style: italic;
font-weight: normal;
font-family: Georgia, "Times New Roman", serif;
color: #0e82a8;
}
.postmetadata { padding: 0;}
div.post h3 {
font-size: 20px;
font-style: italic;
font-weight: normal;
font-family: Georgia, "Times New Roman", serif;
color: #0e82a8;
padding: 10px 0;
}
#comment-synd {
padding: 10px 0;
border-top: solid 1px #c7cacc;
}
h4#comments, h4#respond {
font-size: 15px;
color: #0e82a8;
padding: 10px 0;
}
h4#respond {
border-top: solid 1px #c7cacc;
}
.commentlist, .commentlist li {
list-style: none;
margin: 0;
}
.commentlist li {
border-top: solid 1px #c7cacc;
padding: 10px;
}
.commentlist li.alt {
background: #fff;
}
.commentlist .avatar { float: right; }
#commentform {
padding: 10px 0;
}
#commentform textarea {
width: 500px;
}
h2.pagetitle {
font-size: 15px;
color: #c00000;
padding: 0;
border-bottom: solid 1px #c7cacc;
}
li.page-status {
padding: 10px 0 0 0;
font-weight: bold;
border-bottom: solid 1px #c7cacc;
margin: 0;
}
/*-- Editor --*/
#editContent {
padding: 12px;
background: none;
}