/* basics */

* { margin: 0px; padding: 0px; }

body { font: 9px/1.2em Verdana, sans-serif; color: #333; text-align: center; }	

p,h1,h2,h3,h4,h5,dt,dd { font-size: 1.7em; line-height: 1.2em; font-weight: normal; }
td { font-size: 9px; line-height: 1.7em; font-weight: normal; }
p,ol,dl,pre { margin-bottom: 1.0em; }
ul { margin: 0; padding: 0; list-style: none }
li { line-height: 1.3em; padding-left: 13px; padding-top: 2px; }
li a:link { color: #333333; font-weight: normal; text-decoration: none }
li a:hover { color: #333; text-decoration: underline }
li a:visited { color: #666; font-weight: normal; text-decoration: none }
a, a:active { outline: none; }		
a:link { color: #333333; text-decoration: underline; }
a:visited {	color: #666; text-decoration: underline; }
a:hover { color: #333; text-decoration: underline; }
img { border: none; }

blockquote { margin: 0; padding: 3px 30px 5px 35px; 
	font-size: 1.1em; line-height: 1.7em; font-weight: normal; font-style: italic; }

.clr { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; 
	border: 0; padding: 0; font-size: 0; line-height: 0.0em; }
	
/* layout */

#container { width: 824px; height: auto; 
text-align: left; margin-left: auto; margin-right: auto; padding: 0; }

#header { width: 100%; height: 90px; margin: 0; padding: 0; }	
.topleft {	float: left; width: 477px; padding: 20px 0 0 11px; }
.topright {	float: left; width: 336px; padding: 33px 0 0 0; }

#navigation { margin: 0; padding: 0; }	
#navigation ul { list-style: none; margin: 0; padding: 0; }	
#navigation ul li { margin: 0; padding: 0; text-indent: -3000px;	}	
#navigation ul li a { text-decoration: none; display: block; width: 100px; height: 11px;	}
a#nav-news	{ background: url(../images/objects/nav-news.gif) no-repeat 0 0; }
a#nav-reviews	{ background: url(../images/objects/nav-reviews.gif) no-repeat 0 0; }
a#nav-playlists	{ background: url(../images/objects/nav-playlists.gif) no-repeat 0 0; }
a#nav-releases	{ background: url(../images/objects/nav-releases.gif) no-repeat 0 0;}
a#nav-showcases { background: url(../images/objects/nav-showcases.gif) no-repeat 0 0; }
a#nav-artists { background: url(../images/objects/nav-artists.gif) no-repeat 0 0; }
a#nav-links { background: url(../images/objects/nav-links.gif) no-repeat 0 0; }
a#nav-the-site { background: url(../images/objects/nav-the-site.gif) no-repeat 0 0; }
a#nav-about-contact { background: url(../images/objects/nav-about-contact.gif) no-repeat 0 0; }
#navigation ul li a:hover { background-position: 0px -13px; }
#navigation ul li.active a { background-position: 0px -13px; }
#navigation ul li.active a:hover	{ background-position: 0px -13px; }

#center { width: 100%; height: 270px; height: auto; padding: 0; margin: 0; }
#center-left { float: left; width: 310px; padding: 51px 0 0 0; }
#center-right { float: right; width: 430px; margin: 0 0 0 60px; padding: 0; }	
#center-left-front { float: left; width: 420px; padding: 11px 0 0 0; }
#center-right-front { float: right; width: 400px; padding: 11px 0 0 0; }

#content-colums { width: 100%; height: auto; margin: 25px 0 0 0; z-index: 5; }
#col-left { float: left; width: 310px; }
#col-mid { float: left; width: 235px; margin: 0 0 0 30px; }
#col-right { float: left; width: 215px; margin: 0 0 0 30px; }
#content-colums-links { width: 100%; height: 500px; height: auto; margin: 25px 0 0 0; }
#col-left-links { float: left; width: 253px; }
#col-mid-links { float: left; width: 252px; margin: 0 0 0 30px; }
#col-right-links { float: left; width: 253px; margin: 0 0 0 30px; }
	
#modul-footer { width: 100%; padding: 20px 0 0 0; height: 55px; font-family: arial, sans-serif; }
	
/* divider & dotted lines */

.div { margin: 7px 0 7px 0; padding: 5px 0 0 0; background: url(../images/objects/dotted.gif) left top repeat-x; }	
.dot { margin: 7px 0 7px 0; padding: 5px 0 0 0; background: url(../images/objects/dotted.gif) left top repeat-x; }		
	
/* button styles */

.but-home { display: block; text-indent: -3000px; height: 40px; width: 220px; }
.but-home:link, .but-home:visited, .but-home:hover { text-decoration: none; }
.but-home { background: url(../images/objects/ml-home.gif) left top no-repeat; }

.but-spotlight { display: block; text-indent: -3000px; height: 15px; width: 141px; margin: 0 0 0 10px; }
.but-spotlight:link, .but-spotlight:visited { text-decoration: none; }
.but-spotlight:hover {	background-position: 0 -15px;	text-decoration: none; }
.but-spotlight { background: url(../images/objects/but-spotlight.gif) left top no-repeat; }

.but-spotlight { display: block; text-indent: -3000px; height: 15px; width: 141px; margin: 0 0 0 10px; }
.but-spotlight:link, .but-spotlight:visited { text-decoration: none; }
.but-spotlight:hover {	background-position: 0 -15px;	text-decoration: none; }
.but-spotlight { background: url(../images/objects/but-spotlight.gif) left top no-repeat; }

/* spotlight styles */

#spotcontainer { width: 790px; padding: 0; margin: 0 0 30px 0;
	background: url(../images/objects/spotlight-container-bg.gif) no-repeat 0 0; }

#spotlight-wrapper { }	
	
.spotlight-entries { float: left; width: 362px; padding: 47px 0 10px 35px; line-height: 1.7em; }
.spotlight-comments { float: left; width: 355px; padding: 47px 0 10px 24px; line-height: 1.7em; }

.spotlight-entries .entries { float: left; width: 209px; }
.spotlight-entries .entries a:link { color: #555; text-decoration: none; }
.spotlight-entries .entries a:visited { color: #999; text-decoration: none; }
.spotlight-entries .entries a:hover { color: #333; text-decoration: underline; }
.spotlight-entries .date { float: left; width: 60px; padding: 0 24px 0 0; text-align: right;
	font-size: 1.0em; font-family: arial, sans-serif; color: #999; }
.spotlight-entries .cat { float: left; width: 68px;
	font-size: 1.0em; font-family: arial, sans-serif; color: #777; }		
.spotlight-entries .cat a:link, 
.spotlight-entries .cat a:visited { color: #555; text-decoration: none; }
.spotlight-entries .cat a:hover { color: #333; text-decoration: underline; }

.spotlight-comments .entries { float: left; width: 195px; }
.spotlight-comments .entries a:link { color: #555; text-decoration: none; }
.spotlight-comments .entries a:visited { color: #999; text-decoration: none; }
.spotlight-comments .entries a:hover { color: #333; text-decoration: underline; }
.spotlight-comments .date { float: left; width: 60px; padding: 0 24px 0 0; text-align: right;
	font-size: 1.0em; font-family: arial, sans-serif; color: #999; }
.spotlight-comments .author { float: left; width: 68px; 
	font-size: 1.0em; font-family: arial, sans-serif; color: #777; }		
.spotlight-comments .author a:link, 
.spotlight-comments .author a:visited { color: #777; text-decoration: none; }
.spotlight-comments .author a:hover { color: #333; text-decoration: underline; }

.spotlight-bottom { width: 100%; height: 20px; padding: 0; margin: 0;
	background: #fff url(../images/objects/spotlight-box-bg-bot.gif) left top no-repeat; }

/* entry styles */

.entry {	padding: 0 0 0 3px; }
.entry p { text-align: left; padding: 0 0 0 12px; margin: 6px 0 6px 0; line-height: 1.7em; }
.entry .top { padding: 3px 0 0 10px; margin: 0; }	
.entry .top-individual { padding: 0 0 0 10px; margin: 0; }	
.entry .title { font: 1.0em/1.2em Verdana, sans-serif; color: #333; font-weight: normal; 
	text-transform: uppercase;	padding: 0 2px 0 2px; }	
.entry .title a { color: #333; text-decoration: none; }
.entry .title a:hover { color: #333; text-decoration: underline; }
.entry .title-rcomments { font: 1.0em/1.2em Verdana, sans-serif; color: #555;	font-weight: normal; 
	text-transform: uppercase;	padding: 0; }	
.entry .title-rcomments a { color: #333; text-decoration: none; }
.entry .title-rcomments a:hover { color: #333; text-decoration: underline; }	
.entry .cat { font: 1.0em/1.2em arial, sans-serif; font-weight: normal; color: #bdbdbd; 
	padding: 0 0 0 12px; margin: 0 0 4px 0; }		
.entry .cat  a { color: #777; text-decoration: none; }
.entry .cat a:hover { color: #333; text-decoration: underline; }
.entry .date { font: 1.0em/1.0em arial, sans-serif; font-weight: normal; 
	padding: 0 0 0 2px; margin: 0 0 4px 0;	color: #888; }
.entry .posted { font: 1.0em/1.0em arial, sans-serif; font-weight: normal; padding: 0 0 0 7px; 
	margin: 0 0 4px 0; color: #bdbdbd; }
.entry .posted-individual { font: 1.0em/1.1em arial, sans-serif; font-weight: normal; 
	padding: 6px 0 15px 12px; margin: 0; color: #bdbdbd; }
.entry .body { padding: 1px 0 0 0; margin: 5px 0 0 0;
	background: url(../images/objects/entrybody_dots.gif) left top no-repeat; }
.entry .body-individual { padding: 1px 0 0 0; margin: 5px 0 0 0; 
	background: url(../images/objects/entrybody_dots.gif) left top no-repeat; }
.entry .devider { padding: 2px 0 2px 0; margin: 4px 0 0 0; width: 85%;
	background: url(../images/objects/entrybody_dots.gif) left top no-repeat; }
.entry .devider-rcomments { padding: 2px 0 2px 0; margin: 2px 0 0 0; width: 95%;
	background: url(../images/objects/entrybody_dots.gif) left top no-repeat; }
.entry .comments { font: 1.0em/1.0em arial, sans-serif; font-weight: normal; 
	padding: 2px 2px 0 12px; margin: 0 0 11px 0;	color: #bdbdbd; }
.entry .comments a { font-weight: normal;	color: #888; text-decoration: none; }
.entry .comments a:hover { color: #333; text-decoration: underline; }
.entry span { color: #999; }	
.entry img { padding: 0; margin: 5px 0 10px 0; }
.entry a img { padding: 4px; margin: 2px 6px 0 0;
	background: transparent url(../images/objects/bg-35px.gif) no-repeat; border: none; }
.entry a:hover img { background-position: 0 -43px; }

.entry .pl img { padding: 0; margin: 7px 0 7px 0; }
.entry .pl a img { padding: 4px; margin: 8px 0 2px 10px;
	background: transparent url(../images/objects/bg-pl.gif) no-repeat;	border: none; }
.entry .pl a:hover img { background-position: 0 -92px; }

.entry .pl-mlstaff img { padding: 0; margin: 7px 0 7px 0; }
.entry .pl-mlstaff a img { padding: 4px; margin: 8px 0 2px 10px;
	background: transparent url(../images/objects/bg-pl-mlstaff.gif) no-repeat; border: none; }
.entry .pl-mlstaff a:hover img { background-position: 0 -50px; }

.entry .bigteaser img { padding: 0; margin: 7px 0 7px 0; }
.entry .bigteaser a img { padding: 4px; margin: 8px 0 4px 10px;
	background: transparent url(../images/objects/bigteaser-bg.gif) no-repeat;	border: none; }
.entry .bigteaser a:hover img { background-position: 0 -92px; }

.entry .pop211 a img { padding: 3px; margin: 5px 0 5px 13px;
	background: transparent url(../images/objects/pop211-bg.gif) no-repeat;	border: none; }
.entry .pop211 a:hover img { background-position: 0 -217px; }

.entry .cc a img { padding: 8px 0 0 13px; margin: 0; background: #fff; border: none; }

.entry ul { color: #888; margin: 12px 0 0 8px; padding: 28px 0 0 0;
	background: url(../images/objects/prelisten-bg.gif) no-repeat;}	
.entry li { padding: 2px 0 0px 16px; margin: 0 0 0 18px; height: 19px;
	background: url(../images/objects/prelisten-li.gif) no-repeat;	}
.entry li.last { padding: 2px 0 0 34px; margin: 0; height: 35px;
	background: url(../images/objects/prelisten-li-last.gif) no-repeat; }

.entry ul.dl { color: #888; margin: 20px 0 0 8px; padding: 28px 0 0 0;
	background: url(../images/objects/download-bg.gif) no-repeat;}	
.entry li.dl { padding: 2px 0 0px 16px; margin: 0 0 0 18px; height: 19px;
	background: url(../images/objects/download-li.gif) no-repeat;	}		
.entry li.dl-first { padding: 2px 0 0px 16px; margin: 0 0 0 18px; height: 19px;
	background: url(../images/objects/download-li-first.gif) no-repeat;	}	
.entry li.dl-last { padding: 2px 0 0 34px; margin: 0; height: 35px;
	background: url(../images/objects/download-li-last.gif) no-repeat; }
	
/* footer */
	
.crfooter { float: left; width: 305px; text-align: left; padding: 0 0 20px 15px; color: #bdbdbd; }
.crfooter a { color: #777; text-decoration: none; padding: 0 0 0 8px; }
.crfooter a:hover { color: #333; text-decoration: underline; }

.feeds { float: left; width: 340px;  margin: 0; text-align: left; color: #bdbdbd; }
.feeds a { color: #777; text-decoration: none; padding: 0 0 0 8px; }
.feeds a:hover { color: #333; text-decoration: underline; }
.toplink { float: right; width: 65px; padding: 0 5px 0 0; text-align: right; color: #bdbdbd; }
.toplink a { color: #777; text-decoration: none; }
.toplink a:hover { color: #333; text-decoration: underline; }


.cmoreentries { padding: 0 0 0 3px; }
.cmoreentries .top { padding: 3px 0 6px 10px; margin: 0 0 3px 0; 
	background: url(../images/objects/entrybody_dots.gif) left bottom no-repeat;}	
.cmoreentries .top-individual { padding: 0 0 0 10px; margin: 0; }	
.cmoreentries .title { font: 1.0em/1.2em Verdana, sans-serif; color: #555;	font-weight: normal; 
	text-transform: uppercase;	padding: 0 2px 0 2px; }	
.cmoreentries .title a { color: #333333; text-decoration: none; }
.cmoreentries .title a:hover { color: #333; text-decoration: underline; }
.cmoreentries .cat {	font: 1.0em/1.2em arial, sans-serif; font-weight: normal; color: #bdbdbd; 
	padding: 0 0 0 12px; margin: 0 0 4px 0; }		
.cmoreentries .cat  a { color: #777; text-decoration: none; }
.cmoreentries .cat a:hover { color: #333; text-decoration: underline; }
.cmoreentries .date { font: 1.0em/1.0em arial, sans-serif; font-weight: normal; 
	padding: 0 0 0 2px; margin: 0 0 4px 0;	color: #888; }
.cmoreentries span { color: #888888;}	

.rcomments { padding: 0 0 0 3px; color: #333;}
.rcomments p {	text-align: left;	padding: 0 0 6px 12px; margin: 6px 0 6px 0; line-height: 1.6em; 
	background: url(../images/objects/entrybody_dots.gif) left bottom no-repeat; }
.rcomments .title { font: 1.0em/1.5em Verdana, sans-serif; color: #555;	font-weight: normal; 
	text-transform: uppercase;	padding: 0; }	
.rcomments .title a { color: #555; text-decoration: none; }
.rcomments .title a:hover { color: #333; text-decoration: underline; }	
.rcomments .date { font: 1.0em/1.0em arial, sans-serif; font-weight: normal; padding: 0 0 0 2px; 
	margin: 0 0 4px 0; color: #777; }
.rcomments .devider { padding: 2px 0 2px 0; margin: 2px 0 0 0; width: 95%;
	background: url(../images/objects/entrybody_dots.gif) left top no-repeat; }
.rcomments span { color: #888888;}	

.rcommentsfront {	padding: 0 0 0 3px; font: 1.0em/1.5em arial, sans-serif; color: #888;}
.rcommentsfront p { text-align: left;	padding: 0 0 5px 12px; margin: 6px 0 6px 0; line-height: 1.6em; 
	background: url(../images/objects/entrybody_dots.gif) left bottom no-repeat; }
.rcommentsfront .title { font: 1.0em/1.6em verdana, sans-serif; color: #555; font-weight: normal; 
	text-transform: uppercase;	padding: 0; }	
.rcommentsfront .title a, .rcommentsfront .title a:visited { color: #333; text-decoration: none; }
.rcommentsfront .title a:hover { color: #333; text-decoration: underline; }	
.rcommentsfront .date { font: 1.0em/1.0em arial, sans-serif; font-weight: normal; padding: 0; color: #888; }
.rcommentsfront span { color: #888888;}	

/* links & resources styles */
	
.links {	padding: 0 0 0 3px; color: #888888; }
.links p { text-align: left;	padding: 0 0 0 12px; margin: 0 0 6px 0; line-height: 1.7em; }
.links .body { padding: 1px 0 0 0; margin: 3px 0 0 0; }
.links .devider { padding: 2px 0 2px 0; margin: 8px 0 4px 0; width: 95%;
	background: url(../images/objects/entrybody_dots.gif) left top no-repeat; }
.links span { color: #888 }	

.links a, .links a:visited { color: #333; text-decoration: none; padding: 0 3px 0 0;
	font: 1.0em/1.9em verdana, sans-serif; font-weight: normal; }
.links a:hover { color: #333; text-decoration: underline; 
	font: 1.0em/1.9em verdana, sans-serif; font-weight: normal; }	
	
.dotline { margin: 7px 0 7px 0; padding: 5px 0 0 0; background: url(../images/objects/dotted.gif) left top repeat-x; }	
.playlist {	padding: 0 0 0 16px; margin: 5px 0 10px 0; }	

.resources { font-family: arial, sans-serif;
	padding: 0 0 0 16px; margin: 3px 0 10px 0;}
.resources a {	color: #888888; text-decoration: underline;	}
.resources a:hover {	color: #333; text-decoration: underline;	}
.resources p { padding: 0 0 3px 0; line-height: 1.6em; text-transform: none; color: #666;}
.resources .title { font-family: verdana, sans-serif;	text-transform: uppercase; color: #333; }	
	
.info { padding: 0 0 0 16px; margin: 5px 0 10px 0;}

/* comment & search styles */

.thecomments {	padding: 0 0 0 13px; width: 310px; color: #666;}
.thecomments a { color: #888; text-decoration: none; }
.thecomments a:visited {	color: #777; }
.thecomments a:hover {	color: #333; text-decoration: none; }	

.thecomments p {	text-align: left;	padding: 0 0 4px 12px; margin: 5px 0 4px 0; line-height: 1.7em; 
	background: url(../images/objects/entrybody_dots.gif) left bottom no-repeat; }
.thecomments .posted { font: 1.0em/1.0em arial, sans-serif; font-weight: normal; 
	padding: 0 0 0 12px; margin: 8px 0 2px 0; color: #888888; }
.comments-dotline { padding: 5px 0 0 0; margin: 0 0 0 5px;
	background: url(../images/objects/entrybody_dots.gif) left top no-repeat; }	
.thecomments-form { padding: 0 0 30px 10px; width: 310px; color: #bdbdbd; 
	font: 1.0em/1.0em arial, sans-serif; font-weight: normal; }
.thecomments-form p { text-align: left;	margin: 5px 0 0 0; line-height: 1.7em; }

form span {	display: block; margin: 0; padding: 1px; border: 1px solid #e0e0e0; background: #fff; }
		
form label { color: #aaa; font-size: 1.0em; line-height: 1.4em; 
	font-family: arial, sans-serif; padding: 0 0 0 2px; }
	
form span input, form span textarea, form span select {
	border: 1px solid #bdbdbd;	border-top-color: #888;	border-bottom-color: #e0e0e0;
	font-size: 1.0em;	line-height: 1.3em; width: 100%;	font-family: verdana, sans-serif;
	color: #555; margin: 0;	}

form span textarea {	height: 140px;	}

.search { width: 75%; margin: 0; padding: 25px 0 25px 15px; }

/* text replacement */
	
h6 { text-indent: -2000px; height: 12px; margin: 0; }	
h5 { text-indent: -2000px; height: 23px; margin: 0; }

#txt-current-showcase-release { background: url(../images/objects/txt-current-showcase-release.gif) left top no-repeat; }
#txt-current-review { background: url(../images/objects/txt-current-review.gif) left top no-repeat; }
#txt-recent-playlists { background: url(../images/objects/txt-recent-playlists.gif) left top no-repeat; }
#txt-recently-added-reviews { background: url(../images/objects/txt-recently-added-reviews.gif) left top no-repeat; }
#txt-recently-added-news { background: url(../images/objects/txt-recently-added-news.gif) left top no-repeat; }
#txt-recent-comments { background: url(../images/objects/txt-recent-comments.gif) left top no-repeat; }
#txt-general-info-and-contact { background: url(../images/objects/txt-general-info-and-contact.gif) left top no-repeat; }
#txt-comments { background: url(../images/objects/txt-comments.gif) left top no-repeat; }
#txt-post-your-comment { background: url(../images/objects/txt-post-your-comment.gif) left top no-repeat; }
#txt-more-entries-cat { background: url(../images/objects/txt-more-entries-cat.gif) left top no-repeat; }
#txt-recent-comments-cat { background: url(../images/objects/txt-recent-comments-cat.gif) left top no-repeat; }
#txt-thesite { background: url(../images/objects/txt-thesite.gif) left top no-repeat; }

#txt-links-labels { background: url(../images/objects/txt-links-labels.gif) left top no-repeat; }
#txt-links-netlabels { background: url(../images/objects/txt-links-netlabels.gif) left top no-repeat; }
#txt-links-artists { background: url(../images/objects/txt-links-artists.gif) left top no-repeat; }
#txt-links-resources { background: url(../images/objects/txt-links-resources.gif) left top no-repeat; }
#txt-links-stores { background: url(../images/objects/txt-links-stores.gif) left top no-repeat; }

#txt-ct-news { background: url(../images/objects/txt-ct-news.gif) left top no-repeat; }
#txt-ct-reviews { background: url(../images/objects/txt-ct-reviews.gif) left top no-repeat; }
#txt-ct-showcases { background: url(../images/objects/txt-ct-showcases.gif) left top no-repeat; }
#txt-ct-artists { background: url(../images/objects/txt-ct-artists.gif) left top no-repeat; }
#txt-ct-releases { background: url(../images/objects/txt-ct-releases.gif) left top no-repeat; }
#txt-ct-playlists { background: url(../images/objects/txt-ct-playlists.gif) left top no-repeat; }
#txt-ct-links { background: url(../images/objects/txt-ct-links.gif) left top no-repeat; }
#txt-ct-playlists { background: url(../images/objects/txt-ct-playlists.gif) left top no-repeat; }
#txt-ct-about { background: url(../images/objects/txt-ct-about.gif) left top no-repeat; }
#txt-ct-search { background: url(../images/objects/txt-ct-search.gif) left top no-repeat; }
#txt-ct-thesite { background: url(../images/objects/txt-ct-thesite.gif) left top no-repeat; }

#txt-search { background: url(../images/objects/txt-search.gif) left top no-repeat; }
#txt-contactinfo { background: url(../images/objects/txt-contactinfo.gif) left top no-repeat; }
#txt-about-the-author { background: url(../images/objects/txt-about-the-author.gif) left top no-repeat; }
#txt-supported-by { background: url(../images/objects/txt-supported-by.gif) left top no-repeat; }
