/* Main stylesheet */

/* common styles*/
* { margin: 0; padding: 0; }

html, body {
    width: 100%;
    font-family: Tahoma,Arial;
    font-size: 12px;
    background: #EBE7E0;
    color: #444;
    line-height:130%;
}

img {
	border:0;
}

a { 
	text-decoration: none;
	color: #AD194B; 
}

ul li {
	list-style:none;
}

table {
	border-collapse: collapse; 
	border: none;
}

.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

.block {
	display:block;
}

.pink {
	color:#AD194B;
}

.grey {
	color:#58595B;	
}

.common {
	padding:2px 0 2px 6px;
}

.common .active {
	padding:2px 4px;
	background-color:#AD194B;
	color:#fff;
}

.borderTop {
	border-top:1px solid #AD194B;
}

.borderBottom {
	border-bottom:1px solid #AD194B;
}

.comlist {
	margin:2px 0;
}

/*end*/

#headerLogo {
	width: 100%;
	height:44px;
	background: #FFFFFF;
}

.sectionHeader {
	padding-left:8px;
	width:100%;
	height:17px;
	background:url(../images/common/header-bg.gif) repeat-x;
	color:#fff;
	text-transform:uppercase;
}

/*main navigation*/
#mainNav {
	margin:0 0 0 8px;
	padding:0;
}

#mainNav li {
	display:inline;
	list-style: none;
}

#mainNav a {
	float:left;
	width:58px;
	height:19px;
	background:url(../images/common/tab-none.gif);
	text-align:center;
	color:#AD194B;
}

#mainNav a.active {
	background:url(../images/common/tab-active.gif);
	color:#FFFFFF;
}
/*end*/

/* Top banners block */
.bannerBox {
	margin:0;
	padding:0;
}

.banner .preview { padding: 2px 5px; }
.banner .preview img { display: block; }
.banner .description { text-align: left; vertical-align: middle; }
.banner .description a {padding-left:5px;}

.padding_h { padding-left: 4px; padding-right: 4px; }
.padding_v { padding-top: 4px; padding-bottom: 4px; }
.padding_h2 { padding-left: 2px; padding-right: 2px; }
.padding_v2 { padding-top: 2px; padding-bottom: 2px; }
/*end*/


/* Genres block */
#genresBlock .parent {
	display:block;
}

#genresBlock .child {
	color:#666;
}

#genresBlock span {
	color:#AD194B;
}
/* end */


/* Search block */
#searchBlock {
	padding:4px 0 4px 6px;
	background: #F3F0EB;
}

#searchBlock form {
	background:url(../images/icons/glass.gif) no-repeat;
	background-position:0;
	padding-left:20px;
}
	
.search_button {width:50px; padding:0; border:none; font-size: 12px; color:#fff; background:url(../images/common/header-bg.gif) repeat-x;}
.search_input {border: 1px solid #bba; font-size: 13px}

#alphaSearch p a, #alphaSearch p span {
	text-transform: uppercase;
	font-size:14px;	
}

#byLetterSearch p {
	margin-bottom:4px;
}

#byLetterSearch p.active {
	padding:2px 4px;
	background-color:#AD194B;
	color:#fff;
}

ul.search_results li { margin-top: 2px; padding-left: 5px;}
/*end*/

ul.singerList { margin:4px; }

ul.singerList li {
	margin-top: 2px;
	background: url('../images/icons/dot.gif') no-repeat 5px;
	padding-left: 16px;
}

ul.singerList li a {
	color:#444;	
}

/* footer navigation */
.subNavBox p {
	padding:4px;
	display:block;
	border-bottom:1px solid #aaa;
}


/* Карточки */
.cards { width: 100%; }
.cards .index { width: 12px; text-align: center; vertical-align: middle; }
.cards .rating { width: 16px; text-align: center; vertical-align: middle; padding:0 2px;}
.cards .rating img { display: block; margin: auto; }
.cards .preview { padding:1px 0; width: 46px; height: 44px; vertical-align:middle; }
.cards .preview img { display: block; margin: auto; }
.cards .description {padding:1px 0 1px 4px;}
/* end */


.warnInfo {
	background: url('../images/icons/warn.gif') no-repeat 0px;
	padding-left:20px;
}