* {
margin: 0;
padding: 0;
list-style: none;
border: 0;
background-repeat: no-repeat;
outline: none;
}

/*
------------------------------------
	FULLSCREEN
------------------------------------
*/
html,body,#bg,#bg table,#bg td,#bg_cover { width: 100%; height: 100%; overflow: hidden; }
#bg div { position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; }
#bg td { vertical-align: middle; text-align: center; }
#bg img { min-height: 50%; min-width: 50%; margin: 0 auto; }
#bg_cover div { position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; background: url(/im/bgr_body_cover.gif) repeat left top; }
#scrl { width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 2; overflow: scroll; }

body { 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 11px; 
	color: #999999;
	/*background-image: url(im/bgr_body.jpg);*/
	background-color: #262626; 
	background-repeat: no-repeat; 
	background-position: center top; 
	overflow: hidden; 
}

#website { width: 990px; margin: auto; padding-bottom: 50px; }

.clear { clear: both; }
.white { color: #ffffff; }
.fli { margin: 0 20px 10px 0; float: left; }


/*
--------------------------
	INTRO
--------------------------	
*/
#intro { width: 100%; height: 100%; position: absolute; overflow: hidden; background: #242424; z-index: 3; }
#intro #intro_flash_base { margin-top: 200px; height: 45px !important; }
#intro #intro_flash_base #intro_flash { height: 45px !important; }
#intro #enter { margin-top: 50px; z-index: 4; }
#intro #enter a { width: 201px; height: 52px; text-decoration: none; background: url(/im/btn_enter.png) no-repeat left top; display: block; cursor: pointer; }
#intro #enter a:hover { background-position: 0 -52px; }


/*
-----------------------------------------------------------
	HEADER AND NAVIGATION
-----------------------------------------------------------
*/
#header { margin-top: 26px; height: 60px; background: url(im/bgr_menu.png) no-repeat left top; }
#header #logo { padding: 17px 0 0 30px; float: left; }
#header #nav { padding-right: 30px; float: right; }
#header #nav ul { padding-top: 11px; }
#header #nav ul li { margin-left: 5px; float: left; }
#header #nav ul li a { padding-right: 15px; font-size: 13px; color: #666666; text-decoration: none; display: block; }
#header #nav ul li a span { padding: 6px 0 7px 15px; display: block; }
#header #nav ul li a:hover { background: url(im/bgr_menu_span.png) no-repeat; background-position: 100% 0; }
#header #nav ul li a:hover span { background: url(im/bgr_menu_span.png) no-repeat; background-position: 0 0; }
#header #nav ul li a.current, #header #nav ul li a.current:hover { color: #ffffff; background: url(im/bgr_menu_span.png) no-repeat; background-position: 100% -29px; }
#header #nav ul li a.current span, #header #nav ul li a.current:hover span { background: url(im/bgr_menu_span.png) no-repeat; background-position: 0 -29px; }


/*
--------------------------------------
	BREADCRUMB
--------------------------------------
*/
#breadcrumb { height: 35px; background: url(im/bgr_breadcrumb.png) no-repeat left top; }


/*
----------------------------------
	CONTENT
----------------------------------
*/
#container { background: url(im/bgr_container.png) repeat-y left top; }
#content { width: 690px; float: left; line-height: 18px; }
#content #content_inner { padding: 0 20px 20px 20px; }
#content h2 { margin: 20px 0 20px 0; padding: 0 0 20px 20px; font-size: 20px; font-weight: normal; color: #ffffff; background: url(im/h2_arrow.png) no-repeat left top; border-bottom: 3px solid #333333; }

.entry { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #333333; }
.entry h3 a { font-size: 15px; color: #ffffff; text-decoration: none; float: left; }
.entry p { line-height: 18px; }
.entry p.info { padding-top: 1px; font-size: 9px; font-weight: bold; color: #555555; float: left; }

.more { width: 130px; height: 40px; margin-top: 10px; text-decoration: none; background: url(im/more.png) no-repeat left top; display: block; }
.more:hover { background-position: 0 -40px; }


/*
------------------------------
	SIDEBAR
------------------------------
*/
#sidebar { width: 270px; padding: 0 14px 20px 15px; float: left; }
#sidebar h3 { font-size: 13px; font-weight: bold; color: #ffffff; }
#sidebar ul { padding-left: 20px; }
#sidebar ul li { margin-bottom: 5px; list-style-type: disc; }
#sidebar ul li a { color: #cccccc; text-decoration: underline; }
#sidebar ul li a:hover { color: #ffffff; text-decoration: underline; }


/*
-------------------------------------
	SEARCHFORM
-------------------------------------
*/
#searchform { margin-bottom: 20px; padding: 16px 0 16px 0; border-bottom: 3px solid #333333; }
#searchform .tf_search { width: 190px; padding: 7px 5px 5px 5px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: #222222; background: url(im/bgr_textarea.png) no-repeat left top; border: 0; }
#searchform .tf_search:focus { background-position: 0 -150px; }
#searchform .btn_search { margin-left: 10px; }

ul#results { margin-top: 10px; padding-left: 20px; }
ul#results li { margin-bottom: 5px; list-style-type: disc; }
ul#results li a { color: #999999; text-decoration: underline; }
ul#results li a:hover { color: #ffffff; text-decoration: underline; }


/*
-------------------------------
	MEMBERS
-------------------------------
*/
.member_avatar { width: 170px; height: 110px; margin-bottom: 20px; }
.member_name { padding-bottom: 10px; font-size: 22px; color: #ffffff; }
.member_text { line-height: 15px; }


/*
---------------------------
	FOOTER
---------------------------
*/
#footer { padding: 20px; font-size: 11px; color: #444444; background: #000000; }
#footer a { color: #999999; text-decoration: underline; }
#footer a:hover { color: #ffffff; text-decoration: underline; }


/*
------------------------------------------------------------
	SORTABLE AND COMMENTS
------------------------------------------------------------
*/
#sortable td, th { padding: 7px; text-align: left; }
#sortable .avatar { width: 150px; float: left; }
#sortable .avatar img { width: 40px; height: 40px; border: 1px solid #000000; }
#sortable .avatar a { color: #999999; text-decoration: underline; }
#sortable .avatar a:hover { color: #ffffff; text-decoration: underline; }
#sortable .comment { width: 485px; float: left; }
#sortable .comment .comment_date { margin-bottom: 5px; padding-bottom: 5px; font-size: 9px; font-weight: bold; color: #666666; border-bottom: 1px solid #333333; }
#sortable .comment .comment_text { color: #999999; }
#sortable .odd { background: #222222; }
h3.comment_title { margin: 70px 0 30px 0; padding: 0; font-size: 20px; font-weight: normal; color: #ffffff; background: none; border: 0; }
.block { margin-bottom: 10px; }
.block .title { width: 250px; padding-top: 4px; color: #ffffff; float: left; }
.block .title span { font-size: 9px; color: #666666; }
.block .value .tf, .block .value .tf_captcha { width: 390px; padding: 7px 5px 5px 5px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: #222222; background: url(im/bgr_textarea.png) no-repeat left top; border: 0; }
.block .value .tf:focus, .block .value .tf_captcha:focus { background-position: 0 -150px; }
.block .value .tf_captcha { width: 50px; text-align: center; }
.block .value textarea { height: 138px; }
.block .title .comment-captcha-error { font-weight: bold; color: #ff0000; }