#wrap {
width:945px;
margin:0 auto;
position:relative;
}
.both {
width:100%;
clear:both;
overflow:hidden;
}

/* ---------------------------------- подвал */
#bottom-bg {
width:945px;
height:20px;
background:url('../img/bottom-bg.png') no-repeat 0 0;
}
#footer {
width:945px;
height:9em;
position:relative;
overflow:hidden;
}
#nav {
width:855px;
position:absolute;
top:1.8em;
left:45px;
font:1.1em tahoma,arial,verdana,sans-serif;
color:#4a4a4a;
text-align:center;
}
#nav a {
color:#4a4a4a;
}
#copy {
width:855px;
position:absolute;
top:4.1em;
left:45px;
font:1.1em tahoma,arial,verdana,sans-serif;
color:#768f20;
text-align:center;
}
#copy a {
color:#768f20;
}


/* ---------------------------------- шапка */
#header {
width:945px;
height:180px;
position:relative;
overflow:hidden;
}
/* иконки */
#ico {
position:absolute;
top:25px;
left:230px;
z-index:3;
overflow:hidden;
font:11px tahoma,arial,verdana,sans-serif;
color:#4a4a4a;
background:none;
}
#ico li {
padding:0 8px 2px 18px;
float:left;
display:table-cell;
cursor:default;
}
#ico li a {
color:#4a4a4a;
}
#ico li.home {background:url('../img/ico/home.gif') no-repeat 0 50%;}
#ico li.map {background:url('../img/ico/map.gif') no-repeat 0 50%;}
#ico li.contacts {background:url('../img/ico/contacts.gif') no-repeat 0 50%;}
#banner468 {
position:absolute;
top:30px;
right:2px;
z-index:2;
}
/* баннер 468x60 */
#banner468 img {
width:468px;
height:60px;
font-size:11px;
color:#444;
display:block;
}
#top-bg {
width:945px;
height:108px;
position:absolute;
top:12px;
left:0px;
z-index:1;
background:url('../img/top-bg.png') no-repeat 0 0;
}
/* логотип */
#logo {
position:absolute;
top:20px;
left:50px;
z-index:2;
}
#logo img {
width:147px;
height:139px;
font-size:18px;
text-align:center;
display:block;
}
#header .space {
width:941px;
height:60px;
border-left:1px solid #84a120;
border-right:3px solid #739209;
position:absolute;
top:120px;
left:0px;
z-index:1;
background:#fff;
}
/* меню */
#menu {
width:669px;
height:48px;
padding:0 0 0 8px;
overflow:hidden;
float:right;
background:#f2f1ee url('../img/menu.png') no-repeat 0 0;
}
#menu ul {
height:32px;
padding:8px 18px 8px 0;
overflow:hidden;
background:url('../img/menu-ul.png') repeat-x 0 0;
}
#menu ul li {
padding:0px;
margin:0 -1px 0 0;
position:relative;
float:right;
background:#ffa652 url('../img/menu-li.png') no-repeat 100% 0;
}
#menu ul li a {
height:24px;
padding:8px 13px 0 12px;
display:block;
background:url('../img/menu-a.png') no-repeat 0 0;
}
#menu ul li.active {
background:#ff4209 url('../img/menu-li-active.png') no-repeat 100% 0;
}
#menu ul li.active a {
background:url('../img/menu-a-active.png') no-repeat 0 0;
}
#menu ul li img {
height:16px;
font-size:12px;
color:#fff;
display:block;
text-align:center;
}


