/*
 Theme Name: stroimvmeste
 Description: Theme "Stroimvmeste" for WordPress.
 Version: 1.0
 Author: satherland
 E-mail: satherland@mail.ru
*/

* {
 margin: 0;
 padding: 0;
 outline: 0;
 border: 0;
 background: transparent;
 vertical-align: baseline;
 font-family: inherit;
 font-size: inherit;
}

/* ~~~ General */

html {
 overflow: auto;
 background: #160700 url('images/html-bg.jpg') 50% -4px fixed;
}
body {
 background: url('images/body-bg.png') 50% 60px no-repeat;
 font: 12px/16px "Arial", "Verdana", "Tahoma";
 color: #585858;
}
a {
 text-decoration: underline;
 color: #000;
}
a:hover {
 text-decoration: none;
 color: #CB5F2A;
}
ul, ol {
 list-style: none;
}
h1, h2, h3 {
 font-size: 15px;
 font-weight: normal;
 line-height: 17px;
}
h1 {
 overflow: hidden;
 height: 47px;
 margin-bottom: 10px;
 padding-left: 22px;
 background-image: url('images/h1-bg.png');
 text-shadow: 1px 1px 1px #2C1307; 
 line-height: 47px;
 color: #FFF;
}
input[type="submit"] {
 cursor: pointer;
}
textarea {
 resize: none;
}

/* ~~~ Special */

#wrapper {
 width: 1021px;
 margin: 0 auto 30px auto;
}
#page {
 overflow: hidden;
 padding: 0 25px 15px 26px;
 background-image: url('images/page-bg.png');
}
/* ~~~~~~~~~~ */
.left, .alignleft {
 float: left;
}
.right, .alignright {
 float: right;
}
.alignleft {
 margin-right: 10px;
}
.alignright {
 margin-left: 10px;
}
.aligncenter {
 display: block;
 margin: 0 auto;
}

/* ~~~ Header */

#header {
 position: relative;
 height: 192px;
 background-image: url('images/header-bg.jpg');
}
.logotype, .topadvert, .topmenu, .search, .socials {
 position: absolute;
}
.logotype {
 left: 21px;
 top: 0;
}
.topadvert {
 right: 30px;
 top: 23px;
}
/* ~~~~~~~~~~ */
.topmenu {
 left: 20px;
 bottom: 24px;
 overflow: hidden;
 height: 38px;
}
.topmenu li {
 float: left;
}
.topmenu a {
 display: block;
 padding-right: 7px;
 text-decoration: none;
 font-size: 14px;
 line-height: 38px;
 color: #FFF;
}
.topmenu span {
 display: block;
 padding: 0 8px 0 15px;
}
.topmenu a:hover, .topmenu a:hover span, .topmenu li.current_page_item a, .topmenu li.current_page_item span {
 background-image: url('images/topmenu.png');
}
.topmenu a:hover, .topmenu li.current_page_item a {
 background-position: 100% -38px;
 background-repeat: no-repeat;
}
.topmenu a:hover span , .topmenu li.current_page_item span{
 background-position: 0 0;
}
/* ~~~~~~~~~~ */
.search {
 right: 30px;
 bottom: 31px;
}
.search input[type="text"] {
 width: 151px;
 height: 15px;
 padding: 6px 24px 5px 5px;
 background-image: url('images/search-txt.png');
 font-size: 11px;
 line-height: 15px;
 color: #706363;
}
.search input[type="submit"] {
 position: absolute;
 right: 6px;
 bottom: 6px;
 width: 13px;
 height: 13px;
 background-image: url('images/search-sub.png');
 text-indent: -9999px;
}
.search input[type="submit"]:hover {
 background-position: 0 -13px;
}
/* ~~~~~~~~~~ */
.socials {
 right: 70px;
 bottom: -7px;
 overflow: hidden;
}
.socials a {
 float: left;
 width: 20px;
 height: 20px;
 margin-left: 1px;
 background-image: url('images/socials.png');
 text-indent: -9999px;
}
.socials a.rss {
 background-position: 0 0;
}
.socials a.tw {
 background-position: 0 -20px;
}
.socials a.fb {
 background-position: 0 -40px;
}

/* ~~~ Content */

