/*******************************************************
TITLE: Fixed Three-Column Layout v1.0
DATE: 200801
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

/* << ----------------// General Styles //---------------->> */
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Vernada serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	background: url(/img/bg.gif) no-repeat top;
	background-color: #484848;
}
.photo_01 {
	vertical-align: top;
}
img {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
a:link, a:visited {
color:#1D93CA;
text-decoration:underline;
}

a:hover, a:active {
color:#975E20;
text-decoration:underline;
}

p {
margin:4px 0 6px 0;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

h3 {
	font: bold 12px Tahoma, Vernada serif;
	MARGIN: 0px 0px 3px 0px;
	color: #767676; 
	letter-spacing: 0px; 
}

h1, h4 {
font-weight:bold;
margin:0 0 0 0;
}

h1 {
	font: bold 12px Tahoma, Vernada serif; color: #767676; 
	 line-height: 18px; letter-spacing: 0px; 
	 margin:0px 0px 5px 0px;
}


h2 {
	FONT-WEIGHT: normal; MARGIN: 0px 0px 10px 0px;
	font-family: Verdana, Tahoma, sans-serif; color: #767676; 
	font-size: 18px; line-height: 29px; letter-spacing: 0px; 
border-bottom: 1px solid #e6e4e2;
}

h4 {
font-size:17px;
}



ul {
margin:5px 0 5px 20px;
padding:0;
list-style-type:disc;
}

ol {
margin:5px 0 5px 30px;
padding:0;
list-style-type:decimal;
}

ul li, ol li {
margin:0 0 4px 0;
padding:0;
}

/* << ----------------// Outer container that holds all the columns //---------------->> */
#mainContainer {
margin:0 auto;
padding:0;
width:900px;
background-color:#fff;
}

/* << ----------------// Header //---------------->> */
#header {
margin:0;
padding:0px;
width:900px;
height:345px;
color:#ffffff;
/*background: url(/img/main-night.jpg) top no-repeat; */
background-color:#000000;
}
#version {
margin:45px 0 5px 280px;
padding:0;
color: #428996;
position: absolute;
}
#gimn {
margin:110px 0 5px 20px;
padding:0;
font-family:Tahoma, Vernada serif;
font-size:11px;
line-height:12px;
color: #fff;
width:300px;
position: absolute;
}

/* << ----------------// Left column //---------------->> */
#columnOne {
float:left;
margin:0;
padding:0 5px 10px 5px;
width:190px;
background-color:#fff;
}

#columnOne p, #columnThree p, #columnOne ul li, #columnOne ol li, #columnThree ul li, #columnThree ol li {
font-size:13px;
}

#columnOne h2, #columnThree h2 {
font-size:16px;
}
.weather {
margin:30px 0px 0px 10px;
color:#858585;
font: bold 11px Georgia, Vernada serif;
}
.gradus {
padding:0 0px 0px 100px;
height:120px;
width:195px;
font: bold 24px Georgia, Vernada serif; color: #959595; 
}
/* << ----------------// Vertical navigation //---------------->> */
#navVertical {
margin:0 -5px 0 -5px;
padding:0;
width:150px;
background-color:#fff;
}

#navVertical ul {
margin:0 0 0 5px;
padding:0;
list-style:none;
}

#navVertical ul li {
	margin: 0 0 0 -5px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	font-family: Tahoma, Vernada serif;
	border-bottom: 0px solid #999999;
	
}

#navVertical ul li a:link, #navVertical ul li a:visited {
	padding: 5px 8px 5px 15px;
	height:20px;
	color: #454545;
	text-decoration: none;
	display: block;
	
}

#navVertical ul li.tut a:link, #navVertical ul li.tut a:visited {
color:#454545;
font: bold;
text-decoration:none;
background-color:#FFFFFF;
background-image: url(/img/menu01.png); 
}

#navVertical ul li.tut a:hover, #navVertical ul li.tut a:active {
color:#c7561e;
font: bold;
text-decoration:none;
background-color:#FFFFFF;
background-image: url(/img/menu01.png); 
}

#navVertical ul li a:hover, #navVertical ul li a:active {
color:#c7561e;
font: bold;
text-decoration:none;
background-color:#FFFFFF;
background-image: url(/img/menu01.png); 
}

/* Ниже: стиль блока постраничных ссылок */
.pages {
 	color: #696969;
	margin: 0px 0px 15px 0px; 
}
.pages a {
	font: bold 12px Tahoma, Vernada serif; 
	color: #ffffff; 
	text-decoration: none;
	background-color:#C6C6C6;
	padding: 5px 5px 5px 5px;
}
.pages a:hover {
	font: bold 12px Tahoma, Vernada serif; 
	color: #595959; 
	text-decoration: none;
	padding: 5px 5px 5px 5px;
}

