/*
	reset
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

.rel {position: relative;}
div.test1 {background: red !important;}
div.test2 {background: yellow !important;}
div.test3 {background: green !important;}
div.clear, br.clear, span.clear {
	display: block;
	height: 1px;
	clear: both;
	overflow: hidden;
}

/*
	global
*/
body {
	background: #fff;
	font: 62.5%/1.5 "Trebuchet MS"; 
}


/*
	layout 
*/
#l-wrapper {
	margin: 0 auto;
	width: 1150px;
}

#l-header {
	background: url(/images/header2.png) no-repeat center -15px;
	height: 128px;
	margin: 0 auto;
	*width: 1150px;
	min-width: 1150px;
	max-width: 1280px;
}

#l-main {
	height: 532px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	width: 1150px;
}



#l-footer {
	color: #ccc;
	font-size: 1.1em;
	padding: 5px 0 5px;
	text-align: center;
}

/*
	blocks
*/

#b-audio {
	color: #737373;
	font: normal 1.2em verdana;
	left: 662px;
	_left: 85px;
	position: absolute;
	text-align: left;
	width: 500px;
}

#b-audio a {
	color: #662424;
	display: block;
	font-size: 0.9em;
	font-family: Verdana;
	margin: 4px 0 2px 120px;
	outline: none;
}

#b-audio .audioplayer_container {
	float: left;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	vertical-align: middle;
	width: 300px;
}

#b-audio b {
	display: block;
	float: left;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	width: 120px;
}

#l-main .div-social {
	margin: -90px auto 0;
	_margin-top: -95px;
	overflow: hidden;
	position: relative;
	width: 900px;
}

#b-social {
	margin: 0 -24px;
}

#b-social li {
	float: left;
	margin: 0;
	padding: 0;
}

#b-social a {
	background: url(/images/social.gif) no-repeat;
	display: block;
	float: left;
	height: 86px;
	margin: 0 17px;
	*margin: 0 10px;
	_margin: 0 5px;
	outline: none;
	overflow: hidden;
	text-indent: -10000px;
	width: 137px;
}

#b-social a:hover {
	background-position: bottom left;
}

#b-social li.livejournal a {
	background-position: -170px 0;
	width: 112px;
}

#b-social li.livejournal a:hover {
	background-position: -170px bottom;
}

#b-social li.youtube a {
	background-position: -310px 0;
	width: 102px;
}

#b-social li.youtube a:hover {
	background-position: -310px bottom;
}

#b-social li.twitter a {
	background-position: -445px 0;
	width: 114px;
}

#b-social li.twitter a:hover {
	background-position: -445px bottom;
}

#b-social li.lastfm a {
	background-position: -588px 0;
	width: 105px;
}

#b-social li.lastfm a:hover {
	background-position: -588px bottom;
}

#b-social li.vkurse a {
	background-position: -725px 0;
	width: 117px;
}

#b-social li.vkurse a:hover {
	background-position: -725px bottom;
}

#b-uplab {
	color: #999999;
	position: absolute;
	top: 478px;
	right: 35px;
	width: 120px;
}

#b-uplab b {
	display: block;
	float: left;
	font-weight: normal;
	height: 22px;
	line-height: 22px;
	text-align: right;
	vertical-align: middle;
	width: 55px;
}

#b-uplab a {
	color: #687f89;
	display: block;
	float: left;
	font-size: 1.1em;
	font-weight: normal;
	height: 22px;
	line-height: 22px;
	margin-left: 5px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	width: 55px;
}

#b-uplab a span {
	line-height: 12px;
}

#b-uplab a:hover {
	text-decoration: underline;
}