html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, cite, img, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none;
	font-family: inherit;
	margin: 0;
	padding: 0;
	line-height: 135%
}
* a { cursor: pointer }
a img, *:link img, *:visited img { border: 0 none }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
ol, ul { list-style-image: none; list-style-position: outside; list-style-type: none }
table { border-collapse :separate; border-spacing :0 ; border: 0 none }
blockquote:before, blockquote:after { content: "" }
p.p {margin:10px 0;}

img.smile {
	vertical-align:bottom;
	margin:0 !important;
}

a {color:black;}
.online {color:#c00; font-size:10px;}

.me2 {background:#fa6;}

body {
	text-align: center;
	font-family: Tahoma, arial, sans-serif;
	font-size: 12px;
	background-color: #fff;
}

#page {
	width: 1000px;
	margin: auto;
	text-align: left;
}

#header {
	margin-bottom: 23px;
	height: 24px;
	background: #E6E6E5 url("/i/h.png") no-repeat bottom;
	padding: 14px 20px 0 20px;
	font-size: 11px;
	cursor: default
}

#header form.left {
	position: relative;
	top: -7px;
	left: -11px;
	color: #999;
	width: 500px
}

#header form .cb { display: -moz-inline-box; display: inline-block; padding-top: 2px }

#header form .field {
	display: -moz-inline-box;
	display: inline-block;
	width: 133px;
	height: 22px;
	background: #FDFCFC url("/i/fld.png") no-repeat 0 0;
	cursor: text;
}
#header form .field,
#header form .button { vertical-align: top; margin-right: 3px }

#header form .button {
	width: 42px;
	height: 22px;
	background: #E5E5E5 url("/i/en.png") no-repeat 0 0;
	font-size: 11px;
	text-align: center;
	color: #666;
	border: 0;
	margin-top:0;
}

#header form .field input {
	border: 0;
	background: transparent;
	font-size: 11px;
	color: #999999;
	margin: 2px 0 0 6px;
	width: 125px
}

#header form .field input.focus {
	color: #666
}

#header form .cbox { vertical-align: middle }

#header .right { float: right }

#header .left strong { padding-right: 13px }

#header .left,
#header .left a,
#header .right,
#header .right a { text-decoration: none; color: #666 }

#header .left span,
#header .left span a { color: #999 }


#header .left a:hover,
#header .right a:hover { text-decoration: underline }

#content {
	border-left: 1px solid #999;
	margin-left: 330px;
	padding: 0 0 0 28px;
	position: relative;
	z-index: 2;
	min-height: 350px
}

#sidebar {
	float: left;
	width: 330px;
}

#content .header {
	background: #fff url("/i/ch.png") repeat-x bottom;
	border-bottom: 1px solid #e5e5e5;
	height: 30px;
	padding: 26px 20px 0 18px;
	text-transform: lowercase;
	font-family: georgia;
	font-size: 13px;
	cursor: default;
}

#content .header,
#content .header a { color: #666 }

#content .header a,
.switch a {
	display: -moz-inline-box;
	display: inline-block;
	padding: 1px 4px 2px 4px
}

#content .header a.cur,
#content .header a:hover { text-decoration: none }

#content .right { float: right }

#content .header .right span,
#content .header .right a,
#content .header .left * { vertical-align: middle }


#popup {
	background:#E5E6E6;
	border:1px solid #666;
	padding:30px 10px;
	position:absolute;
	z-index:15;
	text-align:left;
}


