/* основной файл стилей
*1 common (общие)
----------------------------------------------------------------------------- */
html,body,p,form,input,label,h1,h2,h5,h3,h5,h6 {
padding:0px;
margin:0px;
}
html {
width:100%;
height:100%;
}
body {
width:100%;
height:100%;
font:62.5% tahoma,arial,verdana,sans-serif;
color:inherit;
background:#f1f1f1;
}

/* *2 text (ссылки, абзацы, заголовки, списки)
----------------------------------------------------------------------------- */
a {
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
img {
border:0px;
}
p {
margin-bottom:0px;
font:1.1em tahoma,arial,verdana,sans-serif;
color:#49525c;
background-color:inherit;
}
p a {
color:#900037;
background-color:inherit;
}
p img {display:inline;}

h3 {
margin-bottom:5px;
font:bold 1.2em tahoma,arial,verdana,sans-serif;
color:#49525c;
background-color:inherit;
}
h3.yellow {
margin-bottom:5px;
font:bold 1.4em tahoma,arial,verdana,sans-serif;
color:#ccab67;
background-color:inherit;
}
h3.orange {
margin-bottom:5px;
font:bold 1.4em tahoma,arial,verdana,sans-serif;
color:#ccab67;
background-color:inherit;
}
h3.purple {
margin-bottom:5px;
font:bold 1.4em tahoma,arial,verdana,sans-serif;
color:#cd3da3;
background-color:inherit;
}
h3.red {
margin-bottom:5px;
font:bold 1.4em tahoma,arial,verdana,sans-serif;
color:#d10023;
background-color:inherit;
}
h3.green {
margin-bottom:5px;
font:bold 1.4em tahoma,arial,verdana,sans-serif;
color:#477725;
background-color:inherit;
}
h3 a {
color:#49525c;
text-decoration:none;
background-color:inherit;
}
h3.yellow a {
color:#ccab67;
background-color:inherit;
}
h3.orange a {
color:#dd5200;
background-color:inherit;
}
h3.purple a {
color:#cd3da3;
background-color:inherit;
}
h3.red a {
color:#d10023;
background-color:inherit;
}
h3.green a {
color:#477725;
background-color:inherit;
}

h3 a:hover {text-decoration:underline;}

h5 {
width:100%;
padding-bottom:10px;
}
h5 img {display:block;}

/* *3 main (основные)
----------------------------------------------------------------------------- */
#wrap {
width:980px;
padding:0 7px;
margin:0 auto;
overflow:hidden;
background:url('../img/wrap.gif') repeat-y 0 0;
}
#space {
width:980px;
overflow:hidden;
position:relative;
z-index:2;
color:inherit;
background:#fff;
}
.both {
width:100%;
clear:both;
overflow:hidden;
}

/* *4 footer (подвал)
----------------------------------------------------------------------------- */
#footer {
width:994px;
height:124px;
margin:-10px -7px 0 -7px;
position:relative;
overflow:hidden;
z-index:1;
color:inherit;
background:#f1f1f1 url('../img/footer.gif') no-repeat 0 0;
}
/* копирайт */
#copy {
position:absolute;
left:7px;
top:95px;
font-size:10px;
color:#959595;
background-color:inherit;
}
/* список партнеров */
#partners {
padding:0px;
margin:0px;
list-style:none;
overflow:hidden;
position:absolute;
top:30px;
left:240px;
}
#partners li {
padding:0 20px;
float:left;
}
#partners img {
display:block;
}
/* низ */
#bottom {
width:960px;
height:25px;
padding:20px 10px 10px 10px;
clear:both;
overflow:hidden;
background:url('../img/bottom.gif') repeat-x 0 0;
}
#nav {
padding:5px 10px 7px 10px;
float:left;
font-size:11px;
color:#fff;
background:#ff5caa;
}
#nav a {
color:#fff;
text-decoration:none;
background-color:inherit;
}
#nav a:hover {
text-decoration:underline;
}
#search {
width:240px;
padding:2px 0 1px 0px;
overflow:hidden;
float:right;
}
#search form {
width:240px;
overflow:hidden;
}
#search input.text {
width:166px;
padding:3px;
border:1px solid #c8cbce;
float:left;
display:block;
font:11px arial,tahoma,verdana,sans-serif;
color:#474849;
background:#fff;
}
#search input.submit {
width:49px;
height:22px;
border:1px solid #cccfd2;
float:right;
display:block;
font:11px arial,tahoma,verdana,sans-serif;
color:#fff;
cursor:pointer;
background:#89add9 url('../img/submit/search.gif') repeat-x 0 0;
}

