@CHARSET "UTF-8";

* {	margin: 0px; font-size: 12px; }

A { text-decoration: none; color: #474747; }
img { border: 0px; }

/* div { border: solid 1px red; } */

body 
{
	font-family: Verdana;
	font-size: 12px;
	margin: 0px;
	background-color: #ffffff;
	background: url('/layout/frontend/bg.jpg');
}

#top_bg {
	top: 0px;
	left: 0px;
	height: 368px;
	width: 100%;
	background: url('/layout/frontend/top_bg.jpg') repeat-x;
	position: absolute;
	z-index: -1;
}

#wrapper { 
	width: 956px; 
	margin: auto;
	padding: 2px 8px 8px 8px;
	background-color: #fff;
	margin-top: 8px!important;
}

#footer {
	background-color: #fff;
	width: 956px; 
	padding-left: 8px; 
	padding-right: 8px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
}

#header 
{ 
	height: 197px;
	margin-top: 8px!important; 
}

#man {
	border: solid 0px red;
	width: 390px; 
	height: 197px; 
	background-image: url('/layout/frontend/ballance.png');
	background-repeat: no-repeat;
	background-position: 4px 2px;
	position: relative;
	float: left;
	bottom: 0px;
	border: solid 0px red;
}

#page_title
{ 	
	height: 63px;
	line-height: 60px;
	position: relative; 
	float: left;
	text-align: left;
	color: #344977;
	font-family: Verdana;
}
#slogan {
	color: #344977;
	font-weight: bold;
	margin-left: 5px;
	font-size: 17px;
	clear: both;
	font-weight: bold;
}

#upper_menu { 
	border: solid 0px red; 
	height: 30px; 
	margin-top: 10px;
	width: 250px; 
	position: relative; 
	float: left;
	text-align: right;
}

#upper_menu ul { padding: 0px; margin-left: 5px; }
#upper_menu ul li { list-style: none; display: inline; line-height: 20px; padding: 0 15px 0 15px; }
#upper_menu ul li a { color: #656565; font-weight: bold; font-size: 12px; }
#upper_menu ul li a:hover { color: #344977; }

#description { width: 270px; padding: 5px; color: #344977; line-height: 23px; position: relative; float: left; margin-top: 25px; }

#login {
	border: solid 0px red;
	width: 250px;
	position: relative; 
	float: left;
	padding-top: 15px; 
	color: #656565;
	font-weight: bold;
}