.switch {
	display: -moz-inline-box;
	/* display: inline-block; */
	height: 20px;
	overflow: hidden
}
.switch a.cur,
.switch a.cur:hover { cursor: default; padding: 0 0 0 4px !important; background: #ACABAC url("/i/sl.png") no-repeat 0 0; color: #fff }
.switch a em { font-style: normal }
.switch a.cur em {
	font-style: normal;
	display: -moz-inline-box;
	display: inline-block;
	padding: 0px 4px 2px 0;
	background: transparent url("/i/sr.png") no-repeat right;
	color: #fff
}
.switch a.cur,
.switch a.cur:hover { background-image: url("/i/hsl.png") }
.switch a.cur em { background-image: url("/i/hsr.png") }

.switchable div {display:none;}
.switchable div.cur {display:block;}


.avatar img {display:block;}
.avatar {position:relative;}
.avatar .tC {
	background: transparent url("/i/tpc.png") no-repeat 0 0;
	height: 10px !important;
	overflow: hidden;
	position: absolute;
	top:0; left:0;
	width: 160px
}
.avatar .bC {
	background: transparent url("/i/bpcw.png") no-repeat 0 0;
	height: 10px !important;
	position: absolute;
	bottom:0; left:0;
	width: 160px;
	margin-top: -10px;
	font-size: 10px
}



#content .actions {
	padding: 14px 20px 12px 22px;
	font-size: 11px;
	color: #333;
	border-bottom: 1px solid #e5e5e5
}

#content .actions a { color: #333 }
#content .actions a:hover { text-decoration: none }
.paginator a {
	display: -moz-inline-box;
	display: inline-block;
	color: #BDBDBF;
	padding: 3px 4px 14px 4px;
	text-decoration: none;
	font-size: 11px
}

.paginator a.cur,
.paginator a.cur:hover { background-color: #BDBDBF; color: #fff; cursor: default }

.paginator a:hover { background-color: #E4E4E4 }

#content .Lenta { padding-bottom: 40px }

a#logo {
	display: block;
	width: 330px;
	height: 243px;
	margin-top: 40px;
}

#menu {
	text-align: right;
	float: left;
	padding: 45px 0 114px 0;
}
#menu a {
	color: #333;
	background: transparent url("/i/b.png") repeat-x 0 100%;
	font-size: 18px;
	text-decoration: none;
	display: -moz-inline-box;
	display: inline-block;
	padding: 2px 0 4px 0
}
#menu a:hover { opacity: .8; filter: alpha( opacity = 80 ) }

#strangeArea {
	padding-top: 50px;
	clear: left
}

#user {
	width: 180px;
	border-left: 1px solid #999;
	position: relative;
	top: -283px;
	background-color: #fff;
	float: right;
	border-right: 1px solid #999;
	margin-right: -1px;
	cursor: default
}

#user .holder {
	padding: 0 10px;
}
#user img { display: block }
#user .avatar .bC {background-image: url("/i/bpc.png");}
#user .info {
	background: #E5E6E6 url("/i/bc.png") no-repeat 0 100%;
	text-align: center;
	font-size: 11px;
	padding: 8px 3px
}
#user .info strong { display: block }
#user .info .name { font-size: 14px }
#user .info .nick { padding: 6px 0 }
#user .info a { color: #000 }
#user .info a:hover { text-decoration: none }
#user .status { background: #E5E6E6 url("/i/tc.png") no-repeat 0 0; margin-top: 10px }
#user .status .in { background: transparent url("/i/bc.png") no-repeat 0 100%; padding: 5px 16px 8px 13px; font-size: 11px }
#user .status a { color: #999; font-size: 10px; margin-left: 3px }
#user .status a:hover { text-decoration: none }
#user .status span { display: block; padding: 3px 0 3px 3px }
#user .menu {
	margin: 14px 0; text-align: right;
}
#user .menu a {
	display: block;
	padding-right: 16px;
	font-family: Georgia;
	color: #666;
	font-size: 14px;
	text-transform: lowercase;
	text-decoration: none
}
#user .menu li,
#page #user ul.over li.cur,
#page #user ul:hover li.cur { border-left: 14px solid #fff; border-right: 14px solid #fff; cursor: pointer }
#user .menu li.cur,
body #page #user ul.menu:hover li.cur:hover,
body #page #user ul.over li.over,
body #page #user li:hover { border-left: 14px solid #ABABAB; border-right: 14px solid #ABABAB }
#user .menu li.cur a { font-weight: bold; color: #000 }

