/*  

Theme Name: Web-Grower

Theme URI: http://niks-blog.info

Description: Designed by <a href="http://niks-blog.info">Life_maniac</a>.<br> This design is not for sharing or so - it was designed for Web-Grower ONLY!

Version: beta 1.1

Author: Life_maniac

Author URI: http://niks-blog.info

*/

/*Макет */
body {
	background:#F0F0D8 url(img/bg.png) repeat 0 0; 
	font:16px/18px Helvetica, sans-serif;
	}
#wrapper {width:992px;margin:0 auto;text-align:center;}
#header {margin-bottom:10px;}
#page {
	float:left;
	background:#fff;
	width:992px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px 1px #949494;
	-moz-box-shadow: 0px 0px 10px 1px #949494;
	box-shadow: 0px 0px 10px 1px #949494;
	margin-bottom:10px;
}
	#allcontent {float:left;width:600px;margin:0 10px 0 0;padding-bottom:20px;}
	.postcontent {width:600px;margin:0 10px 0 2px;padding-bottom:20px;text-align:justify; font-size:0.8em;}
	#sidebar {width:300px;text-align:justify;float:right;margin:0;font-size:0.8em;}
#footer { 
	height:171px;
	font-size:0.7em;
	clear:both;
}
#footer a,#footer a:hover {color:#000;}
	#house {background:url(img/house.png) no-repeat 100% 0;width:989px;height:171px;}
	#grass {background:url(img/grass.png) repeat-x 0 100%;width:100%;height:171px; }
	.cr {padding-top:140px}

