/* Reset styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}

a img, :link img, :visited img {
	border:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ol, ul {
	list-style:none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content:"";
}

/* Site styles */

body {
	font:0.7em Arial;
	color:#555;
	background:#ECE5E5 url("../images/bg.gif") repeat-x top;
}

a {
	text-decoration:underline;
	color:#8DC63F;
}

a:hover {
	text-decoration:none;
}

strong {
	font-weight:bold;
}

h1 {
	font:normal 1.6em Verdana;
	color:#F06EAA;
	margin-bottom:4px;
}

h2 {
	color:#F06EAA;
	font:bold 1.4em Arial;
	margin-bottom:10px;
}

h3 {
	font:bold 1.1em Arial;
	margin-bottom:3px;
}

/* Form elements */

.textbox {
	border:1px solid #999;
	background:#fff;
	font:normal 1em Arial;
	color:#555;
}

select {
	border:1px solid #E3E3E3;
	background:#fff;
	font:normal 1em Arial;
	color:#555;
}

.button {
	border:1px solid #B1B1B1;
	background:#636363;
	font:normal 1em Arial;
	color:#fff;
	cursor:pointer;
}

textarea {
	background:#eee;
	padding:0;
	font:normal 1em Arial;
}

/* Structure */

.wrapper {
	min-width:1000px;
	background:url("../images/left-bg.jpg") no-repeat left top;
}

.container {
	width:100%;
	float:left;
	margin-right:-246px;
}

/* Header */

.header {
	position:relative;
	height:203px;
	background:url("../images/right-bg.jpg") no-repeat right top;
}

	.logo {
		position:absolute;
		display:block;
		width:266px;
		height:63px;
		top:44px;
		left:29px;
	}
	
		.logo span {
			position:absolute;
			display:block;
			width:266px;
			height:63px;
			top:0;
			left:0;
			background:url("../images/logo.png") no-repeat left top;
			cursor:pointer;
		}
	
	.searchbox {
		position:absolute;
		top:148px;
		right:14px;
		background:#DCDCDC url("../images/searchbox.png") no-repeat;
		width:231px;
		height:26px;
		padding:7px 0 0 9px;
	}
	
		.searchbox .textbox {
			width:162px;
		}
	
	.banner-header {
		position:absolute;
		top:50px;
		right:16px;
	}
	
	/* Top menu */

	.top-menu {
		position:relative;
		margin-right:255px;
		top:147px;
	}
	
		.top-menu li {
			width:25%;
			float:left;
			text-align:center;
			position:relative;
		}
		
			.top-menu li a {
				display:block;
				margin:0 auto;
				background:#fff url("../images/top-menu-item.png") no-repeat left top;
				width:170px;
				font:bold 1.25em/34px Arial;
				color:#464646;
				text-decoration:none;
			}
			
			.top-menu li a:hover, .top-menu li .hover {
				background:#D45353 url("../images/top-menu-item.png") no-repeat right top;
				color:#fff;
			}
			
				.top-menu ul {
					position:absolute;
					top:34px;
					left:50%;
					margin-left:-84px;
					border-top:1px solid #F0EBEB;
					background:url("../images/top-menu-shadow.png") no-repeat center bottom;
					padding-bottom:8px;
				}
				
					.top-menu ul li {
						float:none;
						text-align:left;
						width:auto;
						width:154px;
						border-left:1px solid #F0EBEB;
						border-right:1px solid #F0EBEB;
						padding:2px 6px 2px;
						background:#fff;
					}
					
						.top-menu ul li a {
							display:inline;
							background:none;
							width:auto;
							font:normal 1.1em Arial;
							color:#898989;
						}
						
						.top-menu ul li a:hover {
							background:none;
							color:#87C138;
							text-decoration:underline;
						}
	
/* Content */

.content {
	margin-right:246px;
}

	.center {
		text-align:center;
	}

/* Central column */

