/*  
	Theme Name: ElemenTRICK
	Theme URI: http://elementrick.ru
	Description: non-description
	Version: 1.0
	Author: rtr
	Author URI: http://elementrick.ru

*/

body {
	background: #000000;
	}



.header_jpg {
        width: 883px;
        height: 373px;
        background: url(images/header.JPG);
               }

.under_header {
        width: 883px;
        height: 70px;
        background: url(images/under_header.jpg);
}

.content {
       background: url(images/content_background.jpg);
           }

.menu {
        float: left;
}



.top_menu {
        width: 381px;
        height: 385px;
        background: url(images/menu_top.JPG);
        font-size: 20px;
        font-family: "Franklin Gothic Medium";
               }

.top_menu span {
        padding-left: 35px;
                }

a {
	color:#000000;
	text-decoration:none;
         }

a:hover {
	color:#7287AD;
	text-decoration:none;
         }


.bottom_menu {
              background: url(images/bottom_menu.jpg);
              width: 300px;
              height: 150px;
}

.rating_menu {
               padding: 3px 10px 30px 10px;
               font-family: Tahoma;
               font-size: 16px;
               color: white;
               width: 260px
}

.rating_menu p {
                margin-top: 4px;
                margin-bottom: 0px;
                font-weight: bold;
}

.rating_menu a {
              color: #fffccc;
}

.rating_menu a:hover {
              color: #fff888;
}

.cat_descript {
              width: 260px;
              padding-left: 10px;
              color: white;
              font-family: Tahoma;
              font-size: 12px;
              font-style: italic;
}
       

.cat_descript h1 {
              font-size: 13px;
              font-style: normal;
}

.post {
       float: right;
       background: url(images/background.JPG);
        }


.title {
        background: url(images/title.JPG);
        width: 502px;
        height: 45px;
         }

.title h2 {
            font-size: 19px;
            color: #ffffff;
            font-family: Tahoma;
            padding-top: 10px;
            padding-left: 15px;
           }

.title h2 a {
            font-size: 19px;
            color: #ffffff;
            font-family: Tahoma;
           }

.title h2 a:hover {
            font-size: 19px;
            color: #ffffff;
            font-family: Tahoma;
           }




.under_title {
               padding-left: 7px;
               display:inline;
               color: #ffffff;
               font-size: 12px;
               text-align: left;
               display:inline;
             }



.under_title span.data {
              font-size: 10px;
              font-family: Tahoma;
              color: #fffccc;
	      text-decoration: underline;
}

.under_title span a {
              font-size: 10px;
              font-family: Tahoma;
              color: #fffccc;
	      text-decoration: underline;
            }

.under_title span a:hover {
              color: #fff000;
	      text-decoration: underline;
            }

.post_content {
                background: url(images/background.JPG);
                color: #FFFFFF;
                width: 502px;
                height: 100%;
                font-family: "Tahoma";
                font-size: 14px;
                margin-bottom: 20px;
               }

.post_content a {
              color: #fffccc;
            }

.post_content a:hover {
              color: #fff000;
            }

.post_content span {
              font-size: 14px;
              font-family: Tahoma;
}

.post_content span a {
              color: #fffccc;
}

.post_content span a:hover {
              color: #fff000;
}

.icon {
                background: url(images/under_footer.jpg) no-repeat;
                background-color: black;
                width: 883px;

                clear:both;
                padding-top: 26px;
                }


.icon img {
                padding-left: 10px;
                padding-right: 10px;
}

.icon a img { 
              border: none; 
}

