@import url(/css/default/search-form.css);

/**
*
*	Author: Bogolubov Dmitriy
*	
*	Description:
*	The general styles which pages extend on all
*
**/

	
/* Common
----------------------------------------------------- */

HTML {
	background: #FFF;
	}
BODY {
	position: relative;
	background: #FFF;
	font: 0.75em/1.3 Verdana, Tahoma, Arial, sans-serif;
	color: #606060;
	zoom: 1;
	}
A {
	color: #0056CC;
	}
.float-left,
.float-right {
	margin: 0.5em 0 1.3em;
	//margin-bottom: 0;
	}
.float-left {
	float: left;
	}
.float-right {
	float: right;
	margin-left: 1em;
	}
.center {
	text-align: center;
	}
/* --- */
h2.header {
	margin: 0 0 1em;
	font: 19px Arial, Tahoma, Verdana, sans-serif;
	color: #002F51;
	}
img.header {
	display: block;
	}
	
	
/* Layout
----------------------------------------------------- */

.b-page {
	position: relative;
	width: 970px;
	margin: 0 auto 20px;
	z-index: 3;
	}
.h-page {
	margin: 0 30px;
	}
.pop-records,
.authorized #search-and-news {
	float: left;
	width: 36%;
	}
.unauthorized #search-and-news {
	float: left;
	width: 55%;
	}
.b-live,
.b-pop-blogs {
	float: left;
	width: 64%;
	}
	.b-live .indent-wrapper,
	.b-pop-blogs .indent-wrapper {
		padding-left: 45px;
		}
.b-pop-blogs {
	position: relative;
	zoom: 1;
	}
#now-online {
	float: left;
	width: 45%;
	}
#crucially {
	position: relative;
	margin: 15px 0 30px;
	zoom: 1;
	}
.layout-wrapper {
	overflow: hidden;
	width: 100%;
	zoom: 1;
	}


/* Forms
----------------------------------------------------- */	

.tx,
.pw {
	border: 1px solid #DFDFDF;
	}
.bt {
	padding: 0.1em 0.5em;
	}
.rb,
.cb {
	width: 15px; height: 15px;
	}
	
	
/* Main
----------------------------------------------------- */
	
.authorized .header {
	margin: 0 0 1.2em;
	}
	
	
/* More section */

.b-page .more-section {
	border-top: 4px solid #F0F0F0;
	clear: both;
	width: 100%;
	margin: 20px 0;
	overflow: hidden;
	font-size: 0.92em;
	}
.b-page .more-section .wrapper {
	float: right;
	margin: 0 11px 0 auto;
	background: #F0F0F0 url(/img/main/bg/more-corner-right.gif) 100% 100% no-repeat;
	zoom: 1;
	}
.b-page .more-section A {
	display: block;
	padding: 0 1em 0.4em 1em;
	background: url(/img/main/bg/more-corner-left.gif) 0 100% no-repeat;
	text-decoration: none;
	color: #606060;
	}
	

/* Login form */

.b-login-form-main {
	float: right;
	width: 25%;
	margin-right: -30px;
	margin-bottom: 20px;
	font-size: 0.89em;
	}
.b-login-form {
	font-size: 0.89em;
	}
	.b-login-form .header {
		margin-bottom: 0;
		}
	.b-login-form form {
		position: relative;
		margin: 0 0 2em;
		/*//margin-bottom: -0.8em;*/
		zoom: 1;
		}
		.b-login-form .tx,
		.b-login-form .pw {
			display: block;
			width: 14em;
			height: 1.3em;
			margin: 0.8em 0;
			padding: 0.3em;
			font-size: 1em;
			}
		.b-login-form .im {
			display: block;
			margin: 15px 0 0;
			}
		.b-login-form .inactive {
			color: #BDBDBD;
			}

	
/* Welcome */

#welcome {
	float: left;
	width: 70%;
	font: 1.46em/1.4 Verdana, Tahoma, sans-serif;
	}


/* Crucially */

#crucially .header {
	position: absolute;
	left: 32px;
	top: -46px;
	height: 54px;
	background: url(/img/main/bg/crucially-header.gif) 0 100% no-repeat;
	overflow: hidden;
	}
	#crucially .header IMG {
		display: block;
		}
