body{margin: 0; background: #3c5261 url(img/backLine.jpg) repeat-x; font-family: Arial, Tahoma, sans-serif;}

img{border: none;}

#wrap {position: relative; left: 50%; margin-left: -500px; width:1000px; float: left; background: #3c5261;}

#rightBar a{ color: #3c5261; }

#rightBar a:hover{ color: #6ca5c0; text-decoration: none; }



#top{

  position: absolute;

  width: 1000px;

  height: 520px;

  top: 0;

  left: 0;

  float: left;

  background: url(img/backCir.jpg) no-repeat;

}



#logo{

  position: absolute;

  left: 35px;

  top: 18px;

  margin: 0;

  padding: 0;

}



#info{

  position: absolute;

  left: 35px;

  top: 110px;

  width: 210px;

  font-size: 11px;

  color: #ffffff;

}



#rss{

  position: absolute;

  left: 290px;

  top: 30px;

  height: 15px;

  font-size: 12px;

  color: #ffffff;

  text-decoration: underline;

  text-indent: 53px;

  line-height: 12px;

  background: url(img/rss.png) no-repeat;

}



#letter, #rek{

  position: absolute;

  right: 35px;

  top: 25px;

  width: 115px;

  height: 15px;

  font-size: 12px;

  color: #ffffff;

  text-decoration: underline;

  line-height: 12px;

  background: url(img/letter.png) right no-repeat;

}



#rek{

  top: 45px;

  width: 137px;

  background: url(img/rek.png) right no-repeat;

}



ul#menu{

  position: absolute;

  width: 672px;

  height: 40px;

  top: 75px;

  left: 270px;

  margin: 0;

  padding: 17px 20px 0 25px;

  background: url(img/menu.png);

}



ul#menu li{

  display: inline;

  padding: 0 15px 0 15px;

}



ul#menu li a{

  font-size: 14px;

  color: #3c5261;

}



ul#menu li a:hover{

  color: #6ca5c0;

}



#leftBar{

  position: relative;

  width: 257px;

  margin: 160px 0 0 12px;

  float: left;

}



.cont a{

  font-size: 12px;

  color: #ffffff;

}



.cont a:hover{

  color: #bdccd5;

}



.cont{

  position: relative;

  width: 210px;

  margin: 0 0 10px 0;

  padding: 15px;

  border: 1px dashed #c3cacd;

  float: left;

  background: #334551;

  color:#bdccd5;

  font-size: 12px;

}



.cont h3{

  font-size: 18px;

  font-weight: normal;

  color: #bdccd5;

  padding: 0;

  margin: 0;

}





.cont2 a{

  font-size: 12px;

  color: #ffffff;

}



.cont2 a:hover{

  color: #bdccd5;

}



.cont2{

  position: relative;

  width: 210px;

  margin: 0 0 10px 0;

  padding: 15px;

  border: 1px dashed #d1dade;

  float: left;

  background: #627e8c;

  color:#bdccd5;

  font-size: 12px;

}



.cont2 h3{

  font-size: 18px;

  font-weight: normal;

  color: #bdccd5;

  padding: 0;

  margin: 0;

}



ul.list{

  list-style: disc url(img/list.png) outside;

  margin: 0 0 0 10px;

  padding: 0;

}



ul.list li{

  margin: 7px 0 7px 0px;

  padding: 0;

}



ul.list li a{

  font-size: 12px;

  color: #ffffff;

}



ul.list li a:hover{

  color: #bdccd5;

}



ul.list li a:hover, .post h2 a:hover, #cop a:hover, ul.listF li a:hover, ul.listF2 li a:hover, a#rss:hover, a#letter:hover, a#rek:hover{

  text-decoration: none;

}



#rightBar{

  position: relative;

  width: 716px;

  margin: 160px 0 0 0;

  float: left;

  background: url(img/whatthe.png) no-repeat;

}



.about{

  position: relative;

  float: left;

  padding: 35px 15px 30px 15px;

  color: #ffffff;

  font-size: 14px;

  line-height: 19px;

}



.post{

  position: relative;

  float: left;

  width: 716px;

  margin: 17px 0 26px 0;

  padding-bottom: 20px;

  background: #e6eef2 url(img/postBackTop.png) no-repeat;

  color: #3c5261;

}



.post i {font-size: 12px;

  color: #8c949a;

}



.commm{

position: relative;

  float: left;

  color: #ffffff;

}



.commm span{

font-size: 18px;

color: #ffffff;

}



.postTop{

  position: absolute;

  width: 716px;

  height: 17px;

  left: 0;

  top: -17px;

  background: url(img/postBackTop.png) no-repeat;

}



.post h2{

  font-size: 22px;

  font-weight: normal;

  color: #3c5261;

  padding: 0;

  margin: 0 0 0 20px;

}



.post h2 a{

  font-size: 22px;

  font-weight: normal;

  color: #3c5261;

  padding: 0;

}



.post img{

  margin: 10px;

}



.image{

  text-align: center;

  width: 716px;

}



.image img{

  border: 5px solid #ffffff;

}



.post p{

  font-size: 14px;

  color: #3c5261;

  padding: 5px 20px 5px 20px;

  margin: 0;

  line-height: 19px;

}



.postBottom{

  position: absolute;

  width: 716px;

  height: 26px;

  bottom: -26px;

  left: 0;

  background: url(img/postBackDown.png) no-repeat;

  color: #8c949a;

  font-size: 12px;

}



.postBottom a{

  color: #3c5261;

}



.postBottom a:hover{

  text-decoration: none;

}



.razd, .metki, .comm{

  position: relative;

  float: left;

  margin: 4px 20px 0 20px;

}



.metki{

}



.comm{

  float: right;

}



.cut{

  position: absolute;

  width: 15px;

  height: 11px;

  bottom: -5px;

  left: 550px;

  background: url(img/cut.png);

  z-index: 10000;

}



#navi{

  color: #ffffff;

  padding-top:10px;

}



#center{

  position: absolute;

  top: 0;

  left: 45%;

}



#navi a{

  font-size: 12px;

  padding: 3px 8px;

  margin: 4px 0 0 0;

  color: #ffffff;

}



#navi a:hover, #navi a#al{

  color: #3c5261;

  text-decoration: none;

  background: #98c5d4;

}



#footer{

  position: relative;

  float: left;

  width: 960px;

  height: 49px;

  margin-top: 30px;

  padding: 19px 10px 0 30px;

  background-color: #2b3841;

  color: #8c949a;

  font-size: 11px;

}



#cop{

  position: relative;

  float: left;

  width: 215px;

  line-height: 16px;

}



#cop a{

  color: #ffffff;

}



ul.listF, ul.listF2{

  position: absolute;

  top: 10px;

  left: 320px;

  list-style: disc url(img/list.png) outside;

  margin: 0;

  padding: 0;

}



ul.listF li, ul.listF2 li{

  margin: 5px 0 5px 0px;

  padding: 0;

}



ul.listF li a, ul.listF2 li a{

  font-size: 11px;

  color: #ffffff;

}



ul.listF2{

  left: 450px;

}



.ik{

  position: relative;

  float: right;

  width: 90px;

  height: 30px;

  margin-right: 2px;

  background: #3e4a53;

}