/*==========================RESET_STYLE============================*/

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:"Times New Roman", Times, serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
    color:#bdbdbd;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*============================LAYOUT================================*/
body {
	background: url(../img/bg/suppat.jpg) top left repeat-x #0f0f0f;
	}
	
#top_of_content 
   {
	   width:983px;
	   height:12px;
	   background:url(../img/bg/top_of_content.png) top center no-repeat;
	   margin:0 auto;
	   	}
		
#bottom_of_content
   {
	   width:983px;
	   height:12px;
	   background:url(../img/bg/bottom_of_content.png) top center no-repeat;
	   margin:0 auto 15px auto;
	}
	
#wrapContent 
    {
	background:#0b0b0b;
	padding:0px 0;
	width:983px;
	margin:0 auto;
	}
	
#content {
	width:983px;
	height:auto;
	padding:5px 0;
	background:#0b0b0b;	
	}

#search #content {
	width:983px;
	height:auto;/*Потом поставить auto*/
	padding:5px 0;
	background:#0b0b0b url(../img/bg/bg_contentcse.jpg) top left  repeat-y; 	
	}

#bodyRomantic #leftContent, #bodyPassion #leftContent,  #bodyPositive #leftContent,  #bodyRnb #leftContent,  #bodyOst #leftContent,  #bodyDifferent #leftContent,  #bodyInstrumental #leftContent {
	width:230px;
	height:1843px;
	float:left;
	position:relative;
	left:10px;
	background:url(../img/bg/left_content_bg.jpg) top;
	padding-bottom:-10px;
	margin-bottom:-10px;
}

#linegenre {
height:1843px;
width:1px;
background:#1a1a1a;
margin-left:248px;}


#index #leftContent {
	width:230px;
	height:1511px;
	float:left;
	position:relative;
	left:10px;
 	background: url(../img/bg/left_content_bg.jpg) #1b1b1b; 
	padding-bottom:-10px;
	margin-bottom:-10px;
}

#bodyRomantic #rightContent, #bodyPassion #rightContent,  #bodyPositive #rightContent,  #bodyRnb #rightContent,  #bodyOst #rightContent,  #bodyDifferent #rightContent,  #bodyInstrumental #rightContent {
margin-top:-15px;
width:715px;
float:right;
position:relative;
right:11px;
padding-left:0px;
}


#index #rightContent {
	width:715px;
	float:right;
	position:relative;
	right:11px;
	padding-left:8px;
}

#clearContent {
	clear:both;
	width:100%;
}

#index h2 {
	font-size:1.3em;
	margin-bottom:15px;
	letter-spacing:0.04em;
	text-align:center;
	}
	
#index h2 a:link, #index h2 a:visited, #index h2 a:hover, #index h2 a:active
{
	color:#c7c7c7;
	}
#index h2 a:hover{
	text-decoration:none;
	}
#index h2 a.active {
	text-decoration:none;
	}
div#footer {
	text-align:center;
	margin:0 0 10px 0;
	font-size:1.03em;
	font-weight:bold;
	}
div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active {
	color:#c7c7c7;
	text-decoration:underline;
	letter-spacing:0.02em;

	}
	div#footer a:hover {
		text-decoration:none;
		}

	
/*=LOGO=*/
#logoAndNavArea {
		width:983px;
		height:auto;
		margin:0 auto;
}

#logo {
	width:360px;
	height:112px;
    background: url(../img/logo/logo.png) top no-repeat;
	float:left;
	}
	
#search_form {
	float:right;
	position:relative;
	top:82px;
	}	
	
#logo h1 {
	font-size:1px;
	text-indent:-9999px;
	}

#bodyRomantic #logo {
    background:url(../img/logo/logorom.png) top no-repeat;
	}
	
#bodyPassion #logo {
    background:url(../img/logo/logopass.png) top no-repeat;
	}	
	
#bodyPositive #logo {
    background:url(../img/logo/logopos.png) top no-repeat;
	}
#bodyRnb #logo {
    background:url(../img/logo/logornb.png) top no-repeat;	
}
#bodyOst  #logo{
	background:url(../img/logo/logoost.png) top no-repeat;	
	}

#bodyDifferent #logo {
	background:url(../img/logo/logodif.png) top no-repeat;		
	}
#bodyInstrumental #logo {
	background:url(../img/logo/logoinstr.png) top no-repeat;	
	}