/* *5 header (шапка)
----------------------------------------------------------------------------- */
/* верхняя полоса */
#top {
width:994px;
height:40px;
margin:0 -7px -10px -7px;
position:relative;
overflow:hidden;
z-index:1;
color:inherit;
background:#f1f1f1 url('../img/top.gif') no-repeat 0 0;
}
/* шапка */
#header {
width:980px;
height:158px;
border-top:1px solid #fff;
position:relative;
overflow:hidden;
z-index:2;
background:url('../img/header.jpg') repeat-x 0 0;
}
#header img {display:block;}
#banner {
position:absolute;
top:9px;
right:10px;
}
#logo {
position:absolute;
top:15px;
left:10px;
}
/* меню */
#menu {
width:960px;
height:49px;
padding:0 10px;
position:absolute;
top:109px;
left:0px;
color:#000;
background:#303030 url('../img/menu.jpg') repeat-x 0 0;
}
#menu ul {
width:100%;
height:49px;
padding:0px;
margin:0px;
list-style:none;
overflow:hidden;
}
#menu ul li {
float:left;
}
#menu ul li a {
height:31px;
padding:18px 10px 0 10px;
display:block;
}
#menu ul li a:hover {
color:#fff;
background:#000;
}
#menu ul li.blue,#menu ul li.blue a,#menu ul li.blue a:hover {
color:#fff;
background:#3781b2;
}
#menu ul li.yellow,#menu ul li.yellow a,#menu ul li.yellow a:hover {
color:#fff;
background:#ccab67;
}
#menu ul li.bordo,#menu ul li.bordo a,#menu ul li.bordo a:hover {
color:#fff;
background:#900037;
}
#menu ul li.orange,#menu ul li.orange a,#menu ul li.orange a:hover {
color:#fff;
background:#dd5200;
}
#menu ul li.purple,#menu ul li.purple a,#menu ul li.purple a:hover {
color:#fff;
background:#cd3da3;
}
#menu ul li.red,#menu ul li.red a,#menu ul li.red a:hover {
color:#fff;
background:#d10023;
}
#menu ul li.green,#menu ul li.green a,#menu ul li.green a:hover {
color:#fff;
background:#477725;
}
#menu ul li.clubgreen,#menu ul li.clubgreen a,#menu ul li.clubgreen a:hover {
color:#fff;
background:#538c7b;
}



/* *6 right (правая колонка)
----------------------------------------------------------------------------- */
#right {
width:240px;
padding:10px;
border-left:1px solid #cdcdcd;
float:right;
position:relative;
}
#right .banner {
width:240px;
padding-bottom:10px;
}
#right .banner img {
width:240px;
display:block;
}

/* новый номер */
#new {
width:240px;
padding:10px 0;
border-top:1px solid #cdcdcd;
overflow:hidden;
}
#new .pic {
width:80px;
float:left;
overflow:hidden;
}
#new .pic img {
border:1px solid #e8e8e8;
margin-top:1px;
display:block;
}
#new .txt {
width:145px;
float:right;
overflow:hidden;
}
#new .txt p a {
color:#49525c;
background-color:inherit;
text-decoration:none;
}
#new .date {
margin:-22px 0 0 0;
position:relative;
float:right;
color:#ff3c20;
background-color:inherit;
}

