body, html { margin: 0; padding: 0; background: #FFF; }

#header { width: 766px; padding: 0; margin: 0 auto; }
#headerleft { padding: 0; margin: 0 auto; background: url(images/caption.jpg) no-repeat; width: 258px; height: 361px; float: left; }
#headerright { padding: 0; margin: 0 auto; background: url(images/boyandgirl.jpg) no-repeat; width: 508px; height: 361px; float: right; }
#headersearch { padding: 16px 0 0 0; margin: 0 auto; width: 258px; height: 72px; }
#headersearch img { padding: 0; margin: 6px 10px 6px 25px; float: left;}
#headerleft h1 {font-family: "Times New Roman"; font-size: 24px; color: #B3C000; margin: 220px 0 0 0; text-align: center; padding: 0;}
#headerleft h2 {font-family: "Tahoma"; font-size: 10px; color: #B3C000; text-align: center; padding: 0;}
#headerleft a {text-decoration: none; color: #B3C000; }

#backlink {padding: 15px 0 20px 0; font: 12px "Tahoma"; color: green;}

#odnaknopka {width:728px; margin: 0 auto; height:20px;padding: 15px 0 0 0;}
#odnaknopka_text {width: 350px; float: left; text-align:left; font: 12px "Tahoma"; color: green; }
#odnaknopka_script {width: 220px;  float: left; }
#rate {width: 114px; float: right; height: 40px;}

#advert_top { padding: 15px 0 5px 0; text-align: center; width: 728px; height: 90px; clear:both; }
#advert_bottom { padding: 15px 0 15px 0; text-align: center; width: 728px; height: 90px; clear:both; }

#col1 { width: 242px; float: left; padding: 20px 0 20px 0;}
#col2 { width: 242px; float: left; padding: 20px 0 20px 0;}
#col3 { width: 243px; float: left; padding: 20px 0 20px 0;}

#content {width: 728px; margin: 0 auto; padding: 0; clear: both;}
#content p {padding: 0 0 5px 0; margin: 0; font: 13px "Tahoma"; }
#content a {text-decoration: none; color: green;}
#content a:hover {text-decoration: underline; color: green;}
#content a:visited {text-decoration: none; color: #B3C000;}
#content h1 {width: 614px; font: 16px "Tahoma"; color: green; font-weight: bold; float: left; margin: 0; padding: 0;}
#content ul {clear: both; padding-top: 15px; margin:0;}
#content li {font: 13px "Tahoma"; margin: 0; padding: 0;}
#content blockquote {padding: 10px 0 15px 0; margin: 0; text-decoration:underline; font: 12px "Tahoma"; color: green; clear: both;}

#pages {font: 12px "Tahoma"; margin: 15px 0 15px 0; width: 728px; }
#pages_text {width: 85px; float: left;}
#pages_nums {width: 643px; float: right;}
#pages a {font-weight: bold;}
#pages li {display: inline; padding-right: 10px;}
#pages ul {padding: 0px;}

.js-kit-comments {width: 728px; margin-bottom: 35px;}

#searchbox { float:right; padding: 28px 30px 0 0;}

#perci {width: 766px; background: url(images/perci.jpg) no-repeat; height: 89px; margin: 0 auto; clear: both;}

#footer {width: 766px; background: url(images/bottomline.gif) repeat-x; height: 45px; margin: 0 auto; clear: both; color: white; font: 12px "Tahoma"; }
#copyright {margin: 0; padding: 15px 0 0 15px; float: left;}
#ratings {margin:0; padding: 8px 15px 0 0; float: right;}


a.tt {position:relative; border-bottom:blue 1px dotted;}
a.tt span {display:none;}
a.tt:hover span {float:left;display:block;background:white;border:silver 2px outset;color:black;position:absolute;left:10px;top:10px;width:200px;padding:3px;}