/**
 * Page
 */
body {
 font-family: Arial, Helvetica, sans-serif; font-size: 62.8%; font-weight: normal; text-align: center; color: #000;
 background: #fff;
}

/**
 * Containers
 */
#container {
	width: 800px; margin: 0 auto; background:  #FFFFFf;
	text-align: left; padding-left: 2px; padding-right: 2px;
}

/**
 * Logo
 */
#logo {
	position: absolute; top: 18px; z-index: 1; width: 350px; height: 59px;
	background: transparent url(/gfx/logo.png) 0 0 no-repeat;
}

#logo h1 {
	display: block;
}

#logo h1 a {
	display: block;	width: 350px; height: 59px;
}

/**
 * Visual
 */
#visual {
	width: 500px; height: 150px; overflow: hidden;
}

/**
 * Columns
 */
#leftCol {
	position: relative; float: left; width: 610px;
	background: #FFF url(/gfx/menubg.png) 0px 0px repeat-y;	
	PADDING-bottom: 50px;
}

#w_leftCol {
	position:relative; float: left; width: 800px;
	background: #FFF url(/gfx/menubg.png) 0 0 repeat-y; 
}

#rightCol {
	float: right; width: 190px; 
	position: relative; top: 0px;
}

/**
 * Header
 */
#header {
	position: relative; left: 0px; width: 800px; height: 157px; top: 0px;
	background: #Fff url(/gfx/headerbg.png) 0px 0 no-repeat; margin: 0 0 3px 0;
}


/**
 * Top bar
 */
#topbar {
	position: absolute; right: 14px; top:100px; bottom: 1px; width: 488px; height: 1.6em;
	font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: right;
}

#topbar ul {
	list-style-type: none; padding: 10px 0 0 0;
}

#topbar li {
	display: inline; padding: 0 0 0 22px;
	
}

#topbar a {
	color: #000; text-decoration: underline;
}

#topbar a:hover {
	color: #000; text-decoration: none;
}

/**
 * Content
 */
#content {
	float: right; width: 440px; 
}

#w_content {
	width: 630px; float: right;
}


#w_content .article {
	padding: 10px 0px 0 10px;
}

#content .article {
	padding: 0px 10px 0 10px;
}

/**
 * Menu
 */
#menu {
	float: left; width: 170px; padding-top: 9px;
	background: #FFF url(/gfx/menubg.png) 0px 0px repeat-y;
	position: absolute; top: 0px;
}

#menu ul {
	list-style-type: none;
}

#menu li {
	display: block; width: 100%;  height: 100%;
	border-bottom: 1px solid #fff;
	vertical-align: top; /* disables indent in IE 5.0 */
}

#menu li.first {
	border-top: 1px solid #fff;
}

#menu li.last {
	margin-bottom: 100px;
}

#menu li a {
	display: block; width: 100%; font-weight: normal;
	font-size: 1.3em; color: #fff; text-decoration: none; line-height: 1.2em;
}

#menu li a:hover {
	background: #A3A1A9 url(/gfx/menuitemoverbg.png) 0 0 repeat-y;
	color: #000;
}

#menu li a.active {
	background: #A3A1A9 url(/gfx/menuitemactivebg.png) 0 0 repeat-y;
	color:  #000; font-weight: bold;
}

#menu li a.active:hover {
	background: #A3A1A9 url(/gfx/menuitemactiveoverbg.png) 0 0 repeat-y;
	color: #000;
}

#menu li a span {
	display: block; padding: 5px 9px 5px 19px;
}



/**
 * Footer
 */
#footer {
	position: absolute; left: 0; bottom: 0; 
	width: 170px; height: 22px;
	background: transparent url(../gfx/menufooterbg.png) 0 0 repeat-y; 
}

#footer .realika {
	display: block; margin-left: 19px;
	font-size: 1.1em; color: #FFF; line-height: 1.9em;
}

#footer  a {
	color: #fff; text-decoration: none;
}

#footer a:hover {
	color: #000; text-decoration: underline;
}



/**
 * History
 */
#history {
	font-size: 1.1em; color: #777;
}

#history a {
	color: #555;
}

#history a:hover {
	color: #333;
}

/**
 * ColRight
 */
 
#post {
background: url(../gfx/obalka.png) no-repeat 0 0;
  width: 190px; height: 92px;
}

#post p {
 padding: 40px 0px 0px 30px;

}

#post a {
font-size: 1.3em; color: #c00000; text-decoration: underline;
}