.menu_content { padding: 0px; }
.menu_content ul { padding: 0px; }
.menu_content ul li 
{ 
	text-align: center; 
	line-height: 30px;
	background-color: #3c506f; 
	display: block; 
	float: left; 
	margin-right: 1px;
	padding: 0 27px 0 27px;
}
.menu_content ul li a { color: #ccc; }
.menu_content ul li a:hover { color: #fff; }


.search { line-height: 30px; }

#content { min-height: 400px; _height: 400px;}

#states { margin-top: 4px; width: 721px; }
#states > .title { line-height: 30px; padding-left: 8px; background-color: #3c506f; color: #fff; }
#states > .content { padding: 4px; }
#states > .content a { color: #646464; }
#states > .content a:hover { color: #344977; }

#main { width: 940px; min-height: 600px; }
#register_form
{
	margin-left: 100px; 
	margin-top: 10px;
	position: relative;
	float: left;
	width: 350px;
	border: solid 0px red;
}
#register_advantages
{
	margin: auto; 
	margin-top: 10px;
	position: relative;
	float: left;
	width: 350px;
	border: solid 0px red;
}

#new_post
{
	margin-top: 4px;
	width: 205px;
	height: 205px;
	margin-left: auto;
	margin-right: auto;
}


#new_post a:hover { color: #344977; }

.postcomment { margin-top: 4px; margin-left: 5px; }
#postcomment { width:600px; border: solid 0px red; }
#postrules { margin-top: 20px; }

#active_users { margin-top: 4px; width: 220px; position: relative; float: left; }
#rss_feed { margin-top: 4px; width: 220px; position: relative; float: left; padding: 0;}
#rss_feed ul { margin: 0 4px 0 20px; padding-bottom: 5px; }
#rss_feed ul li { list-style: circle; color: #484848; }
#rss_feed ul li:hover { list-style: disc; color: #000000; }

.active_top
{
	line-height: 30px;
	padding-left: 8px;
	background-color: #3c506f; 
	color: #fff;
}


.active_body ul { padding: 0px; margin-left: 15px; padding-top: 10px; }
.active_body ul li { list-style: none; line-height: 18px; }
.active_body ul li a { color: #000000; }
.active_body ul li a:hover { color: #344977; }

.comment { width: 721px; margin-top: 4px; }
.comment .title { background-color: #3c506f; color: #fff; line-height: 20px; padding-left: 8px; padding-right: 8px; }
.comment .subject { margin-top: 8px; fonst-size: 14px; }
.comment .subject a { font-size: 15px; color: #000000; font-weight: bold; }
.comment .post { margin-top: 8px; width: 540px; height: 47px; overflow: hidden; text-align: justify; border: solid 0px red; }
.comment .more { padding: 4px; line-height: 20px; }

#full_comment 
{ 
	width: 720px; 
	color: #fff;
	margin-top: 5px;
}
#full_comment .header
{
	background-color: #3c506f; 
	color: #fff; 
	line-height: 20px;
	padding-left: 8px;
	padding-right: 8px;
}

#full_comment .middle .post { padding: 5px; text-align: justify; margin: auto; margin-bottom: 5px;}
#full_comment .middle .permalink { height: 25px; line-height: 25px; width: 690px; text-align: right; margin: auto; border-top: dotted 1px #656565; }
#full_comment .middle .permalink a { color: #656565; }
#full_comment .middle .permalink a:hover { color: #000000; font-weight: bold; }

#full_comment .header .title { margin-top: 8px; width: auto; position: relative; float: left; }
#full_comment .header .added { margin-top: 8px; width: auto; text-align: right; padding-right: 15px; position: relative; float: left; }
#full_comment .middle .subject { color: #000000; height: 20px; padding-left: 4px; font-size: 11px; font-weight: bold; }
#full_comment .middle .image_container { height: 70px; padding-left: 15px; width: 690px; margin: auto; }
#full_comment .middle .image_container .image { padding: 10px; width: 50px; height: 50px; float:left; position: relative; }

#reply
{ 
	width: 721px; 
	color: #344977;
	margin-top: 5px;
	color: #344977;
	line-height: 15px;
}
#reply .top
{
	line-height: 20px;
	background-color: #3C506F;
	color: #fff;
	padding: 0 8px 0 8px;
}
#reply .center
{
	text-align: justify;
	clear: both;
}
#reply .middle .post { width: 690px; text-align: justify; margin: auto; padding: 4px; }
#reply .low
{
	width: 712px;
	height: 11px;
	background-image: url('/layout/frontend/full_post_bottom.gif');
	background-repeat: no-repeat;
}

#reply .center .permalink { height: 25px; line-height: 25px; width: 690px; text-align: right; margin-left: auto; margin-right: auto;  margin-top: 5px; border-top: dotted 1px #656565; }

.comment_delimiter 
{
	padding-left: 10px;
	width: 712px; 
	border-bottom: dotted 1px #656565; 
	color: #656565;
	line-height: 35px;
}

.footer { border-top: dotted 1px #656565; line-height: 20px; }

/* rss_box
--------------------------------------*/
#rssbox { 
	width: 100%; 
	height: 100%;
	position: fixed;
	z-index: 100000;
}

.rss_overlayBG {
	background-color: #000;
	background: url('/layout/frontend/macFFBgHack.png') repeat;
}

* html .rss_overlayBG { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ?  
		document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#rssbox .rss_frame .rss_close {
	height: 20px; 
	line-height: 20px; 
	background-color: #181818;
	padding: 2px;
}
#rssbox .rss_frame .rss_close a { color: #fff; }
#rssbox .rss_frame {
	width: 600px;
	min-height: 400px;
	background-color: #fff;
	margin-top: 15%;
	margin-left: auto;
	margin-right: auto;
	border: 3px solid #181818;
}
#rssbox .rss_frame .rss_content {
	padding: 10px;
	line-height: 17px;
}
#rssbox .rss_frame .rss_content img { display: none; }


/**
 * General
 * - common classes
 */

/* Width */
.width20 { width: 20px; }
.width30 { width: 30px; }
.width40 { width: 40px; }
.width50 { width: 50px; }
.width60 { width: 60px; }
.width70 { width: 70px; }
.width100 { width: 100px; }
.width150 { width: 150px; }
.width200 { width: 200px; }
.width250 { width: 250px; }
.width300 { width: 300px; }
.width400 { width: 400px; }
.width500 { width: 500px; }

/* Height */
.height20 { height: 20px; }
.height30 { height: 30px; }
.height40 { height: 40px; }
.height50 { height: 50px; }
.height100 { height: 100px; }
.height150 { height: 150px; }
.height250 { height: 250px; }

/* Line height */
.lheight10 { line-height: 10px; }
.lheight15 { line-height: 15px; }
.lheight20 { line-height: 20px; }
.lheight25 { line-height: 25px; }
.lheight30 { line-height: 30px; }


/* Colors */
.red { color: #ff0000; }
.white { color: #ffffff; }
.black { color: #000000; }
.gray { color: #656565; }
.bold { font-weight: bold; }

/* Font sizes */
.fs9 { font-size: 9px; } 
.fs11 { font-size: 11px; } 
.fs15 { font-size: 15px; } 
.fs17 { font-size: 17px; } 
.fs20 { font-size: 20px; } 
.fs25 { font-size: 25px; } 
.fs30 { font-size: 30px; } 
.fs40 { font-size: 40px; } 
.fs50 { font-size: 50px; } 

.show { display: block; }
.hide { display: none; }
.clear { clear: both; }

.align_center { text-align: center; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.align_justify { text-align: justify; }

.margin_auto { margin: auto; }

.float_left { float: left; position: relative; }
.float_right { float: right; position: relative; }

.capitalize { text-transform: capitalize ; }
.lowecase  { text-transform: lowecase; }
.uppercase  { text-transform: uppercase; }
.bold { font-weight: bold; }
.regular { font-weight: bold; }

/* Paddings */
.pad1 { padding: 1px; }
.pad3 { padding: 3px; }
.pad10 { padding: 10px; }

.autowidth { width: 95%!important; }
.notice { background-color: #ffff99; border: dotted 1px #cccccc; padding: 5px; }

/* Colors */
.white	{ color: #ffffff; }
.red	{ color: #ff0000; }
.black	{ color: #000000; }
.orange	{ color: #ff0099; }