html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0; padding: 0;}
* { margin:0; padding:0; } 
html, body, #wrap { height: 100%; }
body > #wrap {height: auto; min-height: 100%;}
#main { padding-bottom: 59px; }  /* must be same height as the footer */
.clearfix:after {content: ".";  display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#cont_wrap {width:100%; background:#A6A39C;}
#wrap { width:1000px; margin:0 auto; min-height:100%; height: auto; background:#A6A39C;  }
.clear { clear:left}

body { color:#3D3D3D; background:#dfdbd1; background: url("../images/back.jpg") repeat-x 0 0; background-attachment: fixed; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size:16px; font-weight:normal}
a {color:#000;}
a:hover { text-decoration:none}

/*Шапка*/
#header {background:#000; background-image:url(../images/head.png); background-repeat:no-repeat; background-position:top; width:1000px; color:#ccc;}
.logo { font-size:22px; margin:5px 10px 0; float:left; background-image:url(../images/logo.png); height:25px; width:200px}
.catface {padding:5px 10px 7px; font-size:12px; line-height:14px; text-align:justify; }
.catface h1 { font-size:12px; float:left; margin-right: 4px;} 
.catface2 { font-size:12px; line-height:16px; text-align:justify; padding:10px 20px; border-radius: 5px 5px 0 0; background-color:#fff}
.speedbar { padding:5px 10px; font-size:14px; color:#373737; background-color:#bcb6b0; border-radius:5px 5px 0 0}
.speedbar span { color:#373737}
.speedbar-bottom { background-image:url(../images/speedbar-bottom.png); height:2px; margin-bottom:7px}

/*Контент*/  
#content {background:#A6A39C ; margin:0 250px 0 0; padding:0 0 0 7px }
.content-block { float:left; margin-bottom:7px}

/*Меню*/  
#menu {width:236px; float:right; padding:0 7px;}
.menu-title { background-image:url(../images/menu-title.png); height:31px; line-height:34px; padding:0 0 0 10px; border-radius:5px 5px 0 0; font-weight:bold; font-size:14px; color:#3D3D3D}
.menu-content { background:#2F2F2F; border-radius:0 0 5px 5px; margin-bottom:7px}
.menu-content ul li a { color:#ccc; text-decoration:none; display:block; padding:3px 0 3px 10px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); font-size:14px} 
.menu-content ul li a:hover {background-image:url(../images/button.png); background-position: 100% -1px; color:#000}
.menu-content ul li:last-child  a:hover {border-radius:0 0 4px 4px; }
.menu-content ul li  { list-style:none; border-bottom:1px solid#232323 }
.menu-content ul li:last-child { border:none} 

.block-rek { /*background-color:#c2bfb6; border:1px solid #696969; border-radius:5px; padding:5px 10px;*/ margin-bottom:7px}


/*short-story*/
.views { float:right; color:#ccc; font-size:12px; padding-right:20px}
.shortstory-title { background-image:url(../images/short-title.png); background-color:#000; height:37px; line-height:37px; padding-left:20px }
.shortstory-title h3 a { color:#fff; text-decoration:none; font-size:18px; float:left}
.shortstory-title h3 a:hover { text-decoration:underline}
.shortstory-title h2 {color:#fff; font-size:18px; }

.shortstory { background-color:#fff; padding:10px 20px 10px ; line-height: 1.4em; text-align:justify; font-size:16px}
.shortstory img { width:200px; float:left; margin:0 20px 0 0; padding:4px;  border:1px solid #d6d6d6;}
.ssilka, .ssilka-podrob { margin-top:10px}
.ssilka a { text-decoration:none; padding:5px 10px; background-image:url(../images/button.png); border:1px solid #a16010; border-radius:7px; }
.ssilka a:hover { background-position: 100% -31px;}
.ssilka { float:left}
.ssilka-podrob { float:right}
.ssilka-podrob a { text-decoration:none; padding:5px 10px; background-color:#fff; border:1px solid #A0A0A0; border-radius:7px;}
.ssilka-podrob a:hover {background-color:#3D3D3D; color:#fff;}
.shortstory li { margin-left:20px}


/*full-story*/
.fullstory  { background-color:#fff; padding:10px 20px 20px ; line-height: 1.4em; text-align:justify; font-size:16px}
.fullstory img { width:200px; float:left; margin:0 20px 10px 0; padding:4px;  border:1px solid #d6d6d6;}
.highslide img:hover { opacity:0.8}
.block-skachat-top {padding:10px 20px 20px; background-color:#F5F5F5;  border-bottom:1px solid #e4e4e4}
.block-skachat-bottom {padding:10px 20px 20px; background-color:#F5F5F5; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.category-full { margin-bottom:5px}
.screens { background-color:#fff; padding:0 13px 10px 20px}
.screens img { width:135px; height:100px; margin:0 7px 7px 0; float:left}
.screens h3 { font-size:16px; margin:0 0 10px 0}

/*навигация*/
.nav { margin:25px 0; text-align:center; color:#fff; font-size:18px}
.nav a {background-color:#fff; border:1px solid #929292; padding:7px 12px; border-radius:5px; text-decoration:none; margin:0 3px;}
.nav a:hover {background-color:#3D3D3D; color:#fff;}
.nav span { padding:7px 12px; border-radius:5px; margin:0 3px; background-color:#3D3D3D; border:1px solid #636363; }

/*футер*/
#footer {position:relative; height:59px; clear:both; background-image:url(../images/footer.png); width:1000px; margin:-59px auto 0 auto;} 
.stat { float:right; margin:15px 7px 0}
.stat img { opacity:0.5}
.stat img:hover { opacity:1}

/*коменты*/
.zagol-com {background-color:#3D3D3D; color:#fff; padding:10px 20px; margin-top:7px; }
.block-com { margin-bottom:7px}
.comment { background-color:#fff; border-bottom:1px solid #e4e4e4; padding:10px 20px; font-size:14px}
.autor { margin-bottom:7px; font-weight:bold; text-transform:capitalize}
.autor a { text-decoration:none; font-weight:bold}
.date-block { float:right; font-size:12px; }

.web64 { padding:20px 0 0 10px; font-size:14px; float:left}