.main {
	margin-left:246px;
	padding-bottom:15px;
}

	.post {
		background:url("../images/post-l-t.gif") no-repeat left top;
		margin-bottom:10px;
	}
	
		.post .ins1 {
			background:url("../images/post-r-t.gif") no-repeat right top;
		}
		
			.post .ins2 {
				background:#fff;
				height:4px;
				font-size:0;
				overflow:hidden;
				margin:0 4px;
			}
			
				.post .ins3 {
					background:url("../images/post-c-b.png") no-repeat right bottom;
					padding-bottom:16px;
				}
			
					.post .ins4 {
						background:#fff url("../images/post-l-b.gif") no-repeat left bottom;
					}
					
						.post .ins5 {
							background:url("../images/post-r-b.gif") no-repeat right bottom;
							padding:10px;
						}
		
		.title-footer {
			font:bold 0.9em Verdana;
			color:#898989;
			margin-bottom:8px;
		}
		
			.title-footer a {
				font-weight:normal;
				text-decoration:none;
			}
			
			.title-footer a:hover {
				text-decoration:underline;
			}
			
			.title-footer span {
				color:#F49AC1;
			}
			
			.title-footer img {
				vertical-align:top;
			}
		
		.news {
			overflow:hidden;
			padding-bottom:10px;
		}
		
			.news img {
				margin:0 5px;
			}
		
		.post-footer {
			background:#F2F7E6;
			margin:0 -10px;
			padding:3px 10px 4px;
		}
		
			.post-footer p {
				font:bold 1.1em Verdana;
				color:#8DC63F;
                        	
			}
			
			.rating {
				float:right;
			}

.selected {
	color:#0000ff;
}			

/* Block */

.block {
	background:url("../images/block.png") no-repeat left top;
	padding-top:11px;
	margin-bottom:10px;
}

	.block .ins {
		background:#fff url("../images/block.png") no-repeat right bottom;
		padding:0 10px 15px;
	}

/* Left column */

.leftside {
	width:226px;
	float:left;
	padding:0 8px 0 12px;
}

	.menu {
		overflow:hidden;
	}
	
		.menu li {
			border-bottom:1px solid #D4D4D4;
			margin-bottom:-1px;
		}
		
			.menu li a {
				display:block;
				margin-top:1px;
				padding:5px 10px 5px 25px;
				font:normal 1.25em Arial;
				color:#575757;
				text-decoration:none;
			}
			
			.menu li a:hover {
				background:#E3F3C0;
			}
		
	.topnews {
		color:#4D4D4D;
		font-size:1.1em;
	}
	
		.topnews a {
			color:#4D4D4D;
			text-decoration:none;
		}
		
		.topnews a:hover {
			color:#8DC63F;
			text-decoration:underline;
		}

/* Right column */

.rightside {
	width:226px;
	padding:0 12px 0 8px;
	float:right;
}

	.login {
		text-align:right;
		padding-right:20px;
	}
	
		.login p {
			margin-bottom:7px;
		}

/* Footer */

.footer {
	clear:both;
	background:#4E4E4E;
	padding:10px;
	color:#fff;
	text-align:center;
	position:relative;
}

	.footer a {
		font-weight:bold;
		color:#fff;
	}
	
	.footer p {
		word-spacing:2px;
	}
	
	.footer .copyright {
		position:absolute;
		top:4px;
		right:10px;
		color:#D5D5D5;
		line-height:1.2em;
		text-align:right;
	}
#hintbox {
    text-align : left;
    width : 150px;
    font-size : 10px;
    border : 1px solid #99a1ab;
    background-color : #fff;
    layer-background-color : #a396d9;
    color : #282828;
    margin : 10px 0 0 10px;
    padding : 3px 5px;
    position : absolute;
    visibility : hidden;
    z-index : 998;
    -moz-opacity : 0.9;
    -moz-border-radius : 5px;
    filter : alpha(opacity="90");
}

.onl_table {
    width : 100%;
    font-size : 10px;
}
.onl_table td {
    padding-right : 5px;
    font-size : 10px;
/* Раскомментировать, если у Вас в две колонки*/ /*    width : 50%;
*/ }

.a_link, .a_link a:link, .a_link a:visited, .a_link_on {
    color : #ff0000;
}
.a_link_on a:hover, .a_link_on a:active {
    color : #ff0000;
}

.u_link, .u_link a:link, .u_link a:visited, .u_link_on {
    color : #666666;
}
.u_link_on a:hover, .u_link_on a:active {
    color : #4b73d4;
}

.e_link, .e_link a:link, .e_link a:visited, .e_link_on {
    color : #00a400;
}
.e_link_on a:hover, .e_link_on a:active {
    color : #00a400;
}

.j_link, .j_link a:link, .j_link a:visited, .j_link_on {
    color : #0000ff;
}
.j_link_on a:hover, .j_link_on a:active {
    color : #0000ff;
}

.b_link, .b_link a:link, .b_link a:visited, .b_link_on {
    color : #666666;
}
.b_link_on a:hover, .b_link_on a:active {
    color : #666666;
}

