/*
Theme Name: Smart Green
Theme URI: blogdesigns.org
Description: Theme coded by blogdesings
Author: blogdesigns
*/

/* main css */

html {
 height: 100%;
 margin-bottom: 1px;
}
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 margin: 0;
 padding: 0;
 background: #F3F3F5;
}
a {
 color: #3D4D79;
}
#page {
 width: 1150px;
 padding: 0px 2px;
 margin: 0 auto;
 background: url(images/page.gif) repeat-y center;
}

#search {
 float: right;
 margin-top: 30px;
}
#search form {
	margin: 0;
	padding: 0;
}
#header #s {
 border: 1px solid #5E5E5E;
}
#header #go {
	vertical-align: top;
	padding-top: 2px;
}

#header {
 height: 170px;
}

#nav {
	height: 70px;
/*	background: url(images/nav_bg.gif) repeat-x top left;  */
	}

/* #nav img {
	display: inline;
	}

#nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
#nav ul ul {
	display: none;
}

#nav ul li {
	padding: 7px 11px;
	margin: 0 0 0px 0;
	background: url(images/tab_a.gif) no-repeat center left;
	color: #fc6;
	float: left;
	}

#nav ul li.home {
	background:none
}

#nav ul li a {
	display: block;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	}

#nav ul li a:hover {
	}
*/

.logo {
	float: left;
	padding-left: 10px;
}
.hh {
	margin: 0;
	padding: 0;
	font-size: 37px;
	color: #8D8C8C;
	font-weight: normal;
}
.hh a {
	color: #FF5000;
	text-decoration: none;
}
.description {
	text-transform: uppercase;
	color: #8D8C8C;
}

#body {
 margin: 2px auto 1px auto;
 padding: 2px 0;
 border-top: 5px solid #CBC9C9;
 border-bottom: 5px solid #CBC9C9;
}
#news {
	height: 245px;
	width: 630px;
}
#news .inner span {
	text-decoration: underline;
	background: url(images/news_h2.gif) no-repeat center left;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #5a6870;
	padding: 3px 12px 0px 15px;
	margin: 0 1px;
}
#news .inner {
	width: 190px;
	float: right;
	background: #ECECEC;
	color: #313134;
	padding: 0px;
	margin-right: 6px;
}

#news .inner ul {
	padding: 0 2px 0 2px;
	font-size: 11px;
}
#news ul {
	width: 160px;
}
#news ul li {
	color: #FF5000;
	font-weight: normal;
	padding: 3px 3px 3px 10px;
	list-style: none;
	}
#news .line  {
	border-bottom: 1px solid #CBC9C9;
	margin: 11px 0;
}
#news ol {
	width: 160px;
	padding: 4px 0px 0px 22px;
	margin: 0;
	font-weight: normal;
	font-size: 11px;
		}
#news ol li {
	margin: 0;
	padding: 0;
	}
.welcome {
}

#most-popular .line  {
	border-bottom: 2px dotted #CBC9C9;
	margin: 10px 0;
}
#most-popular .date {
	color: #0281BF;
	font-weight: bold;
	padding: 5px 15px;
}
.post {
 padding: 5px 0px 10px 0px;
}
.postb {
 height: 25px;
}
#main {
 float: left;
 margin-left: 7px;
 width: 635px;
 color: #616161;
 text-align: justify;
 padding: 1px;
}
#main a {
	color: #EA0419;
	text-decoration: none;
}
#main .cat a {
	color: #9b9b9b;
	text-decoration: none;
}
#main .cat a:hover {
	color: #f37208;
}
.cat {
	font-size:11px;
	color: #9b9b9b;
}
#main .heading {
 margin-top: 45px;
 margin-bottom: 15px;
}
#main .title {
 margin: 0;
 padding: 6px 0 8px 30px;
 color: #ffffff;
 font-weight: bold;
 font-size: 14px;
 background: url(images/h1_bg.gif) no-repeat top left;
}
#main .my {
 color: #9e8a67;
 background-color: #f5f5f5;
 border-left: 9px dotted #fff;
 font-style: normal;
 margin-left: 6px;
 margin-right: 10px;
 padding: 30px;
 font-size: 11px;
}
#main .my a {
    color: #817561;
   }
