html, body {
margin : 0;
padding : 0;
}
body {
background : #666666; /* backgrn outside container #fff */
width : 100%;
font : 73% "lucida sans", "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
}
			/*WRAP overall outer document body*/
#container {
width : 800px; /* main overall width of container was 800px */
margin : 0 auto;
line-height: 2em;
background : #000000; /* main content backgrn graphic & color was #F8F2DA */
color : #FFFFFF; /* main container general text color was #333 */
}

			/*TOP BANNER*/
#top {

height: 100px; /* banner height was 100px fit top graphic */
background : #000000 url(../images/logo.jpg); /* top banner logo graphic backgrn was lite purple #C7AFBD */
color : #FFFFFF; /* logo text color was #484452 */
}
#top h1 {
padding : 0;
margin : 10px 0 0 10px;
font-size : 170%;
letter-spacing: 5px;
}

		/* SEARCH BOX */

form { float: right;
margin-bottom: 20px; 
}

		/* TOP NAVIGATION MENU  */

#navcontainer ul {
text-align: center;
padding-bottom: 5px; /* menu bar thick height was 10px */
padding-top: 5px; /* menu bar thick height was 10px */
padding-left: 0;
margin-top: 0; /* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background: #CC6600 ; /* menu bar backgrnd was #A662AA brown */
color: #FFFFFF; /* menu bar text hover backgrn was #999999 */
width: 100%;
font-family: Helvetica, Arial, sans-serif;
line-height: 12px; /* fixes Firefox 0.9.3 */
}

#navcontainer ul li {
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 3px; /* 1st divider height was 10px matches link padding except for left and right */
padding-top: 3px; /* 1st divider height was 10px */
}

#navcontainer ul li a {
padding-left: 3px; /* menu item text container width was 10px */
padding-right: 3px; /* menu item text container width was 10px */
padding-bottom: 3px; /* item divider height was 10px */
padding-top: 3px; /* item divider height was 10px */
color: #FFFFFF; /* white Menu text color was #fff white */
text-decoration: none;
border-right: 1px solid #FFFFFF; /* item divider color was #fff */
}

#navcontainer ul li a:hover {
background: #FF0000; /* red menu text hover background was #C7AFBD */
color: #FFFFFF; /* white menu text hover was #333 */
}

#navcontainer #active {
border-left: 1px solid #FFFFFF; /* 1st item divider color was #fff */
}


			/* LEFT SIDEBAR default*/

#leftnav {
float : left;
width : 120px; /* left side menu space width was 160px */
margin : 0;
padding : 1em;
background-color: #000000;
}

#leftnav p {
margin : 0 0 0em 0; /* was 0 0 1em 0 */
}

			/* LEFT SIDEBAR custom for store layout */

#leftnavstore {
float : left;
width : 295px; /* left side menu space width was 160px */
margin : 0;
padding : 1em;
background-color: #000000;
}


			/*MAIN CONTENT -window for 2 col layouts*/

#content {
margin-left : 150px; /* was 200px */
border-left : 1px solid #A662AA; /* main content container left side border was dark purple #A662AA */
padding : 1em 3em 0 3em;
}

#contenttrivia {
margin-left : 150px; /* was 200px */
border-left : 1px solid #A662AA; /* main content container left side border was dark purple #A662AA */
border-right : 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
margin-right : 20px;
padding : 1em 1em 0 1em;
/* background-image: url(../images/trivia.jpg) */
}


			/*MAIN CONTENT -window for 1 col layouts*/
#contentwin {
margin-left : 55px; /* was 200px */
border-left : 1px solid #A662AA; /* main content container left side border was dark purple #A662AA */
padding : 1em 1em 0 1em;
}

#contentwinindex {
border-left : 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
border-right : 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
padding : 1em 1em 0;
background-color: #000000; 
/* background-image: url(../images/index.jpg); background-repeat: repeat-y; */
margin: 20px; border-color: black #CC66FF; border-right-width: 1px; border-left-width: 1px;
}

#contentwinclub {
border-left : 1px solid #A662AA; /* main content container left side order was dark purple #A662AA */
border-right : 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
padding : 1em 1em 0; /* was 1em 3em 0 3em */
background-color: #000000; 
/* background-image: url(../images/club.jpg); 
background-repeat: repeat-y; */
margin: 20px; 
border-color: black #CC66FF; 
border-right-width: 1px; 
border-left-width: 1px
}

