* {margin: 0; padding: 0} IMG {border: 0}
BODY {font: 0.75em 'Arial', sans-serif}
A {color: #0068B5}

BODY {text-align: center; padding: 0 0 4px}
#Container,
#Bottom {width: 949px; margin: 0 auto; text-align: left}
#Container {border: 1px solid #EEE; margin-top: 4px}

H2,
H3 {margin: 0 0 12px}

H2 SPAN,
H3 SPAN,
H4 SPAN,
#Logo SPAN,
#Registration SPAN,
#Partners H4 SPAN SPAN {display: none}


/****** Header ******/ 
#Header {position: relative; padding-top: 160px; background: url('/i/bg-header.jpg') no-repeat}
#Logo A {position: absolute; top: 44px; left: 21px; width: 326px; height: 70px}

/* Search */
#Search {position: absolute; top: 166px; right: 0; width: 336px}
/* Fuck'n Explorer's family (2 rules - not mistake) */
* HTML #Search .button {height: 21px}
*+HTML #Search .button {height: 21px}

/* Login */
#Login, #User {position: absolute; top: 42px; right: 0; width: 336px; padding: 28px 0 0; font-size: 0.915em}
#Login #Registration {position: absolute; top: 0; left: 0; display: block; width: 137px; height: 19px; background: url('/i/title-registration.gif') no-repeat 1px}
#Login .text {width: 120px}
#Login A {color: white}
#Login P {margin-bottom: 0.7em}

#User {width: 318px; height: auto; top: 65px; background: #ECEDF0; padding: 15px 15px 10px; font-size: 1em}
#User .name A {text-decoration: none}
#User P {margin-bottom: 5px}

/**** Menu ****/ 
.Menu {height: 32px; line-height: 30px; font-size: 1.165em; font-weight: bold; background: url('/i/bg-menu.gif') repeat-x; border-top: 1px solid white; border-bottom: 1px solid white}
.Menu LI {float: left; list-style: none; margin-left: 19px; display: inline}
.Menu A {color: white}
.Menu A:hover {text-decoration: none}

/****** Right ******/ 
#Right {float: right; width: 323px; padding: 13px; background: #036AB6}
#Leaders H3 {height: 19px; margin: 4px 0 6px; background: url('/i/title-leaders.gif') no-repeat}

/** Sight **/ 
.Sights {overflow: hidden; width: 100%; margin-right: -10px}
.Sights BR {clear: both} .Sight BR {clear: none}
.Sight {position: relative; overflow: hidden; margin-top: 13px; padding: 4px; background: #569BCE; height: 90px; height: auto !important; min-height: 90px}
.Sight IMG {position: absolute; top: 4px; left: 4px}
.Sight DIV {margin-left: 106px}
#Content .Sight DIV {width: 151px}
.Sight .stat {overflow: hidden}
.Sight .rating, .Sight .votes, .Sight .photos, .Sight .date {display: block; float: left; width: 46%; padding: 3px 0 3px 3%}
.Sight .rating {background: #D8E8F4} .Sight .votes, .Sight .photos {background: #A0C7E4}
.Sight .name,
#Sight .name {font-size: 1.5em; font-weight: normal; text-transform: none}
.Sight .name A,
#Sight .name,
#Sight .name A {color: black}
.Sight H4, .Sight P {margin-bottom: 0.35em}
.Sight .average {font-size: 0.835em}
.Sight .city {white-space: nowrap}
.vote TD {text-align: center}
.vote INPUT {width: 1em}
.vote INPUT.button {width: 100px; margin: 0 0 0 0.5em}

/* top3 sights */
.top3 {background: #C5DDEE}
.top3 .rating {background: #ED1E27} .top3 .votes {background: #F58186}
.top3 .rating, .top3 .votes {color: white}

#Content .Sight {background: #E9E8E8; float: left; width: 257px; margin: 0 13px 13px 0}
#Content .Sight .rating, #Content .Sight .date {background: #0068B5} #Content .Sight .votes, #Content .Sight .photos {background: #688DB6}
#Content .Sight .rating, #Content .Sight .votes, #Content .Sight .photos, #Content .Sight .date {color: white}
#Content .Sight .name A {text-decoration: none}
#Content .Sight H4, #Content .Sight P {margin-bottom: 0.25em}

#Content #Sight .vote {width: 100%; overflow: hidden; background: #036AB6; color: white}
#Content #Sight .vote P, #Content #Sight .vote P SPAN, #Content #Sight .vote TABLE {float: left}
#Content #Sight .vote TABLE {width: 260px; margin: 7px 0 0 25px; display: inline}
#Content #Sight .vote P {margin: 0; padding: 12px; width: 247px; height: 24px; background: #E9E8E8}
#Content #Sight .vote INPUT.button {margin: 0}
*+HTML #Content #Sight .vote INPUT.radio {margin-top: -3px}
#Content #Sight .vote TD.button {width: 100%}

#Content #Sight .vote P SPAN {width: 79px; padding: 3px 10px}
#Content #Sight .date {background: #036AB6}
#Content #Sight .votes {background: #569BCE}
#Content #Sight .info {margin: 1.5em 0 2em}


/****** Content ******/ 
#Content {margin: 22px 371px 22px 22px}
P {margin-bottom: 1em}
H1, H2, H3, H4 {color: #01529C; text-transform: uppercase}

#About H2 {height: 19px; background: url('/i/title-about.gif') no-repeat}
#ChooseCity H3 {height: 19px; background: url('/i/title-choose_city.gif') no-repeat}
#New H3 {height: 19px; background: url('/i/title-new.gif') no-repeat}
#comments H3 {padding: 9px 0 13px; margin-bottom: 0; height: 19px; background: url('/i/title-comments.gif') no-repeat 0 9px; border-top: 4px solid #036AB6; border-bottom: 1px solid #036AB6}

.comment {padding: 1.25em 0 0.75em; border-bottom: 1px solid #C3C4C6}
.comment .info {color: #757679; font-weight: bold}
#comments .add H4 {padding: 0.75em 0; text-transform: none; color: black}
#comments .add .text {width: 100px}
#comments .add .button {margin-top: 3px}
#comments .add #c_name {margin-right: 1em}

.News {margin-bottom: 1em}

#Content FORM {margin: 0 0 1em}
OPTION {padding-right: 0.75em}

/****** Footer ******/ 
#Footer {padding: 24px 0 0; clear: both}
#Footer .Menu {border-bottom: 0}

/****** Bottom ******/ 
#Bottom {padding: 10px 0 20px; margin: 0 auto; height: 31px}
#Copyright {float: left; padding-left: 19px; line-height: 31px; margin: 0}
#Banners {float: right}
#Banners IMG {float: left}

/**** Partners ****/ 
#Partners {background: url('/i/bg-menu.gif') repeat-x; overflow: hidden}
#Partners H4 SPAN {display: block; height: 32px; background: url('/i/title-partners.gif') no-repeat 22px 50%}
#Partners IMG {float: left}