.my a:hover {
    background: #d3d3d3;
    color: #902828;
}
.meta {
 margin: 0 0 5px 5px;
 border-bottom: 2px dotted #CBC9C9;
}
#main .post1 img {
float: left;
	margin: 5px;
	padding:4px;
  	border:1px solid #ddd;
	width: 100px;
	height: 100px;
}
#main .hhh {
 margin: 0 0 0px 0;
 color: #0084D1;
 padding: 6px 0 8px 0px;
 font-size: 18px;
 font-weight: bold;
}
#main .hhh a {
 color: #0084D1;
 font-family: verdana, arial, tahoma;
 }
#main .hhh a:hover {
 color: #0b90de;
 }
#post img {
	margin: 5px;
	padding:4px;
  	border:1px solid #ddd;
	}
#post p {
 padding-top: 5px;
 padding-left: 5px;
 line-height: 1.5em;
 }

/* h1-h6 */

#post h1 {
 margin: 0 0 0px 5px;
 color: #0084D1;
 padding: 6px 0 5px 0px;
 font-size: 25px;
 font-family: verdana, arial, tahoma;
}
#post h1 a {
 color: #0084D1;
 text-decoration: none;
 }
#post ul li {
    list-style-type: none; /* Убираем маркеры у списка */
   }
#post ul li:before {
    content: "⧂ "; /* Добавляем в качестве маркера символ */
    margin: 0px;
	padding: 0px;
   }
.post ul li {
    list-style-type: none; /* Убираем маркеры у списка */
   }
.post ul li:before {
    content: "⧂ "; /* Добавляем в качестве маркера символ */
    margin: 0px;
	padding: 0px;
   }
#main ol {
        counter-reset:myCounter;
        margin-left:0;
        padding-left:5px;
        color: rgb(100,100,100);
      }

#main ol li {
        position: relative;
        padding-left: 3em;
        margin: 0.45em 0;
        list-style: none;
        line-height: 1.8em;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
      }

#main ol li:hover {
        color: rgb(0,0,0);
      }

#main ol li:before {
        content:counter(myCounter);
        counter-increment:myCounter;
        position:absolute;
        top:0;
        left:0;
        width: 1.8em;
        height: 1.8em;
        line-height: 1.8em;
        padding:0px;
        color:#fff;
        background:#6fcee3;
        font-weight:bold;
        text-align:center;
        border-radius: .9em;
        box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
        z-index: 1;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
      }

#main ol li:hover:before {
        background-color: #3498db;
      }

#main ol li li:before{
        background-color: #3498db;
      }

#main ol li:after {
        position: absolute;
        top: 2.1em;
        left: 0.9em;
        width: 2px;
        height: calc(100% - 2em);
        content: '';
        background-color: rgb(203, 203, 203);
        z-index: 0;
      }

#main ol li:hover:after {
        background-color: #3498db;
      }

#main ol li li {
        font-size: 0.8em;
      }







#main h1 {
 margin: 0 0 0px 5px;
 color: #0084D1;
 padding: 6px 0 5px 0px;
 font-size: 23px;
 font-family: tahoma;
}
#main h1 a {
 margin: 0 0 0px 1px;
 color: #0084D1;
 padding: 6px 0 5px 0px;
 font-size: 18px;
 text-decoration: none;
}
#main h1 a:hover {
 text-decoration: underline;
}

#main h2 { background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
 margin: 5 5 0px 5;
 padding: 5px 15px 0px 15px;
 color: #FF4500;
 font-size: 17px;
 font-family: tahoma;
 border-bottom: 2px dashed #eee;
 text-align:left;
 width: 93%;
}

#main h3 {
  background-image: url(images/arrow.gif);
  	background-repeat: no-repeat;
	background-position: left center;
  color : #FF4500;
  font-family: tahoma;
  text-align:left;
  vertical-align : middle;
  padding: 5px 15px 0px 15px;
  margin-bottom: 0px;
  margin-top: 20px;
  height: 30px;
  font-size:16px;
  border-bottom: 2px dashed #eee;
  text-align:left;
  width: 93%;
	}
h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}

#main h4 {
  background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
  color : #FF4500;
  font-family: tahoma;
  text-align:left;
  vertical-align : middle;
  padding: 5px 15px 0px 15px;
  margin-bottom: 0px;
  margin-top: 20px;
  height: 22px;
  font-size:14px;
  border-bottom: 2px dashed #eee;
  text-align:left;
  width: 93%;
  }

#sidebar h2 {
 background: url(images/h2.gif) no-repeat top left;
 margin: 0 0 1px 0; padding: 0;
 height: 30px; line-height: 30px;
 padding-left: 30px;
 font-size: 14px;
 font-weight: normal;
 text-transform: uppercase;
 color: #ffffff;
}