#user .act {
	display: block;
	border-bottom: 1px solid #e5e5e5;
	color: #000;
	padding: 11px 20px 12px 0;
	text-align: right;
	text-transform: lowercase;
	font-size: 11px
}

#user .write,
#user .note {
	display: block;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	color: #000;
	padding: 11px 20px 12px 0;
	text-align: right;
	text-transform: lowercase;
	font-size: 11px
}
#user .note { border-bottom: 0 }
#user .write:hover,
#user .note:hover { text-decoration: none }
#user .relation { padding: 13px 20px 13px 0; text-align: right; font-size: 11px }
#user .relation span { display: block; color: #666; font-weight: bold; padding-bottom: 3px }
#user .relation a { color: #ACABAC }
#user .relation a:hover { text-decoration: none }
#user .shadow {
	position: absolute;
	width: 191px;
	height: 19px;
	overflow: hidden;
	margin-left: -10px;
	background: transparent url("/i/s.png") no-repeat 0 0;
	bottom:-19px;
}


#infoBar {
	width: 125px;
	border-left: 1px solid #999;
	background-color: #fff;
	float: right;
	border-right: 1px solid #999;
	margin-right: -1px;
	cursor: default;
	margin-top: 49px;
	padding: 0 40px 0 25px;
	color: #666;
	min-height: 217px
}

#infoBar h2 {
	position: relative;
	top: -7px;
	font-family: georgia;
	font-size: 24px;
	font-weight: normal
}

#infoBar .txt {
	padding-top: 20px;
	font-size: 11px
}

#infoBar a { color: #666 }
#infoBar a:hover { text-decoration: none }

#footer {
	clear: both;
	padding-top: 22px;
	text-align: right;
	height: 365px;
	background: #fff url("/i/f.png") no-repeat 100% 14px;
	cursor: default;
}

#scrollTop { padding: 10px; display: block; margin: 0 653px 0 auto }

#scrollTop:hover { opacity: .7; filter: alpha( opacity = 70 ) }

#footer .copy { padding: 26px 155px 0 0; }
#footer .counters {padding: 10px 155px 0 0; }
#footer .links { padding: 72px 133px 0 0; }

#footer p, #footer p a { color: #BDBDBF; text-decoration: none; font-size: 10px }
#footer p a:hover { text-decoration: underline }

#user a.edit {
	position: absolute;
	display: block;
	width: 160px;
	height: 20px;
	background: #000 url("/i/cb.png") no-repeat 0 10px;
	text-align: center;
	font-size: 12px;
	margin-top: -10px;
	color: #fff;
	filter: alpha( opacity = 70 );
	opacity: .7;
	display: none
}

#user .editing a.editStatus,
#user .editing span,
#user .status .save,
#user .status .cancel,
body #user .processing .in .save,
body #user .processing .in .cancel,
#user .status textarea {
	display: none
}
body #user .editing .save,
body #user .editing .cancel {
	display: inline
}

body #user .editing textarea {
	width: 130px;
	height: 80px;
	border: 1px solid #999;
	margin: 5px 0;
	font-size: 11px;
	background-color: #fff;
	color: #000
}

body #user .editing .in { padding-right: 0 }

body #page #user .processing textarea {
	background-color: #aaa
}

#loveHider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10
}

body span.R,
body span.Rx,
#FF_Comments .meta span.R {
	background: #BDBDBF url("/i/r.png") no-repeat 0 0;
	color: white !important;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	cursor: default;
	position: relative;
	padding: 2px 0 0 0 !important;
	height: 15px;
	vertical-align: baseline;
	width: 37px;
	margin-right: 8px
}

#FF_Comments .meta span.R { top: -2px }

