@import url(fix.css);

body { background: #fc0; font: normal 12px Arial; }
#body { background: #fc0 url(../layout/body_top.png) no-repeat top center; min-width: 1000px; }
#construct { width: 1000px; margin: 0 auto; padding-bottom: 180px; background: url(../layout/body_bottom.png) no-repeat bottom center; }
a { color: #000; }
a:hover { text-decoration: none; }
.clear { clear: both; }

#top { height: 274px; position: relative; }
#top #logo { height: 164px; display: block; }
#top #logo span { position: absolute; display: block; top: -50px; }
#top ul { position: absolute; top: 164px; left: 150px; list-style-type: none; padding: 0; }
#top ul li { float: left; }
#top ul li a { display: block; background: url(../layout/body_top_menu.png) no-repeat top right; padding-right: 3px; height: 53px; font: bold 12px Arial; text-decoration: none; position: relative; }
#top ul li:last-child a, #top ul li.last-child a { background: none; }
#top ul li a strong, #top ul li a span { white-space: nowrap; display: block; }
#top ul li a strong { padding: 19px 12px 0 15px; height: 34px; }
#top ul li a.hover strong, #top ul li a:hover strong { background: url(../layout/body_top_menu_light.png) no-repeat center bottom; }
#top ul li a.processed strong { color: #5f7000; }
#top ul li a, #top ul li a.processed span { color: #fff; }
#top ul li a em { display: block; height: 2px; width: 15px; background: #fff; margin: 0 auto -2px auto; }
#top ul li a.processed span { position: absolute; top: 18px; left: 14px; color: #fff; }

#sheet { width: 900px; background: url(../layout/body_pattern.png) repeat-y; margin: 0 auto; padding: 0 50px; }
#content { padding: 1px 20px 1px 20px; background: url(../layout/body_pattern_shade.png) no-repeat bottom center; }

#content h1 { margin-bottom: -10px; padding: 0 0 16px 0; font-size: 20px; font-family: "Trebuchet MS", Arial, sans-serif; background: url(../layout/heading.png) no-repeat bottom left; }
#content h1.processed { padding-bottom: 10px; }
#content h1, #content h1 a { color: #5f7000; text-decoration: none; }
#content h1 a:hover { text-decoration: underline; }
#content p { margin: 10px 0; line-height: 150%; }
#content-min { float: left; width: 0px; height: 200px; }

#foot { width: 900px; margin: -130px auto 0 auto; }
#foot #mark { float: right; color: #847b3b; }
#foot #mark strong, #foot #mark strong a { color: #4f7c00; text-decoration: none; }
#foot, #footer a { color: #9f7f00; }

#content .avatar_container { float: left; width: 350px; margin: 0 20px 0 0; }
#content .avatar { background: #fff; padding: 3px; }
#content .avatar_border { border: 1px solid #eaeaea; }

#content .gallery { width: 260px; padding: 30px 10px; float: left; }
#content .gallery a { text-decoration: none; color: #3472C5; }
#content .gallery a img, #content .gallery a strong { display: block; }
#content .gallery a img { border: 1px solid #eaeaea; padding: 2px; margin: 0 auto; }
#content .gallery a:hover img { border: 3px solid #ccc; padding: 0; }
#content .gallery a strong { margin: 5px 0; text-align: center; }

#content .form, #content .form fieldset { margin: 0; padding: 0; border: 0; }
#content .form, #content .form fieldset, #content .form label, #content .form input, #content .form textarea, #content .form .error { display: block; }
#content .form label, #content .form .error { margin: 10px 0 3px 0; color: #999; }
#content .form input, #content .form textarea { width: 100%; border: 1px solid #ccc; font: normal 12px Arial; color: #555; }
#content .form input { background: url(../layout/form_input.jpg) repeat-x; padding: 3px; height: 16px; }
#content .form textarea { background: url(../layout/form_textarea.jpg) repeat-x; padding: 3px; height: 100px; }
#content .form .error { color: red; margin: 3px; }
#content .form .submit, #content .more { margin: 20px 0 0 0; padding: 0 4px; border: 1px solid #fff; background: url(../layout/form_submit.jpg) repeat-x; font: bold 11px Tahoma; color: #fff; text-align: center; }
#content .form .submit { cursor: pointer; width: 145px; height: 28px; }
#content .more { display: block; text-decoration: none; padding: 7px 7px; width: 140px; }

#content .c { float: left; }
#content .c- { margin-right: 20px; }
#content .c-half { width: 420px; }
#content .more-r { float: right; }

#content ul.bulls { list-style-type: none; padding: 0 0 0 20px; }
#content ul.bulls li { background: url(../layout/bullet.png) no-repeat left center; padding: 5px 0 5px 20px; color: #666; font-size: 12px; }
#content ul.bulls li strong { font-size: 16px; color: #5d921c; margin-right: 10px; }

.entry .metadata { padding: 3px; background: #f9f9f9; border-bottom: 1px solid #e9e9e9; color: #999; margin-bottom: 10px; font: normal 10px Tahoma; }
.entry .metadata span { padding: 3px 3px 3px 19px; background: no-repeat left center; }

.pager { margin: 10px 0; }
.pager .number, .pager .number_current, .pager .number_navigation, .pager .separator { float: left; display: block; padding: 3px; margin: 2px; text-decoration: none !important; font: normal 11px Tahoma; color: #bbb !important; }
.pager .number { background-color: #fcfcfc; border: 1px solid #eaeaea; color: #999 !important; }
.pager .number:hover { border: 1px solid #aaa; color: #555 !important; }
.pager .number_current { border: 1px solid #999; color: #555 !important; }
.pager .separator { color: #555 !important; }

.entry .metadata .time { background-image: url(../img/icons/time.png); }
.entry .metadata .user { background-image: url(../img/icons/user.png); }
.entry .metadata .imgs { background-image: url(../img/icons/imgs.png); }

.specialoffer .node { width: 420px; height: 200px; float: left; position: relative; margin-bottom: 20px; border: 1px solid #000; }
.specialoffer .node img { position: absolute; width: 420px; height: 200px; }
.specialoffer .node div { position: absolute; width: 420px; height: 60px; bottom: 0; background: #000; opacity: 0.8; }
.specialoffer .node- { margin-right: 16px; }
.specialoffer .node h2, .specialoffer .node h3 { position: absolute; left: 10px; color: #fff; z-index: 3; }
.specialoffer .node h2 { bottom: 25px; font-size: 25px; }
.specialoffer .node h3 { bottom: 7px; }

.offer-node { /*width: 95px;*/ width: 133px; height: 150px; margin: 0 0 10px 0; float: left; position: relative; border: 1px solid #ccc; }
.offer-node- { margin-right: 10px; }
.offer-node a { text-decoration: none; font-size: 14px; }
.offer-node a:hover strong { color: #ff0; }
/*.offer-node img { display: block; width: 100%; height: 150px; position: absolute; top: 0; left: 0; }*/
.offer-node span { display: block; width: 100%; height: 150px; position: absolute; top: 0; left: 0; background: no-repeat center top; }
.offer-node strong { display: block; width: 100%; position: absolute; bottom: 0; left: 0; background: url(../layout/offer-node.png); color: #fff; text-align: center; padding: 30px 0 10px 0; text-shadow: #000 0px -1px 1px; }

.ticker { background: url(../layout/ticker.png); height: 30px; margin: 0 0 10px 0; }
.ticker div { padding: 7px 10px 0 10px; color: #fff; font: normal 14px Arial; }