/* Reset styles
----------------------------------------------- */
html {font-size: 100.01%;}
* {padding: 0; margin: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, hr {border: none; outline: none; vertical-align: baseline; font-family: inherit;}
dfn, cite, var, address {font-style: normal;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left;}
:focus {outline: none;}

/* Global styles
----------------------------------------------- */
html, body {width: 100%; height: 100%;}
body {font:80% Arial, sans-serif; background-color:#fff; color:#000;}

a:link, a:visited, a:active	{color: #144E9D;}
a:hover	{color: #BB2200 !important}

#layout {margin: 0 auto; width: 88%; min-width: 960px; padding:0 10px;}
.hidden {display:none;}

/* Corners common
----------------------------------------------- */
.corner {position: absolute; background-repeat:no-repeat;}
.tl {left:0; top: 0;}
.tr {right:0; top: 0;}
.bl {left:0; bottom: 0;}
.br {right:0; bottom: 0;}

.blank {font-size:1.2em; margin-top:0.95em; color:#7f7f7f;}
.empty {padding:0.7em 0 1.6em; color:#9a9a9a;}
h1.empty {padding:0.7em 0 0.6em;}
.enter-note {color:#9a9a9a; font-size:1.3em;}
p.error a:link, p.error a:visited, p.error a:active	{color: #555}
p.error a:hover	{color: #000 !important}
p.more {margin:-0.4em 0 0;}
p.more a:link, p.more a:visited, p.more a:active {color: #BB2200}
.deleted {text-decoration: line-through}

p.a_top {clear: both; text-align: center; width: 66%}
p.a_top a {color: #7f7f7f !important; text-decoration: none; border-bottom: 1px dotted #7f7f7f}
p.a_top a.n_bord {border: none}
p.a_top img {position: relative; top: 3px}

img {font-size:0;}

/* Form common
----------------------------------------------- */
.submit {width:auto; overflow:visible; padding: 0 0.8em;}
.submit, input.text, select, textarea {font:1em Arial, sans-serif;}
select option {padding:0 0.5em;}
input.text {width:20em}
input.text, textarea {padding:2px 5px;}

.button {background:url(http://top4top.ru/images/button-bg.gif?1350206316) 0 0 no-repeat; width:210px; height:45px; line-height:45px; padding-left:28px; position:relative; margin-left:-28px;}

.button-small {background: url(http://top4top.ru/images/button-right.gif?1350206316) no-repeat 0 50%; overflow:hidden; padding:0.5em 20px; position:relative; left:-20px; float:left; margin-bottom:2.3em;}
.button-small span {background: url(http://top4top.ru/images/button-right-front.gif?1350206316) no-repeat 0 50%; display:block; height:100%; right:-1px; position:absolute; top:0; width:13px;}

.left-side {background: url(http://top4top.ru/images/button-left.gif?1350206316) no-repeat 100% 50%; padding-left:1.5em; left:-1.5em;}
.left-side span {background-image: url(http://top4top.ru/images/button-left-front.gif?1350206316); left:0;}

/* Notice block */
.notice {float:left; background-color:#e1fab6; position:relative; left:-14px;}
.notice .inner {overflow:hidden; padding:0.6em 1.3em 0.4em 0.8em; }
.notice .tl {background:url(http://top4top.ru/images/benefits-tl.gif?1350206316) 0 0 no-repeat;}
.notice .tr {background:url(http://top4top.ru/images/benefits-tr.gif?1350206316) 100% 0 no-repeat;}
.notice .bl {background:url(http://top4top.ru/images/benefits-bl.gif?1350206316) 0 100% no-repeat;}
.notice .br {background:url(http://top4top.ru/images/benefits-br.gif?1350206316) 100% 100% no-repeat;}

/* Subscription block */
.subscription {background-color:#fdeec4; clear:both; margin:0 -10px; position:relative; top:0.4em;}
.subscription .inner {overflow:hidden; padding:0.5em 30px 0.5em 0.9em !important; background:url(http://top4top.ru/images/subscription-on.gif?1350206316) 98% 50% no-repeat;}
.subscription .tl {background:url(http://top4top.ru/images/notice-yellow-tl.gif?1350206316) 0 0 no-repeat;}
.subscription .tr {background:url(http://top4top.ru/images/notice-yellow-tr.gif?1350206316) 100% 0 no-repeat;}
.subscription .bl {background:url(http://top4top.ru/images/notice-yellow-bl.gif?1350206316) 0 100% no-repeat;}
.subscription .br {background:url(http://top4top.ru/images/notice-yellow-br.gif?1350206316) 100% 100% no-repeat;}
.subscription label {padding-left:1.4em; position:relative; display:block;}
.subscription label input {margin:0.1em 0 0 -1.8em; float:left; vertical-align:text-bottom;}
.subscription p {margin:0 !important;}
.subscription p a {margin-left:1.4em;}
.subscription .stop {background:url(http://top4top.ru/images/icon-stop.gif?1350206316) 0 1px no-repeat; margin-bottom:1px;}
body:first-of-type .subscription label input {margin-top:1px;}

.sub-off {background-color:#eaeaea;}
.sub-off .inner {background-image:url(http://top4top.ru/images/subscription-off.gif?1350206316);}
.sub-off .tl {background-image:url(http://top4top.ru/images/notice-grey-tl.gif?1350206316);}
.sub-off .tr {background-image:url(http://top4top.ru/images/notice-grey-tr.gif?1350206316);}
.sub-off .bl {background-image:url(http://top4top.ru/images/notice-grey-bl.gif?1350206316);}
.sub-off .br {background-image:url(http://top4top.ru/images/notice-grey-br.gif?1350206316);}

.sub-on {background-color:#e1fab6;}
.sub-on .inner {background-image:url(http://top4top.ru/images/subscription-on.gif?1350206316);}
.sub-on .tl {background-image:url(http://top4top.ru/images/benefits-tl.gif?1350206316);}
.sub-on .tr {background-image:url(http://top4top.ru/images/benefits-tr.gif?1350206316);}
.sub-on .bl {background-image:url(http://top4top.ru/images/benefits-bl.gif?1350206316);}
.sub-on .br {background-image:url(http://top4top.ru/images/benefits-br.gif?1350206316);}

.subscription .section {padding-top:1em;}
.sub-join .inner {background-image:url(http://top4top.ru/images/subscription-on.gif?1350206316);}

.cloud-button {border:1px solid #d7d7d7; display:block; float:right; text-decoration:none; position:relative; color:#000 !important;}
.cloud-button span {display:block; position:relative;}
.cloud-button .inner {font:0.75em verdana, sans-serif; padding:0 10px 2px 9px; top:-4px;}
.cloud-button .tl {background:url(http://top4top.ru/images/answer-tl.gif?1350206316) 0 0 no-repeat; left:-1px; top:-1px;}
.cloud-button .tr {background:url(http://top4top.ru/images/answer-tr.gif?1350206316) 100% 0 no-repeat; right:-2px;}
.cloud-button .bl {background:url(http://top4top.ru/images/answer-bl.gif?1350206316) 0 100% no-repeat; bottom:-2px; left:-2px;}
.cloud-button .br {background:url(http://top4top.ru/images/answer-br.gif?1350206316) 100% 100% no-repeat; right:-2px; bottom:-4px;}
body:first-of-type .cloud-button .inner {padding-bottom:3px;}

/* Header
----------------------------------------------- */
#header {padding-bottom:2.6em; width:100%; float:left; clear:both;}
#header .content {padding-left:55px; margin-left:19%;}
#header h1 {width:135px; height:112px; font-size:1em; float:left; margin-top:19px; position:relative; left:27px;}
#header h1 img {display:block;}
#header h1 span {display:none;}
#header h2 {font-size:2.1em; font-weight:normal; margin-bottom:-0.1em;}
#header h2 span {text-indent: -1.3em; display:block; float:left;}
#header p.note {font-size:1.3em; padding-top:3px; color:#87d067;}
#header p.error {color:#C70000; margin-left:0;}

#header ul li {display:inline; color:#444;}
#header ul.menu li a, #header ul.user li a {color:#444;}
#header ul li a:hover {color: #BB2200;}
#header ul li.special a {color: #aecc38; text-decoration:none;}

#header ul.menu {margin: 2em 0 1.8em;}
#header ul.menu li {margin-right: 1em; font-size: 1.3em; line-height:3em; padding-bottom:0.8em; position:relative; top:-0.9em;}
#header ul.menu li.select {background:url(http://top4top.ru/images/menu-bg.gif?1350206316) 50% 100% no-repeat;}

#header ul.user {float:right;}
#header ul.user li {margin-left: 1em; font-size: 1.3em; vertical-align:middle;}
#header ul.user li form {display:inline;}
#header ul.user li .submit {font-size: 0.9em; height:auto;}

#header .about-link {background-color:#e1fab6; position:relative; padding:0.6em 1em; float:right; margin:1.7em 0.9em 0 0 ;}
#header .about-link .corner {background-image:url(http://top4top.ru/images/bg.gif?1350206316); width:6px; height:6px; overflow:hidden;}
#header .about-link .tl {background-position:0 -172px}
#header .about-link .tr {background-position:-6px -172px}
#header .about-link .bl {background-position:0 -178px}
#header .about-link .br {background-position:-6px -178px}
#header .about-link a:link, #header .about-link a:visited, #header .about-link a:hover, #header .about-link a:active {color:#000; text-decoration:underline;}

#header .instruction {margin: 0}
#header .delete-button {background-color:#FFB58C; float:right; padding:0.7em 1em; margin-top:-0.5em; -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px;}
#header .delete-button p span {border-bottom:1px dashed; cursor:pointer;}

#header .benefits {margin: 19px 0 -35px;}
#header .benefits li {padding-left: 18px; background:url(http://top4top.ru/images/benefits-bg.gif?1350206316) 0 2px no-repeat; display:block; color:#000 !important; margin-bottom:4px;}

/* Sub menu */
ul.sub-menu {margin-bottom: 1.4em; overflow:hidden;}
ul.sub-menu li {float:left; color:#000 !important; padding:0.4em 0 1em; margin-right:1.5em; position:relative;}
ul.sub-menu li.select {background:#ffdf9b url(http://top4top.ru/images/sub-menu-bg.gif?1350206316) 50% 100% no-repeat; padding-left:20px; padding-right:20px;}
ul.sub-menu li.select a {color:#000;}
ul.sub-menu li.sort {float:right; text-align:right; margin-right: 0; padding:0.2em 0 0}
ul.sub-menu li sub {font-size:0.9em; vertical-align:-0.45em; margin-left:2px;}
ul.sub-menu li.select sub {position:absolute; right:6px; bottom:0.65em; width:1em;}
ul.quantity li.select {padding:0.4em 25px 1.2em;}
ul.quantity li.select sub {bottom:0; line-height:0; position:relative; right:-0.15em;}
ul.sub-menu li.filter {float:right; margin:-0.3em 0 0;}

/* Question and answers menu */
ul.q-and-a {margin-bottom:2em;}
ul.q-and-a li {padding: 0.7em 0 0.7em 1.5em; position: relative; left:-1.5em; font-size:1.05em;}
ul.q-and-a li.select {width: 100%; background: url(http://top4top.ru/images/q-and-a-right.gif?1350206316) 100% 50% no-repeat; overflow: hidden;}
ul.q-and-a li.select span {position: absolute; left: 0; top: 0; height: 100%; width: 13px; display: block; background: url(http://top4top.ru/images/q-and-a-left.gif?1350206316) 0 50% no-repeat;}

/*Auth social networks*/
.social_box {float:right; position:relative; padding:0 37px 5px 22px; overflow: hidden;}
.social_auth {margin-top: 28px; font-size: 100%; }
.services {margin-top: 5px; margin-left: 47px;}
.services_profile{position: relative; margin-top: 5px;}
.services_profile a { line-height: 33px; }
.services_profile img { float: left; }

/* Login box
----------------------------------------------- */
.login_box {float:right; position:relative; padding:0 37px 5px 22px; overflow: hidden; background-color: #318C00;}
.login_box .bl, .login_box .br {width:16px; height:16px;}
.login_box .bl {background:url(http://top4top.ru/images/bg.gif?1350206316) 0 0;}
.login_box .br {background:url(http://top4top.ru/images/bg.gif?1350206316) 16px 0;}
.login_box p {text-align:right; font-size:0.95em; margin:0 0 0.8em; width:100%; float:left; clear:both;}
.login_box .text {width:168px; padding:0 0 0 0.3em; height:1.3em;}
.login_box a:link, .login_box a:visited, .login_box a:hover, .login_box a:active {color:#fff;}
.login_box a:hover {color:#FAF2C0 !important;}
.login_box .register-link {display:block; background:url(http://top4top.ru/images/bg.gif?1350206316) 100% -41px no-repeat; padding-right:13px; margin:0.5em -13px -0.35em 0;}
.login_box .submit {float:left;}
.login_box .remind {position:relative; top:-0.6em;}
.login_box .readonly {color:#999;}
.login_box, x:-moz-any-link {width:14em;}
.login_box, x:-moz-any-link, x:default {width:auto;}/*FireFox 3*/
html:first-child .login_box {width:14.5em;} /* Opera 9.27 */




/* Content
----------------------------------------------- */
#content, .columns {width:100%; float:left; clear:both;}
.columns {margin-bottom:2em; position:relative;}
.col-left {width:19%; float:left;}
.col-right {margin-left:19%; padding-left:55px;}
.col1 {width:66%; float:left;}
.col2 {width:29%; float:right; clear:right;}

/* Dashboard */
.dashboard {background-color:#fceeb5; width:100%; padding:1.7em 1.9em; margin:-1.5em -1.9em 3em;}
.dashboard .avatar {width:70px; border:1px solid #d6d5d0; float:left; margin-left:10px;}
.dashboard .menu {margin-left:92px; margin-top:0.5em;}
.dashboard .menu li {font-size:0.85em; padding-top:0.3em;}
.dashboard .menu li a:link, .dashboard .menu li a:visited, .dashboard .menu li a:hover, .dashboard .menu li a:active {color:#000;}

.dashboard .menu li a.discuss {background-color: #318C00; display: block; float: left !important; padding: 0.4em 0.6em; white-space: nowrap; position: relative; left: -0.6em; border: none;}
.dashboard .menu .tl {background-position:0 -184px}
.dashboard .menu .tr {background-position:-7px -184px}
.dashboard .menu .bl {background-position:0 -191px}
.dashboard .menu .br {background-position:-7px -191px}
.dashboard .menu li a.discuss:link, .dashboard .menu li a.discuss:visited, .dashboard .menu li a.discuss:hover, .dashboard .menu li a.discuss:active {color:#fff; text-decoration:none;}
.dashboard .menu li a.discuss:hover {color:#FAF2C0 !important;}

.dashboard .items {margin-top: 0.3em}
.dashboard .items dl {float:left; margin-right:2.2em; margin-bottom:0.8em;}
.dashboard .items dt {font-size:1.65em; margin-bottom:0.2em;}
.dashboard .items dd {background-color:#fff; float:left; font-size:1.2em; position:relative; color:#8f8f8f; margin-left:-0.1em;}
.dashboard .items .content {padding:0.3em 0.5em 0.4em; overflow:hidden;}
.dashboard .items .corner, .dashboard .menu .corner {background-image:url(http://top4top.ru/images/bg.gif?1350206316); width:7px; height:7px; overflow:hidden;}
.dashboard .items .tl {background-position:0 -158px;}
.dashboard .items .tr {background-position:-7px -158px;}
.dashboard .items .bl {background-position:0 -165px;}
.dashboard .items .br {background-position:-7px -165px;}
.dashboard .items a.new:link, .dashboard .items a.new:visited, .dashboard .items a.new:hover, .dashboard .items a.new:active {color:#BB2200;}
.dashboard .items dt a:link, .dashboard .items dt a:visited, .dashboard .items dt a:hover, .dashboard .items dt a:active {color:#000;}

.dashboard .items .control-panel {border:none; clear:none; float:none; font-size:0.9em; margin:-0.4em 0 -0.1em 0.2em; padding:0;}
.dashboard .items .control-panel li {margin-right:0.8em;}
.dashboard .items .control-panel li .quote i {font-size: 1.45em; line-height: 1.15}

/*FireFox 2*/
.dashboard .items .control-panel, x:-moz-any-link {margin-top:0.15em;}
.dashboard .items .control-panel ul, x:-moz-any-link {margin-bottom:-0.3em; position:relative; top:0.3em;}
.dashboard .items .control-panel li .quote, x:-moz-any-link  {position:relative; top:-0.2em;}
.dashboard .items .control-panel li .quote i, x:-moz-any-link  {line-height:0;}

/*FireFox 3*/
.dashboard .items .control-panel, x:-moz-any-link, x:default {margin-top:-0.4em;}
.dashboard .items .control-panel ul, x:-moz-any-link, x:default {margin-bottom:0; position:static;}
.dashboard .items .control-panel li .quote, x:-moz-any-link, x:default  {position:static;}
.dashboard .items .control-panel li .quote i, x:-moz-any-link, x:default {line-height: 1.15}

/* Invisible man asks :) */
.invisible {display:none; position:fixed; bottom:200px; right:200px; width:22em; background:#fff; z-index:100;}
.invisible .indent {padding: 1em 1em 1.3em;}
.invisible p {margin:0 !important; line-height:1.3;}
.invisible .tl, .invisible .tr, .invisible .bl, .invisible .br {position: relative; top: 0; left: 0; right: 0;}
.invisible .tl {background: url(http://top4top.ru/images/h_tl.gif?1350206316) no-repeat top left; position: relative; left: -1.2em}
.invisible .tr {background: url(http://top4top.ru/images/h_tr.gif?1350206316) no-repeat top right;}
.invisible .bl {background: url(http://top4top.ru/images/h_bl.gif?1350206316) no-repeat bottom left;}
.invisible .br {background: url(http://top4top.ru/images/h_br.gif?1350206316) no-repeat bottom right;}
.invisible .tail {background: url(http://top4top.ru/images/invisible-tail.gif?1350206316) no-repeat; width: 19px; height: 19px; position: absolute; bottom: -18px; right:40px;}

/* Hello */
.hello .indent {padding: 1.2em;}
.hello .photo {background: none; margin: 0}
.hello .photo img {margin:0 0 7px 2px;}
.hello h3 {font-size:1.4em; font-weight:normal; margin-bottom:0.45em;}
.hello p {margin-bottom:0.45em; line-height:1.3;}
.hello .tl, .hello .tr, .hello .bl, .hello .br {position: relative; top: 0; left: 0; right: 0;}
.hello .tl {background: url(http://top4top.ru/images/h_tl.gif?1350206316) no-repeat top left; position: relative; left: -1.2em}
.hello .tr {background: url(http://top4top.ru/images/h_tr.gif?1350206316) no-repeat top right;}
.hello .bl {background: url(http://top4top.ru/images/h_bl.gif?1350206316) no-repeat bottom left;}
.hello .br {background: url(http://top4top.ru/images/h_br.gif?1350206316) no-repeat bottom right;}
.hello .tail {background: url(http://top4top.ru/images/hello-tail.gif?1350206316) no-repeat; width: 19px; height: 19px; position: absolute; margin-left: 135px; top: -18px;}

/* Introducing a star */
.intro {margin-bottom:2.5em;}
.intro p {line-height:1.4; margin-bottom:1.7em;}
.intro p.avatar {line-height:normal; margin-bottom:14px;}
.intro p.avatar img {width:190px; height:190px;}
.intro p.user-star {font-size:1.2em; color:#87d067; overflow:hidden; margin-bottom:1.55em;}
.intro p.user-star a {font-size:0.8em; color:#8e8e8e !important; display:block; clear:both; margin-top:0.2em;}
.intro p.empty {margin:-0.8em 0 0 13px;}
.intro .my-star {text-align:center; padding:0 12px}
.intro .ask {background:#ffeec4 url(http://top4top.ru/images/ask-bg.gif?1350206316) 50% 0% no-repeat; padding:27px 12px 2px 12px; margin-top:1.7em;}
.intro .ask h3 {font-size:1.1em; margin-bottom:0.5em;}
.intro .ask h3 a:link, .intro .ask h3 a:visited, .intro .ask h3 a:hover, .intro .ask h3 a:active {color:#b75112;}
.intro .ask p {line-height:1.15; margin-bottom:1em; font-size:0.95em;}
.intro .ask .button {height:auto; width:auto; text-align:center; background:none;}
.intro .ask .button input { margin:0}
.intro .ask form {text-align:center;}
.intro .ask form p {font-size:1.0em;}
.intro a.edit:link, .intro a.edit:visited, .intro a.edit:hover, .intro a.edit:active {color:#ca4c4c; background:none;}
.intro form {position:relative;}

/* User settings */
.user-settings {float:right; width:27%; position:relative; z-index:2; margin-top:-4.7em;}
.user-settings .avatar img {display: block; margin: 8px 0}
.user-settings dl {margin-bottom:2.5em;}
.user-settings dt {font-size:1.4em; margin-bottom:0.5em;}
.user-settings dl.password dd {font-size:1.7em;}
.user-settings  .loading  {display: block; width: 190px; height: 190px; border: 1px solid #d9d9d9; background:url(http://top4top.ru/images/ajax-loader.gif?1350206316) 50% no-repeat; margin: .6em 0}
.user-settings span.error {color:#BB2200; display:block; width:190px; margin-bottom:0.5em;}

/* Person types */
.person-types {margin-bottom:4.5em;}
.person-types li {font-size:1.1em; margin-bottom:0.75em; width:85%;}
.person-types a:link, .person-types a:visited, .person-types a:hover, .person-types a:active {color:#0099CC;}
.person-types sub {font-size:0.7em; position:relative; top:0.3em;}
.person-types span {background:url(http://top4top.ru/images/idols_arrow-front.png?1350206316) no-repeat 100% 50%; display:block; padding:0.5em 0; margin-right:-3em;}
.person-types li.select {background:#FCE6AF url(http://top4top.ru/images/idols_arrow.png?1350206316) repeat -0.5em 50%; left:-3em; margin:-0.3em 0 0.41em; position:relative; padding:0 3em;}

/* Themes */
.topics {margin-bottom:4.5em;}
.topics h3 {font-size:2em; font-weight:normal; margin-bottom:0.6em;}
.topics li {margin-bottom:0.9em; font-weight:bold;}
.topics li a:link, .topics li a:visited, .topics li a:hover, .topics li a:active {color: #000;}
.topics li a:hover {color: #BB2200;}

/* Stars */
.stars {margin-left: -31px; margin-bottom:1.4em;}
.stars li {display:inline-block; margin:0 7px 0.6em 0; padding: 0.9em 0; vertical-align:top; width:131px; position:relative;}
.stars dl {text-align:center;}
.stars dt img {height:70px; display:block; margin:0 auto;}
.stars dd {line-height:1.1; margin-top:0.2em;}
.stars dd a {display:block; margin-bottom:0.2em;}
.stars dd ins {display:block; text-decoration:none; font-weight:bold;}
.stars dd ins a {font-weight:normal;}
.stars dl.more {text-align:left; font-size: 0.85em; padding-left: 25px}
.stars dl.more dt {font-weight: bold; margin-bottom:0.8em;}
.stars dl.more dd {margin-bottom:0.2em;}
.stars li.add dd a:link, .stars li.add dd a:visited, .stars li.add dd a:hover, .stars li.add dd a:active {color:#ca4c4c;}
.stars .update {display:block; background: url(http://top4top.ru/images/update-bg.gif?1350206316) 0 0 no-repeat; width:20px; height:20px; color:#fff; font-size:0.85em; line-height:20px; text-align:center; position:absolute; top:10px; right:20px;}
.stars dt input {position: relative; top: -29px; margin-right: .3em}
.stars li.select {background-color: #E8FFC6;}
.stars, x:-moz-any-link {overflow:hidden;}
.stars li, x:-moz-any-link {float:left; height:10em;}
.stars, x:-moz-any-link, x:default {overflow:visible;}
.stars li, x:-moz-any-link, x:default {float:none; height:auto;} /*FireFox 3*/

/* Fans */
.fans {padding-bottom:3em;}
.fans ul {margin-left:-39px;}
.fans h3 {font-size:1.2em; margin-bottom:0.55em;}
.fans h3 sub {vertical-align:-2px; font-size:0.6em; margin-left:2px;}
.fans li {display:inline-block; margin:0 0 1em 36px; vertical-align:top; width:65px; text-align:center;}
.fans li a {line-height:1.2; display:block; color:#000 !important; font-size:0.85em; width:65px; overflow:hidden;}
.fans li img {width:60px; height:60px; display:block; margin:0 auto 4px;}
.fans p.more {margin:0; text-align:right; width:213px;}
.fans p.more a:link, .fans p.more a:visited, .fans p.more a:active {color: #b9b9b9;}
.fans p.p_fans {font-size: 120%; line-height: 130%;}
.fans li, x:-moz-any-link {float:left; height:7em;}
.fans li, x:-moz-any-link, x:default {float:none; height:auto;} /*FireFox 3*/

#profile .fans {clear:none;}

/* Fans in right column */
.col2 .fans {padding-bottom:2em; margin:0; /*width:213px;*/ overflow:hidden;}
.col2 .fans ul {margin:0 -11px 0 0;}
.col2 .fans li {margin:0 6px 1.1em 0; padding:0;}
.col2 .fans h3 {font-size:2em; font-weight:normal; margin-bottom:0.5em;}
.col2 .fans h3 sub {font-size:0.35em;}

/* Active Fans */
.active-fans {margin-bottom:2.5em;}
.active-fans h3 {font-size:1.2em; margin-bottom:0.55em;}
.active-fans li {line-height:1.3; margin-bottom:0.5em;}
.active-fans li a {color:#000;}

/* Blog items */
.blog {margin-left:-55px;}
.blog li {padding-bottom:29px; padding-right:0.6em; margin-right:-0.6em; overflow:hidden; position:relative;}
.blog .quest {padding-bottom:34px;}
.blog .avatar {width:35px; height:35px;}
.blog .item-content {margin-left:35px; padding:0 0 0 20px;}
.blog .date {color:#999;}
.blog .person a.date:link, .blog .person a.date:visited, .blog .person a.date:active {text-decoration:none; color: #999;}
.blog .person a.date:hover {text-decoration:underline;}

.blog .author {margin-bottom:0.4em; color:#666; font-size:1.05em;}
.blog .author a:link, .blog .author a:visited, .blog .author a:hover, .blog .author a:active {color:#666; text-decoration:none;}
.blog .author a:hover {text-decoration:underline;}
.blog .author .avatar {margin-left:-55px; float:left;}

.blog dl.author {margin-bottom:2em;}
.blog dl.author dt {margin-bottom:0.4em;}
.blog dl.author dd a:link, .blog dl.author dd a:visited, .blog dl.author dd a:hover, .blog dl.author dd a:active {color:#000; text-decoration:underline;}

.blog .person {margin-bottom:0.6em;}
.blog .person strong {font-size:1.4em; margin-right:0.3em;}
.blog .person b {font-size:1.1em; margin-right:0.3em;}
.blog .person a:link, .blog .person a:visited, .blog .person a:hover, .blog .person a:active {color:#000;}

.blog dt {font-size:1.3em; margin-bottom:0.3em;}
.blog dt .link {background:url(http://top4top.ru/images/link-bg.gif?1350206316) 0 0 no-repeat !important; padding-left:26px;}
.blog dt .date {font-size:0.85em; margin-left:11px;}
.blog dt.quote {font-style:italic; font-family:"Times New Roman"; text-indent:-0.6em;}
.blog dd .body p {font-size:1.1em; margin-bottom:0.9em; line-height:135%;}
.blog dd .body object {margin-top:1em; display:block;}

.blog .buttons {clear:both;}

.blog .user-question .body p {line-height:140%; font-size:1.1em; margin-bottom:0.9em;}
.blog .user-question .person  {font-size:1.1em;}
.blog .user-question .person .avatar {margin:0 11px 0 3px;}
.blog .quest .user-question {border:1px solid #c8c8c8; margin:0 0 10px -1.1em;}
.blog .quest .user-question .tl {background:url(http://top4top.ru/images/question-tl.gif?1350206316) 0 0 no-repeat; position:relative; top:-1px; left:-1px;}
.blog .quest .user-question .tr {background:url(http://top4top.ru/images/question-tr.gif?1350206316) 100% 0 no-repeat; position:relative; right:-2px;}
.blog .quest .user-question .bl {background:url(http://top4top.ru/images/question-bl.gif?1350206316) 0 100% no-repeat; position:relative; bottom:-2px; left:-2px;}
.blog .quest .user-question .br {background:url(http://top4top.ru/images/question-br.gif?1350206316) 100% 100% no-repeat; position:relative; right:-2px;}
.blog .quest .user-question .inner {padding:12px 0.9em 7px; overflow:hidden;}
.blog .quest .user-question p {margin-bottom:0.9em;}
.blog .quest .user-question .person  {font-size:0.9em;}
.blog .quest .user-question .person strong {font-size:1.1em;}
.blog .quest .user-question .body p {line-height:140%; font-size:1em;}
.blog .quest .user-question .add-comment .button-small {left:-17px; padding-left:17px; margin-right:3px;}

.blog .answer p {font-size:1.1em; margin-bottom:0.9em; line-height:135%;}
.blog .answer img {margin: 0 0 8px; float:right;}
.blog .answer .reply {color:#9A9A9A; float:left; margin-bottom:0;}
.blog li .add-comment .avatar, .blog li .add-comment h3 {display:none;}
.blog .add-comment p {margin-bottom:0.6em !important;}
.blog .add-comment p.error {font-size:1em !important;}
.blog .add-comment {width:100%; clear:none;}
.blog .add-comment textarea {width:97%;}
.blog .add-comment .button-small {margin-bottom:1em;}

.blog .message {bottom:14px; left:50%; margin-left:-11.7em; top:auto;}

.profile-type .item-content {padding:0; margin-left:55px;}
.profile-type .quest {margin-right:-0.6em;}
.profile-type .quest .item-content {background-color:#f8f4e6; padding:0 1.3em 1em; margin-left:40px;}
.profile-type .quest .user-question {border:none; margin-bottom:0;}
.profile-type .quest .user-question .tl, .profile-type .quest .user-question .tr, .profile-type .quest .user-question .bl,
.profile-type .quest .user-question .br {background:none;}
.profile-type .quest .user-question .inner {padding-right:0;}
.profile-type .quest .user-question .person {font-size:1.1em; margin-bottom:0.6em;}
.profile-type .quest .user-question .person strong {font-size:1.4em;}
.profile-type .quest .user-question .body p {font-size:1.1em;}
.profile-type .quest .answer {overflow:hidden;}
.profile-type .quest .add-comment textarea {width:98%;}
.profile-type .quest .answer .add-comment textarea {width:97%;}
.profile-type .quest .add-comment .button-small {background:none; padding-right:0;}
.profile-type .quest .add-comment .button-small span {display:none;}
.profile-type .author {display:none;}
.profile-type .answer p {font-size:1.3em; margin-bottom:0.6em;}
.profile-type .answer .add-comment .button-small {margin:0;}

.join {color:#777; clear:left; padding-bottom:1px;}
.join b {font-size:1.15em; display:inline-block; margin:-0.3em 0 -0.3em;}
.join a {white-space:normal !important; text-decoration:none; border-bottom:1px dashed; display:inline !important; font:1em arial !important; float:none !important; color:#000 !important;}
.join .loader {padding-left:16px; height:16px; background:url(http://top4top.ru/images/loader.gif?1350206316) 0 0 no-repeat; margin-left:7px;}
.join .error {color:#BB2200; white-space:nowrap; margin-left:7px;}
.join li {display:inline; margin:0 0.3em 0 0 !important; color:#000 !important; padding:0 !important; color:#000; line-height:140%;}
.join li a {text-decoration:underline; border-bottom:none; font-size:0.95em !important;}
.join li b {font-size:1em; font-weight:bold !important; margin:0;}
.join li b a {font-weight:bold !important;}
.quest .join {float:left; clear:both; margin:0.5em 0 1em;}

.blog .body p a, .blog dt a.link {white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, начиная с 1999 года */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word;}

/* Comments list */
div.comments ul {clear:both;}
div.comments h3 {font-weight:normal; font-size:1.4em; border-top:1px dashed #B2B2B2; padding-top:0.6em; margin:0 0 2em;}
div.comments h3 span {font-style: normal; font-size: 80%; color: #7f7f7f}
div.comments h3 span a {text-decoration: none; border-bottom: 1px dashed #7f7f7f; color: #7f7f7f !important}
div.comments h3.empty {padding:0.6em 0 0;}
div.comments li {margin:0 -0.6em 2em -45px; padding:0 0.6em 0 0; overflow:hidden;}
div.comments li img.avatar {position:relative; float:left;}
div.comments li p {margin-bottom:0.9em;}
div.comments li p.deleted {color:#a9a9a9; font-style:italic; margin-left:45px; text-decoration:none;}
div.comments li dl {margin-left:45px;}
div.comments li dl dt {margin-bottom:0.8em; font-size:1em;}
div.comments li dl dt a:link, div.comments li dl dt a:visited, div.comments li dl dt a:hover, div.comments li dl dt a:active {color:#000;}
div.comments li dl dt a.date:link, div.comments li dl dt a.date:visited, div.comments li dl dt a.date:hover, div.comments li dl dt a.date:active {color:#9a9a9a; font-size:0.85em; margin-left:0.8em; text-decoration:none;}
div.comments li dl dt a.date:hover {text-decoration:underline;}
div.comments li dl dt a.link {background:url(http://top4top.ru/images/link-bg.gif?1350206316) 0 50% no-repeat; padding-left:26px;}
div.comments li dl dt a.quote {font-style:italic; font-family:"Times New Roman"; position: relative; color:#000 !important; text-decoration:none;}
div.comments li dl dt a.quote  i {white-space: nowrap;}
div.comments li dl dt a.quote  i.open {position: absolute; left: -0.8em; top: 0.1em;}
div.comments li dd p {margin-bottom:1.3em !important;}
div.comments li dd div p {white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, начиная с 1999 года */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word;}
div.comments li.edit-text dd, div.comments li.edit-text .add-comment h3, div.comments li.edit-text .add-comment .avatar, div.comments li.edit-text .buttons {display:none;}
div.comments .add-comment {position:relative; margin-bottom:2.3em;}
div.comments li .add-comment {clear:none; width:auto; float:none; margin:0 0 0 45px;}
div.comments .add-comment textarea {width:89% !important;}
div.comments .source {background-color:#eaeaea; padding:0.65em 0.7em 0.55em; margin:0 0 0.8em 45px;}
div.comments .buttons {margin-left:45px;}
div.comments .add-comment .button-small {margin-bottom:0;}

.buttons a:link, .buttons a:visited, .buttons a:hover, .buttons a:active {color:#000; white-space:nowrap; display:block;}

div.prev_comments  {position: relative; margin-bottom: 2.4em; color: #777777; font-size: 130%; padding-bottom: 1px;}
div.prev_comments a {color: #5F5F5F !important; text-decoration: none; border-bottom: 1px dashed #5F5F5F}
div.prev_comments .loader {background: url(http://top4top.ru/images/loader.gif?1350206316) no-repeat; padding-left: 16px; height:16px; margin-left:7px;}
a.more {color: #777777 !important; text-decoration: none; border-bottom: 1px dashed #777777}


/* Adding comment form */
.add-comment {width:100%; float:left; clear:both;}
.add-comment h3 {font-style:italic; border:none !important; margin:0.4em 0 0.6em !important; padding:0 !important;}
.add-comment textarea {width:90%;}
.add-comment .avatar {float:left; margin-left:-45px; position:relative;}
.add-comment .after {margin:0 0 0 -12px; float:left; line-height:2.5;}
.add-comment .control {margin:1em 0 0 0;}
.add-comment .notice {left:-1.3em;}
.add-comment .inner {padding:0.65em 1.3em 0.75em 1.3em; }
.add-comment .notice p {margin:0 !important; line-height:normal;}
.new-comm {width:100%;}
.add-comment label {font-size:0.9em; display:block;}
.add-comment label input {position:relative; top:-0.1em;}
.add-comment label input, x:-moz-any-link { vertical-align:text-bottom;}
.add-comment .subscription {background:none; clear:none; margin:0 9% 0 0; position:relative; top:0.7em; float:right;}
.add-comment .subscription label {padding-left:0; font-size:1em;}
.add-comment .subscription label input {margin:0 0.3em 0 0;}
.add-comment .message {width:26em; margin-left:-13em !important; left:50% !important;}

/* Control panel */
.control-panel {position: relative; border: 1px dashed #c7c7c7; padding: 0.9em 0 1em 1em; margin: 0 0 2em -1.1em;}
.control-panel h3 {color: #8e8e8e; font-weight:normal; font-size:1.4em; margin-bottom:-0.05em;}
.control-panel li {cursor: pointer; display:inline-block; margin-right: 1.5em; color: #000; font-size:0.9em; padding-bottom:1px;}
.control-panel li a:link, .control-panel li a:visited, .control-panel li a:hover, .control-panel li a:active {text-decoration: none; color: #000;}
.control-panel li a:hover {color: #000 !important;}
.control-panel li ins {border-bottom:1px solid #000; text-decoration: none;}
.control-panel li.select {cursor:auto; background: url(http://top4top.ru/images/active_type.gif?1350206316) 50% 100% no-repeat;}
.control-panel li.select a {cursor:auto;}
.control-panel li.select ins {border:none !important;}

.control-panel .link:link, .control-panel .link:visited, .control-panel .link:hover, .control-panel .link:active {color: #144E9D; padding-left: 15px; background: url(http://top4top.ru/images/type_link.gif?1350206316) 0 70% no-repeat;}
.control-panel .link:hover {color: #144E9D !important;}
.control-panel .link ins {border-color: #144E9D;}
.control-panel .music:link, .control-panel .music:visited, .control-panel .music:hover, .control-panel .music:active {color: #5B9C2D; padding-left:15px; background: url(http://top4top.ru/images/type_music.gif?1350206316) 0 60% no-repeat;}
.control-panel .music:hover {color: #5B9C2D !important;}
.control-panel .music ins {border-color: #5B9C2D;}
.control-panel .video {padding-left: 21px; background: url(http://top4top.ru/images/type_video.gif?1350206316) 0 70% no-repeat;}
.control-panel .image {padding-left: 25px; background: url(http://top4top.ru/images/type_image.gif?1350206316) 0 70% no-repeat;}

.control-panel .quote {font:italic 1.2em 'Times New Roman';}
.control-panel .quote i {font-size: 1.6em;}
.control-panel .quote i.open {margin-top: -0.2em;}
.control-panel .quote i.close {position: relative; left: -0.1em;}

.control-panel div {width: 5px; height: 5px; overflow:hidden; position: absolute; z-index:10; background-image: url(http://top4top.ru/images/bg.gif?1350206316);}
.control-panel div.tl {background-position: 0 -148px; left: -1px; top: -1px;}
.control-panel div.tr {background-position: -5px -148px; right: -1px; top: -1px;}
.control-panel div.bl {background-position: 0 -153px; left: -1px; bottom: -1px;}
.control-panel div.br {background-position: -5px -153px; right: -1px; bottom: -1px;}

/*FireFox 2*/
.control-panel, x:-moz-any-link {overflow:hidden;}
.control-panel li, x:-moz-any-link {float:left;}
.control-panel .quote, x:-moz-any-link {margin-top:-0.2em;}
.control-panel .quote i, x:-moz-any-link  {font-size: 1.5em; line-height:0;}

/*FireFox 3*/
.control-panel li, x:-moz-any-link, x:default {float:none;}
.control-panel .quote, x:-moz-any-link, x:default {margin-top:0;}
.control-panel .quote i, x:-moz-any-link, x:default {font-size: 1.6em; line-height:normal;}

/* Ask panel */
.ask-panel {margin-bottom:2em; background:#EAEAEA; padding: 0.9em 0 1em 1em; margin: 0 0 2em -1.1em;}
.ask-panel h3 {font-size:1.2em; font-weight:normal; color:#000; }
.ask-panel h3 .ask {text-decoration:none; border-bottom:1px dashed;}
.ask-panel .add-question {margin-top:1em;}
.ask-panel .add-question textarea {width:95%;}
.ask-panel .add-question .form-submit {padding-bottom:0.5em; margin-bottom:0;}
.ask-panel .add-question .button-small {left:0; padding:0; margin:0; background:none;}
.ask-panel .add-question .button-small span {display:none;}
.ask-panel .add-question label {display:block; margin:0.4em 0 0; width:10em; float:left;}
.ask-panel .add-question input.text, .ask-panel table {margin-bottom:1em !important;}
.ask-panel .add-question .log-error {margin:-0.5em 0 0.5em 10.5em; color:#BB2200;}
.ask-panel .add-question p.error {margin:0.5em 0 0 0.5em;}
.disabled h3 {color:#8e8e8e;}

/* Star message */
.star-message {margin-bottom:2em; background:#fff; border:1px solid #cbcbcb; margin: 0 0 2em -1.1em; position:relative;}
.star-message p {font-size:1.2em; font-weight:normal; color:#BB2200; padding: 0.7em 0.7em 0.9em;}
.star-message .tl, .star-message .tr, .star-message .bl, .star-message .br {position: relative;}
.star-message .tl {background: url(http://top4top.ru/images/h_tl.gif?1350206316) no-repeat top left; top:-1px; left:-1px;}
.star-message .tr {background: url(http://top4top.ru/images/h_tr.gif?1350206316) no-repeat top right; right:-2px;}
.star-message .bl {background: url(http://top4top.ru/images/h_bl.gif?1350206316) no-repeat bottom left; bottom:-2px; left:-2px;}
.star-message .br {background: url(http://top4top.ru/images/h_br.gif?1350206316) no-repeat bottom right; right:-2px;}
.star-message .tail {background:url(http://top4top.ru/images/star-message-tail.gif?1350206316) 0 0 no-repeat; width:19px; height:19px; position:absolute; top:50%; left:-19px; margin-top:-8.5px; z-index:10;}

/* Controls */
.control {display:block; margin-left: 0.5em; padding:0 1em; position: relative; float: right; text-decoration: none; font:0.75em verdana, sans-serif; line-height:1.5; top: -0.2em; border:1px solid #D7DFE5; background-color:#eceff1; color:#464748 !important; height:1.5em;}
.control i {display: block; overflow:hidden; position: absolute; width: 2px; height: 2px; background: url(http://top4top.ru/images/button-grey.gif?1350206316) 0 0 no-repeat; z-index:10;}
.control i.tl {background-position: 0 0; left: -1px; top: -1px;}
.control i.tr {background-position: 0 100%; right: -1px; top: -1px;}
.control i.bl {background-position: 0 100%; left: -1px; bottom: -1px;}
.control i.br {background-position: 100% 100%; right: -1px; bottom: -1px;}

.control:hover {background-color: #d7dfe5; color:#464748 !important;}
.control.edit {background-color: #fbeca7; border-color: #f1e093; color: #58595a;}
.control.edit:hover {background-color: #f1e094; color:#464748 !important;}
.control.edit i {background-image: url(http://top4top.ru/images/button-orange.gif?1350206316);}
.control.edit i.blade {background: url(http://top4top.ru/images/pencil-top.gif?1350206316) right 49%; width: 0.8em; height: 1.5em; right: -0.9em; top: 0;}
.control span {color:red; margin-right:0.3em;}

/* Pager */
.pager {font-size: 1.35em; overflow:hidden;}
.pager p {margin-bottom: 0.6em;}
.pager p.nav {font-size: 0.9em; color: #c7c7c7;}
.pager p.nav .prev {padding-left: 18px; margin-right: 1.2em;}
.pager p.nav .next {padding-right: 18px;}
.pager p.nav span.prev {background: url(http://top4top.ru/images/ico_s_prev.gif?1350206316) no-repeat left;}
.pager p.nav span.next {background: url(http://top4top.ru/images/ico_s_next.gif?1350206316) no-repeat right;}
.pager p.nav a span.prev {background: url(http://top4top.ru/images/ico_a_prev.gif?1350206316) no-repeat left; margin-right: 0;}
.pager p.nav a span.next {background: url(http://top4top.ru/images/ico_a_next.gif?1350206316) no-repeat right;}
.pager p.nav a.prev {padding-left:0;}
.pager li {float: left;}
.pager li a, .pager li span {display: block; padding: .3em .5em;}
.pager li.select span {background-color: #e7e7e7;}

/* Interview */
.interview {padding-bottom:2em;}
.interview h2, .interview h3 {line-height:1.2; font-weight: normal;}
.interview h2 {font-size: 2.2em; margin-bottom: .5em}
.interview h3 {font-size: 1.4em; padding-top:1em;}
.interview h3 span {margin-left:-1.2em;}
.interview h3 a {text-decoration:none;}
.interview img.day_idol {margin-bottom: 9px}
.interview p {margin-bottom: .8em; line-height:1.3;}

/* Questions */
.questions {margin-bottom:2em;}
.questions h3 {font-size: 1.3em; margin-bottom:0.6em;}
.questions ul {width: 74%}
.questions ul li {overflow:hidden;}
.questions ul div {background:url(http://top4top.ru/images/quote-bottom.gif?1350206316) 0 100% no-repeat; margin-bottom:0.9em; padding-bottom: 27px;}
.questions ul div p {line-height:1.3; margin-bottom:0.5em;}
.questions ul p.author {background: none; font-size:0.9em; margin-bottom:2.2em; padding:0; float:left;}
.questions ul p.author a:link, .questions ul p.author a:visited, .questions ul p.author a:active {color:#000;}
.questions ul p.author img {display:block; margin-bottom:8px;}

/* Static pages styles */
.static {position:relative; margin-bottom:0;}
.static h3 {font-size: 1.5em; margin:1.1em 0 0.3em; font-weight:normal;}
.static p {line-height: 1.5em; margin-bottom:0.9em;}
.static ol, .static ul {margin-bottom:0.9em; padding-left:3em;}
.static li {line-height: 1.5em; margin-bottom:0.9em;}
.static ol {list-style-type:decimal;}
.static ul {list-style-type:disc;}
.static .old-top4top {margin-top:5.8em;}
.static .scheme {margin-top:4.2em;}
.static .col2 h3 {margin-top:0;}
.static fieldset {width:70%;}

/* Login form */
.login {padding:1.9em 0 0 55px; margin-left:19%;}
.login fieldset {padding-bottom: 1.9em; position:relative;}
.login label {left:-13em; position:absolute; width:12em; top:0.4em;}
.login input.text {margin-right:0.5em;}
.login .form-submit {margin-bottom: 3em;}
.login p.remember {text-align:right; width:21em; padding:0.3em 0 0 0.3em;}
.login p.error {border:1px dashed #C70000; color:red; font-size:1.2em; margin:0 0 2em -1em; padding:1em; position:relative;}
.login .after {margin:0 0 0 -8px !important; font-size:1.1em !important; line-height:2.2 !important;}

/* Register form */
.register {padding:1.9em 0 0 55px; margin-left:19%;}
.register fieldset {padding-bottom: 1.9em; position:relative;}
.register label {left:-13em; position:absolute; width:12em; top:0.4em;}
.register input.text {margin-right:0.5em;}
.register .form-submit {margin: 0 0 3em; padding:10px 0 23px;}

/* Change form */
.change .form-submit {margin-left: 0;}
.change p {margin-top: 0.3em;}
.change p.error {margin-top: 0.5em;}

/* Car */
.car {background:url(http://top4top.ru/images/car.png?1350206316) 100% 0; width: 100%; height: 195px; overflow: hidden; clear:both;}
.car .back {background:url(http://top4top.ru/images/car.png?1350206316) no-repeat 0 0; width: 50%; height: 195px; float: left;}

/* About form */
.about {padding-left:55px; margin-left:19%; position:relative; clear:both;}
.about h2 {font-size:2.1em; font-weight:normal; margin-bottom:1.25em;}
.about .avatar {text-align: center; position:absolute; float:right; right:0; top:4.1em; z-index:10;}
.about .avatar img {display: block; width: 190px; height: 190px; margin: 8px 0}
.about .loading  {display: block; width: 190px; height: 190px; border: 1px solid #d9d9d9; background:url(http://top4top.ru/images/ajax-loader.gif?1350206316) 50% no-repeat; margin: .6em 0}
.about fieldset {padding-bottom: 1.9em; position:relative;}
.about .file {margin:0.5em 0 1em; height:2em; width:160px;}
.about label {left:-17em; position:absolute; width:16em; top:0.4em;}
.about p.exp {margin:5px; color:#a2a2a2; font-size:0.7em;}
.about textarea {width: 30em; margin-top:5px;}
.about label.radio {width: auto; margin: 0 1.2em 0 0; position:relative; left:0;}
.about label.radio input {position: relative; top: .15em; vertical-align:top;}
.about label.check {width: auto; margin: 0 1.2em 0 0; position:relative; left:0;}
.about label.check input {position: relative; top: 0; vertical-align:top;}
.about .form-submit {padding:10px 0 23px; margin:0 0 1.9em;}
.about .text {width:23em;}
.about span.error {color:#BB2200; display:block; width:160px; margin-bottom:0.5em;}
.about .user-stars {overflow:hidden; margin-bottom:-13px; width:70%;}
.about .user-stars li {float:left; margin:0 20px 10px 0;}
.about .user-stars img {width:35px;}
.about ul li {margin-bottom:0.4em; padding-top:0.4em;}
.about ul label {width: auto; position:static;}
.about ul label input {position:relative; top: 2px;}
.about .after {margin:0 0 0 -8px !important; font-size:1.1em !important; line-height:2.2 !important;}
body:first-of-type .about ul label input {top:-1px; margin-right:0.1em;}

/* Add question form */
.add-question h3 {font-size:2.1em; font-weight:normal; margin-bottom:0.45em;}
.add-question h4 {font-size:2em; font-weight:normal;}
.add-question h4 span {display:inline-block; margin-left:-33px; margin-right:7px;}
.add-question .avatar {float:left; margin:-1px 6px 0 0;}
.add-question .avatar img {width:21px; height:21px;}
.add-question fieldset {padding-bottom: 1.1em; position:relative;}
.add-question textarea {width: 40em;}

/* Add post form */
.add-post {padding:1.9em 0 0 55px; margin-left:19%;}
.add-post fieldset {margin-bottom: 1.9em; position:relative;}
.add-post fieldset p {margin-top: 1em; position:relative;}
.add-post fieldset p.exp {margin-top: 0.7em;}
.add-post label {left:-15%; position:absolute; width:15%;}
.add-post textarea {width:90%; min-width: 48.1em;}
.add-post textarea.small {width:55%; min-width: 30em;}
.add-post .text {width:40em;}

.add-post .title label {font-size:1.5em; top:0.3em;}
.add-post .title .text {font-size:2em; width:23.9em;}

.add-post .form-submit {padding:2em 0 0;}

.add-post .control-panel {position: relative; border: none; padding: 0; margin: 0 0 1em; float:none;}
.add-post .control-panel li {padding:0.3em 1em 15px; margin-right:0.5em; font-size:1.1em;}
.add-post .control-panel li ins {border-bottom-style:dashed;}
.add-post .control-panel .quote {line-height:0;}
.add-post .control-panel .quote .close {top:0.2em;}

.add-post fieldset i {font:italic 2.9em 'Times New Roman'; display: block;}
.add-post fieldset i.open {position: absolute; left: -3%; bottom: -0.1em;}
.add-post fieldset i.close {position: absolute; right: -0.5em; top: -0.2em;}
.add-post fieldset i.close_close {position: absolute; right: -1.8em; bottom: -0.1em;}
.add-post fieldset select {width: 10em;}
.add-post fieldset input.author  {margin-left: 1.5em; width: 20em; padding:1px 5px;}

.add-post .quote-wrap {width: 85%; min-width: 50em; position: relative;}
.add-post .quote-wrap textarea {font-size:1.5em; width: 98%; min-width: 20em; height:5em;}

.add-post p.error {color:#BB2200; margin:0.5em 5px; clear:both;}
.add-post span.error {color:#BB2200; padding:0.5em 5px;}
.add-post fieldset.error label {color:#BB2200;}

.add-post fieldset li {margin:0 0 0.7em 0;}
.add-post fieldset li label, .tags li label {position:static;}
.add-post fieldset li label input, .tags li label input {vertical-align:top;}
.tags li {margin:0 3% 0.7em 0; width:30%; float:left;}
.tags li.more {clear:both; width:90%; padding:0.2em 0 1.5em; margin:0;}
.tags li.more .inplace {clear:both; padding-top:0.7em;}
.tags li.more .text {width:19em; margin-right:5px;}
.tags li.more a {border-bottom:1px dashed; text-decoration:none;}

.blog .tags {clear:both;}
.blog fieldset {clear:both;}
.blog .tags ul {margin:0.5em 0 1.5em; overflow:hidden;}
.blog .tags li {padding:0; width:45%;}
.blog .tags li.more {width:90%; padding-bottom:1px;}
.blog .tags label {font-weight:bold; font-size:1em;}
.blog .tags li label {font-weight:normal;}

.topics-tags {margin-bottom:2em;}
.topics-tags h3 {font-size:2em; margin-bottom:0.3em; font-weight:normal;}
.topics-tags li {vertical-align:top; line-height:1.4; margin-bottom:0.8em;}
.topics-tags li sub {color:#8e8e8e; vertical-align:-0.2em;}
.topics-tags li a {white-space:nowrap;}
.topics-tags li.active a {background-color:#8e8e8e; color:#fff !important; padding:0.3em 0.6em; text-decoration:none; position:relative; left:-0.6em;}
.topics-tags li.active sub {position:relative; left:-0.8em;}

.blog .topics-tags {margin:0em 0 0.9em;}
.blog .topics-tags h3, .blog .topics-tags ul, .blog .topics-tags li {display:inline !important;}
.blog .topics-tags h3 {font-size:1em; color:#999;}
.blog .topics-tags ul, .blog .topics-tags li {margin:0; padding:0; line-height:normal;}

/* Form submit */
.form {padding-top:2.5em;}
.form .button, .form-submit .button, .form .after, .form-submit .after {display:inline-block;}
.form-submit .after {margin-left: .6em !important;}
.form .after, .form-submit .after {margin:0 0 0 12px; font-size:1.2em; line-height:2.5;}
.form .suggestion {float: right; width: 19em; font-size: .85em; margin-top:-3px;}
.form .suggestion a.ico {display: block; float: left; margin: -0.9em 0.45em 0 0}

/* Form errors */
.error-explanation {width: 400px; border: 2px solid #BB2200; padding: 7px 7px 12px; margin-bottom: 20px;}
.error-explanation ul {padding: 13px;}
.error-explanation h3 {padding: 5px 5px 5px 15px; margin: -7px; background-color: #BB2200; color: #fff; font-size:1.6em;}
.error-explanation p {margin-bottom: 0;padding: 5px;}
.error-explanation ul li {list-style: square;}

p.error {color:#BB2200; margin:0.5em 5px; clear:both;}
fieldset span.error {color:#BB2200; padding:0.5em 5px;}
fieldset.error label {color:#BB2200;}


/* Index page
----------------------------------------------- */
#index .stars li {margin-bottom:0;}
#index .person-types li {width:78%;}
#index .blog .item-content {margin-left: 55px; padding-left:0;}
#index #footer {overflow:visible; padding-top:1em;}
#index #footer .menu {background:url(http://top4top.ru/images/footer-bg.gif?1350206316) 0 0 repeat-x; margin:0.2em 0 0; padding:0 0 2.9em; position:static;}
#index #footer .menu li {padding: 22px 0 0 0;}
#index #footer .menu li.select {background:url(http://top4top.ru/images/footer-menu-bg.gif?1350206316) 0 0 no-repeat;}
#index #footer p.copy {width:100%; padding:0; margin:0;}

/* Lenta page
----------------------------------------------- */
#lenta .person-types {margin-top:0.5em;}
#lenta .person-types li.select {background:#FCE6AF url(http://top4top.ru/images/idols_arrow-front.png?1350206316) no-repeat 100% 50%; left:0; margin:0 -16px 0.5em; position:relative; padding:0.6em 16px 0.7em;}
#lenta .person-types li a {color:#144E9D;}
#lenta .stars {margin-top:-1.5em; margin-bottom:1em;}
#lenta .stars a.a_fan {display: inline !important;}
#lenta .blog .quest .person .date {color:#000; font-size:1.1em;}
#lenta .blog .quest .reply {display:none;}

/* Stars page
----------------------------------------------- */
#stars #header {padding-bottom:7.2em;}
#stars .col1 {width:70%;}
#stars .stars {margin-top:-7.3em; position:relative;}

/* Profile page
----------------------------------------------- */
#profile #header {padding-bottom:0;}
#profile #header h2 {font-size:3.2em; font-weight:bold; margin-bottom:0.35em; padding-top:1.1em;}
#profile .delete-button {margin-top:3.8em;}
#profile .col-right {position:relative;}
#profile .col-right .message {left:50%; top:0; bottom:auto; margin-left:-11.7em;}
#profile .blog .author, #profile .blog .answer img  {display:none;}
#profile div.comments li .add-comment {margin:0;}
#profile .blog .person {margin-bottom:0.3em;}
#profile .blog .quest .user-question .person  {margin-bottom:0.6em;}

/* Admire Profile page
----------------------------------------------- */
/* Blog items */
.admire #header h2 {font-size:2.7em !important; padding-top:1.35em !important;}
.admire #header p.note {margin-bottom:-1.7em;}
.admire .intro .avatar {text-align:left;}
.admire .blog p.rating, .admire .blog p.comments {font-size:0.85em !important;}
.admire .blog .author {display:block !important;}
.admire .blog .person {margin-bottom:0.6em !important;}
.admire span.add_comments {float: right; padding: .15em .9em .2em .9em; background: #eae9e3; border: 1px solid #e0e3e8; color: #595b5b; cursor: pointer}
.admire .blog .answer .body {margin-right:47px;}
.admire .blog .answer img {margin: 0 0 8px; float:right; display:block !important;}
.admire .blog .answer .add-comment img {display:none !important;}
.admire div.comments {padding:2em 0 0;}
.admire div.comments li {padding-left:45px;}
.admire div.comments img.avatar, .admire div.comments h3, .admire div.comments .edit-text dl dd {display:none;}
.admire div.comments li dl {margin-left:0;}
.admire div.comments li dl dt {font-size:1.2em; margin-bottom:0.4em;}
.admire div.comments li dl dt a {color:#144E9D;}

/* Choose star page
----------------------------------------------- */
#choose-star .col-right {margin-left: 0}
#choose-star .stars {margin-left:-39px;}
#choose-star .stars li {cursor:pointer; height:10em; width:150px; margin-right:0.2em;}
#choose-star .stars dt img {display:inline; margin:0;}
#choose-star .form {margin-left: 20%}
#choose-star .stars li.select, #choose-star .stars li:hover, #choose-star .stars li.hover {background-color: #E8FFC6;}

/* Post page
----------------------------------------------- */
#post #header {padding-bottom:0;}
#post #header h2 {font-size:3.2em; font-weight:bold; margin-bottom:0.35em; padding-top:1.1em;}
#post #header h2 a:link, #post #header h2 a:visited, #post #header h2 a:hover, #post #header h2 a:active {color:#000 !important; text-decoration:none;}
#post .col-right {position:relative;}
#post .col-right .message {top:0; bottom:auto;}
#post .blog, #post .blog .sub-menu li {margin-left:0;}
#post .blog dl.author dd {text-align:center; width:190px;}
#post .blog .item-content {padding:0 0.6em 20px 20px; margin:0 -0.6em 0 -20px; overflow:hidden;}
#post .blog .item-content dt, #post .blog .item-content .date {margin-bottom:0.9em;}
#post .blog .item-content dt {font-size:1.9em; }
#post .blog .item-content .quote  {font: italic normal 2em/1.2 'Times New Roman'; margin-bottom: 0.2em;}
#post .blog .user-question .person, #post .blog .user-question .body p {font-size:1em;}
#post .join {margin-bottom:1.8em;}

/* Settings page
----------------------------------------------- */
#settings .about {clear:none; z-index:1;}
#settings h3 {font-size:2.1em; font-weight:normal; margin:0 0 1.25em;}
#settings .about .name {width:11em;}
#settings .about .readonly {color:#888;}
#settings .about .avatar {position:static; text-align:left; float:none;}

/* Transmission */
.transmission {margin-bottom:2em;}
.transmission h3 {font-size:1.2em; margin-bottom:0.6em;}
.transmission li {font-size:0.95em; margin-bottom:0.6em; padding:0.1em 0 0.1em 20px; background:url(http://top4top.ru/images/icon-rss.gif?1350206316) 0 0 no-repeat;}
.transmission li.lj {background-image:url(http://top4top.ru/images/icon-livejournal.gif?1350206316);}
.transmission li.li {background-image:url(http://top4top.ru/images/icon-liveinternet.gif?1350206316);}
.transmission li.google {background-image:url(http://top4top.ru/images/icon-googlereader.gif?1350206316);}
.transmission li.yandex {background-image:url(http://top4top.ru/images/icon-yandex.gif?1350206316);}
.transmission li.twitter {background-image:url(http://top4top.ru/images/icon-twitter.gif?1350206316);}
.transmission li a {color:#222 !important;}

/* FAQ page
----------------------------------------------- */
#faq h3 {font-size: 1.5em; font-weight:normal; margin:0 0 0.8em}
#faq dl {margin-bottom:0.8em; overflow:hidden;}
#faq dt {color:#144E9D; font-size:1.1em; margin-bottom:0.5em; cursor:pointer;}
#faq dt span {border-bottom:1px dashed;}
#faq dd {color:#333; display:none;}
#faq dd p {line-height: 1.5em; margin-bottom:0.9em;}
#faq .open {margin-bottom:1.5em;}
#faq .open dt {color:#000;}
#faq .open dd {display:block;}
#faq .section {margin:0 0 2em ;overflow:hidden;}

/* Advertising page
----------------------------------------------- */
#advertising table {font-size: 1.3em;}
#advertising td { padding: 0 40px 20px 0;}
#advertising th { padding: 0 40px 20px 0}

/* Banners
----------------------------------------------- */
.romashka-left {width:180px; height:300px; overflow:hidden; margin-bottom:2em;}
.romashka-right {width:210px; overflow:hidden; margin-bottom:2em;}
.romashka-top {width:100%; height:90px; overflow:hidden; text-align:center; margin:0 auto 0.5em;}

/* Server-error page
----------------------------------------------- */
#server-error {width: 100%; height: 100%;}
#server-error h2 {margin-top:3.75em; color:#888;}
#server-error p {font-size:1.1em; margin-bottom:2em; line-height:1.5;}
#server-error ul li {margin-bottom:1em;}
.error404 {background: url(http://top4top.ru/images/404.png?1350206316) 100% 100% fixed no-repeat;}
.error404 .invisible {display:block;}
.downtime {background-color: #000;}
.downtime p {color:#fff;}

/* Pop-up message
----------------------------------------------- */
.message {position:absolute; top:0; left:0; z-index:100; width:23.5em;}
.message .close {position:absolute; top:8px; right:8px; z-index:100; cursor:pointer; text-indent:-9999px; background:url(http://top4top.ru/images/message-bg.png?1350206316) 0 0 no-repeat; width:20px; height:21px; overflow:hidden;}
.message .top, .message .bottom {background-color:#318c00; height:16px; margin:0 16px;}
.message .top div, .message .bottom div {width:16px; height:16px; overflow:hidden; position:absolute; z-index:10;}
.message .tl {background:url(http://top4top.ru/images/message-bg.png?1350206316) 0 -21px no-repeat;}
.message .tr {background:url(http://top4top.ru/images/message-bg.png?1350206316) -16px -21px no-repeat;}
.message .bl {background:url(http://top4top.ru/images/message-bg.png?1350206316) 0 -37px no-repeat;}
.message .br {background:url(http://top4top.ru/images/message-bg.png?1350206316) -16px -37px no-repeat;}

.message .content {background-color:#318c00; color:#fff; padding:0.4em 2.5em 0.4em 2em;}
.message p {line-height:1.5 !important; margin:0 !important; text-align:left !important;}
.message p.button-row {padding-top:1em; margin:0 !important; overflow:hidden; width:100%;}
.message p.button-row a, .message p.button-row .submit {float:left; margin-right:5px;}
.message a:link, .message a:visited, .message a:active {color:#FAF2C0 !important;}
.message a:hover {color:#fff !important;}

/* Pop-up message
----------------------------------------------- */
.block-message {background-color:#fceeb5; -moz-border-radius:16px; -webkit-border-radius: 16px; border-radius: 16px; position:absolute; top:1em; right:3em; padding:1.5em 2em;}
.block-message .close {background-color:#fff; -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; cursor:pointer; position:absolute; top:8px; right:8px; color:#BB2200; padding:2px 5px; display:block;}
.block-message p {margin-bottom:0.5em;}
.block-message .text {margin-bottom:0.5em;}

/* Sotvorenie */
#sotvorenie #header {padding-bottom:0;}
#sotvorenie #header h1 {margin-left:-30px;}
#sotvorenie #header h2 {margin:1em 0;}
#sotvorenie h3 {font-size:1.8em; font-weight:normal; margin-bottom:0.5em;}
#sotvorenie .col-left p {margin-top:18px; line-height:18px;}
#sotvorenie p.exp {font-size:1.3em; font-weight:normal; margin-bottom:1em; color:#8e8e8e; width:70%;}
#sotvorenie .stars {margin-bottom:2em;}
#sotvorenie #profile .author {display:block;}
#sotvorenie #profile .reply {display:none;}
#sotvorenie #footer {background-color: #68676B; color:#eee; padding-top:0; margin-top:2em;}
#sotvorenie #footer .bg {background: #fff url(http://top4top.ru/images/sotvorenie-footer.png?1350206316) no-repeat 50% 0; height:150px; margin-bottom:2em;}
#sotvorenie #footer a {color:#fff;}
#sotvorenie #footer .copy, #sotvorenie #footer .menu {color:#eee; margin-right:0;}

.sotvorenie {clear:both; width:100%; height:90px; overflow:hidden; position:relative; right:-15px; margin-bottom:-1.5em; background: #fff url(http://top4top.ru/images/sotvorenie-banner.png?1350206316) 100% -180px no-repeat;}
.sotvorenie .mir-logo {background: url(http://top4top.ru/images/sotvorenie-banner.png?1350206316) 0 0 no-repeat; height:90px; width:77px; display:block; position:absolute; top:0; left:0;}
.sotvorenie p {background: url(http://top4top.ru/images/sotvorenie-banner.png?1350206316) 0 -90px repeat-x; float:right; font-size:1.8em; padding:22px 13px 42px 90px; margin-right:20px; position:relative;}

.sotmir {border:4px solid #E1FAB6; padding:2em 0 0.5em; margin:0 -1.2em 3em;}
.sotmir .col-left img {margin-top:9px; position:relative; left:11px; z-index:20;}
.sotmir h3 {font-size:2.1em; font-weight:normal; margin-bottom:0.5em;}
.sotmir h3 span {text-indent: -1.3em; display:block; float:left;}
.sotmir h3 a {text-decoration:none;}

/* Footer
----------------------------------------------- */
#footer {width: 100%; padding: 6em 0 4.4em; overflow:hidden; clear:both; float:left;}
#footer .columns {position:relative; overflow:visible; float:left; clear:both; width:100%; margin:0;}
#footer .col-left p {background: #f7eec6 url(http://top4top.ru/images/gorbunov_c.gif?1350206316) no-repeat 100% 42%; font-family: verdana; font-size: .75em; padding: .9em 30px .9em 1.2em; position:absolute; bottom:-35px; left:0; z-index: 100;}
#footer .col-left p a {color: #000;}
#footer .col-left p.inv1337 {background: none; font-size: .75em; padding:0 0 0 1.2em; bottom:-1em; top:auto;}
#footer .col-left p.inv1337, #footer .col-left p.inv1337 a {color:#7d7d7d;}
#footer .col-left .getalime-logo {margin:-6px 0 0 -70px; display:block; position:relative}
#footer .col1 p {width:84%;}
#footer .col2 {width:32%;}
#footer dl {position:relative; margin-top:-136px; text-align:center; width:200px;}
#footer dd {display:block; width:200px; text-align:center; font-size:1.5em; float:right; margin-top:3px;}
#footer dd a {display:block;}

#footer h2 {font-size: 1.3em; font-weight: normal; margin-bottom: 1.2em;}
#footer p {margin-bottom: 1.1em; line-height:1.4;}
#footer p.copy {color: #7d7d7d; padding-left:55px; margin:0 435px 0 19%; line-height:normal;}
#footer p.suggestion {float:right; width:25%; margin-top:-0.2em; text-align:right;}
#footer p.suggestion a {display:inline-block; background: url(http://top4top.ru/images/bg.gif?1350206316) 0 -84px no-repeat; padding:0.1em 0 0.1em 26px;}

#footer .adv {position:relative; float:right; text-align:right;}
#footer .adv a.adv-link {font-size:0.8em; color:#a1a1a1; position:relative; z-index:11; top:-48px; right:2px;}
#footer .adv iframe {position:absolute; top:-27px; right:0; z-index:10; width:423px; height:115px; overflow:hidden;}

#footer .menu {overflow: hidden; clear:both; margin:0 435px 0 19%; padding-left:55px; position:relative; top:1em;}
#footer .menu li {display: inline-block; margin: 0 1.2em 0.5em 0;}
#footer .menu li a {white-space:nowrap;}
#footer .menu li, x:-moz-any-link {float:left;}
#footer .menu li, x:-moz-any-link, x:default {float:none;} /*FireFox 3*/

/* auth facebook
----------------------------*/
.auth_provider {
  margin-top: 40px;
}