body {
margin: 0;
background: #000000;
}
h1, h2, h3, h4 {
margin: 0;
}
img {
border: 0;
}
.clear {
clear: both;
height: 0;
overflow: hidden;
}
/* Page */
#page {
margin: 0 auto;
width: 1004px;
background: url("images/page.gif") repeat-y;
}
#page-top {
width: 1004px;
background: url("images/page_top.jpg") no-repeat;
}
#page-bottom {
width: 1004px;
background: url("images/page_bottom.gif") no-repeat left bottom;
padding-bottom: 36px;
}
/* Header */
#header {
width: 1004px;
height: 495px;
position: relative;
}
/* Header - Info */
#header #header-info {
position: absolute;
top: 25px;
left: 30px;
}
#header #header-info h1 {
color: #ffffff;
font: normal 35px Verdana;
padding-bottom: 5px;
}
#header #header-info h1 a {
color: #ffffff;
text-decoration: none;
}
#header #header-info .description {
color: #ffffff;
font: normal 19px Verdana;
}
/* Header - Menu */
#header #header-menu {
position: absolute;
top: 453px;
left: 8px;
height: 27px;
}
#header #header-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 26px;
}
#header #header-menu ul li {
float: left;
height: 26px;
font: bold 15px/26px Verdana;
color: #6f88d2;
background: url("images/header_menu_left.gif") no-repeat;
margin-right: 10px;
}
#header #header-menu ul li a {
color: #6f88d2;
text-decoration: none;
background: url("images/header_menu_right.gif") no-repeat right top;
padding: 0 20px;
display: block;
}
#header #header-menu ul li a:hover {
color: #ffffff;
background: url("images/header_menu_hover_right.gif") no-repeat right top;
}
#header #header-menu ul li:hover {
background: url("images/header_menu_hover_left.gif") no-repeat;
}
/* Header - Menu - Active */
#header #header-menu ul li.current_page_item {
background: url("images/header_menu_hover_left.gif") no-repeat;
}
#header #header-menu ul li.current_page_item a {
color: #ffffff;
background: url("images/header_menu_hover_right.gif") no-repeat right top;
}
/* Header - Menu - Submenu */
#header #header-menu ul li ul {
display: none;
}
/* Main */
#main {
width: 1004px;
}
/* Main - Content */
#content {
float: left;
width: 730px;
padding: 0 15px;
}
/* Main - Content - Post */
#content .post {
float: left;
margin-bottom: 30px;
width: 730px;
background: url("images/post.gif") repeat-y;
}
/* Post - Title */
#content .post .post-title {
width: 730px;
background: url("images/post_title.gif") no-repeat;
color: #d2d7eb;
font: bold 11px Verdana;
}
#content .post .post-title a {
color: #d2d7eb;
text-decoration: none;
}
#content .post .post-title a:hover {
text-decoration: underline;
}
#content .post .post-title .post-date {
float: left;
text-align: center;
text-transform: lowercase;
color: #ffffff;
width: 50px;
height: 50px;
font: normal 18px Verdana;
background: url("images/post_date.gif") no-repeat;
}
#content .post .post-title .post-date span {
padding-top: 2px;
display: block;
}
#content .post .post-title h2 {
color: #d2d7eb;
font: normal 19px Verdana;
float: left;
padding: 4px 10px 6px 10px;
width: 660px;
}
#content .post .post-title h2 a {
color: #d2d7eb;
text-decoration: none;
}
#content .post .post-title h2 a:hover {
text-decoration: underline;
}
#content .post .post-title .post-title-info {
float: left;
width: 660px;
padding-left: 10px;
}
/* Post - Entry */
#content .post .post-entry {
font: normal 11px/18px Verdana;
color: #8294d3;
padding: 0 10px;
width: 710px;
text-align: justify;
}
#content .post .post-entry a {
color: #ffffff;
text-decoration: none;
}
#content .post .post-entry a:hover {
text-decoration: underline;
}
#content .post .post-entry a.more-link {
font: bold 11px/20px Verdana;
float: right;
margin-bottom: 5px;
color: #ffffff;
text-decoration: none;
}
#content .post .post-entry a.more-link:hover {
text-decoration: underline;
}
#content .post .post-entry blockquote {
border-left: 10px solid #152756;
margin: 0px 30px;
padding-left: 15px;
}
/* Post - Info */
#content .post .post-info {
clear: both;
width: 710px;
padding: 0 10px;
text-align: right;
font: bold 11px/25px Verdana;
color: #d2d7eb;
background: url("images/post_bottom.gif") no-repeat left bottom;
padding-top: 5px;
}
#content .post .post-info a {
color: #d2d7eb;
text-decoration: none;
}
#content .post .post-info a:hover {
text-decoration: underline;
}
/* Post - Bottom */
#content .post .post-bottom {
clear: both;
width: 730px;
height: 15px;
background: url("images/post_bottom.gif") no-repeat left bottom;
}
/* Post - Subtitle */
#content .post h3 {
margin: 20px 0 5px 0;
float: left;
width: 710px;
color: #d2d7eb;
font: bold 15px Verdana;
}
/* Post - Comments */
#content .post .comments {
font: normal 11px/18px Verdana;
color: #8294d3;
width: 710px;
float: left;
}
#content .post .comments ol {
margin: 10px 0;
padding-left: 25px;
}
#content .post .comments ol li {
padding: 5px;
}
#content .post .comments ol li a {
color: #ffffff;
text-decoration: none;
}
#content .post .comments ol li a:hover {
text-decoration: underline;
}
#content .post .comments ol li.alt {
background: #152756;
}
#content .post .comments ol li cite {
color: #ffffff;
font-style: normal;
font-weight: bold;
}
#content .post .comments ol li cite a {
color: #ffffff;
text-decoration: none;
}
#content .post .comments ol li cite a:hover {
text-decoration: underline;
}
#content .post .comments ol li .commentmetadata a {
color: #ffffff;
text-decoration: none;
}
#content .post .comments ol li .commentmetadata a:hover {
text-decoration: underline;
}
/* Post - Comment Form */
#content .post #commentform {
font: normal 11px/18px Verdana;
color: #8294d3;
width: 685px;
padding-left: 25px;
margin: 0;
float: left;
}
#content .post #commentform a {
color: #ffffff;
text-decoration: none;
}
#content .post #commentform a:hover {
text-decoration: underline;
}
/* Main - Content - Navigation */
#content .navigation {
font: bold 11px/25px Verdana;
color: #d2d7eb;
height: 25px;
float: left;
margin-bottom: 30px;
width: 730px;
}
#content .navigation a {
color: #d2d7eb;
text-decoration: none;
width: 150px;
height: 25px;
background: url("images/navigation.gif");
text-align: center;
display: block;
}
#content .navigation a:hover {
text-decoration: underline;
}
#content .navigation .navigation-previous {
float: left;
}
#content .navigation .navigation-next {
float: right;
}
/* Main - Sidebar */
#sidebar {
float: left;
width: 229px;
font: normal 11px/18px Verdana;
color: #8294d3;
margin-bottom: 10px;
}
#sidebar a {
color: #ffffff;
text-decoration: none;
}
#sidebar a:hover {
text-decoration: underline;
}
/* Main - Sidebar - Boxes */
#sidebar .sidebar-box {
width: 229px;
margin-bottom: 20px;
background: url("images/sidebar.gif") repeat-y;
}
#sidebar .sidebar-box-top {
width: 229px;
background: url("images/sidebar_top.gif") no-repeat;
}
#sidebar .sidebar-box-bottom {
width: 229px;
background: url("images/sidebar_bottom.gif") no-repeat left bottom;
}
/* Sidebar - Titles */
#sidebar h3 {
width: 214px;
height: 30px;
padding-left: 15px;
font: bold 15px/30px Verdana;
color: #ffffff;
background: url("images/sidebar_title.gif") no-repeat;
}
/* Sidebar - Menus */
#sidebar ul {
margin: 0;
padding: 0 0 15px 0;
list-style-type: none;
}
#sidebar ul li {
color: #8294d3;
padding-left: 15px;
font: bold 11px/29px Verdana;
background: url("images/sidebar_menu.gif") repeat-x left bottom;
}
#sidebar ul li a {
color: #8294d3;
text-decoration: none;
}
#sidebar ul li a:hover {
text-decoration: underline;
}
/* Sidebar - Menus - Submenus */
#sidebar ul li ul {
padding: 0;
}
#sidebar ul li ul li {
background: none;
}
/* Sidebar - Forms */
#sidebar #searchform {
margin: 0;
padding: 20px 0;
width: 229px;
text-align: center;
}
#sidebar #searchform #s {
width: 179px;
}
/* Sidebar - Tables */
#sidebar #calendar_wrap {
margin: 0 auto;
padding: 7px 0 10px 0;
width: 130px;
}
#sidebar #calendar_wrap caption {
font-weight: bold;
}
#sidebar #calendar_wrap tbody {
text-align: right;
}
#sidebar #calendar_wrap tfoot #next {
text-align: right;
}
#sidebar #calendar_wrap #today {
font-weight: bold;
}
/* Sidebar - Texts */
#sidebar .textwidget {
padding: 3px 5px 5px 5px;
}
/* Footer */
#footer {
margin: 0 auto;
width: 974px;
height: 30px;
background: url("images/footer.gif") no-repeat;
color: #8294d3;
font: normal 11px/30px Verdana;
text-align: center;
}
#footer a {
color: #ffffff;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}