/* клуб */
#club {
width:240px;
padding:10px 0 2px 0;
border-top:1px solid #cdcdcd;
}
#club form {
width:240px;
display:block;
overflow:hidden;
}
#club .both {
padding-bottom:5px;
}
#club label {
padding:2px 0;
float:left;
display:block;
font:1.2em tahoma,arial,verdana,sans-serif;
}
#club .text {
width:130px;
padding:1px 3px;
border:1px solid #c1c1c1;
float:right;
display:block;
font:1.2em tahoma,arial,verdana,sans-serif;
}
#club label.left {
width:100px;
color:#49525c;
background-color:inherit;
}
#club label.auth,#club label.reg {
font-size:1.1em;
}
#club label.auth a,#club label.reg a {
color:#008be2;
background-color:inherit;
}
#club label.auth {
float:right;
}

/* гороскоп */
#horo {
width:240px;
padding:10px 0 0 0;
margin-bottom:10px;
border-top:1px solid #cdcdcd;
border-bottom:1px solid #cdcdcd;
}
#horo form {
width:100%;
display:block;
overflow:hidden;
}
#horo .both {
padding-bottom:10px;
}
#horo h5 {
padding-bottom:5px;
}
#horo label {
float:left;
display:block;
font:1.1em tahoma,arial,verdana,sans-serif;
color:#49525c;
background-color:inherit;
}
#horo select {
display:block;
float:left;
font:1.1em tahoma,arial,verdana,sans-serif;
color:#49525c;
background-color:#fff;
}
#horo_day,#horo_month {
margin-right:25px;
}
#horo input.submit {
width:125px;
height:22px;
padding:0 0 1px 21px;
border:1px solid #cccfd2;
float:right;
display:block;
font:11px tahoma,arial,verdana,sans-serif;
color:#fff;
cursor:pointer;
text-align:left;
background:#89add9 url('../img/submit/horo.gif') no-repeat 0 50%;
}


/* *7 left (левая колонка)
----------------------------------------------------------------------------- */
#left {
width:719px;
padding:10px 0;
border-right:1px solid #cdcdcd;
margin-right:-1px;
float:left;
position:relative;
z-index:3;
}

#left .banner {
width:100%;
overflow:hidden;
}
#left .banner img {
margin:0 auto;
display:block;
}



/* меню подразделов */
#submenu {
width:100%;
height:27px;
margin:-10px 0 25px 0;
position:relative;
}
#submenu ul {
padding:0;
margin:0;
list-style:none;
overflow:hidden;
font:11px arial,tahoma,verdana,sans-serif;
}
#submenu ul li {
margin-left:-1px;
padding:5px 6px 5px 6px;
float:left;
background:url('../img/submenu/li.gif') no-repeat 0 50%;
}
#submenu ul li.corner {
width:5px;
height:5px;
margin-left:0px;
padding:0px;
float:none;
position:absolute;
left:0px;
top:22px;
}
#submenu ul li a {
display:block;
text-decoration:none;
}
#submenu ul li a span {
padding:1px 5px 2px 5px;
display:block;
}
#submenu ul li a:hover {
text-decoration:underline;
}


/* общий стиль ячееек */
.cells {
width:709px;
padding:0 0 20px 10px;
overflow:hidden;
position:relative;
}
.cells .cell {
width:100%;
margin:15px 0 0 0;
overflow:hidden;
}
.cells .cell .pic {
width:200px;
float:left;
}
.cells .cell .pic img {
border:2px solid #ebebe5;
margin:0 auto;
display:block;
}
.cells .left {
width:345px;
padding-right:10px;
border-right:1px solid #ebebe5;
margin-top:-15px;
float:left;
}
.cells .left .cell .txt {
width:143px;
float:left;
position:relative;
}
.cells .right {
width:343px;
padding:0 10px 0 0;
margin:-15px 0 0 -1px;
border-left:1px solid #ebebe5;
float:left;
}
.cells .right .cell .txt {
width:143px;
float:left;
position:relative;
z-index:1;
}
.cells .right .cell .pic {
position:relative;
z-index:3;
}


