@charset "utf-8";
/* CSS Document */

*{margin: 0px; padding: 0px;}
.clear{clear: both; font-size: 0px; width: 0px; height: 0px; padding: 0px 0px !important; margin: 0px 0px !important;}
.lclear{clear: left; font-size: 0px; width: 0px; height: 0px; padding: 0px 0px !important; margin: 0px 0px !important;}
body{background: url(../images/body_bg.jpg) top center no-repeat #0e0e0e;}
#menu{width: 1002px; height: 91px; margin: 33px auto 22px auto; position: relative;}
#logo{position: absolute; left: 40px; top: 8px;}
#logo a{color:#000000;}

#menu ul{list-style: none; position: absolute; top: 9px; left: 364px;}
#menu ul li{float: left;}
#menu ul li a{text-indent: -10000px;color: #000000;}
#menu ul li a:visited{color: #000000;}
#menu ul li a#menu_home{background: url(../images/menu_home.jpg) top center no-repeat; width: 59px; height: 75px; display: block; padding: 0px 32px;}
#menu ul li a#menu_home:hover, #menu ul li a#menu_home.active{background: url(../images/menu_home_hl.jpg) top center no-repeat;}
#menu ul li a#menu_about{background: url(../images/menu_about.jpg) top center no-repeat; width: 60px; height: 75px; display: block; padding: 0px 32px;}
#menu ul li a#menu_about:hover, #menu ul li a#menu_about.active{background: url(../images/menu_about_hl.jpg) top center no-repeat;}
#menu ul li a#menu_submit{background: url(../images/menu_submit.jpg) top center no-repeat; width: 66px; height: 75px; display: block; padding: 0px 33px;}
#menu ul li a#menu_submit:hover, #menu ul li a#menu_submit.active{background: url(../images/menu_submit_hl.jpg) top center no-repeat;}
#menu ul li a#menu_blog{background: url(../images/menu_blog.jpg) top center no-repeat; width: 41px; height: 75px; display: block; padding: 0px 32px;}
#menu ul li a#menu_blog:hover, #menu ul li a#menu_blog.active{background: url(../images/menu_blog_hl.jpg) top center no-repeat;}
#menu ul li a#menu_contacts{background: url(../images/menu_contacts.jpg) top center no-repeat; width: 88px; height: 75px; display: block; padding: 0px 32px;}
#menu ul li a#menu_contacts:hover, #menu ul li a#menu_contacts.active{background: url(../images/menu_contacts_hl.jpg) top center no-repeat;}

#main{width: 1002px; margin: 0px auto;}
#content{width: 700px; font-family: tahoma; font-size: 12px; color: #848484;}
#content h2{font-family: "trebuchet MS"; font-size: 24px; font-weight: normal; color: #FFFFFF;}
#content .theme{width: 222px; background: url(../images/theme_bg.png) top left no-repeat; float: left; margin: 0px 8px 8px 0px;}
#content .theme div{padding: 10px 16px;}
#content .theme div a{color: #4cc2ff; font-size: 13px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; text-decoration: none;}
#content .theme img{width: 210px; height: 230px; margin: 0px auto; display: block; border: #333 1px solid;}
#content .theme ul{list-style: none; margin: 4px auto; width: 180px;}
#content .theme ul li{float: left; margin: 10px 15px 0px 0px; background: url(../images/link_dot.jpg) left bottom no-repeat; padding-left: 26px;}
#content .theme ul li a{font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; color:#FFF;}
#content .theme ul li a:hover{color: #ff46cd;}
#content .theme_bottom{background: url(../images/theme_bottom.jpg) top left no-repeat; height: 6px; padding: 0px 0px; display: block; margin-top: 8px; font-size: 0px;}

#content form{padding: 0px 0px 0px 16px;}
#content form h2{font-family: "trebuchet MS"; font-size: 24px; font-weight: normal; color: #FFFFFF; padding-bottom: 20px;}
#content form label.title{color: #848484; font-family: tahoma; font-size: 12px; display: block; margin-bottom: 4px;}
#content form .text{background-color: #e1e1e1; border: #404040 1px solid; width: 318px; padding: 2px;}
#content form .submit{background: url(../images/submit.jpg) top left no-repeat; border: none; width: 68px; height: 30px; text-indent: -10000px;}
#content form .errors{background: #333333; list-style: inside; color: #FF0000; padding: 10px; background: url(../images/bg.png) top left repeat; border: #000000 1px solid; margin-bottom: 10px;}
.color_cube{width: 16px; height: 16px; border: #333333 1px solid; -moz-border-radius: 3px; float: left; margin: 2px 10px 0px 10px;}
td{padding-bottom: 6px;}
ul.form_list{float: left; width: 136px; list-style: none;}
ul.form_list label{font-family: tahoma; font-size: 11px; color: #848484; font-family: tahoma; font-size: 12px;}


#side{width: 288px; float: right;}
#side h3{color: #4cc2ff; font-family: "trebuchet MS"; font-size: 18px; font-weight:normal; margin-bottom: 8px; margin-left: 14px;}
#side h3#sponsor{background: url(../images/icon_sponsor.jpg) left bottom no-repeat; padding-left: 33px;}
#side h3#cats{background: url(../images/icon_cats.jpg) left bottom no-repeat; padding-left: 33px;}
#side h3#tags{background: url(../images/icon_tags.jpg) left bottom no-repeat; padding-left: 33px;}
#side h3#colors{background: url(../images/icon_colors.jpg) left bottom no-repeat; padding-left: 33px;}
#side h3#recent{background: url(../images/icon_recent.jpg) left bottom no-repeat; padding-left: 33px;}
#partners h3#partners_icon{background: url(../images/icon_partners.jpg) left bottom no-repeat; padding-left: 33px;color: #4cc2ff; font-family: "trebuchet MS"; font-size: 18px; font-weight:normal;}

#block1{background: url(../images/block_top.jpg) top left no-repeat; padding: 10px 2px 0px 0px; margin-bottom: 12px;}
#block1 div.bg{background: url(../images/block_bg.jpg) top left repeat-y; width: 276px;  padding: 2px 0px 2px 10px;}
#block1_bottom{background: url(../images/block_bottom.jpg) bottom left no-repeat; height: 10px; font-size: 0px;}
#block1 div.block{width: 124px; height: 124px; float: left; background: #242323; border: #3a3a3a 1px solid; margin: 4px;}
#block1 p{padding: 1px 4px; display: inline;}
#block1 p a{color: #868686; font-family: tahoma; text-decoration: none;}
#block1 p a:hover{text-decoration: underline;}
#block1 ul{list-style: none; margin-left: 4px;}
#block1 ul li{padding: 2px 0px;}
#block1 ul li a{color: #FFFFFF; font-family:tahoma; font-size: 12px;}

#block2{background: url(../images/block2_top.jpg) top left no-repeat; padding: 6px 2px 0px 0px; margin-bottom: 12px;}
#block2 div.bg{background: url(../images/block_bg.jpg) top left repeat-y; width: 286px; padding-left: 2px;}
#block2 span{border-color: #232323; border-style: solid; border-width: 0px; border-left-width: 1px; border-right-width: 1px; padding: 2px 0px 2px 8px; display: block; height: 100%;}
#block2_bottom{background: url(../images/block2_bottom.jpg) bottom left no-repeat; height: 6px; font-size: 0px;}
#block2 ul{width: 141px; float: left; list-style: none; border-right: #232323 1px solid; height: 100%;}
#block2 ul.first{border-right-color: #000000;}
#block2 ul li{border: #232323 solid; border-width: 0px; border-left-width: 1px; border-bottom-width: 1px; height: 22px; padding-bottom: 1px;}
#block2 ul li.active{background: #080807;}
#block2 ul li.active a{color: #FF46CD;}
#block2 ul li a{font-family: tahoma; font-size: 12px; color: #656565; text-decoration: none; padding-left: 12px; display: block; border-bottom: #000000 1px solid; height: 17px; padding-top: 5px;}
#block2 ul li a:hover{color: #FF46CD;}
#block2 ul li:last-child{border-bottom: none;}
#block2 ul li:last-child a{border: none;}

#block3{background: url(../images/block_top.jpg) top left no-repeat; padding: 10px 2px 0px 0px; margin-bottom: 12px;}
#block3_bottom{background: url(../images/block_bottom.jpg) bottom left no-repeat; height: 10px; font-size: 0px;}
#block3 div.bg{background: url(../images/block_bg.jpg) top left repeat-y; width: 264px; padding: 4px 12px;}
#block3 span{padding: 1px 4px; display: inline;}
#block3 span a{color: #868686; font-family: tahoma; text-decoration: none;}
#block3 span a:hover{text-decoration: underline;}

#partners{background: url(../images/partners_top.jpg) top left no-repeat; padding: 6px 0px 6px 0px;}
#partners_body{background: url(../images/partners_body.jpg) top left repeat-y; padding: 4px 0px 4px 20px;}
#partners_footer{background: url(../images/partners_bottom.jpg) top left no-repeat; height: 6px;}
#partners ul{list-style: none; width: 162px; float: left; margin-bottom: 6px;}
#partners ul li{height: 16px;}
#partners ul a{color: #656565; font-family: tahoma; font-size: 11px; text-decoration: none;}
#partners ul a:hover{color: #4CC2FF; text-decoration: underline;}

#details{background: url(../images/details_top.jpg) top left no-repeat; padding-top: 8px; width: 682px;}
#details_body{background: url(../images/details_body.jpg) top left repeat-y; padding: 0px 5px;}
#details_body h3{color: #4CC2FF; font-family: tahoma; font-size: 13px; font-weight:bold; padding-left: 8px;}
#details_body img{border: #3C3C3C 1px solid; margin: 10px 0px 8px 0px; width: 670px;}
#details_body #links{padding: 6px 0px 8px 4px;}
#details_body label{font-family: tahoma; font-size: 12px; color: #848484;}
#details_body span{font-family: tahoma; font-size: 12px; color: #BEBEBE;}
#details_body span a{font-family: tahoma; font-size: 12px; color: #BEBEBE;}
#details_body #info{padding-left: 10px;}
#details_bottom{background: url(../images/details_bottom.jpg) top left no-repeat; height: 8px;}
#details_body #links a{background: url(../images/link_dot.jpg) left bottom no-repeat; padding-left: 26px;font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; color:#FFF;}
#details_body #links a:hover{color: #ff46cd;}

#pages{clear: left;}
#pages div{font-family: tahoma; font-size: 12px; color: #656565; background: #080808; border: #131313 1px solid; float: left; padding: 6px 8px; margin-right: 4px;}
#pages div a{font-family: tahoma; font-size: 12px; color: #656565; text-decoration: none;}
#pages div b{color: #FF46CD;}

#page_text{padding: 10px 16px 10px 10px; font-family: tahoma; font-size: 12px; color: #515151; text-align: justify;}

#footer{height: 42px; font-family: tahoma; font-size: 12px; color: #484848; padding: 18px 0px 0px 20px;}

/*png fix*/
div { behavior: url(./images/iepngfix.htc) }