#crucially .box-content {
	width: 100%;
	overflow: hidden;
	padding: 0.8em 0 2em 0;
	border-style: solid;
	border-width: 8px 0;
	border-color: #EAEAEA;
	}
	#crucially .h-box-content {
		width: 100%;
		margin: 0 30px;
		zoom: 1;
		}
		#crucially .item {
			float: left;
			width: 25%;
			margin: 0.2em -1px 0.2em 0;
			font-size: 0.89em;
			}
			#crucially .item .icon {
				position: relative;
				display: block;
				width: 60px;
				height: 60px;
				margin-left: -14px;
				background-image: url(/img/main/i/crucially.png);
				background-repeat: no-repeat;
				zoom: 1;
				}
			#crucially .icon-your-blog {
				background-position: 0 0;
				}
			#crucially .icon-style {
				background-position: -60px 0;
				}
			#crucially .icon-import {
				background-position: -120px 0;
				}
			#crucially .icon-export {
				background-position: -180px 0;
				}				
			#crucially .icon-openid {
				background-position: -240px 0;
				}
			#crucially .icon-interface {
				background-position: -300px 0;
				}
			#crucially .icon-music {
				background-position: -360px 0;
				}
			#crucially .icon-editor {
				background-position: -420px 0;
				}
			#crucially .item h2 {
				margin: 0.3em 0 0;
				font: bold 17px Arial, Tahoma, Verdana, sans-serif;
				}
				#crucially .item h2 a {
					color: #FF7902;
					text-decoration: none;
					}
			#crucially .item p {
				width: 80%;
				margin: 0.5em 0;
				}
#crucially .box-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 26px;
	}
	#crucially .box-head div,
	#crucially .box-footer div {
		position: absolute;
		width: 17px;
		height: 26px;
		background-image: url(/img/main/bg/crucially-corners.gif);
		background-repeat: no-repeat;
		}
	#crucially .box-head div {
		top: 0;
		}
	#crucially .box-footer div {
		bottom: 0;
		}
	#crucially .box-head .left-corner {
		left: 0;
		background-position: 0 0;
		}
	#crucially .box-head .right-corner {
		right: 0;
		background-position: 100% 0;
		}
	#crucially .box-footer .left-corner {
		left: 0;
		background-position: 0 100%;
		}
	#crucially .box-footer .right-corner {
		right: 0;
		background-position: 100% 100%;
		}
	
	
/* Now online */

#now-online A {
	display: block;
	float: left;
	width: 32px; height: 32px;
	margin: 0 3px 3px 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	}
	

/* News */

#news {
	position: relative;
	}
#news .pub {
	padding-left: 9em;
	margin: 0 0 0.5em;
	}
#news .date {
	position: absolute; left: 0;
	width: 7.5em;
	text-align: right;
	}
#news .sep {
	position: absolute; left: 8em;
	color: #D0D0D0;
	}
/* --- */
.authorized #news {
	font: 0.91em Tahoma, Verdana, sans-serif;
	margin-top: 1.1em;
	}
.authorized #news .pub {
	margin: 0 0 0.75em;
	}
/* --- */
/*.authorized #news .min-height {
	position: relative;
	height: 119px;
	zoom: 1;
	}*/
.authorized #news {
	margin-top: 34px;
	}
.unauthorized #news {
	margin-bottom: 28px;
	}
.unauthorized #news .more-section {
	display: none;
	}
	
	
/* Popular records */

.pop-records {
	font: 0.91em/1.5 Tahoma, Verdana, sans-serif;
	}
	.pop-records .item {
		clear: left;
		width: 100%;
		padding: 0.5em;
		margin: 0 0 1px;
		overflow: hidden;
		}
		.pop-records .h-avatar {
			float: left;
			margin: 0 8px 0 0;
			border: 1px solid #D9D9D9;
			background-color: #FFF;
			font-size: 0;
			}
		.pop-records .nick {
			margin: 0 0.5em 0 0;
			font-weight: bold;
			}
		.pop-records .record-info {
			margin-left: -5px;
			}
			.pop-records .sep {
				margin: 0 0.5em;
				color: #D7D7D7;
				}
	
	
/* Live */

.b-live {
	font: 0.91em/1.5 Tahoma, Verdana, sans-serif;
	}
	.b-live .b-column {
		float: left;
		width: 49%;
		}
	.b-live .b-column-right {
		float: right;
		}
		.b-live .item {
			clear: left;
			width: 100%;
			margin: 0 0 1.1em;
			overflow: hidden;
			}
			.b-live .h-avatar {
				float: left;
				margin: 0 8px 0 0;
				border: 1px solid #D9D9D9;
				}
			.b-live .nick {
				margin: 0 0.5em 0 0;
				font-weight: bold;
				}
			.b-live .record-info {
				margin-left: -5px;
				}

	