/* ячейки на сером фоне */
.grey {
width:719px;
padding:10px 0 0 0;
border-top:1px solid #cdcdcd;
overflow:hidden;
background:url('../img/grey.jpg') repeat-x 0 1px;
}
.grey .space {
width:719px;
padding:0 0 15px 0;
overflow:hidden;
}
.grey .chat {
width:366px;
float:left;
}
.grey .chat .txt {
width:335px;
padding:0 10px 0 20px;
margin-top:-7px;
border-right:1px solid #c9c9c9;
}
.grey .chat .title {
margin-top:7px;
font-weight:bold;
color:#000;
background-color:inherit;
}
.grey .chat .title a {
color:#000;
text-decoration:none;
background-color:inherit;
}
.grey .chat .title a:hover {
text-decoration:underline;
}
.grey .chat span.date {
color:#fff;
background:#00b9f2;
}
.grey .reviews {
width:354px;
margin-left:-1px;
position:relative;
float:left;
}
.grey .reviews .txt {
width:333px;
padding:0 10px;
border-left:1px solid #c9c9c9;
}
.grey .reviews ul {
width:333px;
padding:0;
margin:0;
list-style:none;
overflow:hidden;
}
.grey .reviews ul li {
width:323px;
padding:2px 0 3px 10px;
overflow:hidden;
background:url('../img/all_enter_ul_li.gif') no-repeat 0 7px;
}
.grey .reviews ul li .bold {
display:block;
float:left;
font-weight:bold;
}
.grey .reviews ul li .bold a {
color:#000;
background-color:inherit;
}
.grey .reviews ul li .review {
display:block;
float:right;
font-size:0.9em;
color:#000;
text-align:right;
background-color:inherit;
}
.grey .reviews ul .review a {
color:#907e6b;
background-color:inherit;
}
.grey .reviews ul li a {text-decoration:none;}
.grey .reviews ul li a:hover {text-decoration:underline;}

.grey .reviews .archive {
padding-top:15px;
text-align:right;
}
.grey .cosm {
width:354px;
margin-left:-1px;
position:relative;
float:left;
}
.grey .cosm .pic {
width:200px;
display:block;
float:left;
}
.grey .cosm .pic img {
border:2px solid #dbdbd7;
margin:0 auto;
display:block;
}
.grey .cosm .txt {
width:140px;
float:left;
}
.grey .cosm .txt a {
color:#49525c;
background-color:inherit;
text-decoration:none;
}
.grey p.all {
width:344px;
clear:both;
text-align:right;
}


/* строка инфо */
p.info {
width:100%;
padding-top:1px;
display:block;
position:relative;
overflow:hidden;
z-index:2;
}
p.info span.date {
padding:0 5px 1px 5px;
display:block;
float:right;
font-size:0.9em;
position:relative;
top:1px;
}
p.info span.name {
display:block;
float:left;
}
p.info span.name a {
color:#000;
background-color:inherit;
}
p.info span.review {
display:block;
float:right;
color:#75671a;
background-color:inherit;
}
p.info span.review a {
color:#75671a;
text-decoration:none;
background-color:inherit;
}
p.info span.review a:hover {
text-decoration:underline;
}


/* блок контента */
.content {
width:699px;
padding:0 10px 20px 10px;
overflow:hidden;
}
.content .pic {
width:270px;
float:left;
}
.content .pic img {
border:2px solid #ebebe5;
margin:0 auto;
display:block;
}
.content .txt {
width:429px;
float:right;
}
.content .txt p {
margin-bottom:12px;
}
.content .date {
width:100%;
margin-top:-15px;
display:block;
position:relative;
clear:both;
float:left;
text-align:right;
font-weight:bold;
color:#900037;
background-color:inherit;
}



.on {display:block;}
.off {display:none;}

