@import url(fix.css);

body { background: #000; font: normal 12px Arial; }
a { color: #fff; }
a:hover { text-decoration: none; }

#construct { width: 1000px; margin: 0 auto; }
.clear { clear: both; }

#top { background: url(../gfx/top.png) no-repeat; height: 268px; position: relative; margin-bottom: 10px; }
#top #logo { display: block; width: 500px; height: 230px; position: absolute; }
#top #logo span { display: none; }

#top #menu_bar { width: 780px; position: absolute; top: 110px; left: 220px; }
#top #menu_bar #menu { list-style-type: none; padding: 0; }
#top #menu_bar #menu li { float: left; }
#top #menu_bar #menu li a { display: block; width: auto; margin: 0 2px 0 0; background: url(../gfx/menu.png) no-repeat top left; text-decoration: none; height: 32px; border-bottom: 1px solid #000; }
#top #menu_bar #menu li a span { display: block; background: url(../gfx/menu_r.png) no-repeat top right; color: #a29f9f; font: bold 13px Arial; text-transform: uppercase; padding: 7px 15px 0 15px; }
#top #menu_bar #menu li.special a { background-image: url(../gfx/menu_red.png); color: #fff; }
#top #menu_bar #menu li.special a span { background-image: url(../gfx/menu_red_r.png); color: #fff; }
#top #menu_bar #menu li.active a, #top #menu_bar #menu li a:hover { border-color: #212121; }
#top #menu_bar #menu li.active a span, #top #menu_bar #menu li a:hover span { color: #ebe6e6; }
#top #menu_bar #submenu { clear: both; background: url(../gfx/submenu.png) left top no-repeat; }
#top #menu_bar #submenu #submenu_wrap { background: url(../gfx/submenu_r.png) right top no-repeat; height: 32px; padding: 7px 0 0 7px; }
#top #menu_bar #submenu .submenu { display: none; }
#top #menu_bar #submenu .submenu li { float: left; margin: 0 7px; }
#top #menu_bar #submenu .submenu li a { color: #fff; font: normal 12px Arial; text-decoration: none; background: url(../gfx/submenu_bull.png) no-repeat left center; padding-left: 8px; }
#top #menu_bar #submenu .submenu li a:hover { text-decoration: underline; }
#top #top_ad { position: absolute; top: 38px; right: 0; }
#top #top_tools { position: absolute; top: 0; right: 0; padding: 7px 10px; background: #111; border: 1px solid #222; border-top: 0; }
#top #top_tools, #top #top_tools a { color: #747474; text-decoration: none; margin: 0 5px; }
#top #top_tools a:hover, #top #top_tools strong { color: #fff; }
#top #top_tools #tools_register { font-weight: bold; border-right: 1px solid #303030; padding-right: 10px; }
#top #top_box { position: absolute; top: 185px; left: 216px; }
#top #top_box .box { border: 1px solid #222; background: #111; padding: 5px; color: #fff; width: 244px; margin-left: 5px; float: left; }
#top #top_box .box .head { display: block; background: url(../gfx/top_box.png) repeat-x; height: 34px; margin: -5px -5px 5px -5px; font-weight: bold; padding: 3px 0 0 5px; }

#login, #login fieldset { margin: 0; padding: 0; border: 0; }
#login { background: #111; border: 1px solid #222; }
#login fieldset { padding: 8px; }
#login .row { clear: both; padding-bottom: 5px; }
#login .row label { width: 40px; float: left; color: #fff; text-align: right; padding: 4px 5px 0 0; }
#login .row input { width: 100px; border: 1px solid #252525; background: #0d0d0d; padding: 3px; color: #aaa; }
#login ul { padding: 0 5px 5px 0; }
#login ul li { padding: 2px 0; text-align: right; font-weight: bold; }
#login ul li, #login ul li a { color: #747474; text-decoration: none; }
#login ul li a:hover { color: #fff; }

#role { margin: 10px 0; }
#role .head { background: url(../gfx/role.png) left top no-repeat; }
#role .head h1 { font: bold 14px Arial; color: #fff; background: url(../gfx/role_r.png) right top no-repeat; height: 27px; padding: 10px 0 0 10px; }
#role ul { border: 1px solid #222; }
#role ul li { color: #fff; padding: 6px 10px; }
#role ul li.odd { background: #111; }
#role ul li span { display: block; }
#role ul li h2 { margin-bottom: 4px; }
#role .place a { color: #880c00; text-decoration: none; }
#role .place a:hover { text-decoration: underline; }
#role li .info, #role .more { float: right; position: relative; color: #555; }
#role .more_fr { color: #fff; font-weight: bold; }

#comment textarea { display: block; width: 505px; height: 80px; border: 1px solid #222; background: #0d0d0d; color: #fff; }

.more { padding: 0 15px; background: url(../gfx/more.png) no-repeat right center; }
.submit_mini { float: right; background: url(../gfx/submit_login.png) no-repeat; border: 0; color: #fff; font: bold 12px Arial; text-align: center; padding: 1px 0 0 0; width: 55px; height: 20px; }

.column { float: left; }
.column-a { width: 542px; margin-right: 10px; }
.column-b { width: 266px; margin-right: 10px; }
.column-c { width: 172px; }
.column-d { width: 266px; margin-right: 10px; }

.entry { clear: both; margin-bottom: 10px; position: relative; }
.entry .head, .entry .head a { color: #fff; text-decoration: none; font: bold 17px Arial; }
.entry .head a:hover { text-decoration: underline; }
.entry .head { background: url(../gfx/box.png) left top no-repeat; }
.entry .head span { display: block; background: url(../gfx/box_r.png) right top no-repeat; height: 30px; padding: 10px 0 0 15px; }
.entry .body { background: #111; border: 1px solid #222; border-top: 0; padding: 15px; color: #fff; }
.entry .body_news .avatar { border: 1px solid #252525; padding: 1px; float: left; margin: 0 15px 5px 0; position: relative; }
.entry .body_news .info { margin: -5px 0 25px 0; }
.entry .body_news .info, .entry .body_news .info a { color: #484747; }
.entry .body_news .info span { width: 50%; float: left; position: relative; }
.entry .body_news .info .r { text-align: right; }
.entry .body_comment .comment { border-bottom: 1px dotted #222; padding: 10px 0; }
.entry .body_comment .comment .avatar { padding: 1px; float: left; position: relative; width: 32px; height: 32px; margin: -7px 5px 0 0; border: 1px solid #222; }
.entry .body_comment .comment span, .entry .body_comment .comment span a { color: #444; }
.entry .body_comment .comment span { display: block; font: normal 10px Arial; padding: 3px 10px; margin-bottom: 10px; border-bottom: 1px solid #222; background: #1a1a1a; }
.entry .body_comment .comment p { border-left: 4px solid #222; padding: 0 0 0 5px; }
.entry .body_news_archive ul { list-style: square inside; margin: 0 -15px 10px -15px; }
.entry .body_news_archive ul li { padding: 3px 30px; }
.entry .body_news_archive ul li.odd { background: #000; }
.entry .body_news_archive a { text-decoration: none; }

.wrap { clear: both; margin-bottom: 10px; position: relative; }
.wrap .head, .wrap .body { border: 1px solid #222; }
.wrap .head, .wrap .head a { color: #fff; text-decoration: none; font: bold 12px Arial; }
.wrap .head { background: url(../gfx/wrap.png) left top repeat-x; height: 25px; padding: 12px 0 0 15px; }
.wrap .body { background: #111; border-top: 0; padding: 15px; color: #fff; }
.wrap .body_promo .avatar, .entry .body_promo .avatar { float: left; margin: 0 15px 5px 0; position: relative; }
.wrap .body_poll h3 { display: block; margin-bottom: 10px; }
.wrap .body_poll .row, .wrap .body_poll .row label { margin-top: 3px; }
.wrap .body_poll .row strong, .wrap .body_poll .row label { display: block; }
.wrap .body_poll .row .line { float: left; position: relative; background: url(../gfx/poll.png) top left no-repeat; margin-right: 10px; }
.wrap .body_poll .row .line div { background: url(../gfx/poll_r.png) top right no-repeat; height: 20px; }
.wrap .body_poll .row label input { vertical-align: middle; margin-right: 10px; }
.wrap .body_poll .submit_mini { display: block; margin: 10px auto; float: none; }

.entry .body_news, .wrap .body { color: #c5c5c5; }

#shoutbox { padding: 5px; }
#shoutbox #shoutbox_frame { margin-bottom: 5px; width: 252px; border: 0; }
#shoutbox #shoutbox_message, #shoutbox p { border: 2px solid #222; background: #0d0d0d; display: block; width: 250px; color: #555; }
#shoutbox p { font-size: 10px; text-align: center; }
#shoutbox #shoutbox_submit { width: 1px; height: 0px; border: 0; }
#shoutbox form, #shoutbox fieldset { border: 0; padding: 0; margin: 0; }

#foot { background: url(../gfx/foot.png) no-repeat top left; margin: 10px 0 20px 0; }
#foot_wrap { background: url(../gfx/foot_r.png) no-repeat top right; height: 33px; padding: 15px 30px 0 30px; color: #fff; }
#foot #creation { float: right; }
#foot #creation a { font-weight: bold; text-decoration: none; color: red; }

#underfooter { margin: 0 0 30px 0; height: 30px; }
#underfooter li { float: left; border-right: 1px dotted #111; color: #333; }
#underfooter li.in { padding: 0px 10px; }
#underfooter li a { color: #555; text-decoration: none; padding: 3px 10px; }
#underfooter li a:hover { color: #fff; background: #111; }

.pagination { margin: 10px 0; }
.pager, .pager_active, .pager_dot { float: left; display: block; padding: 3px; margin: 2px; text-decoration: none !important; font: normal 11px Tahoma; }
.pager { background-color: #111; border: 1px solid #222; color: #666; }
.pager:hover { background-color: #333; border: 1px solid #444; color: #666; }
.pager_active { background-color: #111; border: 1px solid #555; color: #666; }
.pager_dot { color: #555; }