/* ---------------------------------- контентная область */
#content {
width:908px;
padding:0 17px 0 16px;
border-left:1px solid #84a120;
border-right:3px solid #739209;
position:relative;
overflow:hidden;
background:#fff;
}
/* средний блок на главной */
#middle-index {
width:100%;
min-height:140px;
overflow:hidden;
}
#middle-index .left {
width:380px;
float:left;
overflow:hidden;
}
#slogan {
padding:0 0 .72em 0;
font:1.8em georgia,"Times New Roman",sans;
color:#646464;
cursor:default;
}
/* форма авторизации */
#auth {
width:100%;
padding:1em 0;
border-top:.3em solid #e1e1e3;
overflow:hidden;
}
#auth .both {
padding:0 0 .4em 0;
}
#auth label {
display:block;
float:left;
font:1.0em tahoma,arial,verdana,sans-serif;
}
#auth label.fortext {
width:146px;
padding-left:2px;
font-size:1.1em;
}
#auth label a {
color:#008edf;
}
#auth input,#auth button {
margin:0px;
}
#auth input.text {
width:136px;
margin:3px 3px 0 0;
display:block;
float:left;
}
#auth button {
width:87px;
height:30px;
padding:2px 0;
margin:-2px 0 0 -3px;
float:right;
}
#auth button span {
width:83px;
height:26px;
margin:0 auto;
display:block;
background:#ff8c24;
}
#auth button img {
width:83px;
height:26px;
display:block;
}
#auth input.checkbox {
margin:0 .7em 0 0;
float:left;
display:block;
}
#auth label.auth_remember_label {
width:128px;
}
#auth label.auth_remember_reg a {
padding:0 16px 2px 0;
display:block;
float:left;
clear:both;
white-space:nowrap;
background:url('../img/ico/arrow.gif') no-repeat 100% 50%;
}


/* главная страница - средний блок */
#middle-index .right {
width:524px;
margin:0 -9px 0 0;
float:right;
overflow:hidden;
}
/* список юзеров */
.photolist {
width:100%;
overflow:hidden;
}
.photolist .photo {
width:122px;
height:122px;
margin:0 9px 0 0;
float:left;
position:relative;
}
.photolist .photo .frame {
width:122px;
height:122px;
display:block;
position:absolute;
top:0px;
left:0px;
z-index:3;
background:url('../img/frame-photo.png') no-repeat 0 0;
}
.photolist .photo img.user {
width:120px;
height:120px;
display:block;
position:relative;
top:1px;
left:1px;
z-index:1;
}
.photolist .photo span.country {
width:27px;
height:14px;
padding:2px;
display:block;
position:absolute;
bottom:7px;
right:7px;
z-index:2;
background:url('../img/frame-country.png') no-repeat 0 0;
}
.photolist .photo span.country img {
width:27px;
height:14px;
display:block;
}


/* оплачиваемое размещение */
#payed {
width:917px;
margin:0 -9px 0 0;
padding:1em 0 0 0;
}
#payed .title {
margin:0 0 1.19em 0;
font-size:1.6em;
}
#payed .photolist {
margin:0 0 1.4em 0;
}
#payed .other {
width:100%;
margin:0px;
display:block;
overflow:hidden;
}
#payed .other a {
padding:0 16px 0 0;
display:block;
float:left;
background:url('../img/ico/arrow.gif') no-repeat 100% .4em;
}



/* приветственный блок и баннер */
#two {
width:100%;
overflow:hidden;
}
#banner290 {
width:291px;
float:right;
}
#banner290 img {display:block;}
#welcome {
width:609px;
float:left;
}
#welcome .cnt {
width:577px;
min-height:219px;
padding:25px 15px 0 15px;
border-top:1px solid #bfbfbf;
border-left:1px solid #bfbfbf;
border-right:1px solid #bfbfbf;
margin:-1px 0 0 0;
position:relative;
overflow:hidden;
z-index:1;
}
#welcome .note {
background:url('../img/note.jpg') no-repeat 100% 0;
}
#welcome .cnt h3 {
margin:0 0 .75em 0;
font:2.0em georgia,"Times New Roman",sans;
color:#646464;
}
#welcome .cnt p.register {
width:400px;
margin:0 -80px .75em 0;
position:relative;
font:1.5em georgia,"Times New Roman",sans;
color:#646464;
}
#welcome .cnt p.register a.link {
padding:0 16px 0 0;
background:url('../img/ico/arrow.gif') no-repeat 100% .6em;
}
#welcome .btm {
width:609px;
height:8px;
overflow:hidden;
background:url('../img/welcome-btm.png') no-repeat 0 0;
}
#welcome .top {
height:34px;
margin:0;
overflow:hidden;
position:relative;
z-index:2;
}
#welcome .top li {
padding:0px;
float:left;
background:#92ba1e;
}
#welcome .top li img {
width:201px;
height:34px;
font-size:15px;
display:block;
color:#fff;
}
#welcome .top li.active {
background:#fff;
}
#welcome .top li.active img {
color:#383838;
}
#welcome .top li#welcome_register_btn {margin:0 3px 0 0;}
#welcome .top li#welcome_search_btn {margin:0 3px 0 0;}

