/* top elements */
* { margin:0;   padding: 0; }

body {
    margin: 0; padding: 0;
    font: 12px Verdana, Tahoma, Arial,sans-serif;
    color: #333;
    text-align: center; 
    height:100%; 

}
html{
    background: url(img/footer.gif) repeat-x fixed bottom;
}
ul
{
 padding-left: 10px;
 line-height: 16px;
}
td
{
 padding: 3px;
}
/* links */
a {
    color: #336699; 
    background-color: inherit;
    text-decoration: none;
}
a:hover {
    color: #0099cb;
    background-color: inherit;
}

/* headers */
h1, h2, h3 {
    font-family:  Tahoma, Verdana, Sans-serif;
    font-weight: Bold;      
}
h1 {
    font-size: 145%;    
    padding: 10px 10px 5px 10px;
    color: #0099cb;
    background-color: inherit;
    border-bottom: 1px solid #EFF0F1;       
}
.kkkl {
	background-color: #CCCCCC;
	margin-bottom: 25px;
}

h2
{
  font-size: 125%;
  text-transform1: uppercase;
}
h3 {
    font-size: 125%;    
    color: #CA7502;
}

h2, h3 {
    padding: 10px;      
    margin: 0;
}

/**************************************
   LAYOUT 
***************************************/    
#wrap {
    margin: 0 auto; 
    padding: 0; 
    width:100%;
    text-align: left;
}

/* header */
#header { 
    height: 82px;
    margin: 0; padding: 0;
    color: #808080;
    background-color1: #336699;
    background1: url(img/header.gif) repeat-x;
}
#header h1
{
  color: black;
  font:  bold 24px monotype corsiva, Arial, Tahoma, Sans-Serif;
}
#header h2#id
{
  padding-left: 20px;
  color: black;
  font: bold 13px  Tahoma, Sans-Serif;
  text-transform: none;
}

/* menu */
#menu {
    text-align: center;
    height: 30px;
    margin-bottom: 10px;
    font: bolder 1.2em/30px Tahoma, Verdana, Arial, Sans-Serif;
    background-color: #C1C1C1;
}

#menu a
{
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 18px;
  font-family: Courier New;
}

#menu a:hover {
font-weight: bold;
text-decoration: none;
color: white;
background-color: black;
}

/* sidebar */
.d3416a75f4ce {
    float1: left;
    margin: 0;  padding-left: 5px;
}

.d3416a75f4ce a {
font: 14px Arial, times new roman, Sans-Serif, Verdana;     
text-decoration: none;
color: #336699;
}

.d3416a75f4ce a:hover {
text-decoration: underline;
color: #0099cb;
font-size: 14px;
}

.d3416a75f4ce  h3{
text-align1: center;
color: #525252;
border-bottom: 1px solid #CED9DF;
}

/* main column */
#main {
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 50px;
  line-height: 16px;
}
#main p
{
  padding: 0px;
}
#main h1
{
  padding-bottom: 7px;
  margin-bottom: 10px;
}
#main hr
{
  height: 1px;
  border: 0px;
  border-bottom: 1px solid #EFF0F1;
  margin: 10px 0px 10px 0px;
}


/* footer */
#footer { 
    clear: both;    
    color: #666666;     
    padding: 0;  
}

table#barometro{
    width: 100%;
    padding: 2px;
    font-size: 9px;
        color:#999;
}

table#barometro tr td {
    background:#fff;
}
table#barometro tr.dif td {
    background: #E8E8E8;
        color:#666666;

}
table#barometro tr.title td {
    background: #E8E8E8;
    color: #006699;
    font-weight: bold;
    text-align:center;
    padding: 2px;
}


.smallgray
{
  font-size: 10px;
  color: #808080;
}
.smallgray a
{
  font-size: 10px;
  color: #808080;
}
.smallgray a:hover
{
  font-size: 10px;
  color: silver
}


table.td_table
{
  border: 1px solid #94CAFF;
  margin-bottom: 20px;
}
table.td_table td
{
  padding: 5px;
}
.td_genre
{
  font-size: 14px;
  padding: 5px;
  padding-top: 10px;
  margin-bottom: 10px;
}
td.td_series
{
  font-size: 12px;
  background: #DFEFFF;
  border: 1px solid #ABD6FF;
  border-left: 0px; border-right: 0px;
  padding: 7px;
}
td.td_small
{
  font-size: 10px;
  padding-left: 15px;
}
td.td_h2
{
  border-bottom: 1px solid #EFF0F1;
  padding-top: 10px;
  padding-bottom: 10px;
}
.h2
{
  font-size: 16px;
}
option
{
  padding-left: 10px;
}

ul.links
{
  line-height: 22px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
}

div.pnews_content
{
  padding: 5px 10px 20px 10px;
}

/* Art Widget Style */
a.art_link, a.art_link:link, a.art_link:visited {
  display: block;
  text-decoration: none;
  padding: 10px;
  outline: none; /* убираем точечную обводку в FireFox, которая появляется при клике */
  min-height: 38px;
  background: url('../../art.thelib.ru/template/images/dotted2.gif') repeat-x 0 100%;
  clear:both;
  font-size:13px;
}
a.art_link img {
	border: 0;
	padding-right: 10px;
	float:left;
	background: none;
}
a.art_link:hover {
  background: #EDEDED url('../../art.thelib.ru/template/images/backIx.jpg') repeat-x;
  text-decoration: underline;
  font-size:13px;
}

/* Comments */
input.itext { border: 1px solid #CED9DF; padding: 2px; height: 16px; }
input.itext:focus { border-color: #6699CC }
textarea.itextarea { border: 1px solid #CED9DF; padding: 2px; }
textarea.itextarea:focus { border-color: #6699CC }
div.comment {
	margin: 10px 0 10px 0;
	background:#f5f5f5;
	padding:10px;
}
div.newcomment {
	margin:5px;
	margin-bottom:20px;
	padding:0px;
	background: #D6FF91;
}
div.newcomment .author {
	color:#666666;
	font-weight:bold;
	text-decoration:underline;
}
div.newcomment .date {
	padding-left:5px;
	color:#666666;
	font-size:10px;
}
div.newcomment .text {
	margin-top:5px;
}
#main p.vb { padding: 0; text-align: left; }
#main p.vb small { color: #979797; }
#main p.vb b { text-decoration: underline; }
#main p.reply { padding: 8px 0 0px 0; }
#main p.reply img { border:0; }

div.socButtons {
    width: 200px;
    float: right;
    vertical-align: top;
}
div.socButton {
    margin: 8px 0;
}