/* Major section - start */ 
body {background-color: #d0d0d0; color: #000000; font-family: Segoe UI, Arial, Helvetica, sans-serif; font-size: 14px;}
h1 {color: #c00000; font-size: 20px; margin: 10px 0 10px 0;}
h2 {color: #c00000; font-size: 18px; margin: 10px 0 10px 0;}
h3 {color: #c00000; font-size: 15px; margin: 10px 0 10px 0;}
h4 {color: #c00000; font-size: 13px; margin: 10px 0 10px 0;}
img {border: none;}
em {font-style: italic; font-weight: normal;}
ul {padding: 0 0 0 20px;}
a:link, a:visited {color: #c00000; text-decoration: none;}
a:hover, a:active {color: #cc0000; text-decoration: underline;}
/* Major section - end */

/* Helpers seciton - start */
div.cleaner {clear: both;}
div.line {background-color: #d0d0d0; clear: both; height: 1px; margin: 0 auto; width: 700px;}
.maxwidth {width: 100%;}
.rightalign {text-align: right;}
.centeralign {text-align: center;}
/* Helpers section - end */

/* Wrapper section - start */
div#page {background-color: #f0f0f0; background-image: url("images/background.gif"); background-position: left top;
    background-repeat: repeat-y; margin: 0 auto; width: 960px;}
/* Wrapper section - end */

/* Menu section - start */
div#menu {background-color: #d0d0d0; font-size: 13px; padding: 20px 0 0 335px; height: 30px;}
div#menu a:link, div#menu a:visited {background-color: #c00000; background-image: url("images/menu.jpg");
    background-repeat: no-repeat; color: #ffffff; display: block; float: left; font-weight: bold;
    height: 22px; margin: 0 0 0 5px; padding-top: 8px; text-align: center; text-decoration: none; width: 120px;}
div#menu a:active, div#menu a:hover {text-decoration: underline;}
/* Menu section - end */

/* Side section - start */
div#side {font-size: 12px; float: left; text-align: center; width: 220px;}
div#side h2 {background-color: #d9d9d9; background-image: url("images/left-up.jpg"); background-repeat: no-repeat;
    background-position: top left; display: block; font-size: 22px; height: 40px; margin: 0; padding-top: 10px;
    width: 220px;}
div#side h3 {background-color: #d9d9d9; display: block; height: 30px; margin: 10px 0 0 0; padding-top: 10px;
    width: 220px;}
div#side h4 {color: #000000; font-weight: normal; padding: 0 10px 0 10px; width: 200px;}
div#side img {margin: 10px;}
div#side div.content {padding: 10px 20px 10px 20px; text-align: left; width: 190px;}
div#side div.content strong {color: #c00000; display: block; float: left; font-weight: normal; width: 55px;}
div#side div.tweet {margin: 10px 15px 10px 15px; text-align: left; width: 190px;}
div#side div.tweet em {color: #c00000;}
/* Side section - end */

/* Main section - start */
div#main {float: right; width: 740px;}
div#main div#search {background-color: #e9e9e9; background-image: url("images/right-up.jpg");
    background-repeat: no-repeat; background-position: top right; height: 50px; padding: 0 20px 0 0; width: 720px;}
div#main div#search div#center-picture {background-image: url("images/center-up.jpg"); background-repeat: no-repeat;
    background-position: top left; height: 50px; float: left; width: 20px;}
div#main div#search div#breadcrumb {color: #d26666; float: left; font-style: italic; font-size: 13px; height: 23px;
    padding: 17px 10px 0 0;}
div#main div#search div#breadcrumb a:link, div#main div#search div#breadcrumb a:visited {color: #d26666;}    
div#main div#search input {float: right; margin: 13px 0 0 0;}
div#main div#search p {margin: 0; padding: 0;}
div#main div#search .textbox {background-color: #ffffff; border: none; color: #b0b0b0; height: 21px;
    padding: 5px 10px 0 10px; width: 180px;}
div#main div#content {padding: 20px; width: 700px; line-height: 170%;}
div#main div#content div.three-bar {float: left; margin: 0 0 0 10px; width: 220px;}
div#main div#content div.three-bar h2 {font-size: 16px;}
div#main div#content span.right-side {display: block; float: right; margin: 0 10px 3px 0;}
/* Main section - end */

/* Article section - start */
div#main div#content div#commentform {margin-top: 20px;}
/* Article section - end */

/* Contact section - start */
div#main div#content .contactarea {border: 1px solid #c0c0c0; height: 200px; margin: 10px 0 10px 0; padding: 10px;
   width: 680px;}
div#main div#content .contactbox {border: 1px solid #c0c0c0; padding: 3px; width: 250px;}
div#main div#content .contactanswer {border: 1px solid #c0c0c0; padding: 3px; width: 20px;}
div#main div#content .contactbutton {height: 26px; width: 100px;}
div#main div#content span.star {color: #c00000;}
/* Contact section - end */

/* Footer section - start */
div#footer {margin: 0 auto; width: 960px;}
div#footer div#left-footer {background-color: #d9d9d9; background-image: url("images/left-bottom.jpg");
    background-repeat: no-repeat; background-position: bottom left; height: 50px; float: left; width: 230px;}
div#footer div#left-footer div#image-footer {background-color: #e9e9e9; background-repeat: no-repeat;
    background-image: url("images/center-bottom.jpg"); background-position: bottom right; height: 50px;
    float: right; width: 10px;}
div#footer div#right-footer {background-color: #e9e9e9; background-image: url("images/right-bottom.jpg");
    background-repeat: no-repeat; background-position: bottom right; color: #d26666; height: 32px; float: right;
    font-size: 13px; padding: 18px 0 0 0; text-align: center; width: 730px;}
div#footer div#right-footer a:link, div#footer div#right-footer a:visited {color: #d26666;}
/* Footer section - end */