* {margin:0px; padding:0px;}
body {
	color: #333333;
	font-family: Tahoma;
	font-size: 11px;
	background-color: #FFFFFF;
	background: url(/images/design_cosmo/all_bg.jpg) repeat-x top;
}

#all {
	color: #000000;
	margin: 0px auto;
}
#header {
	background: url(/images/design_cosmo/header.jpg) no-repeat;
	height: 311px;
	width: 980px;
	margin:0px auto -140px auto;
	position: relative;
}

#menu1 {
	height: 20px;
	margin: 5px 0px 0px 464px;
	position: absolute;
}

#menu1 a, #menu1 a:visited {
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	float: left;
	width: 160px;
	text-align: center;
	display: block;
	padding-left: 10px;
	margin-left: 2px;
}

#menu1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#menu2 {
	height: 50px;
	position: absolute;
	width: 770px;
	margin:48px 0px 0px 200px;
}

#menu2 a, #menu2 a:visited {
	color: #356AA0;
	text-decoration: underline;
	text-align: center;
	display: block;
	font-size: 21px;
	background: url(/images/design_cosmo/s_key_active.jpg) no-repeat left;
	height: 36px;
	padding: 8px 0px 0px 25px;
}

#menu2 a:hover {background: url(/images/design_cosmo/s_key_active.jpg) no-repeat left; color:#4096EE; text-decoration: underline;}

.m2_1 {
	position: absolute;
	margin-left: 40px;
}

.m2_2 {
	position: absolute;
	margin-left: 190px;
}
.m2_3 {
	position: absolute;
	margin-left: 400px;
}
.m2_4 {
	position: absolute;
	margin-left: 620px;
}

#menu3 {
	padding:0px;
	margin: 105px 0px 0px 138px;
	position: absolute;
}

#menu3 a, #menu3 a:visited {
	padding:0px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	float: left;
	width: 160px;
	text-align: center;
	display: block;
	padding-left: 10px;
	margin-left: 2px;
	margin-top: -10px;
}

#menu3 a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#searcha {
	position: absolute;
	height: 23px;
	width: 825px;
	margin-top: 110px;
	margin-left: 155px;
}
#searcha a, #searcha a:visited {
	font-size:17px;
	font-weight: normal;
	color: #356AA0;
	text-decoration: underline;
	padding:2px 3px 2px 0px;
	margin:0px;
}
#searcha a:hover {
	color: #FF0084;
	text-decoration: none;
}
.inputa {
	height: 19px;
	width: 217px;
	border: 1px solid #009DAD;
	float: left;
	margin-right: 5px;
	padding-top: 2px;
	padding-left: 5px;
}
.inputa_l {
	height: 19px;
	border: 1px solid #009DAD;
	float: left;
	margin-right: 5px;
	padding-top: 2px;
	padding-left: 5px;
}
.submita {
	height: 24px;
	width: 24px;
	border: 0px;
	float: left;
	margin-right: 10px;
}
#searcha p {
	float: left;
	width: 530px;
	display: block;
	padding-top: 1px;
	font-size: 16px;
	font-weight: bold;
	text-align:center;
}
.adv_search {
	font-size: 12px;
	color: #009DAD;
	text-decoration: underline;
	position: absolute;
	margin-top: 135px;
	margin-left: 286px;
}

#footer {
	background: url(/images/design_cosmo/footer_bg.jpg) repeat-x;
	height: 116px;
	clear: both;
}
#f_content {
	background: url(/images/design_cosmo/footer.jpg) no-repeat;
	margin: 0px auto;
	height: 116px;
	width: 980px;
}

.copy {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: underline;
	position: absolute;
	display: block;
	margin-left: 730px;
	margin-top: 100px;
}

#content {
	margin: 0px auto;
	width: 980px;
}
#left {
	background: url(/images/design_cosmo/block_bottom.jpg) no-repeat bottom;
	width: 259px;
	float: left;
	padding-bottom: 130px;
}
#right {
	float: left;
	width: 657px;
	margin-left: 37px;
	position: relative;
}