#FF_Comments .new .meta span.R { background: #BDBDBF url("/i/rn.png") no-repeat 0 0; }

#FF_Comments .meta span.R a { padding: 0 !important }
#FF_Comments .R { float: right }


.Rx, .R, .R a { display:-moz-inline-box !important; display:inline-block !important }
.R b	 { position: absolute; left: 0px; top: 0; width: 37px; height: 17px; background: #fff }
.R a {
	width: 18px;
	height: 17px;
	border: none;
	background: #ccc url('/i/rh.png') no-repeat 0 0;
	opacity: .46;
	filter: alpha( opacity = 46 )
}

.R a.up { background: #ccc url('/i/rh.png') no-repeat -19px 0; margin-right: 1px }
.R a:hover, .up a.up, .down a { background-color: #aaa; filter: alpha( opacity = 100 ); opacity: 1 }
.up a.up, .down a { cursor: default }
.down a.up { cursor: pointer }

.processing * { cursor: wait }

#FF_Comments {
	margin-left:43px;
}
#FF_Comments .thread .thread { padding: 0 0 0 20px }
#FF_Comments .comment { padding: 7px 14px; border: 1px solid #fff; margin-top: 8px }
#page #FF_Comments .new { background-color: #e7e7e0; }
body #page #FF_Comments .highlighted { border: 1px solid #AEAEAE }
#FF_Comments .content { padding-bottom: 11px }
#FF_Comments .meta,
#FF_Comments .meta a,
.cmtTools,
.cmtTools a { font-size: 11px; color: #B3B3B3 }
#FF_Comments .meta a.a {
	background: transparent url("/i/c.png") no-repeat 0 1px;
	display: -moz-inline-box;
	display: inline-block;
	width: 5px;
	height: 12px;
	margin-right: 8px;
}
#FF_Comments .meta a,
#FF_Comments .meta span { padding-right: 3px }

#FF_Comments .meta .user {font-weight:bold; color:#999;}

#FF_Comments .captcha {
	margin:5px 0;
}
#FF_Comments .captcha img {
	float:left;
	display:block;
	margin:0 10px 0 0;
}
#FF_Comments .captcha span {display:block; margin-bottom:10px; font-size:11px;}
#FF_Comments .captcha input {border:1px solid #999;}

#FF_Comments .buttons {clear:left;}

#FF_Comments .meta {
	position:relative;
}
#FF_Comments img.upic {
	position:absolute;
	left:-64px;
	bottom:-7px;
}

