/*----------------------------*\
    resets and globals
\*----------------------------*/

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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td
/*fieldset, form, label, legend,*/
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	line-height:1.3em;
}
html {
height:100%; 
}
body {
background: #fff url('images/bg_1.jpg') 350px 0 repeat;
font-family:'Times New Roman', Times, serif;
font-size: 14px;
height:100%;
color:#1c407d;
}
a {
text-decoration: none;
color:#0f2056;
font-weight: bold;
 }
 
a:hover {
  text-decoration: underline;
 }



/*----------------------------*\
       backgrounds
\*----------------------------*/

body.home {
background: #fff url('images/bg_2.jpg') 250px 380px repeat;
}
body.press {
background: #fff url('images/bg_2.jpg') 250px 380px repeat;
}
body.contact_us {
background: #fff url('images/bg_3.jpg') -200px 130px repeat;
}
body.video {
background: #fff url('images/bg_4.jpg') 0 400px repeat;
}
body.four {
background: #fff url('images/bg_2.jpg') -400 0 repeat;
}
body.releases {
background: #fff url('images/bg_5.jpg') 0 0 repeat;
}
body.releasesID {
background: #fff url('images/bg_5.jpg') 0 0 repeat;
}


/*----------------------------*\
     global typography
\*----------------------------*/

h1, h2, h3, h4, h5 {
font-family: Arial, Verdana, Helvetica;
margin:12px 0;
text-transform:lowercase;
}
h1 {
font-size:32px;
margin:9px -4px;
display:block;
height:74px;
width:350px;
font-weight:normal;
}
h2 {
font-size:20px;
}
h3 {
font-weight:normal;
font-size:18px;
}
h4 {
font-weight:bold;
font-size:16px;
}
h5 {
font-weight:bold;
font-size:12px;
}
p {
margin:12px 0;
}


/*----------------------------*\
          main layout
\*----------------------------*/

div.wrappa {
background:url('images/bg_left_grey.png') 0 0 repeat-y;
}
div.left {
float:left;
width:300px;
}
div.right {
padding:0 0 0 300px;
}
div.footer {
float:left;
padding:0 0 20px 18px;
width:282px;
background:url('images/bg_left_grey.png') 0 0 repeat-y;
}
div.logo {
float:right;
padding:109px 0 10px 0;
}
div.content {
float:left;
padding:12px 30px 12px 30px;
}
div.footer_content p {
font-size:10px;
margin:0;
}


/*----------------------------*\
          nav layout
\*----------------------------*/

div.nav {
}
ul.nav {
margin:10px 0 200px 0;
padding:0;
float:right;
width:300px;
}
ul.nav a:focus {
outline: none;
}
ul.nav li {
display:block;
float:left;
list-style-type:none;
margin:0 0 2px 0;
}
ul.nav li a {
display:block;
height:31px;
width:300px;
text-indent:-9009px;
padding:1px 0;
}
ul li.nav_home a {
background:transparent url('images/nav.png') no-repeat 125px 0;
}
ul li.nav_bio a {
background:transparent url('images/nav.png') no-repeat 125px -31px;
}
ul li.nav_releases a {
background:transparent url('images/nav.png') no-repeat 125px -62px;
}
ul li.nav_music_clips a {
background:transparent url('images/nav.png') no-repeat 125px -93px;
}
ul li.nav_photo_gallery a {
background:transparent url('images/nav.png') no-repeat 125px -124px;
}
ul li.nav_press a {
background:transparent url('images/nav.png') no-repeat 125px -155px;
}
ul li.nav_gigs a {
background:transparent url('images/nav.png') no-repeat 125px -186px;
}
ul li.nav_contact a {
background:transparent url('images/nav.png') no-repeat 125px -217px;
}
ul.nav li a:hover {
background-color:#fff;
border-bottom:solid 1px #666;
border-top:solid 1px #666;
border-right:solid 1px #666;
margin:-1px 0;
width:299px;
}


/*----------------------------*\
       content layout
\*----------------------------*/

h1.bio, body.bio h1 {
display:block;
background:transparent url('images/headings/heading_bio.png') no-repeat 0 0;
text-indent:-9000px;
}
h1.releases, body.releases h1 {
display:block;
background:transparent url('images/headings/heading_releases.png') no-repeat 0 0;
text-indent:-9000px;
}
h1.timeline, body.timeline h1 {
display:block;
background:transparent url('images/headings/heading_time_line.png') no-repeat 0 0;
text-indent:-9000px;
}
h2.timeline {
display:block;
background:transparent url('images/headings/heading_time_line.png') no-repeat 0 0;
text-indent:-9000px;
display:block;
height:74px;
}
h1.press, body.press h1 {
display:block;
background:transparent url('images/headings/heading_press.png') no-repeat 0 0;
text-indent:-9000px;
}
h1.video, body.video h1 {
display:block;
background:transparent url('images/headings/heading_music_clips.png') no-repeat 0 0;
text-indent:-9000px;
}
h1.gallery, body.gallery h1 {
display:block;
background:transparent url('images/headings/heading_photo_gallery.png') no-repeat 0 0;
text-indent:-9000px;
}
h1.gigs, body.gigs h1 {
display:block;
background:transparent url('images/headings/heading_gigs.png') no-repeat 0 0;
text-indent:-9000px;
}
h1.contact_us, body.contact_us h1 {
display:block;
background:transparent url('images/headings/heading_contact.png') no-repeat 0 0;
text-indent:-9000px;
}
div.press_item {
width:340px;
float:left;
padding:5px;
margin:5px;
}
div.rings {
position:absolute;
top:12px;
right:20px;
height:80px;
width:75px;
background:transparent url('images/rings.png') no-repeat 0 0;
}
body.contact_us div.wrappa {
background:url('images/nathan_line_flip.png') 0 0 no-repeat;
}
.field_bg {
border:none;
}



/*----------------------------*\
   mp3s and releases
\*----------------------------*/

/* Album info stuff  */

#album_pics {
  width:120px;
  float:left;
}
#album_right {

  margin-left:130px;
}

/* releases stuff  */

.generic_table tr td, .generic_table tr th {
padding:5px;
background:url('images/bg_grey.png');
border:1px solid #666;
}

.releas_type_headingXXX {
  width:100%;
  font-size:200%;
  font-weight:bold;
  color:#ccc;
  border-bottom:3px solid #ccc;
  margin-bottom:10px;
  margin-top:20px;
}

 /*   mp3s page   */


.mp3item {
  width:720px;
  margin-bottom:5px;
}
/*.mp3trackno, .mp3tracktitle, .mp3trackdescription, .mp3player {*/
/*  float: left;*/
/*}*/

.mp3player {
  width:200px;
}


.mp3trackno span {
  margin-left:0px;
  display:block;
}
.mp3tracktitle span {
  margin-left:5px;
  
}
.mp3trackdescription span {
  margin-left:5px;
}
.mp3trackno span, .mp3tracktitle span, .mp3trackdescription span {
  display:block;
}


.mp3trackno {
  text-align:center;
  width:20px;
}
.mp3tracktitle {
  width:200px;
}
.mp3trackdescription {
  width:300px;
  }