.thumb img {
	height: 76px;
	width: 76px;
	border: 2px solid #FFFFFF;
	display: block;
	margin: 0px auto;
}
.thumb {
	background-color: #7CD62D;
	display: block;
	height: 96px;
	width: 84px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 2px;
	margin: 5px auto;
}
.thumb span {
	text-align: right;
	display: block;
	padding-right: 5px;
}
.th {
	height: 157px;
	width: 158px;
	border: 1px solid #8992AF;
	background: url(/images/design_cosmo/th_bg.jpg) no-repeat center bottom;
	float: left;
	margin: 1px 1px 5px 2px;
	-moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
}
.th_art, .th_alb, .th_god {
	font-size: 11px;
	text-align: center;
}
p.th_alb {
	height:28px;
	width:150px;
	margin:0 auto;
	overflow-y:hidden;
}
.th_art a, .th_art a:visited {
	font-weight: bold;
	color: #3091C6;
	text-transform: uppercase;
	text-decoration:underline;
}
.th_art a:hover {
	color: #3091C6;
	text-decoration:none;
}
.th_alb a, .th_alb a:visited {
	color: #7CD62D;
	text-decoration:underline;
}

.th_alb a:hover {
	color: #7CD62D;
	text-decoration:none;
}
.th_god {
	color: #FFFFFF;
	padding-top: 6px;
	font-weight: bold;
}

.white h1, .white h2 {
	font-size: 21px;
	color: #356aa0;
	font-weight: normal;
	display: block;
	padding:2px 0px 25px 15px;
}
.pink h1, .pink h2 {
	font-size: 16px;
	color: #53B200;
	font-weight: normal;
	display: block;
	background: url(/images/design_cosmo/pink.jpg) no-repeat;
	margin-top: 15px;
	padding:5px 0px 25px 25px;
}

.blue h1, .blue h2 {
	font-size: 16px;
	color: #00BACD;
	font-weight: normal;
	display: block;
	background: url(/images/design_cosmo/blue.jpg) no-repeat;
	margin-top: 15px;
	padding:5px 0px 25px 25px;
}
.fl_bg {padding:0px 19px 0px 19px;}

.flag_block {
	height: 320px;
	width: 190px;
	border: 1px solid #00BACD;
	margin:0px 7px 10px 7px;
	float: left;
}
.flag_block h3 {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: right;
	display: block;
	padding:46px 10px 10px 0px;
}
.flag_block ul {
	width: 160px;
	list-style-type: none;
	display: block;
	padding: 10px 15px 10px 12px;
}
.flag_block li {
	padding-bottom: 6px;
}

.flags1 a, .flags1 a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	display: block;
}
.flags1 a:hover {
	color: #000000;
	text-decoration: none;
}
.flags2 a, .flags2 a:visited {
	font-size: 12px;
	color: #00B8CC;
	text-decoration: underline;
	display: block;
}
.flags2 a:hover {
	color: #00B8CC;
	text-decoration: none;
}
.position1 {background: url(/images/design_cosmo/one.jpg) no-repeat left top;padding-left: 28px;}
.position2 {background: url(/images/design_cosmo/two.jpg) no-repeat left top;padding-left: 25px;margin-left: 3px;}
.position3 {background: url(/images/design_cosmo/three.jpg) no-repeat left top;padding-left: 25px;margin-left: 3px;}
.position4 {background: url(/images/design_cosmo/four.jpg) no-repeat left top;padding-left: 25px;margin-left: 3px;}
.position5 {background: url(/images/design_cosmo/five.jpg) no-repeat left top;padding-left: 25px;margin-left: 3px;}
.usa {background: url(/images/design_cosmo/usa.jpg) no-repeat top;}
.uk {background: url(/images/design_cosmo/uk.jpg) no-repeat top;}
.de {background: url(/images/design_cosmo/de.jpg) no-repeat top;}

#left_mid {	background: url(/images/design_cosmo/block_mid.jpg) repeat-y;
	width: 259px;}

#left ul {
	width: 249px;
	padding:0px 4px 0px 6px;
	list-style-type: none;
	position: relative;
}
#left li {
	height: 75px;
	width: 249px;
	display: block;
}
.li_bg {
	background-color: #E8FCFE;
}