/* Окончание! Стиль блока постраничных ссылок */


/* << ----------------// Middle column //---------------->> */
#columnTwo {
float:left;
margin:0;

width:500px;
background-color:#fff;
}
.cn_comment_odd {
background-color:#edfdf9; 
margin: 0px 0px 1px 0px;
}

.cn_comment_even {

	background: #f7f7f7;
	margin: 0px 0px 1px 0px;
}

.comment-form-bg {
color:#484848;
padding: 10px 20px 10px 15px;

background: url(/img/comment-form-bg.gif) no-repeat left bottom;
background-color:#e6e6e6;
}
.comment-form {
margin: 10px 0px 10px 0px;
width:450px;
}
#news {

}
#news-short {
margin: 10px 0px 10px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px dashed #e6e4e2;
}
#news-full {
border-bottom: 0px dashed #e6e4e2;
}
.news-info {
margin: 10px 0px 0px 0px;
font-size:11px;
color:#898989;
}
/*a.name {
	font-family: Times, sans-serif; color: #5B5B5B; 
	font-size: 30px; line-height: 30px; letter-spacing: -2px; 
}*/
a.name {
	font: bold 12px Tahoma, Vernada serif; color: #767676; 
	 line-height: 18px; letter-spacing: 0px; text-decoration: none;
}
a.category {
	font: bold 12px Tahoma, Vernada serif; color: #767676; 
	 line-height: 24px; letter-spacing: 0px; text-decoration: none;
}
a:hover.category {
	font: bold 12px Tahoma, Vernada serif; color: #595959; 
	 line-height: 24px; letter-spacing: 0px; text-decoration: none;
}
/*a:hover.name {
	font-family: Times, sans-serif; color: #975E20; 
	font-size: 30px; line-height: 30px; letter-spacing: -2px; 
}*/
a:hover.name {
	font: bold 12px Tahoma, Vernada serif; color: #595959; 
	 line-height: 18px; letter-spacing: 0px; text-decoration: none;
}
a.comments-block {
	font-family: Verdana, Tahoma, sans-serif; color: #1D93CA; 
	font-size: 11px; letter-spacing: -1px; text-decoration: none ;
}
a:hover.comments-block {
	font-family: Verdana, sans-serif; color: #343434; 
	font-size: 11px; letter-spacing: -1px; text-decoration: underline;
}
.buagaga {
 display: none;
}
/* << ----------------// Right column //---------------->> */
.polaroid {
margin: 0px 0px 0px 0px;
padding: 30px 15px 0px 36px;
height:180px;
background: url(/img/negativ.gif) no-repeat top right;
}
.povod {
margin: -15px 0px 0px 0px;
padding:80px 50px 0px 0px;
height:200px;
background: url(/img/beer.gif) no-repeat top right;
}
#columnThree {
float:left;
margin:0;
border: 0px dashed #e6e4e2;
width:200px;
background-color:#fff;
}
.icq {
margin: 10px 0px 20px 0px;
height:67px;
background: no-repeat top right;
}
.icq-text {
padding: 20px 0px 0px 50px;
height:52px;
font: bold 11px Georgia, Vernada serif;
color:#858585;
}
/* << ----------------// Footer //---------------->> */
#footer {
margin: 0px 0px -20px 0px!important;
margin: 0px 0px 0px 0px ;
padding:5px 5px 5px 10px;
width:885px;
height:30px;
font-size:10px;
color:#cccccc;
background-color:#000000;
clear:both;
}

#footer a:link, #footer a:visited {
color:#999999;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#ffffff;
text-decoration:underline;
}

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* элементы закругления */
#rounded-box-3 .inner-box, #rounded-box-3  b {
    background-color: #e6e6e6;
}

.inner-box {
	padding:0.7em 1em; 
}

.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}

.r10 { margin: 0 10px; }
.r9 { margin: 0 9px; }
.r8 { margin: 0 8px; }
.r7 { margin: 0 7px; }
.r6 { margin: 0 6px; }
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

/*

возможные комбинации

r3 r1 r1 вверху
r1 r1 r3 внизу

r5 r3 r2 r1 r1 вверху
r1 r1 r2 r3 r5 внизу

r10 r7 r5 r4 r3 r2 r2 r1 r1 r1 вверху
r1 r1 r1 r2 r2 r3 r4 r5 r7 r10 внизу

однако не стоит ограничивать полет фантазии только этими вариантами, возможны и другие комбинации и не только скругление углов, но и множество других эффектов.

*/

input.text { font-size: 12px; width: 170px }