/**********************************************************
**          wheelhouse.com style sheet
**********************************************************/




/* 
**  DEFAULTS
*/

html, body {margin:0; padding:0; width:100%; height:100%; overflow:auto; background-color:#000000;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {
	position:absolute;
	width:100%;
	height:100%;
	top:5px;
	left:16px;
	z-index:2;
} 
#content {padding:0px 0px 0px 0px; width:100%; text-align:center;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}


body {
	margin: 0;
	padding: 0;
	position:relative;
	color:#DDC993;
	font-family:verdana, arial, sans-serif; font-size:86%;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	text-align: justify;
	color: #DDC993;
	padding: 2 2 2 2;
}

a:link {
	text-decoration: none;
	color: #DDC993;
	text-align: left;
	padding: 2 2 2 2;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	padding: 2 2 2 2;
}
a:visited {
	font-size: 11px;
	color: #DDC993;
	padding: 2 2 2 2;
}



/* 
**  MAIN MENU CHOICES
*/
.mainMenuChoiceTop {
	height: 10px;
	text-align: center;
	text-decoration: none;
	padding: 0; margin: 0;
	margin-top: 0; margin-bottom: 0; margin-right: 4; margin-left: 4;
	padding-top: 0; padding-bottom: 0; padding-right: 4; padding-left: 4;
}
.mainMenuOption {
	font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; font-style: normal; 	
	text-align: center;
	text-decoration: none;
	color: #CCCCCC;
	font-variant: normal;
	padding: 0; margin: 0;
	margin-top: 0; margin-bottom: 0; margin-right: 4; margin-left: 4;
	padding-top: 0; padding-bottom: 0; padding-right: 4; padding-left: 4;
}
a.mainMenuOption:link, a.mainMenuOption:visited, a.mainMenuOption:active{ 
	font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; font-style: normal; 	
	color: #CCCCCC;
	text-align: center;  text-decoration: none;
	font-variant: normal;
	padding: 0; margin: 0;
	margin-top: 0; margin-bottom: 0; margin-right: 4; margin-left: 4;
	padding-top: 0; padding-bottom: 0; padding-right: 4; padding-left: 4;
}
a.mainMenuOption:hover { 
	font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; font-style: normal; 	
	color: #EAA31E;
	background-color:#000000;
	text-align: center;  text-decoration: none;
	font-variant: normal;
	padding: 0; margin: 0;
	margin-top: 0; margin-bottom: 0; margin-right: 4; margin-left: 4;
	padding-top: 0; padding-bottom: 0; padding-right: 4; padding-left: 4;
}

.mainMenu {
	color: #ffffff;
}
#mainMenu {
	color: #ffffff;
}

/* 
**  PULLDOWN MENU CHOICES
*/
.menuOption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	text-align: left; 
	text-decoration: none;
	width: 150px;
	vertical-align:bottom;
	padding: 4px;
	color: #333333;
	background-color: #EEEEEE;
	border-bottom: 1px solid #FFFFFF;
}
a.menuOption:link, a.menuOption:visited, a.menuOption:active { 
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	text-decoration: none;
}
a.menuOption:hover { 
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-color:#666666;
	color:#FFFFFF;
}
.menuOptionLast {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	text-align: left; 
	text-decoration: none;
	width: 150px;
	vertical-align:bottom;
	padding: 4px;
	color: #333333;
	background-color: #EEEEEE;
	
}
a.menuOptionLast:link, a.menuOptionLast:visited, a.menuOptionLast:active { 
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	text-decoration: none;
}
a.menuOptionLast:hover { 
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	background-color:#666666;
	color:#FFFFFF;
}

#menuBottom {
	background-color: #EEEEEE;
	filter:alpha(opacity=80); 
	opacity: 0.8;
}