#contentwingrab {
border-left : 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
border-right : 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
padding : 1em;
background-color: #000000; 
/* background-image: url(../images/grab.jpg); background-repeat: repeat-y; */
margin: 20px; 
border-color: black #CC66FF; 
border-right-width: 1px; 
border-left-width: 1px;
}

#contentwintransition {
border-left : 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
border-right : 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
padding: 0;
background-color: #000000;
/* background-image: url(../images/transition.jpg); background-repeat: repeat-y; */
margin:20px; 
border-color: black #CC66FF; 
border-right-width: 1px; 
border-left-width: 1px;
}

#contentwingallery {
border-left : 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
border-right : 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
padding: 0;
background-color: #000000; 
/* background-image: url(../images/gallery.jpg); background-repeat: repeat-y; */
margin:20px; 
border-color: black #CC66FF; 
border-right-width: 1px; 
border-left-width: 1px;
}

#contentwincenterfold {
border-left : 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
border-right : 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
padding: 0;
background-color: #000000; 
/* background-image: url(../images/centerfold.jpg); background-repeat: repeat-y; */
margin:20px; 
border-color: black #CC66FF; 
border-right-width: 1px; 
border-left-width: 1px;
}

#contentwinlinks {
border-left: 1px solid #A662AA; /* main content container left side order was dark purple #A662AA */
border-right: 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
padding : 1em 3em 0;
background-color: #000000; 
/* background-image: url(../images/links.jpg); background-repeat: repeat-y; */
margin:20px; 
border-color: black #CC66FF; 
border-right-width: 1px; 
border-left-width: 1px;
}

#contentwinnews {
/* border-left: 1px solid #FFFFFF; */ /* main content container left side order dark purple #A662AA */
/* border-right: 1px solid #A662AA; */ /* main content container left side order dark purple #A662AA */
padding: 1em;
background-color: #000000; 
/* background-image: url(../images/bands.jpg); background-repeat: repeat-y; */
margin:20px; 
border-color: #FFFFFF;
border-right: 1px solid #FFFFFF; 
border-left: 1px solid #FFFFFF;
}

#contentwinmp3 {
border-left: 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
border-right: 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
padding: 1em 1em 0;
background-color: #000000; 
/* background-image: url(../images/mp3.jpg); background-repeat: repeat-y; */
margin:20px; 
border-color: black #CC66FF; 
border-right-width: 1px; 
border-left-width: 1px;
}

#contentwinstore {
margin-left: 320px; /* was 200px */
border-left: 1px solid #A662AA; /* main content container left side order was dark purple #A662AA */
padding : 0em 0em 0 0em; /* was 1em 3em 0 3em */
background-color: #000000;
}

#contentwinabout {
border-left: 1px solid #A662AA; /* main content container left side order was dark purple #A662AA */
border-right: 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
padding: 1em 3em 0 3em;
background-color: #000000; 
background-image: url(../images/about.jpg); background-repeat: repeat-y; */
margin:20px; 
border-color: black #CC66FF; 
border-right-width: 1px; 
border-left-width: 1px;
}

#contentwintales {
border-left: 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
border-right: 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
padding : 1em 1em 0;
background-color: #000000; 
/* background-image: url(../images/tales.jpg); background-repeat: repeat-y; */
margin:20px; 
border-color: black #CC66FF; 
border-right-width: 1px; 
border-left-width: 1px;
}

/* PHOTO PAGES content container modified per page type */


#contentwinbands {
/* border-left: 1px solid #FFFFFF; */ /* main content container left side order dark purple #A662AA */
/* border-right: 1px solid #A662AA; */ /* main content container left side order dark purple #A662AA */
padding: 1em;
background-color: #000000; 
/* background-image: url(../images/bands.jpg); background-repeat: repeat-y; */
margin:20px; 
border-color: #FFFFFF;
border-right: 1px solid #FFFFFF; 
border-left: 1px solid #FFFFFF;
}