#welcome .register-left {
width:320px;
float:left;
}
#welcome .register-right {
width:208px;
padding-top:40px;
float:right;
}
strong.red {
color:#ff6615;
}


/* ---------------------------------- левая колонка */
.left-col {
width:209px;
float:left;
}
/* общий стиль блока с округлыми краями */
.block {
border:1px solid #bfbfbf;
margin:0 0 8px 0;
position:relative;
}
.block .block-tl,.block .block-tr,.block .block-bl,.block .block-br {
width:6px;
height:6px;
font-size:1px;
overflow:hidden;
position:absolute;
z-index:99;
}
.block .block-tl {
top:-1px;
left:-1px;
background:url('../img/ico/tl.gif') no-repeat 0 0;
}
.block .block-tr {
top:-1px;
right:-1px;
background:url('../img/ico/tr.gif') no-repeat 0 0;
}
.block .block-bl {
bottom:-1px;
left:-1px;
background:url('../img/ico/bl.gif') no-repeat 0 0;
}
.block .block-br {
bottom:-1px;
right:-1px;
background:url('../img/ico/br.gif') no-repeat 0 0;
}
.block .cnt {
padding:10px;
}

/* форма поиска */
#search {
width:185px;
padding:11px 11px 5px 11px;
}
#search h3 {
margin:0 0 .5em 0 !important;
}
#search .both {
padding:0 0 .6em 0;
}
#search label {
display:block;
float:left;
}
#search input,#search button {
margin:0px;
}
#search input.text {
width:177px;
margin:0px;
display:block;
float:left;
}
#search div.padding {
margin:0 0 0.9em 0;
}
#search button {
width:86px;
height:30px;
padding:2px 0;
margin:-2px 0 0 -2px;
float:left;
}
#search button span {
width:82px;
height:26px;
margin:0 auto;
display:block;
background:#ff8c24;
}
#search button img {
width:82px;
height:26px;
display:block;
}
#search input.checkbox {
margin:0 .7em 0 0;
float:left;
display:block;
}
#search-extended {
position:relative;
top:6px;
left:6px;
}
#banner207 img {display:block;}

/* ---------------------------------- правая колонка */
.right-col {
width:690px;
float:right;
overflow:hidden;
}
.right-profile {
width:515px;
float:right;
overflow:hidden;
}
/* форма регистрации */
p.info {
min-height:61px;
padding:5px 0 0 75px;
margin:0 0 2em 0;
color:#000;
line-height:1.67em;
background:url('../img/info.png') no-repeat 0 5px;
}
#registration-form {
width:100%;
}
#registration-form fieldset {
width:405px;
overflow:hidden;
float:left;
}
#registration-form input.text {
width:205px;
display:block;
float:left;
}
#registration-form .both {
padding:0 0 .5em 0;
}
#registration-form label {
display:block;
float:left;
}
#registration-form label.left {
width:178px;
padding:.25em 0;
font-size:1.2em;
}
#registration-form label.left span.red {
color:#ff5f0c;
}
#registration-form label.forradio {
margin:.25em 1.81em 0 0;
}
#registration-form input.radio,#registration-form input.checkbox {
margin:.25em .5em 0 0;
float:left;
display:block;
}
#registration-form select {
width:212px;
display:block;
float:left;
}
#registration-form select#registration-date-day {width:64px;margin:0 5px 0 0;}
#registration-form select#registration-date-month {width:82px;margin:0 4px 0 0;}
#registration-form select#registration-date-year {width:57px;}
#registration-form .hr {
width:100%;
height:.1em;
margin:1em 0 1.4em 0;
overflow:hidden;
font-size:1em;
background:url('../img/ico/hr.gif') repeat-x 0 0;
}
#registration-form button {
width:167px;
height:30px;
padding:2px 0;
margin:0 0 0 -3px;
float:left;
}
#registration-form button span {
width:163px;
height:26px;
margin:0 auto;
display:block;
background:#ff8c24;
}
#registration-form button img {
width:163px;
height:26px;
display:block;
}
#registration-form p.grey {
width:245px;
margin:-0.2em 0 1.5em 0;
float:left;
display:block;
font:1.1em/1.63em tahoma,arial,verdana,sans-serif;
color:#89a157;
}


