/*

	Theme Name: HR-RU 2010

	Theme URI: http://hr-ru.com/

	Description: Smart 3-column Design

	Version: 0.2

	Author: http://hr-ru.com/

	Author URI: http://hr-ru.com/

*/



* {

margin:0;

padding:0;

}



body#body{ 

	font-family: Tahoma, Geneva, sans-serif;

	font-size:11px;

	color:#333333;

}



ul, ul li, ul li h2 { list-style:none; list-style-image:none; list-style-type:none; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #333; font-weight: lighter;}



ul li h2 { display:inline; margin: 0; padding: 0;}



a{ COLOR: #ff6600; text-decoration:none;}

a:hover{text-decoration:none; }

img, a img { border:0;}



.clear { clear:both;}



#page { margin:0 auto; width:740px;}





.alignleft {float:left;}

.alignright {float:right;}



/*------HEADER------*/

#header { padding:0px; 

width:740px;

border: 0px #FF0000 solid; 

}



.header-top { height:1px; width:100%; overflow:hidden;}

.header-top .top-left { float:left; width:256px; color:#FFF; font-size:10px; text-transform:uppercase; padding-top:8px}

.header-top .top-left a { padding-left:3px; color:#000; text-decoration:none;}

.header-top .top-left a:hover { text-decoration:underline;}

.header-top .top-right { float:right;}



.header-middle { height:50px; width:100%; overflow:hidden; border: 0px #FF0000 solid;}

.header-middle .middle-left { float:left; width:430px; padding: 10px 0px 0px 0px; }

.header-middle .middle-left  a, .header-middle .middle-left {FONT-SIZE: 20pt; COLOR: #999; FONT-FAMILY: Arial; TEXT-DECORATION: none;}

.header-middle .middle-right { float:right; width:300px;}



.logo {padding: 0px 0px 0px 0px; }



.header-bottom { height:30px; width:100%; overflow:hidden; border: 0px #FF0000 solid; background:transparent url(images/menu_bg.png) no-repeat 0 0; }



ul.pages-menu {

        text-align:center;

        }

        

ul.pages-menu li {

list-style-type:none;

display: inline;

float: left;

padding: 0px 2px 0px 0px;

}



ul, ul li {

list-style-image:none;

list-style-position:outside;

}



.top-menu {overflow:hidden; padding:0 0 0 1px; width: 450px; float: left;}

.search-menu {overflow:hidden; padding:6px 0 0 1px; float: right; width:180px}



ul.pages-menu li a {

        color:#FFFFFF;

        display:block;

        font-size:12px;

        padding:8px 0px 5px 0px;

        text-decoration:none;

        width:80px;

        }

        

.clear {clear: both;}                

#top-home {width: 740px; margin: 15px 0px 15px 0px; display: block;}        



#ground-top {background: #eee url(images/round-top.png) no-repeat 0 0;}

#ground-bot {background: #fff url(images/round-bot.png) no-repeat 0 0;}



#main-article      {width:740px; float: left; }  

#main-article .article {gbackground: #eee; padding: 0px 10px 0px 15px;}

#main-article .article h1 a {text-decoration:none; padding: 0px 0px 15px 0px; color:#59770E; font:100% "Trebuchet MS",Tahoma,Arial; letter-spacing:-2px;}

#main-article .article .text .size-thumbnail {margin: 5px 7px 1px 0px; border: #A6BE35 solid 1px; padding: 2px;}        

#main-article .article .text {font-size: 14px;}

#main-article .article .text p {margin: 0px 0px 20px 0px;} 

#main-article .readon {width: 450px; text-align: right; font-size: 10px;}


.frontpop a {COLOR: #ff6600; FONT-SIZE: 10pt; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; }
li.frontpop {list-style:none; padding:0px 0px 5px 0px; width: 230px; overflow: hidden; white-space:nowrap;}

.frontone, .fronttwo, .frontthree {width:238px; float:left;}
.headfront {list-style:none; margin:0px 15px 10px 0px; overflow: hidden; font-size: 14px; font-weight:bold; border-bottom: 1px #999 solid;}

.footfront {list-style:none; margin:0px 15px 0px 0px; padding:3px 0px 0px 0px; overflow: hidden; font-size: 9px; border-top: 1px #999 solid; text-align: right; width: 222px;}
.footfront a {COLOR: #ff6600; FONT-SIZE: 8pt; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; }

.socialbar {text-align: center; width: 720px;}
.sharebarbut {width:120px !important; float: left; display: inline; text-align: center !important;}

.secondmain, .thirdmain {width:720px; float: left; clear: both; font-size: 13px;  padding: 0px 0px 0px 15px;}
.thirdmain {border-bottom: 1px #999 solid; margin: 0px 30px 10px 15px; padding: 0px 0px 10px 0px;}

.secondmain .selleft,.thirdmain .selleft {width: 476px; float: left; border-bottom: 1px #999 solid; height: 295px;}
.secondmain .selright, .thirdmain .selright {width: 238px; float: right; border-bottom: 1px #999 solid;  height: 295px;}


.selright img {float: left; margin: 6px 8px 2px 0px; display: inline;}

.notonly1 {width:450px; margin: 5px 0px 0px 10px; }
.notonly1 li{width: 220px; float: left;}
.notonly1 a {COLOR: #ff6600; FONT-SIZE: 10pt; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; }


#paginated {width: 500px; margin-left: auto; margin-right: auto;}


#category-1 {margin: 20px 20px 0px 0px; width: 600px; float:right;}

#category-1 h3 {FONT-SIZE: 18pt; COLOR: #444; FONT-FAMILY: Arial; TEXT-DECORATION: none; margin: 0px 0px 20px -30px;}

#category-1 a {COLOR: #ff6600; FONT-SIZE: 10pt; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; margin: 11px 0px 0px 0px;}

#category-1 .articleodd, #category-1 .articleeven {margin-top: 5px;}



.taleyear {width:30px; float:right;}

.taleid {width:30px; float:right;}





#category-1 .articleodd {

  /* fallback */

  background-color: #1a82f7;

  background-image: url(images/linear_bg_1.png);

  background-repeat: repeat-y;

  

  /* Safari 4-5, Chrome 1-9 */

  background: -webkit-gradient(linear, left top, right top, from(#eee), to(#fff));

  

  /* Safari 5.1, Chrome 10+ */

  background: -webkit-linear-gradient(left, #fff, #eee);

  

  /* Firefox 3.6+ */

  background: -moz-linear-gradient(left, #fff, #eee);

  

  /* IE 10 */

  background: -ms-linear-gradient(left, #fff, #eee);

  

  /* Opera 11.10+ */

  background: -o-linear-gradient(left, #fff, #eee);

}



#category-1 .article h1 a, #category-3 .article h1 a {text-decoration:none; padding: 0px 0px 15px 0px; color:#333; font:14pt "Trebuchet MS",Tahoma,Arial; letter-spacing:-1px;}



#category-3  {background:transparent url(images/hr-articles.png) no-repeat 0 0; margin-top: 20px; padding-top: 40px; width: 500px; margin-left: auto; margin-right: auto;}



#art-block {background:transparent url(images/hr-articles.png) no-repeat 0 0; padding-top: 40px; width: 500px; margin-left: auto; margin-right: auto;}

#art-block .article h1 a {text-decoration:none; padding: 0px 0px 15px 0px; color:#69871E; font:90% "Trebuchet MS",Tahoma,Arial; letter-spacing:-2px;}

#art-block .article .text .size-thumbnail {margin: 5px 7px 1px 0px; border: #A6BE35 solid 1px; padding: 2px; width: 80px !important; height: 80px !important;}



.article .text {font-size: 12px;}

.article .text p {margin: 0px 0px 20px 0px;}

.article .text .size-thumbnail {margin: 5px 7px 1px 0px; border: #A6BE35 solid 1px; padding: 2px;}

.spacer {width: 100%; border-bottom: 1px dashed #999999; margin-bottom: 20px;}



#home-posts .article .text {font-size: 12px;}

#home-posts .article .text p {margin: 0px 0px 10px 0px;}

#home-posts .article .text .size-thumbnail {margin: 5px 7px 1px 0px; border: #A6BE35 solid 1px; padding: 2px; width: 40px; height: 40px;}



#single .article {width: 740px; float:right;}

#single h1 {text-decoration:none; padding: 0px 0px 0px 150px; margin: 20px 0px 20px 0px; color:#333; font:36px "Trebuchet MS",Tahoma,Arial; letter-spacing:2px; clear: both;}

#single h1 a {text-decoration:none; padding: 0px 100px 15px 0px; margin: 90px 0px 20px 0px; color:#333; font:130%/100% "Trebuchet MS",Tahoma,Arial; letter-spacing:-2px; clear: both;}

#single .meta {text-decoration:none; padding: 0px 0px 0px 150px; margin: 20px 0px 20px 0px; color:#555; font:12px "Trebuchet MS",Tahoma,Arial; letter-spacing:0px; clear: both;}

#single h2 a {text-decoration:none; padding: 0px 0px 15px 0px; margin: 90px 0px 20px 125px; color:#000000; font:90%/100% "Trebuchet MS",Tahoma,Arial; letter-spacing:0px;}

#single h3 a {text-decoration:none; padding: 0px 0px 15px 0px; margin: 90px 0px 20px 10px; color:#59770E; font:90%/80% "Trebuchet MS",Tahoma,Arial; letter-spacing:0px;}

#single h5 {text-decoration:none; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px; color:#333; font:200%/80% "Trebuchet MS",Tahoma,Arial; letter-spacing:0px;}



#single .article .text {width: 600px; float:right;} 

#single .article .text p {text-indent: 0px !important; font-size: 16px;}

#single #related {width: 600px; padding: 20px 0px 20px 0px; float: right; }

#single .st-related-posts {text-indent: 30px;}

#single .st-related-posts a {text-decoration: none; color: #333;}



#single .article .side {width: 140px; float:left;} 



#single .taleids a {background: transparent url(images/search_glass.png) no-repeat top left; border: 0px; width:32px; height:32px; }






#footer {width:740px; height:0px;}
.button {width: 90px; float: left; padding: 3px; }
.buddon {width: 420px; float: right; padding: 3px;}

li.footnote {list-style:none;}
li.tech {list-style:none; color: #eee;}

.top-footer {height:50px; padding: 0px;}

.inner-footer {width:740px; margin-left: auto; margin-right: auto; padding: 10px;}

.footer-left {float: left; width: 300px;}

.footer-right {float: right; padding: 0px 0px 0px 0px; width: 400px;}
.footer-right li {list-style-type:none;

display: inline;

float: right;

padding: 0px 2px 0px 0px;

width: 65px; text-align:center;}



.navigation {border: 0px #FF0000 solid; height: 60px; margin: 20px 10px 20px 10px;}

#searchsubmit {background:transparent url(images/search.png) no-repeat 0 0; border: 0px; }

#s {border: 1px #888 solid;}

.alignleft {}

.alignright {}



#left-front {overflow:hidden; position: absolute; width: 120px; height:300px; top: 800px; padding: 0px 20px 0px 0px; border: 0px dashed #999999; text-align: right;}

#right-front {float: right;}





.asenaside {width: 170px; height:620px; float: right; padding: 10px 0px 10px 10px;}

.asenamide {width: 346px; height:290px; float: left; padding: 10px 10px 10px 0px; border:0px #000 solid; display: inline;}

.asenamide a {text-decoration: none; color: #000; text-align: right;}
#commentvk {width: 600px; float: right;}