#left img {
	height: 32px;
	width: 32px;
	border: 1px solid #C8DBBF;
	float: left;
	margin:20px 10px 0px 30px;
}
.l_artist {
	display: block;
	padding:14px 10px 0px 72px;
}
.l_artist a, .l_artist a:visited {
	font-size: 11px;
	text-transform: uppercase;
	color: #3091C6;
	text-decoration:underline;
	font-weight: bold;
}
.l_artist a:hover {
	color: #3091C6;
	text-decoration:none;
}
.l_albom {
	display: block;
	padding:3px 10px 0px 72px;
}

.l_albom a, .l_albom a:visited {
	font-size: 11px;
	color: #53B200;
	text-decoration:underline;
}
.l_albom a:hover {
	color: #53B200;
	text-decoration:none;
}
.th_art_let
{
	height: 50px;
	width: 165px;
	border: 1px solid #3091C6;
	float: left;
	margin: 1px 1px 5px 2px;
	padding: 10px 1px 1px 45px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: url("/covers/def/32x32/no_cover.jpg") no-repeat 5px center;
}
.th_art_let a
{
	color: #3091c6;
	display:block;
}
.th_art_let span a
{
	color: #3091c6;
}
.pager
{
	width: 100%;
	text-align: center;
	vertical-align: middle;
	color: #53B200;
}
.pager a
{
	color: #53B200;
}
.track
{
	width: 100%;
	height: 50px;
	vertical-align: middle;
}
.track_bg
{
	background-color: #E8FCFE;
	height: 50px;
}
.track img
{
	border: 0px;
}
.track_bg img
{
	border: 0px;
}
.track_num
{
	width: 50px;
	vertical-align: middle;
	color: #F0AA44;
	font-weight: bold;
}
.track_title
{
	color: #00BACD;
	width: 300px;
}
.track_title a
{
	color: #00BACD;
}
.track_duration
{
	vertical-align: middle;
}
.track_list
{
	width: 100%;
}
.track_download a
{
	color: #00BACD;
}
.a_blue
{
	color: #009DAD;
}
.a_black
{
	color: #000000;
}
h2.info, h3.info, a.back
{
    color: #44484b;
    font-size: 21px;
    height: 36px;
    font-weight: normal;
    padding:15px 0px 15px 0px;
}
img.album
{
    border: 1px solid silver;
   -moz-border-radius: 6px;
   -khtml-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   padding:3px;	
}

.video_desc
{
    width: 628px;	
    font-size: 12px;
    color: #3091c6;
    margin-bottom: 15px;	
    border: 1px solid silver;
   -moz-border-radius: 6px;
   -khtml-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   padding:6px;	
}

.lyric_desc
{
    width: 628px;	
    font-family:verdana,arial,sans-serif;
    line-height:130%;
    font-size: 12px;
    color: #333;
    margin-bottom: 20px;	
}

.release_desc
{
    width: 100%;	
    font-size: 12px;
    color: #333;
    text-align:justify;
    font-family:verdana,arial,sans-serif;
    line-height:130%;
    margin-bottom: 10px;	
}

a.back
{
   color:#4096EE;
   background: url(/images/back_to_main.png) no-repeat left center; 
   padding-left: 30px;
   margin: 10px;
}

a.back:hover
{
   color:#FF0084;
}

a.artist_name
{
   font-size:14px;	
   color:#4096EE;
   margin:10px 0px;
   font-weight:bold;
}

a.artist_name:hover
{
   color:#FF0084;
}

#tag_cloud
{
	font-size:8px; 
	color:silver; 
	padding:10px;
}
 
#tag_cloud a
{
    line-height:24px;
    text-decoration:none;
    color:rgb(74, 150, 238);
    font-size:12px;
}

#tag_cloud a:hover
{
    text-decoration:underline;
}
img.relico 
{
  float:left;
  margin: 5px 10px 0px -15px;
  padding: 0;
  width: 32px;
  height: 32px;
  border: 0;
}

div.pager
{
	width:100%;
	margin:0px;
	padding:10px;
	text-align:center;
}

div.pager a
{
	padding:3px;
	font-size:17px; 
	color: #4096ee;
	text-decoration:underline;
}

div.pager a:hover
{
	color: #ff0084;
}

div.pager span
{
	font-size:10px; 
	color:silver; 
}

div.pager span.active
{
	padding:3px;
	color: #ff0084;
	font-size: 21px;
	height: 36px;
	font-weight: normal;
}