/* Popular blogs */

.b-pop-blogs {
	font: 0.91em/1.5 Tahoma, Verdana, sans-serif;
	}
	.b-pop-blogs .content-box {
		width: 100%;
		clear: both;
		overflow: hidden;
		margin: 0 0 -1em;
		}
		.b-pop-blogs .item {
			float: left;
			width: 25%;
			margin: 0 0 11px;
			}
			.b-pop-blogs .h-avatar {
				float: left;
				font-size: 0;
				border: 1px solid #D9D9D9;
				}
			.b-pop-blogs .nowrap { 
				float: left;
				width: 93px;
				overflow: hidden;
				}
				.b-pop-blogs .nick {
					line-height: 33px;
					font-weight: bold;
					zoom: 1;
					}
	
	
/* Communities */

.b-communities {
	font: 0.91em/1.5 Tahoma, Verdana, sans-serif;
	zoom: 1;
	}
	.b-communities .header {
		margin: 0 0 0 30px !important;
		}
		.b-communities .header img {
			display: block;
			}
.b-communities .items {
	position: relative;
	zoom: 1;
	}
.b-communities .box-content {
	padding: 21px 23px;
	border: 7px solid #EAEAEA;
	overflow: hidden;
	zoom: 1;
	}
.b-communities .box-footer {
	position: absolute;
	left: 0; bottom: 0;
	_bottom: -1px;
	width: 100%; height: 9px;
	}
.b-communities .box-head DIV,
.b-communities .box-footer DIV {
	position: absolute;
	width: 9px;
	height: 9px;
	background-image: url(/img/main/bg/communities-corners.gif);
	overflow: hidden;
	}
.b-communities .box-head DIV {
	top: 0;
	}
.b-communities .box-footer DIV {
	bottom: 0;
	}
.b-communities .box-head .left-corner {
	left: 0;
	background-position: 0 0;
	}
.b-communities .box-head .right-corner {
	right: 0;
	background-position: 100% 0;
	}
.b-communities .box-footer .left-corner {
	left: 0;
	background-position: 0 9px;
	}
.b-communities .box-footer .right-corner {
	right: 0;
	_right: -2px;
	background-position: 100% 9px;
	}
/* --- */
.b-communities .item {
	float: left;
	width: 20%;
	overflow: hidden;
	}
	.b-communities .item .h-avatar {
		float: left;
		margin: 0 8px 0 0;
		border: 1px solid #D9D9D9;
		font-size: 0;
		}
	.b-communities .item .nick {
		margin: 0 0.5em 0 0;
		font-weight: bold;
		}
	.b-communities .item .group {
		float: left;
		clear: both;
		margin: 5px 0 0;
		background: #F0F0F0 url(/img/main/bg/comm-group-left.gif) 0 0 no-repeat;
		font-size: 10px;
		}
		.b-communities .item .group div {
			_float: left;
			height: 15px;
			padding: 0 9px 0 5px;
			line-height: 14px;
			background: url(/img/main/bg/comm-group-right.gif) 100% 0 no-repeat;
			}
			.b-communities .item .group a {
				padding-left: 9px;
				color: #606060;
				text-decoration: none;
				background: url(/img/main/i/comm-group-arrow.gif) 0 50% no-repeat;
				}
/* --- */
.b-communities .footnote {
	position: relative;
	width: 134px;
	margin: -7px 32px 0 auto;
	padding: 35px 0 0;
	background: url(/img/main/bg/footnote.gif) 50% 0 no-repeat;
	z-index: 24;
	zoom: 1;
	}
	.b-communities .footnote-link {
		background: #F0F0F0 url(/img/main/bg/comm-cat-left.gif) 0 0 no-repeat;
		}
		.b-communities .footnote-link DIV {
			height: 25px;
			padding: 0 13px 0 9px;
			line-height: 24px;
			background: url(/img/main/bg/comm-cat-right.gif) 100% 0 no-repeat;
			}
			.b-communities .footnote-link A {
				padding-left: 8px;
				color: #606060;
				text-decoration: none;
				white-space: nowrap;
				}


