@charset "UTF-8";
@import url("comments.css");
/* CSS Document */

body {font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; background: #534741; margin: 0; padding: 0;}
#page {background: #ffffff url(images/page-bg.jpg) repeat-y; width: 958px; margin: 0 auto;}
.hidden {display: none;}
.clear {clear: both;}

#header {background: #990000 url(images/header.jpg) no-repeat; height: 201px; padding-top: 1px; position: relative;}
#headerLogo {display: block; position: absolute; top: 60px; left: 60px; width: 380px; height: 90px;}
#offerTag {background: url(images/discount-label.png) no-repeat; width: 193px; height: 127px; display: block; position: absolute; top: 0; right: 0;}
#headerBottom {background: #CC0000 url(images/header-bottom.jpg) repeat-x; height: 14px; margin-left: 29px; margin-right: 31px;}

#main {margin: 0 31px 0 29px;}

.content {margin: 0; padding: 20px 30px;}
#contentNarrow {padding-right: 400px;}
#contentMedium {padding-right: 300px;}
#contentArticle {width: 600px; padding-left: 150px;}
.sidebar {float: right; width: 320px; padding: 20px; background: url(images/sidebar-bg.png) left repeat-y;}
.sidebar#narrow {width: 220px;}

#newsBar {clear: both; border: 1px solid #990000; margin: 0 30px 20px 30px;}
#newsBar h3 {background: #990000; color: #ffffff; float: left;}
.newsBarItem {width: 400px; float: left;}

.ditto_page, .ditto_currentpage {display: inline-block; padding: 1px 4px; margin: 0 2px; background: #f9f9f9; border: 1px solid #c0c0c0; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #606060; text-decoration: none;}
.ditto_page:hover {color: #000000; background: #f9f0f0; border-color: #909090;}
.ditto_currentpage {background: #cf0000; color: #ffffff; border-color: #600000;}

.frontNews {border: 1px solid #a21417; margin: 0 30px 20px 30px; height: 80px;}
.frontNews h2 {background: #a21417 url(images/front-news-title.png) 30px 25px no-repeat; height: 80px; width: 55px; margin: 0; padding: 0; float: left;}
.frontNewsArticle {float: left; width: 370px; padding: 10px 10px; font-size: 0.8em; height: 60px; overflow: hidden;}
.frontNewsArticle h3 {margin: 0; padding: 0; font-weight: bold;}
.frontNewsArticle h3 a {color: #000000; text-decoration: none;}
.frontNewsArticle h3 a:hover {text-decoration: underline;}
.frontNewsArticle p {font-family: Tahoma, Arial, sans-serif; color: #909090; margin: 0; padding: 4px 0;}

.article {float: left; width: 240px; padding: 10px; margin: 10px; background: #e0e0e0; font-size: 0.9em; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 120px; overflow: hidden;}
.article h3 {background: #c01010; color: #ffffff; padding: 10px; margin: -10px -10px 10px -10px; -moz-border-radius-topRight: 4px; -moz-border-radius-topLeft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;}
.article h3 a {color: #ffffff;}
.article .raquo {font-size: 2.5em; margin-right: 5px; float: left; /*width: 24px;*/ height: 30px; line-height: 30px; overflow: hidden; margin-top: -10px;}
.article .date {color: #ffffff; font-family: Tahoma, Arial, sans-serif; float: right; font-weight: normal; font-size: 0.7em; margin: -5px -5px 0 10px;}

#shareLinks {background: #f0f0f0; border: 1px solid #d0d0d0; padding: 0 4px; clear: left; height: 24px; line-height: 24px; font-size: 0.9em;}
#shareLinks a {border: 0; height: 24px; line-height: 24px; display: inline-block; padding: 0 3px;}
#shareLinks a:hover {background: #909090;}
#shareLinks a img {padding-top: 4px; vertical-align: text-bottom;}
#shareLinks #subscribe {float: right;}

#aboutArticle {background: #d0d0d0; padding: 4px; font-size: 0.9em; height: 60px;}
#aboutArticle img {float: left; height: 60px; width: auto; margin-right: 6px;}

form {display: inline;}

#footer {background: #e0e0e0 url(images/footer-light-bg.jpg) top repeat-x; height: 59px; line-height: 40px; font-size: 0.8em; font-family: Tahoma, Arial, sans-serif; text-align: right; color: #534741;}
#footer a {color: #534741;}
#footerNav {background: #c0c0c0 url(images/footer-dark-bg.jpg) top repeat-x; float: left; height: 59px;}
#footerLeft {background: url(images/footer-left.jpg) no-repeat; height: 59px; width: 49px; float: left;}
#footerDivider {background: url(images/footer-divider.jpg) no-repeat; height: 59px; width: 24px; float: right;}
#footerRight {background: url(images/footer-right.jpg) no-repeat; height: 59px; width: 49px; float: right;}
#footerLogo {float: right; margin: 5px -10px 0 10px;}