/*  
Theme Name: FotoManual
Version: 2.0
Author: Dmitry
http://FotoManual.ru
*/

body {
	background: #262626;
	color: #666666;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	margin: 0px 0px 0px 0px;
	}
a, a:visited{
	color: #4f7a9b;
	text-decoration: none;
	}
	
a:hover{
	text-decoration: underline;
	color: #4f7a9b;
	}
#header a img {
border: 0;
}
a img {
border: 2px solid #c9c9c9;
}
#container { 
	width: 985px; 
	text-align: left; 
	margin: 0 auto; 
	}

#header { 
	height: 123px; 
	width: 100%;
	background: url(images/top_ln.png) repeat;
	text-align: center;
	}
#header h2 {
	color: #cccccc;
	font-size: 20px;
	font-family: Helvetica, Arial, Sans-Serif;
	margin: 0px;
	}

#header h2 a {
	color: #ffffff;
	text-decoration: none;
	}

#header h2 a:hover {
	color: #000000;
	text-decoration: none;
	}

#header h3 {
	color: #cccccc;
	font-size: 10px;
	font-family: Georgia, Times New Roman, Sans-Serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	}

#menu {
	height: 17px;
	text-align: right;
	background: transparent;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	margin-top: 10px;
}
#menu li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
#menu ul {
	margin: 0px 25px 0px 0px;
	padding: 0px;
	}
#menu ul li a {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	color: #96a3aa;
	padding: 15px 0px 0px 25px;
	text-decoration: none;
	}

#menu ul li a:hover {
	text-decoration: underline;
	color: #fff;
	}

#menu_cat {
	width: 980px;
	height: auto;
	overflow:hidden;
	
	text-align: left;
	background: transparent;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	padding: 5px 5px 7px;
	background: url(images/top_ce.jpg) no-repeat; background-size:980px 100%;
	margin: 15px 0px 15px 0px;
}
#menu_cat img{ 
margin: 0px 0px 0px 0px;
}
#menu_cat h2 {
	color: #292929;
	font-size: 14px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	margin: 0px;
	padding: 10px 25px 12px 25px;
	}
		
#menu_cat li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
	}
#menu_cat ul {
	margin: 0px;
	padding: 0px;
	
	}
#menu_cat ul li{
	margin-top: 5px;
	}	
#menu_cat ul li a {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	color: #696969;
	padding: 3px 25px 5px 25px;
	margin-top: 1px;
	text-decoration: none;
	}

#menu_cat ul li a:hover {
	text-decoration: underline;
	}
.center {
background-color: #ececec; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#content { 
	width: 763px; 
	float: right; 
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 20px 0px;
	background-color: #ececec; 
	}
#content p{
	margin: 0px;
	padding: 18px 0px 0px 20px;
	font-size: 12px;
	}
#content h1 {
	color: #4f7a9b;
	font-size: 22px;
	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	line-height: 150%;
	margin: 0px;
	}
	
#content h1 a  {
	color: #4f7a9b;
	text-decoration: underline;
	}

#content h1 a:hover {
	color: #000000;
	text-decoration: none;
	}

#content h2 {
	color: black;
	font-size: 13px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: bold;

	}
#content h2 a  {
	color: black;
	text-decoration: none;
	}

#content h2 a:hover {
	color: black;
	text-decoration: underline;
	}
#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 30px;
	}
#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content li {
	margin: 0px;
	padding: 0px;
	}
	
#content ul li {
	list-style: square inside;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	}
	
#content ul li a {
	color: #cccccc;
	text-decoration: none;
	}

#content ul li a:hover {
	color: #000000;
	text-decoration: underline;
	}
.c_t{
background: url(images/cent_ln.png) repeat-x;
height: 30px;
width: 738px;
color: #292929;
padding: 15px 0px 0px 40px;
font-weight: bold;
font-size: 12px;
}
blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #666666;
	border-left: 1px solid #cccccc;
	}
	
#content blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}
.catalog{
width: 625px;
margin: 10px 0px 10px 30px;

}
.catalog  td{
border: 1px solid #e1e1e1;
width: 50%;
vertical-align: middle;
height: 30px;
padding-left: 5px;
color: #000;
font-weight: bold;
 }
.catalog .catalog_02 {
border: 1px solid #e1e1e1;
width: 50%;
vertical-align: middle;
height: 30px;
padding-left: 5px;
color: #000;
font-weight: normal;
}
.more-link {

	background: #fff url(images/more.png) no-repeat;
	float: right;
	margin: 15px 10px 10px 0px;
	padding: 5px 0px 0px 20px;
	font-weight: bold;
	width: 136px;
	height: 24px;
	color: #545454; 
	
}
.comment-link {
	background: #fff url(images/more.png) no-repeat;
	float: right;
	padding: 5px 0px 0px 20px;
	font-weight: bold;
	width: 136px;
	height: 24px;
	color: #545454; 
	
}
.alt {
border: 1px dotted #D8D8D8;
margin-right: 20px;
}
.postspace {
	width: 630px;
	height: 2px;
	margin: 10px 42px 10px 10px;
	padding: 0px;
	border-bottom: 1px dotted #D8D8D8;
	}