/*=MENU=*/
#globalNav{
	height:45px;
	width:983px;
	margin:10px auto 0 auto !important;
	clear:both;
}
.adsence {
	width:160px;
	height:600px;
	margin:0 auto 7px auto;	
	}
#mainNav {
	width:983px;
}
#mainNav li { float: left; }
#mainNav li a { text-indent: -9999px; overflow: hidden; display: block; height: 50px; } 


#romantic  { background:url(../img/nav/romantic.png) top left; width: 182px; }
#romantic:hover { background: url(../img/nav/romantic.png) top right; }
#romantic.active { background:url(../img/nav/romantic.png) top right;}

#passion  { background:url(../img/nav/passion.png) top left; width: 129px; }
#passion:hover { background: url(../img/nav/passion.png) top right; }
#passion.active { background:url(../img/nav/passion.png) top right;}

#positive  { background:url(../img/nav/positive.png) top left; width: 142px; }
#positive:hover { background: url(../img/nav/positive.png) top right; }
#positive.active { background:url(../img/nav/positive.png) top right;}


#rnb  { background:url(../img/nav/RnB.png) top left; width:60px; }
#rnb:hover { background: url(../img/nav/RnB.png) top right; }
#rnb.active { background:url(../img/nav/RnB.png) top right;}


#ost { background:url(../img/nav/fromfilm.png) top left; width: 140px; }
#ost:hover { background: url(../img/nav/fromfilm.png) top right; }
#ost.active { background:url(../img/nav/fromfilm.png) top right;}

#different  { background:url(../img/nav/different.png) top left; width: 133px; }
#different:hover { background: url(../img/nav/different.png) top right; }
#different.active { background:url(../img/nav/different.png) top right;}

#instrumental  { background:url(../img/nav/instrumental.png) top left; width: 197px; }
#instrumental:hover { background: url(../img/nav/instrumental.png) top right; }
#instrumental.active { background:url(../img/nav/instrumental.png) top right;}

/*=POST_BLOCK=*/
.wrapPostBlock {
	width:660px;
	height:154px;
	background:url(../img/post/bg_post.jpg) top left no-repeat;
	clear:both;
	position:relative;
	margin-top:15px;
	}
	
	
.wrapPostBlock:hover {
	width:660px;
	height:154px;
	background:url(../img/post/bg_post.jpg) top right no-repeat;
	}
	
.wrapPostBlock  img {
	float:left;
	height:150px;
	width:105px;
	overflow:hidden;
	position:relative;
	top:2px;
	left:2px;
	}
.PostBlock {
	margin-left:115px;
	padding-right:5px;
	position:relative;
	}
	
.PostBlock  h3 {
	color:#c7c7c7;
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	padding:10px 0 10px 0;
	letter-spacing:0.04em;
	}
.PostBlock p {
	color:#bdbdbd;
	font-size:1.04em;
	}
	
.PostBlock  a:link, .PostBlock  a:visited, .PostBlock  a:hover, .PostBlock  a:active {
		color:#bdbdbd;
		text-decoration:none;
	}
.rating {
	width:93px;
	height:19px;
	position:absolute;
	bottom:3px;
	right:10px;
		}
.data,.count_view {
	color:#4e4e4e;
	font-weight:bold;
	position:absolute;
	bottom:3px;
	}
.data {
	left:115px;
	}
.count_view {
	left:285px;
}
a.usial:link, a.usial:visited, a.usial:hover, a.usial:active {
 	font-size:1.05em;
	color:#bdbdbd;
		}
		
	a.usial:hover {
		text-decoration:none;
		}
/*==multimedia==*/
.media_player {
	width:500px;
	height:375px;
	margin:0 auto 20px;
	clear:both;
	background:#333 url(../img/bg/left_content_bg.jpg);
	padding:9px 10px 40px 10px;
	border:1px solid #1a1a1a;	
	}

.audio_player {
	width:500px;
	height:37px;
	margin:0 auto 20px;
	clear:both;
	background:#333 url(../img/bg/left_content_bg.jpg);
	padding:9px 10px 31px 10px;
	border:1px solid #1a1a1a;	
	}
	
.audio_player p, .media_player  p {
	color:#bdbdbd;
	text-align:center;
	font-size:1.01em;
	position:relative;
	top:10px;
	} 
	
/*==ViewPost==*/
#post_info {
	position:relative;
	}
#post_info h1 {
	text-align:center;
	margin-bottom:20px;
	margin-top:15px;
	font-size:1.5em;
	color:#d9d9d9;
	clear:both;
	}

