/*

Theme Name: TiMiX
Theme URI: http://timix.nios.ru
Description: Новосибирский молодежный информационно-развлекательный журнал 
Author:
Author URI: 

*/

img, div { behavior: url(iepngfix.htc) }

body {
	background: #00c134 url('img/bg.png') no-repeat;
	background-position: bottom center;
	color: #444;
	font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
}
.layout {
 background: url('img/bg.png') no-repeat;
 width: 100%;
 height: 100%;
 min-height: 100%;
 display: table;
}

* {
	margin: 0;
	padding: 0;
}
a {
	color: #36C;
	text-decoration: none;
}
a:hover {
	color: #06F;
	text-decoration: underline;	
}
input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
	font-size: 1em;
	padding-bottom: 1em;
}
code {
	background: url('img/bgcode.gif');
	border: 1px solid #F0F0F0;
	border-left: 6px solid #39F;
	color: #555;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
cite {
	background: url(img/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}
a img{
border:none;
}
img {
	padding: 10px;
	margin: 0;
	border: 0;
}
h1,h2,h3 {
	color: #367EA6;
	padding-top: 6px;
}
/* Выравнивание */
.right {
	text-align: right;
}
.left {
	text-align: left;
}
h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
	text-align: right;
}


/* Структура документа:
	<div id="container">
		<div id="main">		
			<div id="sub_header"></div>
			<div id="header"></div>
			<div id="menu_part"></div>
			<div class="content"></div>
		</div>
		<div id="sidenav"></div>
		<div id="footer"></div>
	</div>
 */
#container {
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	width: 924px;
}

#main {
	background-color: #fff;
	clear: both;
	padding: 20px;
}

/* #sub_header - инфа выше шапки  */
#sub_header {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 0.9em;
}

#sub_header ul li {
	list-style-type: none;
	display: inline;
}


/* #header - шапка с картинками */
#header {
	height: 270px;
	padding: 0;
	margin: 0;
	
}

#hleft {
	width: 548px;
	height: 245px;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	border:0;
}

#hright {
height: 245px;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

#mixyour {
	width: 336px;
	height: 39px;
	border: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

#random_img {
	width: 336px;
	height: 256px;
	margin: 0;
	padding: 0;
	border: 0;
}


/* Верхнее меню разделов */
#menu_part {
	padding: 0 0 15px;
	margin: 0 auto;
	width: 595px;
}

#menu_part ul li {
	list-style-type: none;
	display: inline;
}

#b_news {
	float: left;
}
a#b_news {
 background: url('buttons/button_news.png');
 display: block; 
 width: 144px; 
 height: 39px; 
}
a#b_news:hover {
 background-position: 0 40px; 
}

#b_about {
	float: left;
}
a#b_about {
 background: url('buttons/button_about.png');
 display: block; 
 width: 139px; 
 height: 39px; 
}
a#b_about:hover {
 background-position: 0 40px; 
}

#b_forum {
	float: left;
}
a#b_forum {
 background: url('buttons/button_forum.png');
 display: block; 
 width: 138px; 
 height: 39px; 
}
a#b_forum:hover {
 background-position: 0 40px;  
}

#b_photos{
	float: left;
}
a#b_photos {
 background: url('buttons/button_photos.png');
 display: block; 
 width: 174px; 
 height: 39px; 
}
a#b_photos:hover {
 background-position: 0 40px; 
}

/* #footer */
#footer {
	background: #FFF;
	color: #666;
	font-size: 1em;
	margin: 0 auto;
	padding: 0;
	width: 922px;
	height: 222px;/*height:202px;*/
        background: url(img/footer.jpg) no-repeat top;
/*	background: url(img/footer.jpg) no-repeat bottom center;*/
	
}
#footer p {
	padding: 200px 0 2px 0;/*padding: 180px 0 2px 0;*/
	color: #000;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	vertical-align: bottom;
}
#footer a {
	color: #36C;
	text-decoration: none;
}
#footer a:hover {
	color: #06F;
	text-decoration: underline;
}

/* content */
#content {
	margin: 0;
	padding: 15px 0;
	float: right;
	width: 674px;
}
#content .item {
	background: #E0ECF7;
	margin-bottom: 8px;
}
#content .descr {
	color: #333;
	margin-bottom: 6px;
}
#content li {
	margin-left: 18px;
}

/* navigation */
.navigation {
	margin-bottom: 4px;
}
.navigation a {
	background-color: #4A91C3;
	color: #FFF;
	float: left;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	padding: 8px 0;
	width: 19%;
	border-right: 1px solid #FFF;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background-color: #000;
	color: #FFF;
}


/* main left */
.sidenav ul {
	padding-left: 12px;
}
.sidenav {
	margin: 15px 0px 0 0;
	background: #fff;
	float: left;
	width: 200px;
}
.sidenav ul {
	margin: 0;
	padding: 0;
}
.sidenav li {
	border-top: none;
	list-style: none;
	margin: 0;
}
.sidenav li a {
	color: #777;
	display: block;
	font-size: 0.9em;
	padding: 3px 6px 3px 14px;
	text-decoration: none;
}
.sidenav li a:hover {
	color: #111;
}



/* Стили в записях */
.item{
margin:0 0 25px 0;
	background: #B7D3ED;
}

.item .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#505050;
}


.item ul li
{
	list-style-type:none;
	padding: 0;
}


.item ol li
{
margin-left:22px;
}


/* title */
.title h1 {
	color: #FFF;
	font: normal 3em Verdana,sans-serif;
	height: 150px;
	line-height: 150px;
	margin-bottom: 8px;
	text-align: center;
}


.title h1 a{
	color: #FFF;
text-decoration:none;
}

.title h1 a:hover{
	color: #FFF;
text-decoration:none;
}

.title h1 a:visited{
	color: #FFF;
text-decoration:none;
}



.date {
	font-size: 0.9em;
}

.date img, #fresh img {
	border: 0;
	padding: 0;
	margin: 0;
}


/* Стили в комментариях */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}
#commentform {
margin: 1em 0;
background: #fafafa;
width: 280px;
}
#commentform textarea {
background: #fafafa;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #fafafa;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #fafafa;
border: 1px solid #939793;
}
#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #fafafa;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #fafafa;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #fafafa;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}



.clearer {
	clear: both;
}