#sidebar .h2 {
 background: url(images/h2.gif) no-repeat top left;
 margin: 0 0 1px 0; padding: 0;
 height: 30px; line-height: 30px;
 padding-left: 30px;
 font-size: 14px;
 font-weight: normal;
 font-style: normal;
 text-transform: uppercase;
 color: #ffffff;
}

#sidebar h4 {
 background: url(images/h2.gif) no-repeat top left;
 margin: 0 0 1px 0; padding: 0;
 height: 30px; line-height: 30px;
 padding-left: 30px;
 font-size: 14px;
 font-weight: normal;
 font-style: normal;
 text-transform: uppercase;
 color: #ffffff;
}

/* -----blockquote----- */

section.single_block blockquote, .red, .green, .blue, .grey, .white, .ps {
margin: 8px;
  padding: 15px 15px;

  box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.75);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.75);

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.blue{background-color: #b3eaff;}
.red{background-color: #FFC1C1;}
.green{background-color: #cef0c3;}
.grey{background-color: #f2f3f4;}
.white {
	background: url(/wp-content/themes/smart-green/images/woman1.jpg) no-repeat top left;
	background-color: #ffffff;
	padding-left:117px;
}
.ps {
 color: #9e8a67;
 background: url(/wp-content/themes/smart-green/images/ps.gif) no-repeat top left;
 background-color: #ffffff;
 padding-left:100px;
 font-size: 11px;
}
.ps a {color: #817561;}
.ps a:hover {background: #d3d3d3;color: #902828;}

.krug {
border: 3px #CCCCCC solid; /* ñòèëè ðàìêè */
 -moz-border-radius: 7px; /* çàêðóãëåíèå äëÿ ñòàðûõ Mozilla Firefox */
 -webkit-border-radius: 7px; /* çàêðóãëåíèå äëÿ ñòàðûõ Chrome è Safari */
 -khtml-border-radius:7px; /* çàêðóãë. äëÿ áðàóçåðà Konquerer ñèñòåìû Linux */
 border-radius: 7px; /* äëÿ âñåõ, êòî ïîíèìàåò */
}

/* spiski */

.spisok {
 margin: 5 5 0px 5;
 padding: 0;
 padding-left: 20px;
 font-size: 11px;
 font-weight: bold;
}
.spisokforum {
}
.spisokfaq {
 width:180px;
 border:1px dashed #8D8C8C;
 float: right;
 margin-left: 10px;
 padding: 1px 6px 10px 10px;
 font-size: 10px;
}

/* sidebar */

#sidebar {
 float: left;
 width: 246px;
 text-align: left;
}
#sidebar2 {
 float: right;
 width: 246px;
 text-align: left;
}

#sidebar ul ul, {
 list-style: none;
 margin: 0 0 6px 0;
}
#sidebar ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
#sidebar ul li {
 background: none;
}
#sidebar ul ul li {
 padding: 4px;
 line-height: 19px;
 margin: 0 5px 1px 0;
 background: #F0F0F1;
}
.gads {
padding-left: 25px;
}
#sidebar a {
 color: ##000000;
 font-weight: normal;
 font-size: 11px;
 text-decoration: underline;
}
#sidebar a:hover {
 background-color: #e1ffc6;
 font-size: 11px;
}
#sidebar ul ul li ul {
 display: none;
}

/*subscribe */

.subscribe {
 padding-bottom: 20px;
 min-height: 100px;
 padding: 4px 12px 0px 12px;
}
.subscribe a:link {
 color: #3D4D79;
}
form#subscribe {
 padding: 0px;
 margin: 0;
}

form#subscribe input#email {
 margin: 5px 0;
 padding: 3px 0;
 border: 1px solid #E1E1E1;
 width: 198px;
}

/*footer */

table#footer {
 color: #ffffff !important;

}
#footer {
 margin: 4px auto;
 background: url(images/footer_bg.gif) repeat-x top center;
 height: 80px;
 color: #c0c0c7 !important;
 line-height: 11px;
 text-align: center;
 font-size: 12px;
}
table#footer a {
 line-height: 11px;
 color: #FFFFFF;
 text-decoration: underline;
}
#footer a {
 line-height: 12px;
 color: #c0c0c7;
 text-decoration: underline;
}

#footer small {
	font-size: 10px !important;
}