#content {
 float: left;
 width: 574px;
}
.slider {
 overflow: hidden;
 position: relative;
 height: 225px;
 margin-bottom: 15px;
 background-image: url('images/slider-bg.jpg');
}
.nivoSlider {
 position: absolute;
 left: 14px;
 top: 14px;
 width: 540px;
 height: 184px;
 border: 3px solid #FFF;
}
.nivo-controlNav {
 position: absolute;
 z-index: 100;
 left: 226px;
 bottom: -24px;
 overflow: hidden;
 width: 110px;
 height: 19px;
 padding-left: 11px;
 background-image: url('images/slider-nav.png');
}
.nivo-controlNav a {
 float: left;
 width: 13px;
 height: 13px;
 margin: 3px 0 0 3px;
 background-image: url('images/slider-bul.png');
 text-indent: -9999px;
 cursor: pointer;
}
.nivo-controlNav a.active {
 background-position: 0 -13px;
}
.nivo-slice {
 display: block;
 position: absolute;
 z-index: 50;
}
.nivo-caption {
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: 200;
 width: 520px;
 padding: 10px;
 background-image: url('images/slider-cap.png');
 color: #FFF;
}
.nivo-caption strong {
 display: block;
 margin-bottom: 10px;
 font-size: 16px;
}
.nivo-caption strong a {
 color: #FFF;
}
.nivo-caption span {
 color: #F7A871;
}
.nivo-caption span a {
 margin-right: 30px;
 color: #F1C3A4;
}
.nivo-html-caption {
 display: none;
}
/* ~~~~~~~~~~ */
.homebox {
 overflow: hidden;
}
.homebox div {
 width: 275px;
 padding-bottom: 15px;
}
.homebox .clear {
 clear: both;
}
.homebox h2 {
 height: 47px;
 margin-bottom: 6px;
 background-image: url('images/homebox-title.png');
 text-align: center;
 text-transform: uppercase;
 text-shadow: 1px 1px 1px #2C1307; 
 line-height: 47px;
 color: #FFF;
}
.homebox div.left h2 {
 background-position: 0 0;
}
.homebox div.right h2 {
 background-position: 0 -47px;
}
.homebox img.thumb {
 display: block;
 width: 237px;
 height: 143px;
 margin: 0 auto 6px auto;
 padding: 5px;
 border: 1px solid #C2C2C2;
 background-color: #DED8D8;
 border-radius: 5px;
}
.homebox p {
 margin-top: 6px;
}
.homebox .undmini{
 overflow: hidden;
 margin-top: 6px;
 padding-top: 6px;
 border-top: 1px solid #BABBBD;
 line-height: 14px;
}
.homebox .undmini img {
 float: left;
 margin-right: 6px;
 padding: 2px;
 border: 1px solid #C2C2C2;
 background-color: #DED8D8;
 border-radius: 2px;
}
.homebox .undmini span {
 display: block;
 margin-top: 2px;
 font-size: 11px;
}
/* ~~~~~~~~~~ */
h2.crumb {
 margin-bottom: 15px;
}
.post {
 overflow: hidden;
 margin-bottom: 15px;
}
.post img.thumb {
 float: left;
 width: 237px;
 height: 143px;
 margin-right: 10px;
 padding: 5px;
 border: 1px solid #C2C2C2;
 background-color: #DED8D8;
 border-radius: 5px;
}
.short {
 border-bottom: 1px solid #BABABA;
 padding-bottom: 15px;
}
.short p {
 overflow: hidden;
 margin-top: 10px;
}
.single p, .single ol, .single ul, .single h2, .single h3, .google_ad {
 margin-bottom: 10px;
}
.google_ad {
 margin-top: -13px;
}
.single ol, .single ul {
 list-style: inside;
}
.single ol {
 list-style-type: decimal;
}
.single ul {
 list-style-type: disc;
}
.single .underpost {
 position: relative;
}
.single .meta {
 clear: both;
 overflow: hidden;
 margin-right: 180px;
 padding: 5px 10px;
 border: 1px solid #C2C2C2;
 background-color: #F2EFEF;
 border-radius: 5px;
}
.single .meta span {
 float: left;
 margin-right: 10px;
}
.single .meta span, .single .meta a {
 color: #8C8A8A;
}
.single .meta a:hover {
 color: #D72A19
}
.single .s-google {
 position: absolute;
 right: 80px;
 top: 4px;
}
.single .s-vkontakte {
 position: absolute;
 right: 0;
 top: 3px;
 width: 103px;
}
/* ~~~~~~~~~~ */
.commentlist li {
 position: relative;
 margin-bottom: 15px;
 padding-top: 56px;
 background: url('images/com-top.png') 0 33px no-repeat;
}
.commentlist img.avatar {
 position: absolute;
 top: 0;
 left: 20px;
 border-radius: 5px;
}
.commentlist div {
 position: absolute;
 left: 60px;
 top: 6px;
 font-size: 11px;
 color: #808080;
}
.commentlist div strong {
 font-size: 12px;
 color: #000;
}
.commentlist p {
 padding: 0 15px 15px 15px;
 background: url('images/com-bot.png') 0 100% no-repeat;
}
/* ~~~~~~~~~~ */
.addcomment {
 padding: 15px;
 background: url('images/addcom-bg.png') 0 0 no-repeat;
}
.addcomment .ctitle {
 font-size: 14px;
 font-weight: bold;
}
.addcomment label, .addcomment textarea, .admtext, .ctitle {
 margin-bottom: 10px;
}
.addcomment label {
 display: block;
}
.addcomment input[type="text"], .addcomment textarea {
 margin-bottom: 10px;
 padding: 7px;
 border: 1px solid #ABADB3;
 background: #FFF url('images/userbox-txt.png') 0 0 repeat-x;
 line-height: 15px;
 color: #808080;
}
.addcomment input[type="text"] {
 width: 270px;
 height: 15px;
 margin-right: 10px;
}
.addcomment textarea {
 width: 464px;
 height: 58px;
}
.addcomment input[type="image"] {
 float: right;
}
/* ~~~~~~~~~~ */
.navigation {
 margin-top: -16px;
 padding: 15px 0;
 border-top: 1px solid #BABBBD;
 text-align: center;
}
.navigation span, .navigation  a {
 display: inline-block;
 margin: 0 1px;
 padding: 6px 8px;
}
.navigation a {
 background-color: #DDD;
 color: #808080;
}
.navigation .current {
 background-color: #D72A19;
 color: #FFF;
}
.navigation  a:hover {
 background-color: #808080;
 color: #FFF;
}
/* ~~~~~~~~~~ */
.wpcf7 input[type="text"], .wpcf7 textarea {
 padding: 5px;
 background-color: #F2F2F2;
 border: 1px solid #E5E5E5;
 color: #868686;
}
.wpcf7 textarea {
 width: 500px;
}
.wpcf7 input[type="submit"] {
 padding: 5px 10px;
 background-color: #000;
 color: #FFF;
}
.wpcf7 input[type="submit"]:hover {
 background-color: #CB5F2A;
}