.postspace2 {
	background: #FFFFFF;
	width: 440px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	}
.post-date {
color: #f36f04;
font-weight: bold;
}
.post-date a{
color: #f36f04;
font-weight: bold;
}
.post_cn {
background-color: white;
margin: 10px 0 0 10px;
padding: 0px 15px 50px 10px;
border-top: 1px solid #D8D8D8;
border-left: 1px solid #D8D8D8;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
min-height: 100%;
width:  732px;
}
.post_cn h2 {
    border-bottom: 1px dotted #D8D8D8;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    padding: 0px 0px 0px 32px;
}
.post_cn h2 a:link, .post_cn h2 a:hover, .post_cn h2 a:visited {
	color: #000000;
    font-size: 13px;
    font-weight: bold;
}
#searchform {
margin-left: 0px;
float: left;
}
#searchform input {
border: 1px solid #464646;
height: 17px;
vertical-align: middle;
background: #303030;
color: #9ca9af;
}
#submit {
vertical-align: middle;
color: #9ca9af;
border: 0;
}
#sidebar { 
	width: 156px; 
	background: #FFFFFF;
	float: left; 
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 15px 0px 15px 0px; 
	border: 0px solid #000000;
	
	
	}

#sidebar h2 {
	color: #FFFFFF;
	background: #FFFFFF url("images/head_m.jpg") no-repeat;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	list-style: none;
	padding: 10px 0px 10px 12px;
	margin: 0px;
	width: 100%;
	}


#sidebar ul {
	list-style: none;
	margin: 0px 0px 15px 0px;
	padding: 1px 0px 5px 0px;
	background: #FFFFFF url("images/menu_b.jpg") no-repeat bottom;
	}
	
#sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	
	}
	
#sidebar ul li {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
   
	
	}
	
#sidebar ul li a {
	display: block;
	color: White;
	text-decoration: none;
	padding: 5px 0px 5px 15px;
	border-left: 5px solid #727071;
	background-color: #908e8f;
	margin-bottom: 1px;
	font-size:11px;
	font-weight: bold;
}

#sidebar ul li a:active{
	color: White;
	text-decoration: underline;
	background-color: #727071;
}

#sidebar ul li a:hover {
	color: White;
	text-decoration: underline;
	background-color: #727071;
}
#sidebar_r { 
	background: url("images/space_l.png") repeat-y left #ececec;
	width: 200px; 
	float: right; 
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px; 
	height: 100%;
	border-bottom: 1px solid #AAAAAA;
	}
#sidebar_r p{
margin: 0px 12px 0px 12px;
text-align: justify;
}
#sidebar_r h2 {
	color: #292929;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	list-style: none;
	padding: 18px 0px 0px 12px;
	margin: 0px;
	width: 188px;
	height: 43px;
	background: url(images/cent_ln.png) repeat-x;
	
	}


#sidebar_r ul {
	list-style: none;
	margin: 0px 0px 15px 0px;
	padding: 1px 0px 5px 0px;
	}
	
#sidebar_r li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	
	}
	
#sidebar_r ul li {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
   
	
	}
	
#sidebar_r ul li a {
	display: block;
	color: White;
	text-decoration: none;
	padding: 5px 0px 5px 15px;
	border-left: 5px solid #727071;
	background-color: #727071;
	margin-bottom: 1px;
	font-size:11px;
	font-weight: bold;
}

#sidebar_r ul li a:active{
	color: White;
	text-decoration: underline;
	background-color: #727071;
}

#sidebar_r ul li a:hover {
	color: White;
	text-decoration: underline;
	background-color: #727071;
}

#footer { 
	background: url(images/footer.png) no-repeat top center;
	text-align: center;
	clear: both;
	padding: 20px;
	margin-right: 5px;
	color: #858585;
	}
#footer_bg { 
	background: url(images/footer_bg.png) repeat-x;
	width: 100%;
	height: 10px;
	text-align: center;
	clear: both;
	padding: 17px;
	color: #858585;
	}
.comment_ct {
background-color: white;
margin-left: 40px;
border: 1px solid #D8D8D8;
padding: 0px 0px 10px 0px;
}
.comment_ct h2{
font-size: 12px;
margin-left: 40px;
}
.ratingstars  {

text-align: right;
}
.ratepost {
float: right;
clear: both;
}
.ratingtext  {
float: right;
clear: both;
}

