/* -------------------------------------------------------------------
	ОСНОВНЫЕ СТИЛИ
------------------------------------------------------------------- */

body {
	font:12px/18px Verdana, Arial, sans-serif;
	color: #000;	
	background-color: #FCFCFC;	
}
.branding { background-color:#FCFCFC; border-radius:5px}

/* Ссылки
---------------------------------------------------- */
a:link, a:active	{ color:#3458A7; text-decoration:underline }
a:visited			{ color:#3458A7; text-decoration:underline }
a:hover				{ color:#f00; text-decoration:none }
a.link-dashed 		{ border-bottom: 1px dashed #5055b2; text-decoration: none; }
a.link-dashed:hover { border-color: #f00; }
a.link-dotted 		{ text-decoration: none; border-bottom: 1px dotted #5055b2; }
a.link-dotted:hover { border-color: #f00; }

/* Заголовки
---------------------------------------------------- */
h2.page-header { color: #333; font-size: 28px; line-height: 1em; font-weight: normal; margin-bottom: 20px; }
h2.page-header img { vertical-align:middle; top:-3px; position:relative; }
h2.page-header span { color: #aaa; }
h2.page-header i { vertical-align: middle; }
.content-profile h2.page-header i { vertical-align:inherit}
h2.header-table { margin-bottom: 10px; font-size: 22px; font-weight: normal; }
h2.header-table a { color: #275ec2; }
h2.header-table span { color: #949aa1; }

/* Шапка сайта
---------------------------------------------------- */
#header .site-name 			{ font-size: 25px;  line-height:52px;  margin-right: 30px; margin-left: 18px; }
#header .site-name a 		{ color: #fff; text-decoration: none; }
#header .site-name a:hover 	{ color: #eee; }
#header .new-messages { position: absolute; top: 0; right: 205px; color: #fff; font-weight:bold; font-size: 11px; margin-right: 15px; line-height: 40px; text-decoration: none; }
#header .new-messages i { position: relative; top: -3px; }
#header .new-track { position: absolute; top: 0; right: 250px; color: #fff; font-weight:bold; font-size: 11px; line-height: 40px; text-decoration: none; }
#header .new-track i { position: relative; top: 2px; }
.mozilla #header .new-messages i {  }
#header .dropdown-user { 
	width: 100px; 
	height: 40px; 
	line-height: 40px; 
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 60px; 
	padding-left: 54px;
	background:#222;	
}
#header .dropdown-user.opened 							{ background: #000; }
#header .dropdown-user .dropdown-user-trigger 			{ position: absolute; top: 0; right: 0; width: 36px; height: 40px; border-left: 1px solid #272727; cursor: pointer; background:#181818 }
#header .dropdown-user .dropdown-user-trigger i 		{ position: absolute; top: 18px; left: 14px; height: 0; width: 0; border: 4px solid transparent; border-top-color: #949aa1; }
#header .dropdown-user .dropdown-user-trigger:hover,
#header .dropdown-user.opened .dropdown-user-trigger 	{ background: #000; }
#header .dropdown-user .dropdown-user-trigger:hover i,
#header .dropdown-user.opened .dropdown-user-trigger i	{ border-top-color: #fff; }
#header .dropdown-user .dropdown-user-shadow			{ height: 40px; width: 51px; background: url(../images/icons-fortune.png) -450px -400px no-repeat; position: absolute; top: 0; right: 36px; }
#header .dropdown-user.opened .dropdown-user-shadow		{ background-position: -450px -450px}
#header .dropdown-user .username , #footer .username						{ color: #cfcfcf; font-size: 15px; text-decoration: underline !important; white-space: nowrap; max-width: 100px; overflow: hidden; display: block; font-family: Arial, Helvetica, sans-serif; font-style:italic}
#header .dropdown-user .username:hover, #footer .username:hover  					{ color: #aaa; text-decoration:none  }
#header .dropdown-user .avatar 							{ position: absolute; top: 5px; left: 12px; width: 30px; height: 30px; }

.dropdown-user-menu										{ position: absolute; background: #1d1d1d; border: none; border-top: 1px solid #000; border-radius: 0 0 10px 10px; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5); box-shadow: 0 0 7px rgba(0, 0, 0, .5); z-index: 30; }
.dropdown-user-menu li 									{ border-bottom: 1px solid #000; border-top: 1px solid #393939; position: relative; }
.dropdown-user-menu li:last-child 						{ border-bottom: none; }
.dropdown-user-menu li:last-child a 					{ border-radius: 0 0 10px 10px; }

.dropdown-user-menu li.item-stat 						{ font-size: 13px; background:#333; padding-left:1px; padding-bottom:1px; padding-right:1px; }
.dropdown-user-menu li.item-stat .user-data-panel 		{ overflow:hidden; text-align:center; *width:212px; }
.dropdown-user-menu li.item-stat .user-data-panel li 	{ float: left;  width:50%;  line-height:35px; border-top: none; border-bottom: none; *width:106px}
.dropdown-user-menu li.item-stat .user-data-panel li span	{ display:block; overflow:hidden; white-space: nowrap; padding:5px; background: #131313; margin:1px; font-weight:bold}

.u-panel-rating 				{ color: #56BF6B; }
.u-panel-rating.negative 		{ color: #f00; }
.u-panel-strength 				{ color: #9DB1DA; }

.dropdown-user-menu li a 								{ display: block; zoom: 1; *width: 149px; height: 35px; padding: 0 10px 0 50px; line-height: 33px; color: #fff; text-decoration: none; font-weight:bold; font-size:11px }
.dropdown-user-menu li a:hover 							{ background: #000; color: #fff; }
.dropdown-user-menu li .item-icon 						{ position: absolute; top: 10px; left: 20px; }
.dropdown-user-menu li.item-messages .new 				{ position: absolute; top: 7px; right: 15px; cursor: pointer; color: #fff; border-radius: 15px; border: 2px solid #fff; line-height: 1em; padding: 2px 7px 3px; }

#header .auth 											{ position: absolute; top: 0; right: 0; line-height: 38px; font-size: 12px; width:29%; text-align:center  }
#footer .auth 											{ padding:15px 0; overflow:hidden; text-align:center }
#header .auth li, #footer .auth li 						{ display:inline; padding: 0 5px; }
#header .auth li a, #footer .auth li a 					{ color: #cfcfcf; text-decoration: none; }
#header .auth li a.log-in, #footer .auth li a.log-in 	{color: #fff; border:1px solid #29447e; padding:5px 7px; background:#5872a7; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; }
#header .auth li a.log-in:hover, #footer .auth li a.log-in:hover { background:#516795 }
#footer .auth li a.log-off 								{color: #fff; border:1px solid #62191B; padding:5px 7px; background:#C43236; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; }
#header .auth li a.sign-in, #footer .auth li a.sign-in 	{color: #fff; border:1px solid #3b6e22; padding:5px 7px; background:#67a54b; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; }
#header .auth li a.sign-in:hover, #footer .auth li a.sign-in:hover { background:#538c3a}

#footer .user-panel-mini 								{ position:relative; background:#333; border:1px solid #484848; margin-bottom:30px }
#footer .user-panel-mini p 								{ position:absolute; top:0px; left:0; width:48px; height:48px; }
#footer .user-panel-mini.current 						{ border:1px solid #000; background:#131313; color:#fff }
#footer .user-panel-mini.current .auth 					{ padding:0 }
#footer .user-panel-mini.current li:first-child 		{ margin:0 10px }
#footer .user-panel-mini.current li 					{ float: left; line-height:48px }
#footer .user-panel-mini.current .auth 					{ margin-left:50px; text-align:left; margin-right:40px; height:48px }
#footer .user-panel-mini.current p img 					{ border-right:1px solid #000; vertical-align:middle }
#footer .user-panel-mini li.log-off 					{ position:absolute; top:0; right:5px }

.footer-links-panel 									{ padding:18px 0;  color: #999; margin-right:29% }
.footer-links-panel li 									{ display:inline; margin:0 6px; line-height:22px; white-space:nowrap;  }
.footer-links-panel li a 								{ color: #eee; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold }
.footer-links-panel li a:hover 							{ color:#fff; text-decoration:underline}

.footer-copyright-panel 								{ float:right; position:relative; top:20px; width:29%; color:#ccc; text-align:center; }
.footer-copyright-panel a 								{ color: #eee; text-decoration:none; }
/* Футер
---------------------------------------------------- */
#footer .copyright 					{ float: right; width: 255px; }
#footer .copyright .design-by 		{ overflow: hidden; line-height: 15px; margin-top: 30px; }
#footer .copyright .design-by img 	{ float: left; margin-right: 10px; margin-top: 3px; }
#footer .copyright .design-by div 	{ font-size: 10px; color: #8b9191; margin-top: 1px; }
#footer a { }
#footer a:hover {  }
#footer .footer-list 						{ float: left; width: 138px; padding-right: 20px; }
#footer .footer-list li 					{ margin-bottom: 3px; }
#footer .footer-list .footer-list-header 	{ font-size: 12px; font-weight: bold; margin-bottom: 11px; }
#footer .footer-list a 						{ color: #4c4c4c; }

#container-footer.container 				{ padding:0 48px }
#container-footer.container.toolbar-margin #footer 	{ margin-right:48px }
#container-footer.container.toolbar-margin 	{ padding:0 }
#container-footer.container.toolbar-margin .wrapper-footer	{ padding:0 0 0 10px }

/* Stat
---------------------------------------------------- */
.stat-performance { width: 910px; margin: 0 auto 20px; padding: 15px 20px; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.stat-performance table { }
.stat-performance table td { width: 200px; vertical-align: top; }
.stat-performance h4 { font-weight: bold; }

/* Userfeed
---------------------------------------------------- */
.userfeed-get-more {display:block; width:90%; margin:0px auto; text-align:center; height:2.5em; padding-top:1em;}
.userfeed-get-more:hover { background: #f0f7fd;}
.userfeed_loading {background: #F7F7F7 url(../images/loader.gif) no-repeat center;}

/* Stream
---------------------------------------------------- */
.stream-get-more {
	margin-top: 50px;
	border-radius: 5px;
	display: block; 
	text-align: center; 
	padding: 12px 0; 
	color: #333; 
	text-decoration: none !important;
	background: #E0E0E0;
	
}
.stream-get-more:hover { background: #BEBEBE; color: #000; }
.stream-get-more.loader { background-image: url(../images/loader.gif); background-repeat: no-repeat; background-position: 50% 50%; }
.stream_loading { background: #f7f7f7 url(../images/loader.gif) no-repeat center; }
.stream-comment-preview { position: relative; padding: 10px; background: #F6F6F6; color: #363636; margin-top: 13px; font-size: 14px; border-radius: 3px; -webkit-box-shadow: 0 2px 4px #F0F0F0 inset; box-shadow: 0 2px 4px #F0F0F0 inset; font-family:Arial, Helvetica, sans-serif }
.stream-comment-preview:after 	{ display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #F0F0F0 transparent; border-style: solid; }

.stream-list { margin: 0 0 20px; }
.stream-list li.stream-item { margin-bottom: 8px; min-height: 48px; _height: 48px; border-bottom: 1px solid #e7ebed; padding: 0 0 10px 60px; position: relative; }
.stream-list li.stream-item:last-child { border: none; }
.stream-list li.stream-item .info { color: #b9c2c2; font-size: 14px;  margin-bottom: 8px; padding-top:2px; font-family:Tahoma, Geneva, sans-serif }
.stream-list li.stream-item .info a {  }
.stream-list li.stream-item .info .date { color: #818189; }
.stream-list li.stream-item .avatar { position: absolute; top: 0; left: 0; border:1px solid #000 }
.stream-list li.stream-item .user-avatar { margin-left: 3px; }
.stream-list li.stream-header-date { font-size: 14px;   margin-bottom: 8px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
.stream-list li.stream-header-date p { margin:60px 0 5px}
.stream-list li.stream-header-date span { color: #333; font-family:Arial, Helvetica, sans-serif; padding:3px 0; font-style:italic; font-size:20px}
.stream-list li:first-child p { margin:0}

/* Userfields
---------------------------------------------------- */
.userfield-list { width: 450px; }
.userfield-list li { background: #eee; margin-bottom: 1px; padding: 10px 10px; overflow: hidden; zoom: 1; line-height: 12px; color: #777; }
.userfield-list li .userfield-actions { float: right; }
.userfield-list li .userfield_admin_name { font-weight: bold; color: #333; }
.userfield-add { text-decoration: none; border-bottom: 1px dashed #70AAE0; }
.userfield-add:hover { color: #333; border-color: #333; }

/* Talk
---------------------------------------------------- */
.talk-search { padding: 15px; background: #F6F6F6; border-radius: 5px; margin-bottom: 35px; overflow:hidden; border:1px solid #DCDCDC }
.talk-search header a { font-size:11px;}
.talk-search header { position: relative;}
.talk-search header .close { position: absolute; top: 3px; right: 0; font-size: 11px; cursor: pointer; }
.talk-search .talk-search-content { display: none; padding-top: 15px; border-top: 1px solid #DCDCDC; }
.talk-search .talk-search-content p { margin-bottom: 25px; }
.talk-search.opened header { border-bottom: 1px solid #e8eef5; padding-bottom: 15px; }
.talk-search.opened .talk-search-content { display: block; }

.talk-search.talk-friends header .close { left: 0; right: auto; }
.talk-search.talk-friends .friend-list { margin-bottom: 15px; font-weight: bold; }
.talk-search.talk-friends .friend-list li { margin-bottom: 5px; }

.talk-blacklist-form { padding: 15px; background: #FFE4E4; border-radius: 5px; margin-bottom: 15px; }
#black_list li:first-child {border-top:1px solid #ECECEC;}
#black_list li { border-bottom:1px solid #EDEDED; padding:10px}

/* Misc
---------------------------------------------------- */
.avatar-edit { margin-bottom: 15px; }
.avatar-edit img { vertical-align: bottom; }
.avatar-edit label { margin-top: 10px; }
.drafts { float: right; font-size: 11px; color: #275ec2; }

.help { 
	display: none;
	position: relative; 
	padding: 10px 7px 13px;
	background: #fafafa; 
	color: #363636; 
	margin-top: 13px; 
	font-size: 11px; 
	line-height: 16px;
	border-radius: 3px; 
	-webkit-box-shadow: 0 0 5px #eaeaea inset; box-shadow: 0 0 5px #eaeaea inset;
}
.help:before 							{ display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #eee transparent; border-style: solid; }
.help .help-col 						{ float: left; width: 230px; padding: 0 10px; }
.help .help-col.help-wide 				{ float: none; width: 96%; }
.help .help-item 						{ margin-bottom: 20px; }
.help .help-item:last-child 			{ margin-bottom: 0; }
.help .help-item h4 					{ font-family: Verdana, sans-serif; font-size: 11px; color: #727a90; font-weight: bold; }
.help .help-item h4 a 					{ color: #5055B2; border-bottom: 1px dotted #727a90; }
.link-dotted.help-link 					{ font-size: 11px; color: #000; border-color: #000; }
.delete 								{ color:#DA4242 !important}

/* Header 
---------------------------------------------------- */
.header-third-line-content 							{ overflow:hidden}
.header-third-line-content h1 						{ float:left; width:21%}
.header-third-line-content h1 a 					{ background: url(../images/logo.png) no-repeat center; display:block; padding:32px 0; text-decoration:none}
.header-fourth-line-content 						{ padding:15px 0; position:relative}
.header-fourth-line-content .info-create-panel 		{ float:left; width:21%; text-align:center}
.header-fourth-line-content .top-user-panel 		{ float:left; width:50%}
.header-fourth-line-content .top-user-panel ul 		{ margin-top:2px; height:27px; overflow:hidden}
.header-fourth-line-content .top-user-panel li 		{ float:left; padding:0 3px;}
.header-fourth-line-content .top-user-panel li.title{ padding-right:15px; padding-top:4px; font-weight:bold; padding-left:0 !important}
.header-fourth-line-content .top-user-panel li img 	{ vertical-align:middle; border:1px solid #000; width:24px; height:24px; display:inline-block; overflow:hidden}
.header-fourth-line-content .main-search-panel 		{ position:absolute; top:0; right:0; width:29%}
.footer-first-line-content .site-info-panel 		{ width:29%; float:right}
.footer-first-line-content .site-tag-panel 			{ margin-right:33%}

/* Header social links
---------------------------------------------------- */
.social-links, .additional-links 		{ background:#555; margin:10px 0; padding-right:1px; float:left}
.additional-links 						{ background:none; margin-left:30px}
.additional-links li a 					{ padding:10px 0px; margin:0 6px; color: #999; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none }
.additional-links li a:hover 			{ color:#F3D50B; text-decoration:underline}
.social-links li, .additional-links li 	{ float:left; }
.social-links a 						{ padding:10px 12px; margin-left:1px; background: #333; color:#CCC}
.social-links i 						{ width:16px; height:16px; display: inline-block; position:relative; top:2px; background: url(../images/icons-fortune.png) no-repeat;}
.social-links .vk i 		{ background-position: 0 -348px }
.social-links .vk:hover i 	{ background-position: 0 -364px }
.social-links .fc i 		{ background-position: -16px -348px }
.social-links .fc:hover i 	{ background-position: -16px -364px }
.social-links .gp i 		{ background-position: -32px -348px }
.social-links .gp:hover i 	{ background-position: -32px -364px }
.social-links .tw i 		{ background-position: -48px -348px }
.social-links .tw:hover i 	{ background-position: -48px -364px }
.social-links .rss i 		{ background-position: -64px -348px }
.social-links .rss:hover i 	{ background-position: -64px -364px }

/* Footer social links
---------------------------------------------------- */
.social-button 			{ text-align:center; overflow:hidden; border:0px solid #474747; margin:30px 0 20px; background:#3C3C3C; padding:0 5%}
.social-button li 		{ float:left; width:20%; *width:19.9%; text-align:center; padding:10px 0 }
.social-button  i 		{ width:40px; height:40px; line-height:40px; display: inline-block; vertical-align:middle; background: url(../images/icons-fortune.png) no-repeat;}

.social-button .vk i 	{ background-position: 0 -460px }
.social-button .vk a i 	{ background-position: 0 -420px }
.social-button .fb i 	{ background-position: -40px -460px }
.social-button .fb a i 	{ background-position: -40px -420px }
.social-button .gp i 	{ background-position: -80px -460px }
.social-button .gp a i 	{ background-position: -80px -420px }
.social-button .tw i 	{ background-position: -120px -460px }
.social-button .tw a i 	{ background-position: -120px -420px }
.social-button .rss a i { background-position: 0 -380px }

/* Voting
---------------------------------------------------- */
.fortune-vote {  position:absolute; right:0; top:0; line-height:40px; padding:0 10px 0 75px; font-size:20px}
.fortune-vote.voted, .fortune-vote.vote-nobuttons {padding:0 10px;}
.fortune-vote .vote-up 									{ position:absolute; top: 4px; left:35px; width:31px; height:31px; background: url(../images/icons-fortune.png) no-repeat; background-position: -32px -129px;  }
.fortune-vote .vote-down 									{ position:absolute; top: 4px; left:0px; width:31px; height:31px; background:url(../images/icons-fortune.png) no-repeat; background-position: 0 -129px; }
.fortune-vote .vote-up i 									{ cursor:pointer; display:inline-block; width:31px; height:31px}
.fortune-vote .vote-down i 								{ cursor:pointer; display:inline-block; width:31px; height:31px}
.fortune-vote .vote-up:hover 								{ background-position: -32px -97px;}
.fortune-vote .vote-down:hover 							{ background-position: 0 -97px;}
.fortune-vote.vote-nobuttons .vote-item, .fortune-vote.voted .vote-item { display:none }
.fortune-vote .vote-count b { cursor:pointer}
.fortune-vote.vote-count-positive .vote-count span { color:#155C5A}
.fortune-vote.vote-count-negative .vote-count span { color:#da4242}