#text_translate {
	clear:both;
	}
	
#text, #translate {
	background:url(../img/bg/left_content_bg.jpg) top;
	margin:15px 0 30px 0;
	width:347px;
	padding:5px 0px 5px 6px;
}
.singl_text {
	background:url(../img/bg/left_content_bg.jpg) top;
	margin:15px auto 30px auto;
	width:516px;
	padding:5px 0px 5px 7px;
	}
.singl_text p {
	width:365px;
	margin:0 auto;
	}
	
#text {
	float:left;
	}

#translate {
	float:right;
	}
	
.song {
	text-align:center;
	font-size:1.05em;
	margin-bottom:10px;
}

#text_translate h1 
   {
	   font-size:1.05em;
	}


.rasporka {
	width:100%;
	height:60px;
	clear:both;
	}

p.ideas {
	font-size:1.05em;
	margin:20px 0 20px  7px;
	clear:both;
	}
.post_author {
text-align:center;
font-weight:bold;
font-size:1.05em;
color:#4e4e4e;
margin-top:2px;
}
.wrap_img {
	border:2px solid #1a1a1a;	
	padding:5px;
	background:url(../img/bg/left_content_bg.jpg) top left;
	float:left;
	clear:both;
	margin:15px 0;
		}
.img_center {
	width:522px;
	margin:15px auto;
	}

		
/*==COMMENT==*/
.comment {
    margin:20px 0 20px  7px;
	padding:5px;
	background:url(../img/bg/left_content_bg.jpg);
	position:relative;
	}
.comment_author, .comment_date {
	position:absolute;
	font-weight:bold;
	color:#4e4e4e;
	}
.comment_author {
	top:3px;
	left:5px;
	font-size:1.05em;
	}
.comment_date {
	top:3px;
	right:5px;
	}
.comment_text {
	font-size:1.05em;
	padding:20px 0 0 5px;
	}
	
.commentariy {
	margin:20px 0 10px 7px;
	font-size:1.2em;
	letter-spacing:0.04em;
	}
.wrap_form {
    margin:10px 0 20px  7px;
	padding:20px 5px 15px 5px;
	background:url(../img/bg/left_content_bg.jpg);
	position:relative;
	clear:both;
	}

.clear {
	width:100%;
	clear:both;
	}

#commentt input.dif, #commentt textarea  {
	background:#383838;
	width:500px;
	border:#4E4E4E 2px solid;
    color:#d9d9d9;
	margin-bottom:5px;
		}
#commentt textarea {
	height:50px;
	}
#commentt label {
		font-weight:bold;
		color:#707070;
		float:left;
		width:110px;
		
		}
#commentt img {
		float:left;
		width:110px;
	}
p.qw {
	margin-left:110px;}

#commentt input.sub {
 width:255px;
 margin-top:2px;
 color:#DBDBDB;
 background:#383838;
 border:#4E4E4E 2px solid;
}




.pstrnav {
	color:#fff;
	text-align:center;
	margin:15px auto;
	}
.pstrnav a:link, .pstrnav a:hover,.pstrnav a:visited,.pstrnav a:active {
	color:#fff;
	text-decoration:none;
	}


.prodazha 
{
	font-size:1.2em; 
	border:1px dashed #151515; 
	height:243px;
	margin:20px 0 25px 0;
	}	


/*==========================Zakritiy Razdel============================*/
#globalNavZak{
	height:45px;
	width:983px;
	margin:10px auto 0 auto !important;
	clear:both;
}

#mainNavZak {
	width:983px;
}

#mainNavZak li { float: left; text-align:center; }
#mainNavZak li a {overflow: hidden; display: block; height: 30px; font-size:1.05em; color:#bdbdbd; line-height:30px;}
#mainNavZak li a.activvv {overflow: hidden; display: block; height: 30px; font-size:1.05em; color:#fff; line-height:30px; background:#999;}

#mainNavZak li a:visited {overflow: hidden; display: block; height: 30px; font-size:1.05em; color:#fff;}
#mainNavZak li a:hover {overflow: hidden; display: block; height: 30px; font-size:1.05em; color:#fff; text-decoration:none; background:#999;}
#mainNavZak li a:active {overflow: hidden; display: block; height: 30px; font-size:1.05em; color:#fff; text-decoration:none; background:#999;}

#blog_down {width: 327px; }
#bonus_col {width: 327px; }
#albums {width: 327px; }