#post  a:hover {
font-size: 1.3em; color: #000000; text-decoration: none;
}


 
#w_board {
	position: absolute; top: 85px; z-index: 1; width: 190px; left: 480px;
}
 
.board {
	background: transparent url(/gfx/blockbg.png) repeat-y 0 0;  margin-bottom: 5px;
}

.board h2 {
	width: 100%;
	background: transparent url(/gfx/blockh2bg.png) repeat-y 0 0; 
	border-bottom: 1px solid #F0F8FF;
	font-size: 1.2em; color: #fff; line-height: 0.9em;
}

.board h2 span {
	display: block; padding: 5px 10px 2px 10px;
}

.board form {
	margin: 10px 10px 15px 10px;
}


.board form p {
	margin-bottom: 5px;
	font-size: 1.1em;
}

.board ul {
	margin: 0; padding:0px 0px 0px 5px;
	font-size: 11px;
}

.board li {
	padding:2px; display: block;
	 background: url(/gfx/officialboardbullet.png) 5px 60% no-repeat;  
}

.board li.dell {
	padding:2px; display: block;
	 background: url(../gfx/del.gif) 5px 60% no-repeat;  
}

.board li span {
	display: block; padding: 0px 0px 0px 0px; color: #000;

}

.board a {
	color: #000000; text-decoration: underline; padding:0 0 0 13px; 
	font-size: 12px; line-height: 1.2em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


.board a:hover {
	color: #c00000; text-decoration: underline; padding:0 0 0 13px; 
	font-size: 12px; line-height: 1.2em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.board .footer {
	background-color: #c00000; padding: 0 10px;
	font-size: 11px; line-height: 2.1em;
}

.board .footer a, .board .footer span {
	padding: 0 2px 0 2px;
}

/**
 * News
 */
#news {
	background: #df7e7e url(gfx/newsbg.png)  0 0 no-repeat;
}

#news h2 {
	width: 100%;
	background-color: #c00000;
	border-bottom: 4px solid #D24848;
	font-size: 1.1em; font-weight: normal; color: #FFF; line-height: 1.2em;
}

#news h2 span {
	display: block; padding: 5px 10px 5px 10px;
}

#news a {
	color: #FFF; text-decoration: underline;
}

#news a:hover {
	color: #000; text-decoration: underline;
}

#news .footer {
	background-color: #c00000; padding: 0 10px;
	font-size: 1.1em; line-height: 2.1em;
}

#news form {
	margin: 10px;
}

#news form p {
	margin-bottom: 5px;
	font-size: 1.1em;
}

#news form label {
	color: #FFF;
}

input.textbox {
	width: 200px;
	border: 1px solid #5090C6;
}


/**
 * boxStat
 */

#boxstat {
	font-family: Verdana, Tahoma,  Helvetica, sans-serif; 
	padding: 0px 0px 0px 0px;	margin: 3px 0px 0px 0px; font-size: 10px;
}
#boxstat h2 {
	width: 100%;
	background: transparent url(/gfx/blockh2bg.png) repeat-y 0 0; 
	border-bottom: 2px solid #F0F8FF;
	font-size: 1.2em; color: #fff; line-height: 0.9em;
}

#boxstat h2 span {
	display: block; padding: 5px 10px 2px 10px;
}

#boxstat ul {
	list-style-type: none; background: #fff;
	margin: 0px 0px 10px 0; padding: 2px 0px 2px 0px;
	border-top: 0px solid #FF9E18; background: url(../gfx/blockbg.png);
}

#boxstat li {
	width: 100%;
	display: block;
	vertical-align: top; padding: 0; margin: 0; padding: 2px 2px 2px 0px;
}

#boxstat li.last {
border-bottom: 1px solid #F4F4F4;
}

#boxstat li.last2  {
   border-bottom: 1px solid #EAEAEA;
	display: block; padding: 2px 2px 2px 0px;
}

#boxstat li.mail {
display: block;  padding: 2px 1px 2px 1px; background: #F9F9F9;
}

#boxstat li span {
display: block; padding: 0px 2px 0px 12px;
 background: transparent url(../gfx/bullet.gif) no-repeat 5px 50%;
}

#sort {
 color: #000;  font-family: Verdana, Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 12px; font-weight: bold; 
 background: #F5F5F5; margin-bottom: 5px;  padding: 5px 7px 5px 2px;
 border;
 border-bottom: 1px solid #E6E6FA ; border-top: 1px solid #E6E6FA;
 }

#sort span {
 padding: 7px 7px 7px 2px;
}