body { margin: 60px 0; background: url("images/background.png"); } h1, h2, h3, h4 { margin: 0; } img { border: 0; } #page { margin: 0 auto; width: 914px; } #header { width: 914px; text-align: center; text-transform: lowercase; } #header h1 { color: #000000; font: normal 50px Verdana; text-transform: capitalize; } #header h1 a { color: #000000; text-decoration: none; } #header .description { color: #000000; font: normal 20px Verdana; } #main-header { width: 914px; height: 114px; } #main-header-in { width: 914px; height: 114px; } #main-footer { width: 914px; height: 540px; position: relative; } #main-footer-in { width: 914px; height: 540px; position: relative; } #main-footer #player { position: absolute; top: 6px; left: 242px; width: 426px; height: 426px; } #main { width: 914px; background: url("images/main.png") repeat-y; } #main-in { width: 914px; } #main-top { width: 914px; min-height: 236px; } #main-bottom { width: 914px; min-height: 536px; padding-bottom: 60px; } .clear { clear: both; height: 0; overflow: hidden; } #main #sidebar { float: left; width: 208px; margin-left: 129px; color: #000000; font: normal 13px Verdana; } #main #sidebar #sidebar-title { height: 52px; width: 208px; background: url("images/sidebar_title.gif") repeat-x; margin-top: 1px; position: relative; } #main #sidebar #sidebar-title h2 { font: normal 20px/52px Verdana; color: #000000; padding-left: 22px; text-transform: uppercase; } #main #sidebar #sidebar-title .battery { position: absolute; top: 16px; right: 11px; width: 46px; height: 20px; background: url("images/battery.png") no-repeat; } #main #sidebar h3 { font: normal 17px/38px Verdana; color: #000000; height: 38px; background: url("images/sidebar_h3.gif") repeat-x; padding-left: 23px; padding-top: 17px; margin-bottom: 8px; } #main #sidebar h3 a { font: normal 17px/38px Verdana; color: #000000; text-decoration: none; } #main #sidebar h3 a:hover { text-decoration: underline; } #main #sidebar h3.first { background: url("images/sidebar_h3_first.gif") repeat-x; padding-top: 0; } #main #sidebar ul.colors { margin: 0; padding: 0; list-style-type: none; height: 23px; width: 188px; margin-left: 10px; } #main #sidebar ul.colors li.color-blue { background: #74c2c4; margin-right: 10px; float: left; width: 23px; height: 23px; } #main #sidebar ul.colors li.color-black { background: #2a2a2a; margin-right: 10px; float: left; width: 23px; height: 23px; } #main #sidebar ul.colors li.color-red { background: #a32241; margin-right: 10px; float: left; width: 23px; height: 23px; } #main #sidebar ul.colors li.color-pink { background: #b35f8b; margin-right: 10px; float: left; width: 23px; height: 23px; } #main #sidebar ul.colors li.color-silver { background: #d1d5d8; margin-right: 10px; float: left; width: 23px; height: 23px; } #main #sidebar ul.colors li.color-green { background: #85cea1; float: left; width: 23px; height: 23px; } #main #sidebar ul { margin: 0; padding: 0; list-style-type: none; margin-left: 38px; } #main #sidebar ul li { font: normal 13px/20px Verdana; } #main #sidebar ul li a { font-weight: normal; color: #000000; text-decoration: none; } #main #sidebar ul li a:hover { color: #000000; text-decoration: underline; } #main #sidebar a { font-weight: bold; color: #000000; text-decoration: none; } #main #sidebar a:hover { color: #000000; text-decoration: underline; } #main #sidebar table { margin: 0 auto; } #main #sidebar table caption { margin: 0 auto; text-align: center; } #main #sidebar #searchform { margin: 0 auto; width: 150px; margin-top: 25px; text-align: center } #main #sidebar #searchform #s { width: 150px; } #main #content { float: left; margin: 10px 0 0 25px; width: 395px; } #main #content .post { font: normal 11px Verdana; color: #ffffff; float: left; margin-bottom: 30px; width: 395px; } #main #content .post h2 { font: normal 25px Verdana; margin-bottom: 20px; } #main #content .post h2 a { text-decoration: none; } #main #content .post h2 a:hover { text-decoration: underline; } #main #content .post .entry { line-height: 19px; padding-bottom: 15px; min-height: 90px; } #main #content .post .entry a { text-decoration: none; } #main #content .post .entry a:hover { text-decoration: underline; } #main #content .post .entry img { margin: 0 5px 5px 0; float: left; } #main #content .post .entry .date { margin: 0 10px 5px 0; float: left; width: 77px; height: 77px; background: url("images/post_date.gif") no-repeat; text-align: center; text-transform: lowercase; font: normal 12px Verdana; } #main #content .post .entry .date span { display: block; font: normal 25px Verdana; padding-top: 7px; padding-bottom: 4px; } #main #content .post .entry .more-link { font: bold 12px/20px Verdana; float: right; margin-top: 5px; } #main #content .post .entry .more-link a { text-decoration: none; } #main #content .post .entry .more-link a:hover { text-decoration: underline; } #main #content .post .info { font: normal 14px/29px Verdana; padding-left: 10px; color: #000000; width: 385px; height: 29px; background: url("images/post_info.gif") repeat-x; text-transform: lowercase; } #main #content .post .info a { color: #000000; text-decoration: none; } #main #content .post .info a:hover { text-decoration: underline; } #content .navigation { font: bold 11px Verdana; color: #ffffff; float: left; } #content .navigation a { color: #ffffff; text-decoration: none; } #content .navigation a:hover { text-decoration: underline; } #content .navigation .navigation-previous { float: left; } #content .navigation .navigation-next { float: right; } #main #content .post h3 { font: normal 20px Verdana; margin-top: 20px; margin-bottom: 5px; } #main #content .post .comments { margin: 0; } #main #content .post .comments ol { margin: 10px 0 10px 0; padding-left: 25px; } #main #content .post .comments ol li { padding: 5px; margin-top: 5px; } #main #content .post .comments ol li.alt { background: #132329; } #main #content .post .comments ol li cite { font-style: normal; font-weight: bold; } #main #content .post .comments ol li cite a { text-decoration: none; } #main #content .post .comments ol li cite a:hover { text-decoration: underline; } #main #content .post .comments ol li .commentmetadata a { text-decoration: none; } #main #content .post .comments ol li .commentmetadata a:hover { text-decoration: underline; } #main #content .post #commentform { margin: 0; } #footer { width: 914px; font: normal 20px Verdana; color: #000000; text-align: center; } #footer a { color: #000000; text-decoration: underline; } #footer a:hover { text-decoration: none; }