/* список "Заполнение личных данных" */
ul.privatedata {
padding:0px;
margin:0px;
background:url('../img/ico/hr.gif') repeat-x 0 0;
}
ul.privatedata li {
width:100%;
padding:.5em 0 .58em 0;
background:url('../img/ico/hr.gif') repeat-x 0 100%;
}
ul.privatedata li a,ul.privatedata li span {
padding:0 0 0 16px;
margin:0 0 0 9px;
font-weight:bold;
background:url('../img/ico/arrow2.gif') no-repeat 0 50%;
}
ul.privatedata li span {
font-weight:normal;
color:#000;
}


/* блок "Профиль" */
#profile {
background:#f3f3f3;
}
#profile .cnt {
border-top:1px solid #fff;
padding:6px 10px;
}
#profile ul.submenu {
width:100%;
margin:0px;
overflow:hidden;
}
#profile ul.submenu li {
padding:0 10px 0 0;
float:left;
background:none;
}
#profile .menu {
margin:0 0 -1px 0;
background:#979797 url('../img/profile-menu.png') repeat-x 0 100%;
}
#profile .menu ul {
padding:0 0 0 3px;
margin:0px;
position:relative;
overflow:hidden;
}
#profile .menu li {
padding:5px 7px 8px 7px;
margin:0 4px 0 0;
float:left;
font-weight:bold;
background:none;
}
#profile .menu li a {
color:#fff;
}
#profile .menu li.active {
padding:5px 9px 8px 11px;
margin:0 4px 0 -4px;
border-right:1px solid #fff;
color:#6a6a69;
background:#f3f3f3;
}
#profile .menu li.active a {
color:#008edf;
}
#profile .menu li.active a.small {
font-size:.91em;
}
#profile .menu .welcome {
margin:0px;
line-height:1.2em;
position:absolute;
top:6px;
right:12px;
color:#fff;
}
#profile .menu .welcome a {
color:#fff;
}


/* выбор страниц */
.pager {
padding:7px;
font:1.1em tahoma,arial,verdana,sans-serif;
color:#bebebe;
cursor:default;
background:#f3f3f3;
}
.pager strong {
color:#727272;
}
.pager a {
cursor:pointer;
color:#4b86b7;
}
.pager span.prev {
padding-left:10px;
color:#727272;
background:url('../img/ico/prev.gif') no-repeat 0 .46em;
}
.pager span.next {
padding-right:10px;
color:#727272;
background:url('../img/ico/next.gif') no-repeat 100% .46em;
}



/* список пользователей */
.userlist {
width:100%;
background:url('../img/ico/hr.gif') repeat-x 0 0;
}
.userlist .user {
width:652px;
padding:7px 8px 8px 8px;
overflow:hidden;
background:url('../img/ico/hr.gif') repeat-x 0 100%;
}
.userlist .user .pic {
width:82px;
float:left;
}
.userlist .user .pic img {
width:80px;
height:80px;
border:1px solid #bfbfbf;
display:block;
}
.userlist .user .info {
width:400px;
padding:11px 0 0 13px;
float:left;
}
.userlist .user .info p {
width:100%;
margin:0px;
display:block;
overflow:hidden;
}
.userlist .user .info .left {
width:130px;
padding:0 10px 0 0;
display:block;
float:left;
color:#819a4b;
}
.userlist .user .info .right {
width:240px;
display:block;
float:right;
}
.userlist .user .buttons {
width:125px;
padding:12px 0 0 0;
float:right;
font:1.1em/1.64em tahoma,arial,verdana,sans-serif;
}
.userlist .user .buttons a {
color:#4a4a4a;
}


/* комментарии */
ul.comment {
width:100%;
margin:0px;
font:1.1em tahoma,arial,verdana,sans-serif;
overflow:hidden;
background:url('../img/ico/hr.gif') repeat-x 0 0;
}
ul.comment li {
width:473px;
padding:7px 20px 9px 0;
float:left;
position:relative;
background:url('../img/ico/hr.gif') repeat-x 0 100%;
}
ul.comment li .delete {
height:10px;
margin:-5px 0 0 0;
display:block;
position:absolute;
top:50%;
right:2px;
}
ul.comment li .delete img {display:block;}