#footer a:hover {
	text-decoration: none;
}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #fff;
	}

.heading {
 font-size: 13px;
 font-weight: bold;
 color: #A82B3A;
}

/* comment */

.comment-author, .comment-author a {
 font-weight: bold;
 text-decoration: none;
 background-color: #FFF8F2;
}
.comment-author a:hover {
 text-decoration: underline;
}
.comment {

}
.comment p {
 margin: 0; padding: 5px 0;
}
.commentdata {
}
.commentbox {
 background-color: #fdfbd0;
}
.comment-date {

}
.comms {
padding-left: 5px;
}
.commentlist li {
	font-weight: bold;
	}
.line {
		margin: 5px;
	border-bottom: 2px dotted #131313;
	}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

small, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

/* image */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 0px 5px;
	float: right;
	}

img.alignleft {
	padding: 4px;
	margin: 0 5px 0px 0;
	float: left;
	}

img.alignbottom {
	padding: 4px;
	margin: 0 5px 0px 0;
	float: bottom;
	}

/* End Images */


/* Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover {
}
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 8px 70px 0 20px;
	padding-left: 20px;
	border-left: 8px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}
.more {
	text-align: right;
}
.more a {
	color: #EA0419;
	text-decoration: none;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	}

.dlstat {
display:block;
text-align:center;
margin-bottom:11px;
}

.dlimg {
display:block;
text-align:center;
}

.gravatar {
	float:left;
	padding: 9px;
	border: 0px solid #000;
	background: #fff;
	width: 50px;
	height: 50px;
	opacity: 0.7;

}

.postgrav {
	float: left;
	padding: 3px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #000;
	background: #fff;
	width: 50px;
	height: 50px;
}


.quoter_header {
	float: right;
	color: #000000;
	text-decoration: none;
	background: url(images/quote.gif) no-repeat center right;
	padding-right: 23px;
	font-size: 11px;
}

.ddsg-wrapper {
	color: #000000;
	font-size: 12px;
	padding-top: 15px;
	padding-left: 15px;
	width: 550px;
}

.table {
	font-size: 11px;
	background-color: #f0f0f0;
}

table.start td.con {
	background-image: url(../images/bg-news.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
  background-color:#ffffff;
  font-family:Verdana;
  font-size:11px;
  text-align:left;
  vertical-align : center;
  padding:5px 3px 5px 10px;
  border-top: 2px solid #ffc180;
  border-left: 2px solid #ffc180;
  border-right: 2px solid #ffc180;
  border-bottom: 2px solid #ffc180;
  }

table.start td.con1 {
  background-color:#ffffff;
  font-family:Verdana;
  font-size:11px;
  text-align:left;
  vertical-align : center;
  padding:5px 3px 5px 10px;
  border: 0px;
  }

/* Begin Home Tabs */
.korpus0 { position: relative; }

.korpus0 > div, .korpus0 > input {
  display: none;
  min-height: 151px; /* 33px × 5 âêëàäêè */
}
ul.strelka li a {
	background: url('/wp-content/themes/smart-green/images/sidebar_a.gif') no-repeat left 4px !important;
	padding-left: 15px !important;
	display: block;
}

.korpus0 label { position: absolute; left: 0; top: 0; width: 110px; height: 28px; border: 1px solid #aaa; line-height: 33px; text-align: center; cursor: pointer; border-radius: 8px; background:#F7F7F7; font-stretch: ultra-condensed; font-size: 94%;  }
.korpus0 label:nth-of-type(2) { top: 29px; /* 28px + 1px border */ }
.korpus0 label:nth-of-type(3) { top: 57px; /* 28px + 1px border ïåðâîé âêëàäêè + 1px border âòîðîé âêëàäêè */  }
.korpus0 label:nth-of-type(4) { top: 85px; /* 28px + 1px border ïåðâîé âêëàäêè + 1px border âòîðîé âêëàäêè */  }
.korpus0 label:nth-of-type(5) { top: 113px; /* 28px + 1px border ïåðâîé âêëàäêè + 1px border âòîðîé âêëàäêè */  }
.korpus0 input[type="radio"]:checked + label { border-left: 0px solid #fff; }

.korpus0 > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus0 > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus0 > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.korpus0 > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.korpus0 > input:nth-of-type(5):checked ~ div:nth-of-type(5) { display: block; padding: 5px 25px 5px 114px; border: 0px solid #aaa; }
/* End Home Tabs */