#contentwinmusician {
border-left : 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
border-right : 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
padding : 1em 1em 0;
background-color: #000000; 
/* background-image: url(../images/musician.jpg); background-repeat: repeat-y; */
margin:20px; 
border-color: #CC66FF; 
border-right-width: 1px; 
border-left-width: 1px;
}

#contentwinmmike {
border-left : 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
border-right : 1px solid #A662AA; /* main content container left side order dark purple #A662AA */
padding : 1em 1em 0;
background-color: #000000; 
/* background-image: url(../images/mike.jpg); background-repeat: repeat-y; */
margin:20px; 
border-color: #CC66FF; 
border-right-width: 1px; 
border-left-width: 1px;
}

#contentwinposter {
/* border-left: 1px solid #FFFFFF; */ /* main content container left side order dark purple #A662AA */
/* border-right: 1px solid #A662AA; */ /* main content container left side order dark purple #A662AA */
padding: 1em;
background-color: #000000; 
background-image: url(../images/poster.jpg); background-repeat: repeat-y; 
margin:20px; 
border-color: #CC66FF; 
border-right-width: 1px; 
border-left-width: 1px;
}




		/* PHOTO GALLERY CONTENT */

div.img
  {
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
div.img img
  {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
  }
div.img a:hover img
  {
  border: 1px solid #0000ff;
  }
div.desc
  {
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  }




		/* BOTTOM COLUMNS */

#columns {
clear : both;
width :100%;
height: 150px; /* was 150px */
margin : 0;
padding : 1em 0 0 0;
border-top: 3px solid #5E516F;
background: #CC6600; /* box background was #C7AFBD */
color: #000000 ; /* bullets was #5E516F */
}
.col3,.col3center {
float: left;
width: 29%;
margin-left : 20px;
}
.col3center {
margin: 0 3%;
}
#columns a {
background: inherit;
color: #000000; /* bottom section text was #5E516F */
}
#columns a:hover {
background: inherit;
color: #FFFFFF; /* bottom section text hover was #fff */
}
#columns h2 {
margin : 0 0 0.5em 1em;
font-size : 140%;
text-transform: uppercase;
color : #000000; /* bottom sect text header was #5E516F */
background : transparent;
}


			/*FOOTER*/

#footer {
clear : both;
margin : 0;
padding : 0em 0 0em 0; /* was .5em 0 1em 0 */
font-size : 0.9em;
border-bottom : 1px solid #C00000; /* footer box border color was #808080 0px */
border-top :1px solid #C00000; /* footer box border color was #808080 */
color : #fafafa;
background : #000000; /* box backgrnd was #5E516F */
}
#footer a {
background: inherit;
color: #C7AFBD;
}
#footer a:hover {
background: inherit;
color: #333;
}
#footer img {
float : right;
}
/* seen by IE5mac only, by Philippe Wittenbergh www.l-c-n.com */
*>html #footer img {
        margin : 0;
}
/* end */
#footer p {
padding-left :10px;
}


		/* LINKS */
a:link, a:visited {
color : #FFFFFF; /* Side bar active was #86228B */ 
background : transparent;
text-decoration : none;
}
a:hover {
color : #F00000; /* Side bar hover text red #F00000)was #484452 */ 
text-decoration : none;
}
a:active {
color : #484500; /* line divider was #484500 */
text-decoration : none;
}
img {
border : none;
}
		/*CLASS */
.quote {
border-top : 1px solid #CC6600; /* line divider was #A662AA */
padding : 10px;
color: #A662AA; /* bullets was #A662AA */
}
.imgleft {
float: left;
}
.linedivide {
border-top : 1px solid #FFFFFF; /* line divider was #A662AA */
padding : 5px;
/* color: #FFFFFF; */ /* draw a divider was #A662AA */
}


		/* TYPOGRAPHY */
h2 {
margin : 0 0 .5em 0;
font-size : 130%;
color : #FFFFFF; /* was #5E516F */
background : transparent;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
h3
{
color:yellow;
}
h4
{
color:magenta;
}
h5
{
color:green;
}
h6 {
margin : 0 0 .5em 0;
font-size : 24px;
color : #FFFFFF; /* was #5E516F */
background : transparent;
; font-family: "Bradley Hand ITC"; font-style: italic; font-weight: bold
}


		/* body content - my custom text colors */