/* информация */
p.about {
width:100%;
margin:0 0 .17em 0;
display:block;
overflow:hidden;
}
p.about .left {
width:105px;
float:left;
display:block;
color:#819a4b;
}
p.about .right {
width:380px;
float:left;
display:block;
}
p.bold {
margin:1.1em 0 1em 0;
color:#819a4b;
font-weight:bold;
line-height:1.2em;
}


/* список друзей */
.friends {
margin:0 -10px 0 0;
}
.friends .photolist {
width:500px;
}
.friends .photo {
width:115px;
height:auto;
margin:0 10px 0 0;
overflow:hidden;
}
.friends .photolist .photo .frame {
width:115px;
height:115px;
background:url('../img/frame-photo2.png') no-repeat 0 0;
}
.friends .photolist .photo img.user {
width:113px;
height:113px;
}
.friends p.name {
padding:0 0 2px 11px;
margin:11px 0 0 0;
font:1.1em tahoma,arial,verdana,sans-serif;
}
.friends p.offline {
background:url('../img/ico/offline.gif') no-repeat 0 4px;
}
.friends p.online {
background:url('../img/ico/online.gif') no-repeat 0 4px;
}


/* список друзей */
.left-profile {
width:167px;
float:left;
position:relative;
left:9px;
}
#bigphoto {
margin:0 0 2.6em 0;
}
#bigphoto img {
width:165px;
height:165px;
display:block;
position:relative;
z-index:1;
}
.left-profile .privatedata {
margin:0 0 3.5em 0;
}


/* меню "добавить в друзья */
ul.friendmenu {
width:167px;
margin:0 0 80px 0;
overflow:hidden;
font:bold 1.1em tahoma,arial,verdana,sans-serif;
}
ul.friendmenu li {
width:142px;
padding:4px 0 5px 25px;
float:left;
background:none;
}
ul.friendmenu li.add {background:url('../img/ico/add.gif') no-repeat 0 .4em;}
ul.friendmenu li.invite {background:url('../img/ico/invite.gif') no-repeat 0 .4em;}
ul.friendmenu li.send {background:url('../img/ico/send.gif') no-repeat 0 .5em;}

div.goback {
padding:0 0 0 30px;
font:1.1em tahoma,arial,verdana,sans-serif;
}
div.goback a {
padding:0 16px 2px 0;
display:block;
float:left;
background:url('../img/ico/arrow.gif') no-repeat 100% 50%;
}


h2 a.edit {
position:absolute;
top:7px;
right:10px;
font:bold .68em tahoma,arial,verdana,sans-serif;
color:#fff;
}
p.changepic {
margin:-1em 0 1.6em 0;
}
p.statistic {
margin:0 0 1.8em 0;
}
p.statistic .title {
margin:0 0 1em 0;
display:block;
}
#note {
margin:0 0 1.8em 0;
}
#note p {
margin:0px;
font:.9em/1.4em tahoma,arial,verdana,sans-serif;
color:#000;
}
#note p.title {
padding:0 0 .08em 20px;
margin:0 0 .83em 0;
font:bold 1.2em tahoma,arial,verdana,sans-serif;
background:url('../img/ico/note.gif') no-repeat 0 .08em;
}
p.result {
margin:0 0 0.9em 0;
}



/* список сообществ */
.community-list {
width:100%;
overflow:hidden;
}
.community-list ul {
width:334px;
margin:0px;
float:left;
background:url('../img/ico/hr.gif') repeat-x 1px 0;
}
.community-list ul.right {
width:333px;
border-left:1px solid #404040;
float:right;
}
.community-list ul li {
width:312px;
padding:7px 10px 8px 10px;
float:left;
position:relative;
background:url('../img/ico/hr.gif') repeat-x 1px 100%;
}
.community-list ul li {
width:312px;
}