/* ~~~ Sidebar */

.sidebar {
 float: left;
 width: 185px;
 margin-left: 13px;
}
.tmar {
 padding-top: 15px;
}
.stitle {
 width: 199px;
 height: 38px;
 margin: 0 -7px 10px -7px;
 background-image: url('images/side-title.png');
 text-align: center;
 text-transform: uppercase;
 font-size: 15px;
 line-height: 38px;
 color: #FFF;
}
/* ~~~~~~~~~~ */
.popular {
 overflow: hidden;
 width: 199px;
 margin: 0 -7px;
 background: url('images/popular-sep.png') 50% 0 repeat-y;
 text-align: center;
}
.popular a {
 display: inline-block;
 width: 86px;
 margin: 0 5px 10px 5px;
 vertical-align: top;
}
.popular img {
 padding: 2px;
 border: 1px solid #DDD;
}
/* ~~~~~~~~~~ */
.sbox {
 overflow: hidden;
 padding: 0 10px;
}
.sbox li {
 margin-bottom: 5px;
}
.sbox a {
 color: #989594;
}
.sbox a:hover {
 color: #D72A19;
}
.advert {
 text-align: center;
 margin-bottom: 10px;
}

/* ~~~ Footer */

#footer {
 position: relative;
 height: 71px;
 background-image: url('images/footer-bg.png');
}
.copyright, .counter {
 position: absolute;
}
.copyright {
 left: 26px;
 top: 14px;
}
.counter {
 right: 25px;
 top: 15px;
 width: 88px;
 height: 31px;
 background-color: #F2F2F2;
}

/*
playback timings (ms):
  load_resource: 584.413
  exclusion.robots.policy: 0.182
  RedisCDXSource: 413.402
  LoadShardBlock: 128.888 (3)
  esindex: 0.017
  PetaboxLoader3.resolve: 371.72 (3)
  exclusion.robots: 0.195
  captures_list: 570.84
  PetaboxLoader3.datanode: 238.141 (5)
  CDXLines.iter: 24.435 (3)
*/