/*
** ROUNDED CORNERS
*/
.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block; }
.b1f {height:1px; color:#EEEEEE; background:#EEEEEE; margin:0 5px; }
.b2f {height:1px; color:#EEEEEE; background:#EEEEEE; margin:0 3px; }
.b3f {height:1px; color:#EEEEEE; background:#EEEEEE; margin:0 2px; }
.b4f {height:2px; color:#EEEEEE; background:#EEEEEE; margin:0 1px; }
.contentf {background: #EEEEEE; }
.contentf div {margin-left: 5px; }



/* 
**  OVERALL PAGE BODY
*/
.pageBody {
	margin: 0;
	vertical-align:top;
	text-align:center;
	left: 0px;
	width: 800px;
}

/* 
**  PAGE INTERNAL CORE
*/
.pageCore {
	color:#DDC993;
	margin: 0;
	padding: 0;
	vertical-align:top;
	text-align:center;
	border:none;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 800px;
	min-height: 560px;
	background-image:url(graphics/core_back.jpg);
}


/* 
**  PAGE BANNER 
*/
.pageBanner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#DDC993;
}
.pageTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#DDC993;
}
.pageTitle a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#DDC993;
	text-decoration:underline;
}

/* 
**  HEADER
*/
#header {
	border-left: none;
	border-right: none;
	border-top:  none;
	border-bottom: none;
	visibility: inherit;
	background-image:url(graphics/headerback.gif);
	background-repeat:repeat-x;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	position:relative;
	width: 800px;
}

/* 
**  FOOTER
*/
#footer {
	border-left: none;
	border-right: none;
	border-top:  none;
	border-bottom: none;
	height:60px;
	visibility: inherit;
	background-color:#000000;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align:center;
	vertical-align:middle;
}
.bottom_links {
	color:#000000;
}
.bottom_links a {
	color:#000000;
	text-decoration:none;
}
.bottom_links a:hover {
	color:#000000;
	text-decoration:none;
}

/* 
**  LEGAL TEXT
*/
.legal {
	border-left: none;
	border-right: none;
	border-top:  none;
	border-bottom: none;
	visibility: inherit;
	background-color:#000000;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
a.legal:link {
	border-left: none;
	border-right: none;
	border-top:  none;
	border-bottom: none;
	visibility: inherit;
	background-color:#000000;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
a.legal:visited {
	border-left: none;
	border-right: none;
	border-top:  none;
	border-bottom: none;
	visibility: inherit;
	background-color:#000000;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
a.legal:hover {
	border-left: none;
	border-right: none;
	border-top:  none;
	border-bottom: none;
	visibility: inherit;
	background-color:#106B10;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}


/*
** SHADOW
*/
#shadow-container {
    position: relative;
    top: 1px;
    left: 4px;
    margin-right: 4px;
    margin-bottom: 1px;
}
#shadow-container .shadow1,
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: 0;
	top: 0px;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
}
#shadow-container .shadow1 {
	background: #D0D0D0;
}
#shadow-container .shadow2 {
	background: #CCCCCC;
}
#shadow-container .shadow3 {
	background: #C4C4C4;
}
#shadow-container .container {
	background-color:#824100;
}



#shadow-container2 {
    position: relative;
    top: 0px;
    left: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
}
#shadow-container2 .shadow1,
#shadow-container2 .shadow2,
#shadow-container2 .shadow3,
#shadow-container2 .container {
    position: relative;
    left: 0px;
    top: 0px;
	padding-top: 0px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
}
#shadow-container2 .shadow1 {
	background: #D0D0D0;
}
#shadow-container2 .shadow2 {
	background: #CCCCCC;
}
#shadow-container2 .shadow3 {
	background: #C4C4C4;
}
#shadow-container2 .container {
}


.show {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:18px;
	vertical-align:top;
	text-align:center;
	color:#DDC993;
}


.bio {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:bottom;
	text-align:center;
	color:#DDC993;
}

a.bio:link, a.bio:visited, a.bio:active { 
	font-size:12px;
	color:#DDC993;
	text-decoration: underline;
}
a.bio:hover { 
	text-decoration: none;
	font-size:12px;
	background-color:#666666;
	color:#FFFFFF;
}


.bioPatty {
	float:left;
	width:48%;
	padding: 2px;
	margin: 2px;
	margin-top: 0px;
	background-color: #522100;
}

.bioKevin {
	float:left;
	width:48%;
	padding: 2px;
	margin: 2px;
	margin-left: 10px;
	margin-top: 2px;
	background-color: #522100;
}


.bioSteveP {
	float:left;
	width:35%;
	padding: 2px;
	margin: 4px;
	vertical-align:middle;
	background-color: #522100;
}

.bioSteveE {
	float:left;
	width:30%;
	padding: 2px;
	margin: 8px;
	vertical-align:middle;
	background-color: #522100;
}


.bioDave {
	float:right;
	width:29%;
	padding: 2px;
	margin: 4px;
	vertical-align:middle;
	background-color: #522100;
}



.songs {
	background-color:#FFFFFF;
	color: #000000;
}
	
 
.mediaChoices {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:20px;
	vertical-align:top;
	text-align:center;
	color: #DDC993;
}
a.mediaChoices, a.mediaChoices:link, a.mediaChoices:visited, a.mediaChoices:active {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:20px;
	vertical-align:top;
	text-align:center;
	color: #DDC993;
	text-decoration:underline;
}
a.mediaChoices:hover {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:20px;
	vertical-align:top;
	text-align:center;
	color: #EAA31E;
	background-color:#000000;
	text-decoration:underline;
}