a {color:#ff7200;text-decoration:none;}
a:hover {color:#000;text-decoration:none;}

/* h1-h6 стили */

h2.cat {margin-top:0;}
.posthead h2.post {font-size:1.4em;margin:10px 0 0 0;}
.posthead h2.post a {color:#000000;text-decoration:none;}
.posthead h2.post a:hover {text-decoration:none;color:#ff7200}
h2.reply{font-size:1.4em; background:url(img/reply.png)no-repeat 0 0;padding:2px 0 0 30px;margin:10px 0 20px 0;height:20px;clear:both;float:left;width:100%;}
h2.book{font-size:1.4em; background:url(img/book.gif)no-repeat 0 0;padding:5px 0 0 45px;margin:10px 0 0 0;height:32px;clear:both;float:left;}
h4 {font-size:1.2em;clear:both;}

.posthead h5.subtitle {font-size:12px;font-weight:normal;margin-top:1px;margin-bottom:-20px;float:left;color:#999;}
/* Логотип */
#logo {width:350px;height:50px;background:url(img/logo.png) no-repeat 0 0;margin:10px;}

/* стили для меню */

#menu {float:right;padding:0;margin:0 10px 0 0;*margin:0 0 0 10px;}
#menu ul {list-style-type:none;margin:2px 15px 0 -25px;padding:0;}
#menu ul li {height:60px;list-style-type:none;float:left;margin-left:20px;*margin-left:0;font-size:16px; font-weight:bold; background:url(img/sep.gif) no-repeat 0 0;padding:10px 0 10px 20px;*padding-right:20px;}
#menu ul li.first {height:60px;list-style-type:none;float:left;margin-left:20px;*margin-left:0;font-size:16px; font-weight:bold;padding:10px 0 10px 20px;*padding-right:20px;background:none;}
#menu ul li a {color:#000;text-decoration:none;}
#menu ul li a:hover {color:#ff5900;text-decoration:none;}

.home {background:url(img/go-home.png) no-repeat 0 0;padding:5px 0 10px 40px;height:32px;}
.blog {background:url(img/go-blog.png) no-repeat 0 0;padding:5px 0 10px 40px;height:32px;}
.script {background:url(img/go-script.png) no-repeat 0 0;padding:5px 0 10px 40px;height:32px;}
.link {background:url(img/go-link.png) no-repeat 0 0;padding:5px 0 10px 40px;height:32px;}
.art {background:url(img/go-art.png) no-repeat 0 0;padding:5px 0 10px 40px;height:32px;}
.prog {background:url(img/go-prog.png) no-repeat 0 0;padding:5px 0 10px 40px;height:32px;}
.tuts {background:url(img/go-tuts.png) no-repeat 0 0;padding:5px 0 10px 40px;height:32px;}

/* Сайдбар и все с ним связанное */
#sidebar ul {list-style-type:none;margin:0;padding:0;}
#butts ul {width:250px;}
#butts ul li {float:left;margin-right:5px;}
/* #sidebar ul li ul li {float:left; margin-left:5px;padding:10px 0 0 20px;width:300px;} */
a.sbar{text-transform:lowercase;float:right;font-family: url('fonts/MyriadPro-Regular.otf');font-size:0.9em;margin:15px 20px 0 0;padding:0;color:#fff;text-decoration:none;display: inline-block;border-bottom:1px dashed #fff;}
a.selected {text-transform:capitalize;float:left;font-size:1.4em;margin:0;padding:12px 10px 0 30px;font-family: url('fonts/MyriadPro-Regular.otf');font-weight:normal;text-decoration:none;display: inline-block;border-bottom:none;}
.bar { background:url(img/newbar.gif) no-repeat 0 0; width:300px;height:55px;color:#fff;}
#rss {background:url(img/rsswue.png) no-repeat 0 0;width:300px;height:128px;}
#rss ul, #twitter ul, #facebook ul {padding:20px 0 0 130px;font-size:18px;width:170px;}
#rss ul li, #twitter ul li, #facebook ul li {margin:0 0 10px 0;}
#twitter ul li.twit-small {font-size:12px;width:150px;text-align:left;}
#twitter {background:url(img/twitter-bird.png) no-repeat 0 0;width:300px;height:128px;margin-top:10px}#facebook {background:url(img/facebook.png) no-repeat 0 0;width:128px;height:128px;margin-top:10px}

/* span'ы и прочее */
#menu ul li a .tip {font-size:0.7em;color:#fff;padding:0 0 0 36px;*padding:0 5px 0 0;}
#menu ul li a:hover .tip {color:#ccc;text-decoration:none;padding:0 0 0 36px;*padding:0 5px 0 0;}

/* классы "на всякий случай" */
blockquote {border-left:4px solid #FF7200;padding:0 0 0 10px;clear:both;}
.clear {clear:both;}
.block {display:block;}
.text {padding:5px 15px;*padding-bottom:15px;line-height:1.4em;}
.text_c {padding: 5px 0 5px 20px;*padding-bottom:15px;line-height:1.4em;}
.smallinfo {font-size:0.9em;color:#999;}
.small {font-size:0.9em;}
.small08 {font-size:0.8em;}
.smallinfo a, .smallinfo a:hover {color:#999;}
.version {font-weight:bold;float:right;margin:35px 3px 0 0;font-size:12px;color:#000;}

/* стили для поста */
.status { 
	background: rgb(255,103,15); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,103,15,1) 0%, rgba(255,66,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,103,15,1)), color-stop(100%,rgba(255,66,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,103,15,1) 0%,rgba(255,66,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,103,15,1) 0%,rgba(255,66,0,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,103,15,1) 0%,rgba(255,66,0,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#ff4200',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,103,15,1) 0%,rgba(255,66,0,1) 100%); /* W3C */
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	width:68px;
	height:77px;
	float:left;
	margin:0 10px 0 -2px;
	overflow:hidden;
	}
	
	
	.minib, .minil, .minip, .minia, .minit, .minis, .others {
		width:40px;
		height:32px;
		color:white;
		font-size:0.9em;
		font-weight:bold;
		padding:35px 0 0 0;
		margin:15px 12px;
		text-align:center;
		text-shadow: 0 -1px 0 #d53105;
		filter: dropshadow(color=#d53105, offx=0, offy=-1);
		}
	.minib {background:url(img/go-blog.png) no-repeat 5px 0;}
	.minis {background:url(img/go-script.png) no-repeat 10px 0;width:60px;height:32px;color:white;font-size:0.9em;padding:35px 0 0 0;margin:15px 5px;text-align:center;}
	.minil {background:url(img/go-link.png) no-repeat 5px 0;}
	.minip {background:url(img/go-prog.png) no-repeat 5px 0;}
	.minia {background:url(img/go-art.png) no-repeat 5px 0;}
     .minit {background:url(img/go-tuts.png) no-repeat 5px 0;}
	.others {background:url(img/go-none.png) no-repeat 5px 0;}
.posthead {width:600px;margin-bottom:10px;float:left}
.left {float:left}
.right {float:right}
.pimage {float:left;margin:2px 10px 10px 0;border:1px solid #ccc;padding:3px;}
.pimage:hover {background-color:#ff7200;border:1px solid #ff7200;}

.postright ul { list-style-type:none;margin:0;padding-top:20px;}
.postright ul li {float:left;margin-right:15px;}
.date {background:url(img/date.gif) no-repeat 0 0;padding:0 0 0 20px;}
.tag {background:url(img/tag.gif) no-repeat 0 0;padding:0 0 0 20px;}.tag a:hover {text-decoration:underline;}

.postfooter {
	background:url(img/bar.png) repeat-x 0 0;
	width:580px;
	height:17px;
	margin-left:15px;
	clear:both;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.postfooter a {
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	margin:0 5px;
	text-shadow: 0 -1px 0 #d53105;
	filter: dropshadow(color=#d53105, offx=0, offy=-1);
	}
.postfooter a:hover {color:#e2e2e2;}
.more {
	background:url(img/more.png) no-repeat 0 2px;
	height:16px;
	padding:0 0 2px 20px;
	float:left;
	}
.comm {
	background:url(img/comm.png) no-repeat 0 2px;
	height:16px;
	padding:0 0 0 20px;
	float:right;
	}

.rfooter {background:url(img/r_f.gif) no-repeat 100% 0;height:27px;width:590px;}

.demo {background:#fcffeb;border-top:1px solid #dedede;border-bottom:1px solid #dedede; margin:10px 30px;padding:10px;width:500px;font-size:14px;font-weight:bold;}


/* Стили для списка комментариев */
/* IE7 неправильно помещает облачко с номером комментариев, поэтому
   я его сейчас не отображаю именно для Осла. Нужно искать решение!
*/

.com-head div {float:left;margin:0 10px 0 0;}
.com-head div a {color:white;}
.com-head ul a:hover, .com-head-blue ul a:hover {color:white;text-decoration:underline;}
.com-head li {float:left; margin-right:10px;padding-top:0;margin-top:20px;}
.replies .number {
	font-weight:bold; 
	background:url(img/cloud.png) no-repeat 0 0; 
	width:83px;
	height:35px;
	text-align:center;
	padding:20px 0;
	position:absolute;
	top:-20px;
	right:-20px;
	color:#fff;
	text-shadow: 0 -1px 0 #0048ff;
	filter: dropshadow(color=#0048ff, offx=0, offy=-1);
	}
.replies .n {font-size:25px;}

#cblock {line-height:1.2em;margin:0 0 20px 0;clear:both;}
#cblock p {margin:0;}
#cblock li.replies {
	list-style-type:none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:0 0 5px 0;
	margin:10px 0;
	position:relative;
	}
	
#cblock .orange {background:#ff8421;}
.orange .com-head {
	text-shadow: 0 -1px 0 #d53105;
	filter: dropshadow(color=#d53105, offx=0, offy=-1);
}
#cblock .blue {background:#0072ff;}
.blue .com-head {
	text-shadow: 0 -1px 0 #0048ff;
	filter: dropshadow(color=#0048ff, offx=0, offy=-1);
}
#cblock li .com-head {
	width:600px;
	height:40px;
	margin-left:0;
	color:#fff;
	padding:10px 15px;
	}

/* blue style */
.com-head-blue ul {list-style-type:none;padding-top:-10px;padding-left:10px;margin-left:0;color:white;}
.com-head-blue li {float:left; margin-right:10px;padding-top:0;margin-top:20px;}
#cblock li {list-style-type:none;}
#cblock li .com-head-blue {background:url(img/com-head-blue.gif) no-repeat 0 10px;width:600px;height:80px;}
#cblock li .com-footer-blue {background:url(img/com-footer-blue.gif) no-repeat 0 0;width:552px;height:18px;}

.c_post {
	background:#fff;
	padding:10px 50px 0 20px;
	margin:0 5px;
	width:500px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}
/* .c_post p {padding:10px 20px 10px 10px;} */
.c_post_blue {background:url(img/com-back-blue.gif) repeat-y 0 0;padding:10px 50px 0 20px;margin-top:-5px;width:510px;}
.data {display:block;margin-top:10px;}


/* Стили для формы комментариев */
#commatext {margin-left:40px;}
#comment {border:2px solid #ff8421l;width:100%;}
#comment1 {border:2px solid #ff8421l;width:100%;}
#comment2 {border:2px solid #ff8421l;width:100%;}
.txt {padding:5px;}
#fields {margin:0 0 0 40px;}
#author,#email,#url {width:97%;border:2px solid #ff8421; margin-top:10px;padding:10px 0 10px 30px;*height:36px;}
#author { background:url(img/name.png) no-repeat 4px 5px;margin-right:8px;}
#email{background:url(img/email.png) no-repeat 4px 5px;margin-right:8px;}
#url{background:url(img/site.png) no-repeat 4px 5px;}
.button {margin:10px 0 0 0;border:0; background:url(img/submit.gif) no-repeat 0 0;width:157px;height:37px; cursor:pointer;}
#respond {margin-top:50px;}

/* Дополнительные стили для комментариев */
.work {padding:10px 0 0 0;}

/* Стили для изображений */
.leftimage {float:left; margin: 0 10px 5px 0; border: 3px solid #ccc;padding:5px;}
.leftimage:hover  {border:3px solid #ff7200;}
#scrin img {border:2px solid #ccc;}
#scrin img:hover {border:2px solid #ff7200;}

/* Classes for Dop Blok */
#dop ul li {background: url(http://web-grower.ru/wp-content/themes/web-grower/img/iconset.gif) no-repeat 0 0.1%;padding:0 0 0 20px;margin:5px 0;}
#dop ul li.sl {background-position:0 61%;}
#dop ul li.wr {background-position:0 30%;}
#dop ul li.so {background-position:0 17%;padding:3px 0 0 20px;}
#dop ul li.li {background-position:0 40%;}
#dop ul li.do {background-position:0 53%;}
#dop ul li.dl {background-position:0 82%;}
#dop ul li.feed {background:url(http://web-grower.ru/wp-content/themes/web-grower/img/feed-icon.gif) no-repeat;}

/* Classes for Dop Blok */

/* Classes for screens */
#scrin {float:left;width:100%; background: #fcffeb;border:1px solid #dcddd6;margin-bottom:10px;clear:both; }
#dop {width:550px;*width:550px;overflow:hidden; background: #fcffeb;border:1px solid #dcddd6;margin-bottom:10px;*padding:0;} 
#scrin ul, #dop ul {list-style-type:none;*width:550px;padding:0 20px;}
#dop ul {padding:0 20px;width:600px;*width:550px;*padding:0 10px;*margin:5px;}
#scrin li {float:left; background: url() no-repeat;padding:0 10px 10px 0; }
/* Classes for screens */

#folders ul li.folder   {background: url(http://web-grower.ru/wp-content/themes/vibrant/images/folder.gif) no-repeat; }
#folders ul li ul li.mfolder {background: url(http://web-grower.ru/wp-content/themes/vibrant/images/folder12.gif) 0 2px no-repeat;}
/* End CSS for UL/OL lists */

/* Sidebar links */
#links ul li {background: url(img/go-link.gif) no-repeat 0 0;padding:0 0 0 20px;margin-bottom:5px;*margin-top:10px;}
#talk ul li {background: url(img/go-chat.gif) no-repeat 0 2px;padding:0 0 0 20px;margin-bottom:5px;}
#best ul li {background: url(img/go-list.gif) no-repeat 0 0;padding:0 0 0 20px;margin-bottom:5px;}

/* Captcha */
.capt {width:500px;height:60px;}
.mleft {margin:0 10px 0 0;}

/* Description of a Category */

.desc, .desc1, .desc2, .desc3, .desc4, .desc5 {border:1px solid #DCDDD6;background-color:#FCFFEB;font-size:11px;margin:0 0 10px 10px;padding:10px 10px 10px 100px;text-align:justify;width:480px;}
.desc {background:url(img/blog.gif) no-repeat 0 0;height:86px;}
.desc1 {background:url(img/script.png) no-repeat 10px 5px;height:64px;}
.desc2 {background:url(img/inet.png) no-repeat 5px 5px;height:86px;}
.desc3 {background:url(img/write.png) no-repeat 15px 15px;height:64px;}
.desc4 {background:url(img/program.png) no-repeat 15px 10px;height:64px;}
.desc5 {background:url(img/tuts.png) no-repeat 15px 10px;height:64px;}

/* Бокс поиска */

#searchbox {border:2px solid #ccc;width:215px;padding:2px;}
#allcontent .postcontent .text_c .hilite { background-color:#D3E18A; }

/* Блок об авторе */

.about-the-author {
border-top:2px dashed #FF7200;
border-bottom:2px dashed #FF7200;
float:left;
width:100%;
margin:20px 0;
}
.about-the-author .avatar {
float:left;
margin:10px 10px 10px 0;
}

/* Стили таблицы */
.table {
	width:100%;
}
td.param {
	width:27%;
	border-right:1px solid #ccc;
}
td.description {
	width:75%;
        font-size:11px;
}
th {
	background:#FF7200;
	color:white;
        padding:2px 3px;
}
td {
	padding: 5px 3px;
	border-bottom:1px solid #ccc;
}

.shareaholic-show-on-load {clear:both;}

/* Pagination */

#allcontent .wp-pagenavi a, #allcontent .wp-pagenavi span {
	border:0 none;
	font-size:15px;
}
}