.icon a.youtube {
                     background: url(http://elementrick.ru/wp-content/themes/elementrick/icons/youtube.jpg);
                     width: 85px;
                     height: 34px;
                     display: inline-block;
                     margin-left: 10px;
                     margin-right: 10px;
                     background-position: 0 35px;

}

.icon a.facebook {
                 background: url(http://elementrick.ru/wp-content/themes/elementrick/icons/facebook.jpg);
                 width: 93px; 
                 height: 35px;
                 display: inline-block;
                 margin-left: 10px;
                 margin-right: 10px;
                 background-position: 0 35px;

}

.icon a.twitter {
                 background: url(http://elementrick.ru/wp-content/themes/elementrick/icons/twitter.jpg);
                 width: 95px;  
                 height: 35px;
                 display: inline-block;
                 margin-left: 10px;
                 margin-right: 10px;
                 background-position: 0 35px;

}

.icon a.rss {
                 background: url(http://elementrick.ru/wp-content/themes/elementrick/icons/rss.jpg);
                 width: 35px; 
                 height: 36px;
                 display: inline-block;
                 margin-left: 10px;
                 margin-right: 10px;
                 background-position: 0 36px;

}

.icon a.youtube:hover {
                 background-position: 0 0px;
}

.icon a.facebook:hover {
                 background-position: 0 0px;
}

.icon a.twitter:hover {
                 background-position: 0 0px;
}

.icon a.rss:hover {
                 background-position: 0 0px;
}

.footer {
                background: url(images/footer.JPG) no-repeat;
                width: 883px;
                height: 228px;
                clear:both;
                }

.footer span {
               background: black;
               margin-top: 205px;
               padding-right: 25px;
               color: #ffffff;
               float: right;
               font-size: 10px;
               font-family: Tahoma;
             }

.footer span a {
              color: #fffccc;
            }

.footer span a:hover {
              color: #fff000;
            }

.footer span h1 {
               color: #ffffff;
               font-size: 12px;
               font-family: Tahoma;
               margin-bottom: 0px;
               padding-bottom: 0px;
}

.footer span.right {
                      float: right;
               margin-top: 0px;
}

.footer span.left {
                       float: left;          
                 margin-top: 0px;
}


.post_navi {
                 padding-top: 12px;
                 padding-bottom: 12px;
                 color: #ffffff;
                 font-size: 20px;
                 font-family: "Tahoma";
              }

.post_navi a {
              color: #fffccc;
              text-decoration:none;
            }

.post_navi a:hover {
              color: #fff000;
              text-decoration:none;
            }

#commentblock {
width: 450px;
color: #FFFFFF;
float: left;
}
	
#commentblock ol{
list-style-position: inside;
margin: 0;
padding: 0 0 10px;
}

.comments {
font-size: 19px;
font-weight: bold;
}

.approve {
font-style: italic;
}

.date_class {
              font-size: 10px;
              font-family: Tahoma;
              color: #fffccc;
}



.commenttext {
background: #000;
width: 450px;
padding-left: 15px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 3px;
margin-bottom: 15px;
clear: both;
}

#commentform input, #commentform textarea {
background: #000000;
border: 1px solid #7B848A;
color: #FFFFFF;
font-size: 1.2em;
padding: 1px 5px;
}

#commentform textarea {
width: 400px;
}

.clearfloat {
clear: both;
}


.block_quote {
	margin-top: 10px;
        margin-right: 90px;
        margin-bottom: 10px;
	padding: 12px 12px 12px 12px;
	background:#69726E;
	color: #444;
    border-top:1px solid #5C635F;
    border-left:1px solid #5C635F;
    border-right:1px solid #8B9691;
    border-bottom:1px solid #8B9691;
	}

.block_other_navi {
        background-color: black;
	color: white;
        width: 490px;
        font-family: Tahoma;
        font-size: 12px;
	}


.backgr1 {
width: 490px;
background: url(images/middle_border.jpg) repeat-y;
background-position: 50% 0%;
}

.backgr2 {	
width: 490px;
background: url(images/top_border.jpg) no-repeat;
background-position: 50% 0%;
}

.backgr3 {	
width: 490px;
background: url(images/bottom_border.jpg) no-repeat;
background-position: 50% 100%;
}

.block_other_navi a {
              color: #fffccc;
}

.block_other_navi a:hover {
              color: #fff888;
}

.block_other_navi p {
                margin-top: 4px;
                margin-bottom: 0px; 
                padding-left: 10px;
}

.left_block_other_navi {
float: left;
width: 44%;
text-align: left;
padding-left: 26px;
}


.right_block_other_navi {
float: right;
width: 44%;
text-align: left;
padding-right: 18px;
}



.close_clear {
padding-bottom: 26px;
clear: both;
}


.rating_menu a.one {
                 background: url(http://elementrick.ru/top/one.jpg);
                 width: 240px; 
                 height: 40px;
                 display: inline-block;
                 background-position: 0 0px;

}

.rating_menu a.one:hover {
                 background-position: 0 40px;
}

.rating_menu a.two {
                 background: url(http://elementrick.ru/top/two.jpg);
                 width: 240px; 
                 height: 40px;
                 display: inline-block;
                 background-position: 0 0px;

}

.rating_menu a.two:hover {
                 background-position: 0 40px;
}

.rating_menu a.three {
                 background: url(http://elementrick.ru/top/three.jpg);
                 width: 240px; 
                 height: 40px;
                 display: inline-block;
                 background-position: 0 0px;

}

.rating_menu a.three:hover {
                 background-position: 0 40px;
}
