/*
Theme Name: webfactory
Theme URL: http://www.goodwinpress.ru
Description:  Премиум тема от Goodwinpress.ru. Адаптивный дизайн, идеально для мобильных устройств, максимальная ширина 1200 пикселей, сенсорный слайдер, 2 меню, консоль,  15 цветов оформления,  управляемый сайдбар, социалка и др.
Author: Goodwin
Author URI: http://www.goodwinpress.ru
Theme URI: http://www.goodwinpress.ru
Version: 1.0
Tags: responsible, mobile, white
*/
/* импорт файла reset */
@import url("css/reset.css");
/* разные мелочи */
ol{list-style:decimal;padding-left:20px;margin:0 0 18px 0}
ol ol{list-style:upper-alpha}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:lower-alpha}
ul ul,ol ol,ul ol,ol ul{margin-bottom:0}
dl{margin:0 0 24px 0}
dt{font-weight:bold}
dd{margin-bottom:18px}
strong{font-weight:bold}
cite,em,i{font-style:italic}
big{font-size:131.25%}
ins{background:#ffc;text-decoration:none}
blockquote {padding: 10px 10px 10px 70px;margin: 20px 0 20px 0px;font-style: italic;display: block;background: #fff url(images/quote.png) top left no-repeat;font-family: Georgia;}
pre{background:#f7f7f7;color:#222;line-height:18px;margin-bottom:18px;padding:1.5em}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
sup,sub{height:0;line-height:1;position:relative;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
input,textarea{padding:2px 5px;color:#666;font-size:13px;border:1px solid #ccc;background:#f8f8f8;vertical-align:middle}
input{height:21px}
textarea{width:400px}
input[type='submit']{height:27px;text-transform:uppercase;font-weight:bold;font-size:12px;color:#fff;border:none;padding:0 10px;}
input[type='submit']:hover{background:#ddd;cursor:pointer;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;transition:all 0.2s ease}
input::-moz-focus-inner{border:0;padding:0;margin-top:0px}
table{max-width: 96%; margin:10px 0 10px 0}
th{border:1px solid #e2e2e2;background:#f2f2f2;text-align:center;padding:8px 14px;font-size:14px;text-align:left;font-weight:bold;}
td{padding:8px 14px;border:#e2e2e2 1px solid}
tr:nth-of-type(even){background:#f9f9f9}
tr:nth-of-type(odd){background:#fff}
a{text-decoration:underline;color:#333}
a:hover{text-decoration:underline;cursor:pointer;}
img, video,object, embed {max-width: 100%;}
img {height:auto}
iframe {max-width:100%;}
/* фон, шрифт сайта */
body{background:#f2f2f2;font-family: Georgia,serif;font-size:16px;line-height:23px;margin:0;padding:0;color:#333}
/* контейнеры */
.wrap{width:100%; max-width:1200px;height:100%;margin:30px auto;background:#FFFFFF;box-shadow:0 0 15px #ddd; -moz-box-shadow:0 0 15px #ddd; -webkit-box-shadow:0 0 15px #ddd; -o-box-shadow:0 0 15px #ddd;}
.content{width:90%; margin:0 auto 40px;padding:0;}
.border {padding:0 0 40px 0;background:#FFFFFF url('images/border.png') bottom center repeat-x}
/* шапка и логотип */
.header{width:90%;  margin:0 auto 0;}
.logo{width:100%;color:#191919;  padding-top:50px;   }
.logo a{color:#555;font-weight: bold; font-size:30px; font-family:Tahoma,sans-serif; line-height:30px;letter-spacing: -1px;text-decoration:none}
.logo a:hover{text-decoration:none}
.desc{color:#929292;font-style:italic;margin:0 0 10px 0;font-size:14px;font-family:Georgia,serif;display: block;}
 .blogtitle{width:100%; display:block; float:left;margin:50px 0 0 0}
/* верхнее меню */
ul.nav{width:90%; height: 60px; display:block; margin:40px auto 40px; font-family:Tahoma,sans-serif; font-weight: bold; overflow: hidden;}
ul.nav ul{float:left;margin:0;padding:0;width:100%;  }
ul.nav li{float:left;list-style-type:none;text-align:left; }
ul.nav li a{color:#ffffff;display:block; font-size:15px;padding:18px 17px 19px 17px;position:relative;text-decoration:none}
ul.nav li.noline a{background:none}
ul.nav li a:hover{color:#ffffff; }
ul.nav li li a,ul.nav li li a:link,#header ul.nav li li a:visited{background:none;color:#ffffff;padding:8px 14px;position:relative;text-transform:none;width:180px;font-size:12px}
ul.nav li li a:hover,ul.nav li li a:active{color:#fff;}
ul.nav li ul{height:auto;left:-9999px;margin:0 0 0 -1px;position:absolute;width:208px;z-index:9999;box-shadow:0px 1px 6px rgba(0,0,0,0.4);-moz-box-shadow:0px 1px 6px rgba(0,0,0,0.4);-webkit-box-shadow:0px 1px 6px rgba(0,0,0,0.4)}
ul.nav li ul a{width:180px}
ul.nav li ul ul{margin:-36px 0 0 209px}
ul.nav li:hover>ul,ul.nav li.sfHover ul{left:auto}
ul.bottom-nav li a:hover{}
ul.nav > li.current_page_item a{  color:#fff;text-decoration:none; }
ul.nav > li.current_menu_item a{ color:#fff;text-decoration:none; }
ul.nav li li a:hover,ul.nav li li a:active,ul.nav li:hover {}
.select-menu{width:400px; height:40px;font-size:14px;margin:0px auto 40px;display:none;border:1px solid #ddd;}



/* меню в подвале */
.bottom-menu{width:90%;margin:0px auto 20px;padding:0 0 20px 0;text-align:center;font-family:Tahoma,sans-serif;  }
ul.bottom-nav{color:#191919;line-height:30px}
ul.bottom-nav li{display:inline}
ul.bottom-nav li a{color:#333;padding:4px 10px 4px 10px;text-decoration:none}
ul.bottom-nav li a:hover{color:#fff;text-decoration:none}



/* средний блок на главной - видео и текст */

 
.video{float:left;width:45%; position:relative; z-index: 1;}
.intro{float:left;width:50%; margin-left: 5%}
.intro h2{font-size:12px;line-height:18px;   font-family:Tahoma,sans-serif;  text-transform: uppercase;    padding:0 0 20px 0; margin:0 0 20px 0; border-bottom: 1px solid #ddd;}
 



/* заголовки */
h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-style:normal; font-weight:normal; margin-bottom:15px; font-family:Tahoma,sans-serif; font-weight: bold; }
h1{font-size:28px; line-height:30px;}
h2{font-size:24px; line-height:26px;}
h3{font-size:20px; line-height:22px;}
h4{font-size:16px; line-height:18px;}
h5{font-size:14px; line-height:16px;}
h6{font-size:12px; line-height:14px;}



/* основная колонка */
div.fullpage #post-col {width:100%; border:0 none; padding-right:40px} 
div.smallpage #post-col {float:left; width:69%; border-right:1px dotted #ddd;margin-right:3%}
#post-col {float:left; width:70%; border-right:1px dotted #ddd;margin-right:3%; position: relative}

/* боковая колонка */
.right_col{float:left;width:25.5%;margin-left:1%;padding-top:30px}


/* блоки сайдбара */
.side-blok{margin-bottom:40px}
.side-title{display:block; margin-bottom:30px; background:#FFFFFF url('images/border.png') 10px 10px repeat-x}
.side-title span{font-size:16px; line-height:20px; background:#FFFFFF; padding-right:10px; color:#7b7b7b;text-transform:uppercase; }
.side-blok a,.post-col a, .credits a {color:#333;text-decoration:none}
.side-blok a:hover,.post-col a:hover, .credits a:hover{text-decoration:underline}
.side-blok p a {text-decoration:none}
.side-blok p a:hover {color:#333;text-decoration:underline}


/* посты */
.post{padding:20px 0px 20px 0;border-bottom:1px dotted #ddd;margin-top:10px; position: relative}
.post p {padding-right:40px;}
.post-info a {color:#7b7b7b}
.post a{text-decoration:underline}
.post a:hover{color:#333;text-decoration:underline}
.post-date{font-size:11px;color:#7b7b7b;text-transform:uppercase;padding-bottom: 10px;border-bottom:1px dotted #ddd; margin-top:-10px;  }
.post-date a,.breadcrumb a,.post-author a{text-decoration:none;color:#7b7b7b}
.post-date a:hover,.breadcrumb a:hover,.post-author a:hover{text-decoration:underline}
.post-date:before,.post-info:before{content:"\2713"}
.post-info{border-bottom:1px dotted #ddd; border-top:1px dotted #ddd;margin-bottom:30px; padding:10px 0 10px 0; font-size:11px;color:#7b7b7b;text-transform:uppercase}

.breadcrumb{font-size:11px;color:#7b7b7b;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;text-transform:uppercase;padding:10px 0 10px 0}
h1.post-title{margin-bottom:30px; margin-top: 30px; line-height:34px}
h2.post-title{margin-bottom:30px; margin-right:40px;line-height:28px}
h2.post-title a{  text-decoration:none}
h2.post-title a:hover{ color:#333;text-decoration:underline}
.post table{width:98%; margin:20px 0 40px 0}
.sticky {}
.gallery-caption {}



/* текстовые блоки под слайдером */
.box{width:30.66%;float:left;margin-right:4%}
.last{margin-right:0px}
.box p,.recent-blog p{padding:0}



/* последние записи блога на главной */
.recent-blog{width:22%;float:left;margin-left:4%; margin-top:0px}
.recent-bg{padding:10px;color:#ffffff}
.recent-bg p{font-size:11px;text-transform:uppercase}
.recent-blog h4 {margin:10px 0 10px 0; line-height: 19px}
.recent-blog h4 a{font-size:16px;text-decoration: none}
.recent-blog h4 a:hover{text-decoration: underline}
a.dalee{}
.dalee:hover{color:#191919}
.rblast {margin-left:0;}


/* маркированные списки */
.post ul,.side-blok ul{list-style:square;padding-left:15px;margin:0 0 18px 0}
.post ul li,.side-blok ul li{margin:0px 0px 0px 0px;padding:0 0 0 3px}
.post ul li ul,.side-blok ul li ul{list-style:square;padding-left:15px;padding-top:8px}
.post ul li ul li,.side-blok ul li ul li{margin:0px 0px 8px 0px;padding:0 0 0 3px}



/* оформление и выравнивание изображений */
.wp-caption{border:1px solid #ddd;text-align:center;padding:10px 4px 0px 4px;background:#eaeaea;margin-bottom:15px; max-width:100%; height:auto}
.wp-caption img{margin:0;padding:0;border:0 none}
.wp-caption-text{font-size:10px;line-height:17px;padding:7px 5px;margin:0}
.wp-caption.alignleft{float:left;margin:5px 30px 20px 0}
.wp-caption.alignright{float:right;margin:5px 0 20px 30px}
.wp-caption.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:20px}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:20px}
img.alignleft{float:left;margin:5px 30px 7px 0}
img.alignright{float:right;margin:5px 0 7px 30px}
.blog-image {float:left;margin:5px 30px 7px 0}

/* календарь */
#calendar_wrap{width:100%}
table#wp-calendar {min-width:100%}
 #wp-calendar caption{color:#333;font-size:11px;font-family:Arial,sans-serif;padding:6px;text-align:left}
 #wp-calendar th{border:1px solid #e2e2e2;background:#f2f2f2;text-align:center;padding:6px;font-size:11px;text-align:left;font-weight:bold;}
 #wp-calendar td{padding:6px}





/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
 
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none}
.slides,.flex-control-nav,.flex-direction-nav{margin:0; padding:0; list-style:none}
.flexslider{margin:0; padding:0}
.flexslider .slides > li{display:none; -webkit-backface-visibility:hidden;position:relative}
.flexslider .slides img{width:100%; display:block}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.flexslider{margin:0; background:#fff; position:relative; zoom:1}
.flex-viewport{max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.carousel li{margin-right:5px}
.flex-direction-nav a{width:36px; height:39px; margin:-20px 0 0; display:block; background:url(images/bg_direction_nav.png) no-repeat 0 0; position:absolute; top:50%; cursor:pointer; text-indent:-9999px; opacity:0; -webkit-transition:all .3s ease}
.flex-direction-nav .flex-next{background-position:0 -39px; right:-36px}
.flex-direction-nav .flex-prev{left:-36px}
.flexslider:hover .flex-next{opacity:1; right:0}
.flexslider:hover .flex-prev{opacity:1; left:0}
.flex-direction-nav .disabled{opacity:.3!important; filter:alpha(opacity=30); cursor:default}
.flex-control-nav{width:100%; position:absolute; bottom:-40px; text-align:center}
.flex-control-nav li{margin:0 6px; display:inline-block; zoom:1; *display:inline}
.flex-control-paging li a{width:11px; height:11px; display:block; background:#ccc; cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}
.flex-control-paging li a:hover{background:#333}
.flex-control-paging li a.flex-active{background:#ccc; cursor:default; box-shadow:0 0 2px rgba(0,0,0,0.2),inset 0 0 3px rgba(255,255,255,0.2); border:1px solid #ddd; top:1px; position:relative}
.flex-control-thumbs{margin:5px 0 0; position:static; overflow:hidden}
.flex-control-thumbs li{width:25%; float:left; margin:0}
.flex-control-thumbs img{width:100%; display:block; opacity:.7; cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .active{opacity:1; cursor:default}
.flex-caption{bottom:0px;right:0px;position:absolute;z-index:100;color:#FFF;padding:25px 20px 25px 25px;font-size:20px;line-height:1.5em;opacity:0.8;width:300px}
.flexslider a{text-decoration: none}


/* социалка */
.social{ text-align:center; }
.social a{color:#333;text-decoration:none}
.social a:hover{text-decoration:underline}
.social p,.dalee,.post-author{font-size:11px;color:#7b7b7b;text-transform:uppercase;padding:0 0 10px 0;margin:0}
.social span { font-family:Tahoma,sans-serif; font-weight: bold;}


/* постраничная навигация */
.wp-pagenavi {width:100%;margin: 30px 0 15px 0px;padding: 10px 0 0 0;font-size:12px;}
.wp-pagenavi a, .wp-pagenavi a:link {padding: 5px 8px;margin: 1px 10px 2px 0;text-decoration: none;color:#333}
.wp-pagenavi a:visited {padding: 5px 8px;margin: 1px 10px 2px 0;text-decoration: none;color:#333}
.wp-pagenavi a:hover {color:#fff; }
.wp-pagenavi a:active {padding: 5px 8px;margin: 2px 10px 2px 0;text-decoration: none;color:#333}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px;margin: 1px 40px 20px 2px;}
.wp-pagenavi span.current {padding: 5px 8px;margin: 1px 10px 2px 0;color:#fff}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px;margin: 2px}


/* кнопка вверх */
#backtop{display:none;position:fixed;width:53px;height:45px;z-index:100;bottom:0px; right:5%; color:#fff;font-size:13px; padding:10px 0 0 15px;cursor:pointer; text-decoration:none}
#backtop:hover{text-decoration:none}


/* подвал */
.credits{width:90%;text-shadow:1px 1px 1px #ffffff;margin:0px auto 30px;font-size:10px;text-transform:uppercase;text-align:center;color:#7b7b7b}
.credits a {color:#7b7b7b; text-decoration: none}


/* комментарии */
.comments-box{margin:40px 20px 20px 0;padding:0px 0 0 0; position:relative}
.comments-box img{}
#respond{margin:30px 0px 0px 0px;padding:0px}
#respond p{margin:0px 0px 5px 0px}
.cancel-comment-reply{padding:5px 0px 0px 0px;font-size:12px}
.cancel-comment-reply a{text-decoration:none}
.cancel-comment-reply a:hover{color:#333}
.text{border:1px solid #DDDDDD;padding:2px;color:#666;width:200px}
ol.commentlist a:link{text-decoration:none}
ol.commentlist li div.vcard cite.fn a.url:hover{text-decoration:none}
ol.commentlist{margin:20px 0px 0px 0px;padding:0px}
ol.commentlist li{margin:0px 0px 10px 0px;padding:15px;list-style-type:none;border:1px dotted #CCCCCC;background:#fff}
ol.commentlist li.alt{}
ol.commentlist li.bypostauthor p{}
ol.commentlist li.byuser{}
ol.commentlist li.comment-author-admin{}
ol.commentlist li.comment{}
ol.commentlist li div.comment-author{}
ol.commentlist li div.vcard{}
ol.commentlist li div.vcard cite.fn{font-style:normal;font-weight:bold;font-size:13px;line-height:21px;color:#7b7b7b;text-transform:uppercase;}
ol.commentlist li div.vcard cite.fn a.url{color:#333;text-decoration:none}
ol.commentlist li div.vcard img.avatar{float:left;margin:0px 10px 5px 0px}
ol.commentlist li div.vcard img.avatar-32{border-right:1px solid #dedcdc;border-bottom:1px solid #dedcdc;padding:5px;background:#f8f6f6}
ol.commentlist li div.vcard img.photo{padding:2px;border:1px solid #DDDDDD;background:#FFFFFF}
ol.commentlist li div.vcard span.says{color:#666}
ol.commentlist li div.commentmetadata{}
ol.commentlist li div.comment-meta{margin:3px 0px 20px 0px;font:11px Arial}
ol.commentlist li div.comment-meta a{color:#666;text-decoration:none}
ol.commentlist li p{margin:0px 0px 0px 0px}
ol.commentlist li ul{}
ol.commentlist li div.reply{margin:20px 0px 20px 0px; line-height:18px;font-size:11px; }
ol.commentlist li div.reply a{background:#eaeaea;width:45px;height:18px;padding:5px 8px 7px 8px;border:1px solid #DDD;color:#666 !important;text-shadow:1px 1px 1px #FFF;text-decoration:none;font-size:11px}
ol.commentlist li div.reply a:hover{border:1px solid #DDD;color:#fff !important;text-decoration:none;cursor:pointer;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;transition:all 0.2s ease;text-shadow:1px 1px 1px #666}
ol.commentlist li ul.children{}
ol.commentlist li ul.children li{margin:10px 0px 0px 0px;border:1px dotted #CCCCCC;background:#FFF}
ol.commentlist li ul.children li li.alt{background:#ffffff}
ol.commentlist li ul.children li.bypostauthor{}
ol.commentlist li ul.children li.byuser{}
ol.commentlist li ul.children li.comment{}
ol.commentlist li ul.children li.comment-author-admin{}
ol.commentlist li ul.children li.depth-2{}
ol.commentlist li ul.children li.depth-3{}
ol.commentlist li ul.children li.depth-4{}
ol.commentlist li ul.children li.depth-5{}
ol.commentlist li ul.children li.odd{}
ol.commentlist li.even{}
ol.commentlist li.odd{}
ol.commentlist li.parent{}
ol.commentlist li.pingback{}
ol.commentlist li.thread-alt{}
ol.commentlist li.thread-even{}
ol.commentlist li.thread-odd{}
#commentform{font:14px}
#commentform input{width:210px;margin:7px 3px 0px 0px;padding:5px;border:1px solid #DDDDDD}
#commentform .author{padding:3px 3px 3px 5px;background:#FFFFFF;color:#333}
#commentform .email{padding:3px 3px 3px 5px;color:#333}
#commentform .url{padding:3px 3px 3px 5px;color:#333}
#commentform textarea{width:96%;height:150px;margin:7px 0px 0px 0px;color:#333;padding:2px;border:1px solid #DDDDDD}
#commentform .submit{background:#eaeaea;width:150px;margin:15px 0px 0px 0px;padding:4px;color:#666;cursor:pointer;border:1px solid #ccc;text-shadow:1px 1px 1px #FFF;font:14px}
#commentform .submit:hover{border:1px solid #DDD;text-decoration:none;color:#fff;text-shadow:1px 1px 1px #666;cursor:pointer;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;transition:all 0.2s ease}
.comm-title {font-size:14px; line-height:20px; padding-right:10px; display: block; margin: 0px 0 10px 0; font-family:Tahoma,sans-serif; font-weight: bold;}


/* форма поиска */
.right_col #search{padding:0px;height:30px}
.right_col #search input[type="text"]{font-family:Tahoma;background:#fff;width:96%;font-size:12px;color:#999;}


/* форматы постов */
div.wfblog .post_type_icon{height:80px;width:40px;display:block;position:absolute;top:-6px;left:-20px;z-index:200}
.post_type_icon span{position:absolute;top:50%;left:50%;margin-top:-16px;margin-left:0px;width:32px; height:32px; opacity: 0.4}
.post_type_icon span.article{background:url(images/post_style_article.png)}
.post_type_icon span.image{background:url(images/post_style_image.png)}
.post_type_icon span.comt{background:url(images/post_style_comment.png)}
.post_type_icon span.audio{background:url(images/post_style_audio.png)}
.post_type_icon span.video{background:url(images/post_style_video.png)}
.post_type_icon span.status{background:url(images/post_style_status.png)}


/* навигация внутри постов */
#slidebox{width:180px;height:220px;padding:10px;background:#f9f9f9;position:fixed;bottom:0px;right:-200px;line-height:18px;z-index:1000;box-shadow:-3px 3px 15px #ddd; -moz-box-shadow:-3px 3px 15px #ddd; -webkit-box-shadow:-3px 3px 15px #ddd; -o-box-shadow:-3px 3px 15px #ddd;}
#slidebox p{margin:0 0 10px 10px;padding:0px;font-size:13px;color:#666}
#slidebox p a{text-decoration:underline}
#slidebox p a:hover{color:#333;text-decoration:underline}
#slidebox h4{color:#333;font-size:16px;margin:10px 20px 10px 10px}
a.close{background:transparent url(images/cancel.png) no-repeat top left;width:26px;height:26px;position:absolute;cursor:pointer;top:5px;right:5px;text-decoration:none;border:none}
.endpage{margin:0;padding:0}





/* responcible стили */

@media screen and (max-width:860px){
	.flex-direction-nav .flex-prev{opacity:1; left:0}
.flex-direction-nav .flex-next{opacity:1; right:0}
}


@media only screen and (max-width:1100px){
 .wrap{width:98%;}

}


@media only screen and (max-width:1024px){
 .wrap{width:90%;}
ul.nav li a{font-size:13px;padding:18px 12px 19px 12px;}
}


@media only screen and (max-width:768px){
 .wrap{width:96%; margin:0 auto;}
.header{width:100%; }
.logo{width:100%;text-align:center}
.video{width:100%;margin-bottom:40px;text-align: center;}
.intro{width:100%;margin-left:0px;text-align: center}
.box{float:left; width:100%; margin-bottom:40px}
.recent-blog{width:100%;float:left; text-align: center; margin-left: 0; margin-bottom:40px}
.recent-bg{text-align:center; margin-bottom: 20px;}
.recent-blog img{display:block;margin-left:auto;margin-right:auto}
.recent-blog h4{text-align:center;padding-bottom: 20px;}
.credits {margin-top: 40px}
#post-col {float:left; width:100%; border-right:0px;margin-right:0%; margin-bottom:40px; position: relative}
.right_col{float:left;width:100%;margin-left:0%;padding-top:0px}
 .post p {padding-right:0px;}
.comments-box{margin:40px 0px 20px 0;}
#commentform textarea{width:100%;}
ul.nav {margin-left: -9999px;}
.select-menu{display:block; margin-top: -100px;}
 .blogtitle{ margin:50px auto 0px; text-align: center}
.post_type_icon {margin-left: -9999px}
.right_col .blog-title{text-align:center}
.side-blok ul,.side-blok ul li ul{list-style:none; padding-left:0;margin:0; text-align:center}
.side-blok ul li{margin:0px 0px 8px 0px;padding:0 0 8px 0; border-bottom:1px dotted #ddd}
.side-blok ul li ul li{border:0 none}
#post-col {float:left;width:100%;border:0 none;padding-right:0}
div.fullpage #post-col {width:100%; border:0 none; padding-right:40px}
div.smallpage #post-col { width:100%; border-right:0;padding-right:40px}
.right_col{width:100%; float:left; margin:0}
h1.post-title, h2.post-title{ font-size: 22px; text-align: center; margin-left:0; margin-right: 0}
.breadcrumb {  margin-bottom:0px}
.post p{text-align:justify}
.post-date,.breadcrumb, .post-info{text-align:center}
}


@media only screen and (max-width:600px){

	.select-menu{width:80%;}

 .flex-caption,#backtop {visibility: hidden; height:0;}

 table {font-size: 11px; width:100%;}
th{padding:4px 5px;font-size:11px;}
td{padding:4px 5px;}
 
}
 
#ads {margin:0px 10px 20px 0px}