.ratingblock{
width: 650px;
height: 50px;
background-color: white;
padding-top: 10px;
border-top: 1px dotted #D8D8D8;
}


.wp-pagenavi{width:100%; height:auto; overflow:hidden; margin:5px 0;padding:5px; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box;}


@media screen and (max-width: 1030px) {
article, aside, details, h1,h2,h3,h4,h5,h6,figcaption, span, figure, form, footer, header, hgroup, menu, nav, section, div, dl, dt, li, ul, ol, table, td, tr, ul, li, ol {-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;}
div, img, h1,h2,h3, ins, textarea, input, form{max-width:100%;}
.addthis_toolbox.addthis_floating_style.addthis_counter_style{left:inherit !important; right:15px !important;}	
#menu_cat{background-size:100% 100%;}
#menu_cat > div{width:20% !important; float:left !important; margin:0 !important; padding:0 5px !important;}
#menu_cat h2{padding:10px 15px 12px;width:100%;}

#container{max-width:100% !important; height:auto; overflow:hidden;}
#footer_bg{height:auto; overflow:hidden; background-size:auto 100%;}
}

@media screen and (max-width: 985px) {
	#container > table,#container > table > tbody, #container > table > tbody > tr, #container > table > tbody > tr > td{height:auto; overflow:hidden; width:100%; display:block !important;} 
	#sidebar_r{float:right; width:25%;}
	#content, #content_qa{float:left; width:74%;}
	#sidebar_r h2, #content_qa h2{width:100%;}
	.question-stats{width:30% !important; float:left !important;}
	.question-summary{width:68% !important; float:right !important;padding:0 10px !important;}
	.question-stats > div{margin:0 !important; width:50% !important; float:left !important;padding:5px !important;}
	ins{width:100% !important; overflow:hidden;}
	#menu{padding:0 15px;}
	#menu_cat h2{padding:10px 7px 12px;}
}

@media screen and (max-width: 850px) {
	#touch_menu_mob{width:auto; float:none; margin:auto; height:auto; overflow:hidden;font-size: 15px; color: #FFF;padding: 10px 10px 6px 20px; display:inline-block; background:url(images/icon-menu.png) 0 12px no-repeat;}
	#for_moby{background:#3f3f3f; text-align:center;margin:15px 0; position:relative;}
	#menu_cat{background:#e0e0e0;margin:0 !important;display:none; position:absolute; left:0; top:100%; width:100%; z-index:99;}
	#menu_cat > div{width:50% !important; padding:0 10px !important; margin:0 0 15px !important;}
	#menu_cat > div:nth-child(odd){clear:both;}
	#menu_cat > div ul li{float:left; width:50%; padding:2px 5px;}
	#menu_cat > div ul li:nth-child(odd){clear:both;}
	#menu_cat ul li a{font-size:13px;}
	#sidebar_r,#content, #content_qa, .c_t{width:100% !important; padding:5px 17px; margin:0 0 10px;}
	.post_cn, .comment_ct{width:100%; margin:10px 0 !important;}
	#footer,#footer_bg, .post_cn{font-size:13px;}
	#footer a{margin:2px;}
	#content > h3{margin:10px 0 !important; min-height:30px !important; height:auto !important; overflow:hidden; }
    #content > h3.adv_bl{margin:10px 0 !important; overflow:hidden; height:107px !important;}
	#sidebar_r.hidemoby{display:none !important;}
	#commentform{width:100%; margin:5px 0 !important; padding:7px 15px !important;}
	#commentform p{padding:5px 10px !important;}
}

@media screen and (max-width: 700px) {
	#menu{height:auto; overflow:hidden; width:100%;}
	#menu ul {width:100%; height:auto; overflow:hidden; text-align:center; padding:5px 10px; margin:0 !important;}
	#menu ul form, #menu ul li{margin:5px 0;float:none; display:inline-block; clear:both; width:100%;}
	#header{height:auto; overflow:hidden; width:100%;}
	#menu_cat > div{width:100% !important;}
	#menu_cat > div ul li{float:left; width:25% !important; padding:2px 5px;}
	#menu_cat > div ul li:nth-child(odd){clear:none;}
	#menu_cat > div ul li:nth-child(4n+1){clear:both;}
}

@media screen and (max-width: 430px) {
.addthis_toolbox.addthis_floating_style.addthis_counter_style{display:none !important;}
#commentform input{margin:0 5px 7px 0;}
#menu_cat > div ul li{width:50% !important;}
#menu_cat > div ul li:nth-child(odd){clear:both;}
#menu_cat > div ul li:nth-child(4n+1){clear:none;}
}

@media screen and (max-width: 365px) {
	#content img{display:block; width:100%; height:auto; margin:5px 0 !important;}
	
}
@media screen and (max-width: 350px) {
	#menu_cat > div ul li{width:100% !important;}
}