/* where is everything? */
body {/* along the top only
 border: 1px solid red; */
}
#pagewrapper {/* whole page
 border: 1px solid red; */
}
#main {/* left column aand centre
 border: 1px solid red; */
}
#support { /* left hand column
 border: 1px solid red; */
}
#content { /* centre column 
 border: 1px solid red; */
}
#sidebar { /* right column
 border: 1px solid red; */
} 
#footer { /* foot
 border: 1px solid red; */
}
 
#pagewrapper {
/*background : #fbfbf3 url(../images/fullwidthTile.jpg) repeat-y 0 0;*/
background : #fbfbf3 url(../images/bottom.jpg) repeat-y 0 960px;
}

h1 {
background : transparent url(../images/H1.jpg) no-repeat 0 0;
width: 720px;
height: 160px;
}
#banner {
background : transparent url(../images/bandPics.jpg) no-repeat 720px 0;
}
#banner ul {
text-indent : -5000px;
background : #c5d87e url(../images/navigation.jpg) no-repeat 0 0;
height : 80px;
position : relative;
}
#banner li {
margin : 0;
padding : 0;
list-style : none;
position : absolute;
top : 0;
}
#banner li, #banner a {
height : 70px;
display : block;
}

#login {
background : transparent url(../images/login.jpg) no-repeat 0 0;
height: 80px;
}
#content {
background : transparent url(../images/centre.jpg) no-repeat 0 0;
min-height: 620px;
}
#jukebox {
background : transparent url(../images/jukebox.jpg) no-repeat 0 0;
min-height: 620px;
}
#sidebar {
background : transparent url(../images/right.jpg) no-repeat 0 0;
min-height: 620px;
}
#support {
background : transparent url(../images/left.jpg) no-repeat 0 0;
min-height: 620px;
}

#login {/* position login properly */
position: relative;
}
#login span { 
position:absolute;
left:730px;
top:10px;
}

#login p { 
position:absolute;
left:80px;
width: 620px;
/*top:10px;*/
font-family: monospace;
}

/*****************************************
*** band images - link to member pages ***
*****************************************/

#members {
/*border: 1px solid red;*/
}
#members { /* used to be 'share' for digg link */
text-indent: -5000px;
position: absolute;
top: -320px;
left: 0px;
width: 240px;
height: 160px;
background: transparent none 0 0 no-repeat;
}
#members ul { /* used to be 'share' for digg link */
margin: 0;
padding: 0;
list-style-type: none;
position : relative;
}
#members li {
display: inline;
height: 140px;
width: 70px;
/*border: 1px solid blue;*/
position : absolute;
}
#members li, #members a {
top: 9px;
height : 140px;
display : block;
}
#phil {
left: 10px;
}
#schultz {
left: 85px;
}
#teej {
left: 160px;
}
#members a:hover {
border: 1px solid red;
margin-left: -1px;
}
#phil a:hover {
background : transparent url(../images/philPoster.jpg) no-repeat 0 0;
}
#schultz a:hover {
background : transparent url(../images/schultzPoster.jpg) no-repeat 0 0;
}
#teej a:hover {
background : transparent url(../images/teejPoster.jpg) no-repeat 0 0;
}