.reply { padding-top: 27px }
.reply p strong { font-weight: normal; color: #999 }
.reply .buttons {margin:5px 0;}
.reply .buttons a {padding:5px 10px;}
.reply .buttons a:hover {background:#E5E6E6;}
.reply .textarea { background: #F7F7F7 url("/i/tt.png") no-repeat 0 0; margin-top: 10px }
.reply .textarea label { display: block; background: transparent url("/i/tb.png") no-repeat 100% 0; padding: 12px 15px 0 15px; height: 205px }
.reply .textarea textarea { border: 1px solid #F7F7F7; background-color: #F7F7F7; color: #000; height: 190px; width: 100% }
.reply .wReload { display: none }
#cmt_0 .cancel { display: none }
.comment #cmt_0 .cancel { display: -moz-inline-box; display: inline-block }
.comment #cmt_0 p strong { display: none }
.comment #cmt_0 .reply,
.comment #cmt_0 .reply .textarea { padding-top: 0; margin-top: 0 }
a.dot { padding: 0 3px !important; text-decoration: none; font-weight: bold }
a.dot:hover { color: #000 !important }


.form p { padding: 0 0 23px }

.form p label strong,
.form p span strong,
.form p span label {
	display: block;
	font-weight: normal
}

.form p label strong,
.form p span strong { padding-bottom: 4px }

.form p label em,
.form p span em {
	font-style: normal;
	color: #666;
	display: block;
	font-size: 10px;
	width: 550px
}

.form a { color: #999 }
.form a:hover { text-decoration: none }

.form .f { width: 620px; border: 1px solid #B3B9C3; background: #fff; color: #000 } /* обычное поле */
.form .p { width: 300px !important } /* поле в половину ширины */
.form .error {border:2px solid red !important;}
.form .cb {vertical-align:middle;}
.form .rb {vertical-align:text-bottom;}

input.button {
	border: 0;
	background: #E5E5E5 url("/i/pb.png") no-repeat 0 0;
	width: 82px;
	height: 22px;
	text-align: center;
	color: #666;
	font-size: 11px;
	margin-top: 5px;
}

input.buttonw {
	border: 0;
	background: #E5E5E5 url("/i/pbw.png") no-repeat 0 0;
	width: 112px;
	height: 22px;
	text-align: center;
	color: #666;
	font-size: 11px;
	margin-top: 5px;
}


/* таблица со списком юзеров */
table.Userlist {
	width:640px;
	border-collapse: collapse;
	border-spacing:0px;
}

table.Userlist tbody { font-size: 11px }

table.Userlist td, table.Userlist th {
	padding:10px;
	border:1px solid #E5E5E5;
	position:relative;
}
table.Userlist tbody tr:hover { background-color: #FCFCFC }

table.Userlist th.sorted {
	background:#999;
}

table.Userlist a { color: #000 }
table.Userlist a:hover { text-decoration: underline }

div.Userlist_f, div.Userlist_m {
	padding:10px 0 10px 100px;
	margin:0 0 15px;
	min-height:100px;
}

div.Userlist_f {
	background:url('/i/venus.png') no-repeat 19px 10px;
}
div.Userlist_m {
	background:url('/i/mars.png') no-repeat 10px 10px;
}

.debug {
	border:1px solid black; background:#ffc; color:black; padding:7px; margin:4px 2px;
	font-family:"DejaVu Sans Mono",DejaVu;
	font-size:10px;
	text-align:left;
	line-height:12px;
}
.debug b {
	background:black;
	color:#fff;
	padding:2px;
	text-align:left !important;
}

p.msg {margin:30px 0; text-align:center; line-height:170%;}
.FF_msg_fail {color:red;}

#ErrContainer, #FF_NextMsgContaiter {
	border:1px solid #e5e5e5;
	background:#f8f8f8;
	font-weight:bold;
	margin:0 auto 20px;
}
#ErrContainer div {
	background:url('/i/r1.gif') no-repeat top left;
	margin:-1px;
	position:relative;
}
#ErrContainer div div {
	background:url('/i/r2.gif') no-repeat top right;
	margin:0;
}
#ErrContainer div div div {
	background:url('/i/r3.gif') no-repeat bottom left;
}
#ErrContainer div div div div{
	background:url('/i/r4.gif') no-repeat bottom right;
	padding:10px 20px;
}
#FF_NextMsgContaiter {
	padding:10px;
}
#ErrContainer ul, #FF_NextMsgContaiter ul {
}
#ErrContainer ul li, #FF_NextMsgContaiter ul li {
	margin:5px 0;
}

#sysinfo {
	margin:30px 0;
	padding:10px;
	background:#e5e5e5;
	border:solid #888;
	border-width:1px 0;
	text-align:left;
	font-size:11px;
}


.foto_18_stub {
	border:1px solid black;
	position:relative;
	background:url('/i/18_bg.gif') no-repeat 20px 50%;
}
.foto_18_stub p {
	margin:20% 100px;
}


#SmileyBox {
	position:absolute;
	top:0;
	left:0;
	border:1px solid #B3B9C3;
	padding:10px;
	background:#f0f0f0;
	width:500px;
	z-index:14;
}

#SmileyBox img {
	cursor:pointer;
	margin:2px 5px;
}