/* -------------------------------------------------------------- 
  
   Distinctive Records Screen Styles
   * Version:   1.0 (29.10.07)
   Paul Bellamy, BellamyStudio
   
-------------------------------------------------------------- */


body {
	background:#900 url('../images/template/body_bg.png') top left repeat-x;
	color:#efefef
}
a {
	text-decoration:none;
	color:#c00
}
a:hover {
	color:#f00
}
#header {
	width:900px;
	height:138px;
	overflow:hidden;
	background:url('../images/template/top_bg_900.png') top left no-repeat;
	
}
#header h1 {
	margin:55px 0 0 25px;
	padding:0
}
#header h1 a {
	width:406px;
	height:76px;
	text-indent:-999em;
	overflow:hidden;
	display:block;
	background:url('../images/template/logo_sharp.png') no-repeat
}

h2, h3, h4 {
	letter-spacing: -1px;
	color:white
}
h2, h4 {
	/*text-transform:uppercase;*/
	clear:both
}

h2 {
	color:#efefef;
	padding:3px;
	background:url('../images/template/title_bg.png') top left
}
h4 {
	padding:2px;
	width:auto;
	background:url('../images/template/h4_bg.png') top left
}

/* Nav definitions
-------------------------------------------------------------- */

#nav {
	width:900px;
	height:55px;
	background:url('../images/template/nav_bg_900.png') no-repeat !important;
	background: url('../images/template/nav_bg_900.gif') no-repeat; // ie!
}
#nav ul {
	position:relative;
	float:left;
	top:0;
	left:0;
	list-style: none;
	margin:2px 0 0 20px;
	_margin:2px 0 0 10px;
	padding:0;
	overflow: hidden;
	padding: 0 -20px;
}
#nav ul li {
	float:left;
	height:25px;
	padding:0 -20px
}


 /* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */
#nav ul li {
 float: left;
 list-style: none;
 /*margin-top: -7px !important;*/
 margin-top: 0px;
 text-align: center;
 vertical-align: middle;
 
 }
  
#nav ul li a {
	 z-index: 10;
	 display: block;
	 float: left;
	 height: 20px !important;
	 height: 29px;
	 position: relative;
	 overflow: hidden;
	border-bottom: none;
	 vertical-align: middle;
	 color:white;
	 margin:2px 10px 0 10px
}
.menuItem {
  padding: 0 7px;
 /* width: 75px;*/
}
.menuItem a {
/* width: 75px;*/
 padding-top:0px !important;
 padding-top: 5px;
 }
  

 /*#nav li.background {
 background: url('/menu/bg_menu_right.png') no-repeat top right !important;
 background: url('/menu/bg_menu_right.gif') no-repeat top right;
 z-index: 8;
 height: 25px !important;
 height: 29px;
 position: absolute;
 visibility: hidden;
 margin-top:-10px !important;
 margin-top: 0;
 }
  
 #nav .background .left {
 background: url('/menu/bg_menu.png') no-repeat top left !important;
 background: url('/menu/bg_menu.gif') no-repeat top left;
 height: 25px !important;
 height: 29px;
 margin-right: 7px; /* 7px is the width of the rounded shape */
 margin-top: 0px;
 }*/

/*
#nav_home a {
	width: 62px;
	background: url('../images/template/nav_home.png') no-repeat center !important;
	background: url('../images/template/nav_home.gif') no-repeat center; // ie!
}

#nav_news a {
	width: 59px;
	background: url('../images/template/nav_news.png') no-repeat center !important;
	background: url('../images/template/nav_news.gif') no-repeat center; // ie!
}

#nav_artists a {
	width: 66px;
	background: url('../images/template/nav_artists.png') no-repeat center !important;
	background: url('../images/template/nav_artists.gif') no-repeat center; // ie!
}

#nav_discog a {
	width: 106px;
	background: url('../images/template/nav_discog.png') no-repeat center !important;
	background: url('../images/template/nav_discog.gif') no-repeat center; // ie!
}

#nav_images a {
	width: 69px;
	background: url('../images/template/nav_images.png') no-repeat center !important;
	background: url('../images/template/nav_images.gif') no-repeat center; // ie!
}

#nav_store a {
	width: 55px;
	background: url('../images/template/nav_store.png') no-repeat center !important;
	background: url('../images/template/nav_store.gif') no-repeat center; // ie!
}

#nav_links a {
	width: 58px;
	background: url('../images/template/nav_links.png') no-repeat center !important;
	background: url('../images/template/nav_links.gif') no-repeat center; // ie!
}

#nav_register a {
	width: 77px;
	background: url('../images/template/nav_register.png') no-repeat center !important;
	background: url('../images/template/nav_register.gif') no-repeat center; // ie!
}

#nav_contact a {
	width: 78px;
	background: url('../images/template/nav_contact.png') no-repeat center !important;
	background: url('../images/template/nav_contact.gif') no-repeat center; // ie!
}
*/