/*****************************
*** Navigation Link Images ***
*****************************/
#homeLink {
left : 0; 
width : 130px;
}
#giglistLink {
left : 131px;
width : 130px;
}
#cdinfoLink {
left : 261px;
width : 185px;
}
#promoLink {
left : 446px;
width : 125px;
}
#quotesLink {
left : 571px;
width : 130px;
}
#linksLink {
left : 701px;
width : 110px;
}
#contactLink {
left : 811px;
width : 150px;
}
#homeLink a:hover {
background : transparent url(../images/navHover.jpg) no-repeat 0 0;
}
#giglistLink a:hover {
background : transparent url(../images/navHover.jpg) no-repeat -131px 0;
}
#cdinfoLink a:hover {
background : transparent url(../images/navHover.jpg) no-repeat -261px 0;
}
#promoLink a:hover {
background : transparent url(../images/navHover.jpg) no-repeat -446px 0;
}
#quotesLink a:hover {
background : transparent url(../images/navHover.jpg) no-repeat -571px 0;
}
#linksLink a:hover {
background : transparent url(../images/navHover.jpg) no-repeat -701px 0;
}
#contactLink a:hover {
background : transparent url(../images/navHover.jpg) no-repeat -811px 0;
}
/* get rid of dotted line around selected navigation sprites */
#nav a:active, #nav a:focus {
border: none;
outline: none;
}
/* #sidebar {
background : transparent none no-repeat 0 0;
} */
.box h3 {
background : #e9b0b4 none no-repeat 0 0;
border: 1px solid gray;
}
.box h4 {
background : #e9b0b4 none no-repeat 0 0;
border: 1px solid gray;
}
/*#main {
background : transparent none no-repeat 0 0;
}*/
/*#support {
background : transparent none no-repeat 0 0;
}*/
/*#support h3 {
background : #e9b0b4 none no-repeat 0 0;
}*/

/* this was for the dotted outline on text-replaced navigation links... */
:focus { outline: none } /* ... and shouldn't have been commented out! */

/* need 3 containers for 3 full-width tiles for footer (could be different sizes)
eg: footer / validation / networking
*/

/******************
*** media Links ***
******************/

#mediaMenu { 
text-indent: -5000px;
/*position: absolute;*/
top: 55px;
left: 15px;
width: 210px;
height: 210px;
background: url(../images/menuSquare.jpg) no-repeat 0 0;
}
#mediaMenu ul {
margin: 0;
padding: 0;
list-style-type: none;
position : relative;
}
#mediaMenu li {
height: 100px;
width: 100px;
position : absolute;
}
#mediaMenu li, #mediaMenu a {
height : 100px;
display : block;
}

#mediaMenu a {
border: 1px solid #6666FF;
}

#mediaMenu a:hover {
border: 1px solid #ff0000;
}

#blogLink {
top: 0px;
left: 0px;
}

#mp3Link {
top: 0px;
left: 110px;
}

#videoLink {
top: 110px;
left: 0px;
}

#galleryLink {
top:110px;
left:110px;
}

#history {
position:
}

/*************
*** footer ***
*************/
#footer {
padding: 0;
margin: 0;
border: none;
}

#footer p {
margin: 0;
}

#networking {
background: transparent url(../images/foot1.jpg) no-repeat 0 0;
height: 80px;
margin: 0;
}
#networking ul {
padding: 35px 0 0 240px;
}
#whereNext {
background: transparent url(../images/foot2.jpg) no-repeat 0 0;
height: 80px;
margin: 0;
}
#whereNext ul {
padding: 10px 0 0 240px;
list-style-type: none;
}
#credits {
background: transparent url(../images/foot3.jpg) no-repeat 0 0;
height: 80px;
margin: 0;
}
#credits ul {
padding: 10px 0 0 240px;
list-style-type: none;
}

#story img { /* if this is included in 'story', shift it into left column */
width: 220px;
height: 160px;
margin-left: -240px;
border: 1px solid grey;
}
/* 
#sidebar ul {
}

#sidebar li {
line-height: 1.5em;
list-style-type: disc;
} */
/*
.jukebox {
background: transparent url../images/jukebox.jpg) no-repeat 0 0;
}
*/
#player {
/*border: 2px solid #C2A9C5;*/
}

#player ul {
margin: 100px 0 0 0;
list-style: none;
}

 #player li {
text-indent: -5000px;
margin: 0;
padding: 0;
height: 110px;
/*border: 2px solid #C2A9C5;*/
 }
 
 object {
 margin: 1em 0 0 0;
 }
 
.CDcover {
float: left;
margin-right: 2.5em;
}
/*
.tracklisting ol {
margin-left: 1.2em;
} */

.album {
float:left;
padding-bottom: 1em;
}