/* Issues */

#issues {
	position: relative;
	margin: 50px 0 20px;
	clear: both;
	zoom: 1;
	}
#issues .header {
	position: absolute;
	left: 32px; top: -46px;
	padding: 0 0 31px;
	background: url(/img/main/bg/crucially-header.gif) 0 100% no-repeat;
	}
#issues .header IMG {
	display: block;
	}
#issues .box-content {
	width: 100%;
	overflow: hidden;
	padding: 0.8em 0 0;
	border-style: solid;
	border-width: 8px 0 0;
	border-color: #EAEAEA;
	}
#issues .layout-wrapper {
	width: 102%;
	}
#issues .box-footer {
	position: absolute; left: 0; bottom: 0;
	width: 100%; height: 26px;
	}
#issues .box-head DIV,
#issues .box-footer DIV {
	position: absolute;
	width: 17px; height: 26px;
	background-image: url(/img/main/bg/crucially-corners.gif);
	background-repeat: no-repeat;
	}
#issues .box-head DIV {
	top: 0;
	}
#issues .box-footer DIV {
	bottom: 0;
	}
#issues .box-head .left-corner {
	left: 0;
	background-position: 0 0;
	}
#issues .box-head .right-corner {
	right: 0;
	background-position: 100% 0;
	}
#issues .box-footer .left-corner {
	left: 0;
	background-position: 0 100%;
	}
#issues .box-footer .right-corner {
	right: 0;
	background-position: 100% 100%;
	}
	
	
/* Issues items */

#issues .item {
	float: left;
	width: 12.5%;
	font: 0.84em/1.8 Tahoma, Verdana, sans-serif;
	text-align: center;
	margin: 0.4em 0 0;
	}
#issues A {
	text-decoration: none;
	color: #AFAFAF;
	}
#issues .icon {
	display: block;
	width: 42px;
	height: 42px;
	margin: 0 auto;
	background-image: url(/img/main/i/issues.png);
	background-repeat: no-repeat;
	}
#issues .icon-your-blog {
	background-position: 0 0;
	}
#issues .icon-openid {
	background-position: -42px 0;
	}
#issues .icon-style {
	background-position: -84px 0;
	}
#issues .icon-interface {
	background-position: -126px 0;
	}
#issues .icon-import {
	background-position: -168px 0;
	}
#issues .icon-export {
	background-position: -210px 0;
	}
#issues .icon-music {
	background-position: -252px 0;
	}
#issues .icon-editor {
	background-position: -294px 0;
	}
	
	
/* Features menu */

.b-features-menu {
	float: left;
	width: 29%;
	}
.h-features-menu {
	position: relative;
	margin: 50px 46px 0 -21px;
	zoom: 1;
	}
.b-features-menu .header {
	position: absolute;
	left: 32px; top: -46px;
	padding: 0 0 31px;
	background: url(/img/main/bg/crucially-header.gif) 0 100% no-repeat;
	z-index: 24;
	}
.b-features-menu .header IMG {
	display: block;
	}
.b-features-menu .box-content {
	position: relative;
	border-style: solid;
	border-width: 8px 0;
	border-color: #EAEAEA;
	padding: 0;
	zoom: 1;
	}
.b-features-menu .box-head,
.b-features-menu .box-footer {
	//padding: 0 1px 0 0;
	}
.b-features-menu .box-footer {
	position: absolute;
	left: 0; bottom: 0;
	width: 100%; height: 26px;
	}
.b-features-menu .box-head DIV,
.b-features-menu .box-footer DIV {
	position: absolute;
	width: 17px; height: 26px;
	background-image: url(/img/main/bg/crucially-corners.gif);
	background-repeat: no-repeat;
	z-index: 23;
	}
.b-features-menu .box-head DIV {
	top: 0;
	}
.b-features-menu .box-footer DIV {
	bottom: 0;
	}
.b-features-menu .box-head .left-corner {
	left: 0;
	background-position: 0 0;
	}
.b-features-menu .box-head .right-corner {
	right: -1px;
	background-position: 100% 0;
	}
.b-features-menu .box-footer .left-corner {
	left: 0;
	background-position: 0 100%;
	}
.b-features-menu .box-footer .right-corner {
	right: 0;
	background-position: 100% 100%;
	}
	

/* Features menu items */

.b-features-menu UL {
	margin: 25px 0;
	}