#nav ul li a {
	text-indent: -500em;
	z-index: 10;
	display: block;
	float: left;
	height: 25px;
	position: relative;
	overflow: hidden;
}

#nav li.background {
	background: url('../images/template/bg_menu_right.png') no-repeat top right;
	z-index: 0;
	position: absolute;
	visibility: hidden;
}

#nav .background .left {
	background: url('../images/template/bg_menu.png') no-repeat top left;
	height: 25px;
	margin-right: 7px; /* 7px is the width of the rounded shape */
}

#basket {
	float:right;
	text-align:right;
	width:170px;
	padding:5px 30px 0 0;
	background:url('../images/template/cart.png') left no-repeat
}

/* Content definitions
-------------------------------------------------------------- */

#content {
	background:black;
	margin:0 0 0 7px;
	width:855px;
	padding:10px 10px 10px 20px
}

#footer {
	text-align:center;
	height:100px;
	width:900px;
	background:url('../images/template/footer_bg_900.png') top left no-repeat !important;
	background: url('../images/template/footer_bg_900.gif') no-repeat center; // ie!
}
#footer p {
	margin-top:10px;
	color:#666
}
#player {
	margin-bottom:10px
}
.newsStory, .chartEntry {
	clear:both
}
.newsStory img, .chartEntry img {
	float:left;
	margin:0 10px 10px 0
}
.newsStory h3, .chartEntry h3, .fullNewsStory h3 {
	color:white;
	/*text-transform:uppercase*/
}
.newsStory h3, .chartEntry h3 {
	margin-bottom:.2em;
}
ul.news, ul.months {
	list-style:none;
	margin:0 0 1em 0;
	padding:0
}
ul.news li, ul.months li {
	margin:0;
	padding:2px 0 2px 25px;
	border-bottom:1px dotted #222
}
ul.news li {
	background:url('/images/template/icons/newspaper.png') 5px 2px no-repeat
}
ul.months li {
	background:url('/images/template/icons/bullet_black.png') 5px 2px no-repeat
}

ul.news li small {
	font-size:.8em;
	color:#ccc
}
ul.releases li {
	font-size:.8em;
	color:#ccc;
	font-weight:bold;
}
.fullNewsStory img {
	float:right;
	margin:0 0 10px 10px
}
span.date {
	padding-left:1em;
	font-size:.75em;
	color:#999;
	text-transform:none
}

a.artist {
	float:left;
	width:160px;
	border:1px solid #222;
	margin:0 15px 15px 15px;
	background-color:#090909
}
a.artist:hover {
	background-color:#333;
	border:1px solid #600;
	color:white
}
.artist img {
	float:left;
	margin:10px 10px 0 10px;
}
.artist p {
	float:left;
	margin:2px 10px;
	padding:0;
	text-align:center;
	font-weight:bold
}

a.discog {
	margin-bottom:5px;
	padding:5px 0;
	border-bottom:1px solid #222;
	border-top:1px solid #000
}
a.discog h4 {
	font-size:1.3em;
	font-weight:bold;
	color:#900;
	margin:5px 0 10px 3px;
	padding:0;
	background:none
}

a.discog dl, a.discog dt, a.discog dd {
	margin:0;
	padding:0;
	color:white
}
a.discog dd {
	color:#dedede
}
a.discog:hover {
	background-color:#200;
	border-top:1px solid #900;
	border-bottom:1px solid #900;
}
a.discog:hover h4 {
	color:#f00
}

.mp3button {
	padding:0 3px 3px 0
}

.pages {
	margin:10px 0;
	padding:5px 0;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	
}
.pages span {
	display:block;
	float:left;
	padding-top:.5em;
	font-size:1.5em;
	margin-right:1em
}
.pages a {
	display:block;
	float:left;
	width:2em;
	font-size:1.5em;
	padding:.35em 0;
	margin-right:.5em;
	text-align:center;
	border:1px solid #200
}

.pages a:hover {
	border:1px solid #900;
	background-color:#900
}
.pages a.current {
	background-color:#300
}

.flashbutton {
	padding:10px 0;
	z-index:2
}
h3.release {
	font-weight:bold;
	font-size:1.5em;
	padding-left:20px;
	background:url('../images/template/vinyl_grey_16.png') left no-repeat
}

dl.release dt, dl.release dd {
	margin:0;
	padding:0;
	font-size:.9em
}
dl.releases {
	float:left;
	width:100%;
	clear:both;
	margin:0 0 5px 0;
	padding:0
}
dl.releases dt, dl.releases dd {
	margin:0;
	padding:0;
	font-size:.9em;
}
dl.releases dt {
	float:left;
	width:15%;
}
dl.releases dd {
	float:right;
	width:84%;
}

#downloadLinks p {
	float:none;
	width:100%;
	clear:both
}
#downloadLinks p img {
	margin:0 auto 5px auto
}

.gallery a {
	margin:0 10px 5px 0
}
input.text {
	border:1px solid #999;
	background-color:#333
}