/* HTML Elements */
/*
темно-серый (линия сверху)  border-top: 1px solid #C0C0C0;
светло-серый (фон) background:#ececec;
цвет светлых букв color:#333;
*/
#slink {
	font-size: 10px; 
	line-height: 90%; 
	color: #3c57a7;
	/*background:#333; 
	color:#fff; 
	*/
	padding: 5px;
}

#slink a, #slink a:visited, #slink a:hover {
	/* color:#FFF;*/
	text-decoration:none;
}


* {
	margin:0;
	padding:0;
	}

body {
	font: 90% Arial, Helvetica;
	background: #FFF;
	color: #333;
	}

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

a:link, a:visited {
	color: #3c57a7;
	text-decoration:none
	}

a:hover, a:active {
	color: #3c57a7;
	text-decoration:underline;
	}

a img {
	border:0;
	}

/* Structure */

.left {
	float:left;
	}

.right {
	float:right;
	}


/* Navigation Bar*/

#page-bar ul {
	list-style: none;
	}

#page-bar li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	border-right:1px solid #333;
	}

#page-bar li:hover {
	background: #3c57a7;
	}


#page-bar a, #page-bar a:visited {
	margin: 0px;
	padding:10px 16px;
	font-weight:bold;
	color:#FFF;
	display:block;
	}

#page-bar a:hover {
	text-decoration:none;
	display:block;
	}

/* Dropdown Menus */
#page-bar li {
	float: left;
	margin: 0px;
	padding: 0px;
	}

#page-bar li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 122px;
	text-transform:none;
	}

#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
	background: #2B2B2B;
	width: 122px;
	float: none;
	margin: 0px;
	padding: 5px 10px 5px 18px;
	border-top: 1px solid #C0C0C0;
	}

#page-bar li li a:hover, #page-bar li li a:active {
	background: #666666;
	padding: 5px 10px 5px 18px;
	}

#page-bar li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#page-bar li:hover ul {
	left: auto;
	display: block;
	}

#page-bar li:hover ul, #page-bar li.sfhover ul {
	left: auto;
	}


/* Text*/

h1 {
	font:3.5em Arial;
	font-weight:bold;
	letter-spacing:-0.08em;
	}

h2 {
	font:2.3em Georgia, "Times New Roman";
	}

h3 {
	font:1.3em Arial;
	margin-bottom:3px;
	/* color:#3c57a7; */
	color:#fff;
	font-weight:bold;
	margin: 0px;
	}

h4 {
	font:1.3em Arial;
	margin: 0px 0px 7px;
	}

h3.cat_title, h3.cat_title a {
	color:#333;
	letter-spacing:-0.05em;
	border-top: 1px solid #C0C0C0;
	}

/* Index Page*/

#featured {
	width:300px;
	background:#fff;
	float:right;
	padding:10px 10px 6px 10px;
	}

#featured .clearfloat {
	margin-top:7px;
	margin-bottom:9px;
	}

#featured .info {
	margin-top:5px;
	padding-top:5px;
	float:right;
	width:185px;
	}

#featured .title {
	font-weight:bold;
	}

#featured .divider {
	margin-left:85px;
	}


#headline a img, #featured a img, #yarr1 img, #yarr1 a img, #yarr2 img, #yarr2 a img {
	border:1px solid #bbb;
	margin-top:10px;
	margin-right:10px;
	}


#middle {
	width: 920px;
	background:#fff;
	float:right;
	padding:10px;
	margin:10px 0;
	}

#yarr1 {
	/* border-top:8px solid #333333; */
	padding:0px 10px 10px 10px;
	background:#fff;	
}

#yarr1:hover {background:#333333; color:#fff;}
#yarr1:hover a {background:#333333; color:#fff;}

#yarr2 {
	/* border-top:8px solid #3c57a7; */
	padding:0px 10px 10px 10px;
	background:#fff;	
}

#yarr2:hover {background:#3c57a7; color:#fff;}
#yarr2:hover a {background:#3c57a7; color:#fff;}

/* Sidebar*/
#yarr4 {
	font:1.1em Arial;
	font-weight:bold;
	background:#333;
	color:#fff;
	margin: 10px 0px 5px 0px;
	padding:3px 10px;
}

/* Footer*/

#recentpost {
	padding:10px; margin:10px; border:1px solid #fff;
}

#recentpost2 {
	font-size: 16px; padding:10px; margin:10px; border:1px solid #fff;	
}

#recentpost3 {
	padding:0px; margin:0px; border:1px solid #2с2с2с;
}

#recentpost a {
	color:#fff;
	}
	
#recentpost2 a, #recentpost3 a {
	color:#2с2с2с;
}

#recentpost ul, #recentpost2 ul, #recentpost3 ul {
	margin-top:5px;
	}

#recentpost ul li, #recentpost2 ul li, #recentpost3 ul li {
	list-style:none;
	border-top:1px dotted #fff;
	padding:5px;
	display:block;
}
	
#recentpost3 ul li {
	list-style:none;
	border-top:1px dotted red;
	padding:5px;
	display:block;
}	

#recentpost ul li:hover, #recentpost2 ul li:hover, #recentpost3 ul li:hover {
	background:#ececec;
	color:#fff;
	}

#recentpost ul li:first-child, #recentpost2 ul li:first-child {
	border-top:0px dotted #fff;
	}
	
#recentpost3 ul li:first-child {
	border-top:0px dotted red;
}	


#footer {
	margin: 0 auto;
	width: 960px;
	font-size:0.6em;
	padding-top:10px;
	padding-bottom:10px;
	}

TD.fon {
	background: url(../img/fon.jpg) bottom left repeat-x;
}

TD.fon21 {
	background: url(../img/fon2_nebo.jpg) bottom left repeat-x;
}

TD.fon22 {
	background: url(../img/fon2.jpg) bottom center no-repeat;
}

TD.fon23 {
	background: url(../img/fon2_nebo.jpg) bottom left repeat-x;
}

/* афиша */

table .date {
border-bottom:medium none;
line-height:1;
padding-left:0;
}

.date .month {
/* background:#CE2125 none repeat scroll 0 0; */
background: #3c57a7 none repeat scroll 0 0;
color:#FFFFFF;
font-size:0.769em;
margin-right:10px;
padding:3px 0 2px;
text-align:center;
text-transform:uppercase;
width:3.5em;
}

.date .day {
border-color:-moz-use-text-color #E3E3E3 #E3E3E3;
border-style:none solid solid;
border-width:medium 1px 1px;
font-weight:700;
margin-right:10px;
padding:5px 0 6px;
text-align:center;
width:2.538em;
}

.date .day .week-day {
font-size:0.769em;
font-weight:400;
text-transform:lowercase;
}

.afisha_r {
padding-left:0;
padding-right:12px;
}

td .afisha_r {
border-bottom:1px solid #E3E3E3;
padding:0.538em 4px 0.615em;
vertical-align:top;
}

td .afisha_r_last {
border-bottom:1px solid #fff;
}

.mesto {
color: #ce2125; font-size: 0.7em;
}

/* конец афиши */

#noteyarr a, #noteyarr a:visited, #noteyarr a:hover {
	COLOR: #333;
	TEXT-DECORATION: none;	
}

table .yarrtab {
	FONT-SIZE: 13px; 
	border-collapse: collapse;
	border-color: #333;
}

td .yarrtab {
	padding: 3px;
	border-right-width: 1px;
	border-color: #333;
}