/* nReset 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 */

html {
	background:#EFF2F5 url("../images/bg.png") repeat-x top;
}

body {
	font:0.7em Arial;
	color:#6B6A6A;
	background:url("../images/bottom-bg.gif") repeat-x bottom;
	padding:8px 0 0;
}

a {
	text-decoration:underline;
	color:#00AEEF;
}

a:hover {
	text-decoration:none;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

h1 {
	color:#00AEEF;
	font:normal 1.6em Arial;
	margin-bottom:2px;
}

	h1 sup {
		font:normal 11px Arial;
		color:#fff;
		background:#F68E56;
		padding:0 2px;
	}

h2 {
	font:bold 1.2em Arial;
	padding:5px 20px;
	color:#fff;
	background:#ccc;
	margin-bottom:5px;
}

	h2.green {background:#ACD373}
	h2.red {background:#F69679}
	h2.pink {background:#F06EAA}
	h2.blue {background:#6DCFF6}
	h2.brown {background:#998675}
	h2.aqua {background:#1CBBB4}
	h2.lightpink {background:#F5989D}
	h2.orange {background:#E7A71D}

h3 {
	font:bold 1.25em Arial;
	margin-bottom:5px;
}
	
/* Form elements */

.textbox, select {
	font:normal 1em Arial;
	color:#6B6A6A;
	background:#fff;
	border:1px solid #bbb;
}

.textbox:focus {
	background:#f5f5f5;
}

.button {
	border:1px solid #ccc;
	font:normal 1em Arial;
	color:#00AEEF;
	cursor:pointer;
	background:#fff;
}

.button:hover {
	background:#f5f5f5;
}

textarea {
	background:#f5f5f5;
	padding:0;
	font:normal 1em Arial;
}

/* Structure */

.wrap {
	width:980px;
	margin:0 auto;
	background:url("../images/wrapper-middle.png") repeat-y center;
}

.outer-wrapper {
	background:url("../images/wrapper-top.png") no-repeat center top;
}

.wrapper {
	padding:0 4px 10px;
	background:url("../images/wrapper-bottom.png") no-repeat center bottom;
}

.wrapper:after {
	clear:both;
	display:block;
	content:"";
}

.container {
	width:100%;
	float:right;
	margin-left:-230px;
}

/* Header */

.header {
	position:relative;
	height:248px;
	background:url("../images/header.jpg") no-repeat center top;
}

	.logo {
		position:absolute;
		top:0;
		left:0;
	}
	
	.post {
		position:absolute;
		right:0;
		top:125px;
	}
	
	.login {
		position:absolute;
		left:0;
		bottom:15px;
		padding:2px 5px;
		background:url("../images/login-bg.png");
	}
	
		.login span {
			font-size:1.1em;
			color:#fff;
		}
		
			.login span a {
				color:#fff;
			}
		
		.login table {
			text-align:right;
		}
		
			.login td {
				padding:0 4px 2px 0;
			}
			
				.login ul {
					padding-left:5px;
				}
			
					.login li {
						padding-left:8px;
						background:url("../images/login-arrow.gif") no-repeat left 4px;
						text-align:left;
					}
		
		.login a {
			color:#464646;
		}
		
		.login a:hover {
			color:#fff;
		}

/* Content */

.content {
	margin-left:230px;
}

	.center {
		text-align:center;
	}

/* Recommended block */

.recommended {
	overflow:hidden;
	background:url("../images/recommended.png") no-repeat left;
	padding-left:34px;
	margin:0 0 12px 230px;
}

	.recommended li {
		float:left;
		margin-right:10px;
		width:160px;
		background:#F3FFE0;
		text-align:center;
		padding:10px 3px 3px;
	}
	
		.recommended p {
			margin-bottom:3px;
		}
		
			.recommended a {
				color:#464646;
				text-decoration:none;
			}
			
			.recommended a:hover {
				color:#F06EAA;
				text-decoration:underline;
			}

/* Central column */

.main {
	margin-right:100px;
}

	.category {
		overflow:hidden;
		background:url("../images/category-bg.gif") no-repeat left top;
		padding-left:15px;
		margin-bottom:6px;
	}
	
		.category p {
			float:left;
			background:#F7E7D9 url("../images/category-right.gif") no-repeat right top;
			padding:0 30px 0 10px;
			font:normal 1.2em/20px Verdana;
			color:#998675;
		}
		
			.category a {
				color:#998675;
				text-decoration:none;
			}
			
			.category a:hover {
				color:#695645;
			}
		
		.date {
			float:right;
			background:#F3F3F3;
			line-height:20px;
			color:#7D7D7D;
			padding:0 5px;
		}
	
	.title-footer {
		margin-bottom:10px;
		font-family:Verdana;
	}
	
		.title-footer a {
			color:#F26C4F;
			text-decoration:none;
		}
		
		.title-footer a:hover {
			text-decoration:underline;
		}
		
		.title-footer img {
			vertical-align:top;
		}
	
	.news {
		overflow:hidden;
		padding-bottom:8px;
	}
	
		.news img {
			margin:0 5px;
		}
		
		.news form img {
			margin:0;
			vertical-align:top;
		}
	
	.post-footer {
		background:#E9F7F7;
		color:#00AEEF;
		font:italic normal 1.3em Arial;
		padding:3px 7px 5px;
		margin-bottom:16px;
	}
		
		.post-footer .rating {
			float:right;
			padding-top:1px;
			font-size:12px;
		}
	
	.banner-block {
		margin-bottom:12px;
		text-align:center;
	}
	
/* Block */

.block {
	padding:0 8px;
	margin-bottom:12px;
}

/* Left column */

.leftside {
	width:210px;
	float:left;
}

	.random-news {
		margin-bottom:12px;
		padding:0 8px;
	}
	
		.random-news li {
			background:#E4F2FC;
			margin-bottom:4px;
			font-size:1.1em;
			padding:4px;
			text-align:center;
		}
		
			.random-news p {
				margin-bottom:3px;
			}
			
				.random-news a {
					color:#464646;
					text-decoration:none;
				}
				
				.random-news a:hover {
					color:#222;
				}
			
	.searchbox {
		padding:5px 10px 5px;
		margin-bottom:12px;
	}
	
		.searchbox .textbox {
			width:140px;
		}

/* Right column */

.rightside {
	width:210px;
	float:right;
}

	.topnews {
		font-size:1.1em;
		color:#4D4D4D;
	}
	
		.topnews a {
			color:#4D4D4D;
			text-decoration:none;
		}
		
		.topnews a:hover {
			color:#8DC63F;
			text-decoration:underline;
		}
	
	.menu {
		margin-bottom:20px;
	}
	
		.menu li {
			margin-bottom:5px;
		}
	
			.menu p {
				color:#B7B7B7;
			}
			
				.menu dl {
					overflow:hidden;
					padding:5px 0;
					cursor:pointer;
				}
				
				.menu .even {
					background:#F7F1F1;
				}
				
				.menu dl:hover, .menu .iehover {
					background:#E7FDC5;
				}

					.menu dd {
						display:table;
					}
					
					.menu dt {
						float:left;
						width:40px;
						text-align:center;
					}
					
						.menu dl:hover h3, .menu .iehover h3 {
							color:#F06EAA;
							text-decoration:underline;
						}
				
				.menu ul {
					display:none;
					margin:5px 0 5px 22px;
				}
				
					.menu ul li {
						background:url("../images/menu-bullet.gif") no-repeat left 1px;
						padding-left:18px;
					}
					
						.menu ul li a {
							color:#ACACAC;
						}
						
						.menu ul li a:hover {
							color:#00AEEF;
						}

/* Footer */

.footer {
	margin:0 auto;
	width:950px;
	color:#fff;
	padding:0 0 1px;
	text-align:center;
}

.nowrap {white-space: nowrap;}
div.cor {background-image: url("../images/tv/1.gif"); width: 100%; background-repeat: no-repeat; height: 1px; background-color: #00468c; text-align: right}
table.top {margin-bottom: 8px}
table.top td.cor {padding-right: 0px; padding-left: 0px; background-image: url("../images/tv/1.gif"); padding-bottom: 0px; padding-top: 0px; background-repeat: no-repeat; background-color: #d9d9d9}
table.top td {padding-right: 4px; padding-left: 4px; font-size: 70%; padding-bottom: 4px; padding-top: 4px}
table.top td.cor IMG {margin: 0px}
table.top td.left {padding-left: 22px; border-LEFT: #d9d9d9 1px solid}
table.top td.right {border-right: #d9d9d9 1px solid; padding-right: 22px; padding-bottom: 5px; padding-top: 5px}
table.top td img.pic {margin-right: 2px}

table.top_menu{margin-bottom:7px}
table.top_menu td{font-size:80%;padding:2px 0px 4px 0px}
table.top_menu td.bord_b{height:1px; padding:0px; background-color:#C2C3CC; background-image:url("../images/tv/1.gif");background-repeat:no-repeat;background-position:top right}
table.top_menu td.bord_l{border-left:1px solid #C2C3CC}
table.top_menu td.bord_r{border-right:1px solid #C2C3CC}

table.chlogo {margin-right: 4px; border: 1px solid #cccccc}
table.chlogoi {margin: 3px 0 15px 0px; border: 1px solid #cccccc}
table.chlogo td {padding:2px}

table.htable td {font-size: 70%; padding: 2px; text-align:center}


table.channel{margin:12px 0 11px 0}
table.channel td td{font-size:85%;padding-bottom:3px}
table.channel td img{margin-top:3px}
table.channel td img.prico{margin-right:4px}
table.channel td td img{margin-top:1px;margin-right:2px}

table.chan2 {margin: 12px 0px 5px}
table.chan2 td td.time {padding-right: 6px; font-size: 70%; padding-bottom: 3px; color: #666666}
table.chan2 td td.htime {padding-right: 6px; font-size: 70%; padding-bottom: 3px; color: #666666}
table.chan2 td td {font-size: 85%; padding-bottom: 3px}
table.chan2 td td IMG {margin-right: 2px}

.stime {font-size: 70%; color: #666666}
.time {padding-right: 6px; color: #666666}
.htime {padding-right: 6px; color: #666666; padding-top: 1px}
.chna {margin-bottom: 12px}
b.c1 {color: #0066cc}

table td.cor {padding-right: 0px; padding-left: 0px; background-image: url("../images/tv/1.gif"); padding-bottom: 0px; padding-top: 0px; background-repeat: no-repeat; background-color: #bed3fe}
table td.m {padding-right: 0px; padding-left: 0px; font-size: 85%; padding-bottom: 0px; margin: 0px; padding-top: 2px}
table td.mr {padding-right: 0px; padding-left: 0px; font-size: 70%; padding-bottom: 0px; margin: 0px; padding-top: 3px}
table td.mp2 {padding-right: 0px; padding-left: 0px; font-size: 85%; padding-bottom: 0px; padding-top: 0px; background-color: #e5eeff; text-align: center}
table td.mp2 table td {font-size: 85%; color: #0857a6}
table td.podm {background-image: url('{THEME}/images/tv/gradi2.gif'); background-repeat: no-repeat; background-color: #e5eeff; text-align: right}
a.active {font-weight: bold; color: #002f73; text-decoration: none}

table td.ms2 {padding-right: 0px; background-position: right bottom; padding-left: 0px; background-image: url("../images/tv/1.gif"); padding-bottom: 0px; margin: 0px; padding-top: 2px; background-repeat: no-repeat; background-color: #e5eeff}
table td.ms2 table td table.menu {font-weight: normal; font-size: 70%; color: #0857a6}

table.menu td {padding-right: 0px; padding-left: 0px; padding-bottom: 2px; padding-top: 0px; border-bottom: #e5eeff 3px solid; font-family: Arial,Sans-Serif}
table.menu td.nizh {border-bottom: #b2ccff 3px solid}
table.menu td.left {border-right: 0px; padding-right: 0px; border-top: 0px; padding-left: 0px; padding-bottom: 0px; border-LEFT: 0px; padding-top: 0px; border-bottom: 0px}

div.cor2 {background-image: url("../images/tv/1.gif"); width: 100%; background-repeat: no-repeat; height: 1px; background-color: #e5eeff; text-align: right}
.pr5 {padding-right: 5px}
.pr10 {padding-right: 10px !important}
.pt10 {padding-top: 10px}
.pt15 {padding-top: 15px}
.pl15 {padding-left: 15px !important}
.mb2 {margin-bottom: 2px}
.mb5 {margin-bottom: 5px}
.mb10 {margin-bottom: 10px}
.mb12 {margin-bottom: 12px !important;}
.mb15 {margin-bottom: 15px}
.mb20 {margin-bottom: 20px}
.mb25 {margin-bottom: 25px}
.mr3 {margin-right: 3px}
.mr4 {margin-right: 4px}
.mr5 {margin-right: 5px}
.mr10 {margin-right: 10px}
.mr15 {margin-right: 15px}
.mr20 {margin-right: 20px}
.ml5 {margin-left: 5px}
.mt2{margin-top:2px}
.mt3{margin-top:3px}
.mt5{margin-top:5px}
.mt7{margin-top:7px}
.mt10{margin-top:10px}
table.top_menu{margin-bottom:7px}
table.top_menu td{font-size:80%;padding:2px 0px 4px 0px}
table.top_menu td.bord_b{height:1px; padding:0px; background-color:#C2C3CC; background-image:url("./images/tv/1.gif");background-repeat:no-repeat;background-position:top right}
table.top_menu td.bord_l{border-left:1px solid #C2C3CC}
table.top_menu td.bord_r{border-right:1px solid #C2C3CC}
.grey{color:#666666}
.orange{color:#F25100}

#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;
}


.middle { 
float: left;
line-height: 20px;
margin-left: 10px;
margin-top: 10px;
width: 510px;
}
style.css
* { 
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
default values
div { 
display: block;
}



.VNUTRIchan-text {width:470px; text-align:left; background: #FFFFFF;}
.VNUTRIchan-text {color: #777777; font-family:Arial, Helvetica, sans-serif; font-size:9px;}
#VNUTRIchan a {TEXT-DECORATION:none; color: #777777; font-family:Arial, Helvetica, sans-serif; font-size:9px;}
#VNUTRIchan a:link {TEXT-DECORATION:none; color: #777777; font-family:Arial, Helvetica, sans-serif; font-size:9px;}
#VNUTRIchan a:visited {TEXT-DECORATION:none; color: #777777; font-family:Arial, Helvetica, sans-serif; font-size:9px;}
#VNUTRIchan a:hover {TEXT-DECORATION:underline; color: #777777; font-family:Arial, Helvetica, sans-serif; font-size:9px;}













.version { 
border-bottom-color: #ffffff;
border-bottom-style: dashed;
border-bottom-width: 1px;
color: #666666;
font-size: 16px;
font-weight: 700;
margin-bottom: 0px;
margin-left: 15px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
width: 100px;
}


.version_active { 
background-color: rgba(8, 47, 103, 0.749);
border-bottom-color: currentColor;
border-bottom-style: none;
border-bottom-width: medium;
color: #ffffff;
font-weight: 700;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 7px;
padding-top: 3px;
width: 100px;
}