body{ font:14px Arial, Helvetica, sans-serif; background:url(images/fon.png); color:#333; margin:0; padding:0}
img{border:none;}
img.left{ float:left; margin:20px 20px 10px 0;}
a{text-decoration:none; color:#8b0000;}
a:hover{color:#333;}

/*каркас*/
.wrapper{width:1020px; margin:20px auto;}
.header{ background:url(images/head.png) center; height:182px; margin:0 0 20px 0; text-align:center; position:relative;}

.conterner{ width:600px; float:left;}
.content{}
.footer{ margin:20px 0 0 0; height:130px; background:url(images/footer.png); padding:10px;}

/*сайт бар*/
.saitbar-right{width:402px; float:right;}

/*шапка*/
.site-name{color:white; font-size:22px; height:42px; line-height:42px; }
.site-desc{ font-size:16px; font-weight:bold; height:30px; line-height:30px; margin:0 0 8px 0;}
.logo{background:url(images/logo.png) bottom no-repeat; width:193px; height:50px; padding:10px 0 0 0; float:left;}
.logo a{display:block; height:50px;}
.search{position:absolute;}
.text{background:url(images/s-input.png); width:120px; height:12px; border:none; outline:none; font-size:11px; color:#666; position:absolute; left:0; bottom:5px; padding:4px 10px; line-height:12px;}
.submit{background:url(images/s-button.png); padding:0; color:#666; width:50px height:20px; cursor:pointer; position:absolute; left:150px; bottom:5px; border:none; outline:none;}
.menu-top{width:739px; height:101px; float:left; margin:0 0 0 28px;}
.menu-top a{width:122px; height:82px; padding:15px 0 0 0; float:left; color:#FFF; text-align:center; font-size:16px; line-height:0;}
.menu-top a img{margin:0 0 16px 0;}
.menu-top a:hover{ color:#333;}
.menu-top a span{display:block; line-height:16px;}

a.mail, a.rss, a.twitter{ width:32px; height:32px; display:block; position:absolute; right:0;}
a.mail{bottom:68px;}
a.rss{bottom:35px;}
a.twitter{bottom:2px;}

/*контент*/
.con-statay{ margin: 0 0 20px 0;}
.con-head{ background:url(images/h1.png); height:40px;}
.con-head h1{margin:0; padding:0 20px; font-size:16px; font-weight:bold; color:#f4f4f4; line-height:40px; text-shadow:0 0 2px #777:}
.con-text{ background:url(images/c-fon.png) repeat-y; padding:0  10px 10px 10px; }
.con-text img{float:left; margin:0 10px 10px 0;}
.con-info{ background:url(images/info.png) no-repeat center top; height:60px; padding:10px; margin: 0 0 20px 0;}
.con-info p { margin:0; padding:0; font-size:12px; line-height:15px}
.con-bottom{ background:url(images/end.png); height:50px; text-align:center;}
.read,.comment{background:url(images/c-button.png) top; width:150px; display:block height:10px; color:#000;  line-height:10px;  margin:10px 20px 0 20px; padding:10px; border:none; outline:none;}
.read:hover, .comment:hover{background:url(images/c-button.png) bottom; color:#FFF;}
.read{float:left;}
.comment{float:right;}

/*правая меню*/
.r-menu-header{background:url(images/side-t.png); height:14px;}
.r-menu-fon{background:url(images/side-f.png); padding:0 10px}
.saitbar-r-left{float:left; width:190px; }
/*левая колонка*/
.left-widjet{}
.left-widjet h2{margin:0 -2px 0 0; padding:0 10px 7px 5px;  background:url(images/h2.png) no-repeat right bottom; font-size:16px; color:#8b0000;}
.left-widjet ul{list-style:none; margin:0; padding:0;}
.left-widjet li{ padding:0 0 0 5px}
.left-widjet li:hover{background:url(images/left-li-fon-hover.png) repeat-y left; }
.left-widjet li a{display:block; padding:2px 15px 2px 0; color:#333}
.left-widjet li a:hover{ background:url(images/left-li.png) no-repeat right center; color:#8b0000;}
.saitbar-r-right{float:right; width:190px; }
/*форма авторизации*/
.avtorizachia{margin:30px 0 0 0;} 
.avtorizachia div{width:180px; height:30px; margin:5px 0;}
.avtorizachia span{ width:50px;  float:left; margin:4px 0; padding:0 0 0 5px; }
.login,.password{ background:#E8E8E9; padding:5px 0; float:right;  width:110px; height:15px; outline:none;  }
.avtorizachia p a{ display:block; clear:both; padding:5px 0 0 0; text-align:center;}
.butt-avtoriz{background:url(images/reg-button.png); width:120px; height:25px; border:none; cursor:pointer; display:block; margin:5px auto; color:#FFF;}
/*блог с шаблонами*/ 
.my_shablon{ margin:30px 0 0 0;}
.my_shablon a img{display:block; margin:10px auto; border:1px solid #CCC;}
/*правая колонка*/ 
.right-widjet{}
.right-widjet h2{ margin:0 0 0 -1px; padding:0 5px 7px 10px;  background:url(images/h2.png) no-repeat left bottom; font-size:16px; color:#8b0000;}
.right-widjet ul{list-style:none; padding:0; margin:0}
.right-widjet li{ padding:0; margin:0 0 0 2px;}
.right-widjet li:hover{background:url(images/right-li-fon-hover.png) repeat-y left; }
.right-widjet li a{display:block; padding:2px 0 2px 15px; color:#333}
.right-widjet li a:hover{ background:url(images/right-li.png) no-repeat left center; color:#8b0000;}
.r-menu-bottom{background:url(images/side-b.png); height:14px;}

/*подвал*/
.fotter-metrika{background:url(images/mail-metrika.png); width:76px; height:130px; float:left;}
.fotter-widjet{ background:url(images/widjet-head.png) no-repeat top; width:496px; height:65px; float:right;} 
.fotter-menu{margin:75px 0 0 0; text-align:center; color:#FFF;}
.fotter-menu a{color:#FFF; font-size:14px; text-decoration:underline;}
.fotter-menu p{margin:15px 0 0 0; padding:0; font-style:oblique;}

.clear{clear:both;}