/* форма сообщества */
#community-form {
width:100%;
padding:0 0 2px 0;
margin:0 0 .8em 0;
background:url('../img/ico/hr.gif') repeat-x 0px 100%;
}
#community-form .both {
padding:0 0 .2em 0;
}
#community-form label {
padding:.25em 0;
display:block;
float:left;
color:#819a4b;
font-size:1.2em;
}
#community-form label.left {width:58px;}
#community-form label.right {width:97px;padding-left:15px;}
#community-form input.text {
width:223px;
margin:.2em 0 0 0;
display:block;
float:left;
}
#community-form select {
margin:.4em 0 0 0;
display:block;
float:left;
}
#community-form select.left {width:263px;}
#community-form select.right {width:231px;}
#community-form button {
width:93px;
height:30px;
padding:2px 0;
margin:0 0 0 -3px;
float:left;
position:relative;
left:112px;
}
#community-form button span {
width:89px;
height:26px;
margin:0 auto;
display:block;
background:#ff8c24;
}
#community-form button img {
width:89px;
height:26px;
display:block;
}




#welcome_friends form {
width:auto !important;
padding-right:38px;

}
#welcome_friends h3 {
margin:0 0 1.12em 0 !important;
}
#welcome_friends .both {
padding:0 0 .8em 0;
}
#welcome_friends label {
padding:.17em 0 0 0;
display:block;
float:left;
font-size:1.2em;
}
#welcome_friends label.left {width:56px;}
#welcome_friends label.right {width:50px;padding-left:25px;}
#welcome_friends label.separ {padding:.17em 5px 0 5px;}
#welcome_friends select {
display:block;
float:left;
}
#welcome_friends select.left {width:145px;}
#welcome_friends select.right {width:260px;}
#welcome_friends input.checkbox {
margin:.3em;
display:block;
float:left;
}
#welcome_friends_foto {
margin:.3em .3em .3em 130px !important;
}
#welcome_friends_online {
margin:.3em .3em .3em 1.2em !important;
}
#welcome_friends .hr {
width:100%;
height:1px;
margin:12px 0;
overflow:hidden;
font-size:1px;
background:url('../img/ico/hr.gif') repeat-x 0 0;
}
#welcome_friends button {
width:86px;
height:30px;
padding:2px 0;
margin:-2px 0 0 -2px;
float:right;
}
#welcome_friends button span {
width:82px;
height:26px;
margin:0 auto;
display:block;
background:#ff8c24;
}
#welcome_friends button img {
width:82px;
height:26px;
display:block;
}




#welcome_search h3 {
margin:0 0 1.12em 0 !important;
}
#welcome_search .both {
padding:0 0 .8em 0;
}
#welcome_search label {
padding:.17em 0 0 0;
display:block;
float:left;
font-size:1.2em;
}
#welcome_search label.left {width:56px;}
#welcome_search label.right {width:70px;padding-left:15px;}
#welcome_search label.separ {padding:.17em 5px 0 5px;}
#welcome_search select {
display:block;
float:left;
}
#welcome_search select.left {width:260px;}
#welcome_search select.right {width:260px;}
#welcome_search input.radio {
margin:.3em;
display:block;
float:left;
}
#welcome_search .welcome_search_birth {
padding:.17em 9px 0 15px;
}
#welcome_search_gender_male {
margin:.3em 3px .3em 12px !important;
}
#welcome_search input.text {
width:165px;
margin:0;
display:block;
float:left;
}
#welcome_search .welcome_search_year {
width:58px;
}
#welcome_search input.checkbox {
margin:.3em;
display:block;
float:left;
}
#welcome_search_foto {
margin:.3em .3em .3em 56px !important;
}
#welcome_search_online {
margin:.3em .3em .3em 1.2em !important;
}
#welcome_search .welcome_search_online_label {
margin:0 86px 0 0;
}
#welcome_search .hr {
width:100%;
height:1px;
margin:10px 0;
overflow:hidden;
font-size:1px;
background:url('../img/ico/hr.gif') repeat-x 0 0;
}
#welcome_search button {
width:86px;
height:30px;
padding:2px 0;
margin:-2px 0 0 -2px;
float:right;
}
#welcome_search button span {
width:82px;
height:26px;
margin:0 auto;
display:block;
background:#ff8c24;
}
#welcome_search button img {
width:82px;
height:26px;
display:block;
}
#welcome_search .padright {
padding-right:10px
}





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