.b-features-menu LI {
	position: relative;
	}
.b-features-menu LI .wrapper {
	padding: 15px 0;
	//padding: 15px 0 14px 0;
	_padding: 15px 0;
	}
.b-features-menu LI.active {
	background: #EAEAEA url(/img/main/bg/features-nav-item-left.gif) 0 0 no-repeat;
	}
.b-features-menu LI.active .wrapper {
	background: url(/img/main/bg/features-nav-item-right.gif) 100% 0 no-repeat;
	}
.b-features-menu LI .icon {
	position: absolute;
	left: 22px;
	top: 0;
	}
.b-features-menu A {
	text-decoration: none;
	color: #AFAFAF;
	}
/* --- */
.b-features-menu .icon {
	display: block;
	width: 42px;
	height: 42px;
	margin: 0 auto;
	background-image: url(/img/main/i/issues.png);
	background-repeat: no-repeat;
	}
.b-features-menu .icon-your-blog {
	background-position: 0 0;
	}
.b-features-menu .icon-openid {
	background-position: -42px 0;
	}
.b-features-menu .icon-style {
	background-position: -84px 0;
	}
.b-features-menu .icon-interface {
	background-position: -126px 0;
	}
.b-features-menu .icon-import {
	background-position: -168px 0;
	}
.b-features-menu .icon-export {
	background-position: -210px 0;
	}
.b-features-menu .icon-music {
	background-position: -252px 0;
	}
.b-features-menu .icon-editor {
	background-position: -294px 0;
	}
/* --- */
.b-features-menu .active .icon-your-blog {
	background-position: 0 -42px;
	}
.b-features-menu .active .icon-openid {
	background-position: -42px -42px;
	}
.b-features-menu .active .icon-style {
	background-position: -84px -42px;
	}
.b-features-menu .active .icon-interface {
	background-position: -126px -42px;
	}
.b-features-menu .active .icon-import {
	background-position: -168px -42px;
	}
.b-features-menu .active .icon-export {
	background-position: -210px -42px;
	}
.b-features-menu .active .icon-music {
	background-position: -252px -42px;
	}
.b-features-menu .active .icon-editor {
	background-position: -294px -42px;
	}
/* --- */
.b-features-menu .text {
	display: block;
	height: 15px;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 0 0 70px;
	}
.b-features-menu .active .text {
	background-position: 0 -15px;
	}
.b-features-menu .text-your-blog {
	background-image: url(/img/main/nav/your-blog.gif);
	}
.b-features-menu .text-openid {
	background-image: url(/img/main/nav/openid.gif);
	}
.b-features-menu .text-style {
	background-image: url(/img/main/nav/style.gif);
	}
.b-features-menu .text-interface {
	background-image: url(/img/main/nav/interface.gif);
	}
.b-features-menu .text-import {
	background-image: url(/img/main/nav/import.gif);
	}
.b-features-menu .text-export {
	background-image: url(/img/main/nav/export.gif);
	}
.b-features-menu .text-music {
	background-image: url(/img/main/nav/music.gif);
	}
.b-features-menu .text-editor {
	background-image: url(/img/main/nav/editor.gif);
	}
	
	
/* Features content */

.b-features-content {
	float: right;
	width: 71%;
	font-size: 1em;
	color: #606060;
	}
.b-features-content H1 {
	font: bold 2.45em Verdana, Arial, Helvetica, sans-serif;
	color: #FF7902;
	margin: 1.4em 0 0.9em;
	}
.b-features-content H2 {
	font: bold 1.45em Arial, Helvetica, sans-serif;
	color: #002F51;
	margin: 1.5em 0 0.6em;
	}
.b-features-content P {
	margin: 1.3em 0;
	}
.b-features-content .hr HR {
	display: none;
	}
.b-features-content .hr {
	clear: both;
	background: #DFDFDF;
	height: 1px;
	margin: 0.8em 0;
	}
* html .b-features-content .hr {
	overflow: hidden;
	}
.b-features-content .info-box {
	font-style: oblique;
	background: url(/img/main/bg/information.gif) 0 0 no-repeat;
	padding-left: 60px;
	}
.b-features-content .info-box STRONG {
	font-weight: normal;
	font-style: normal;
	}
.b-features-content UL LI {
	background: url(/img/main/bg/bullit.gif) 0 0.5em no-repeat;
	padding-left: 15px;
	margin: 0.3em 0;
	}