/* 
Three Column CSS Layout
Copyright 2006 by Steve Callihan
http://www.callihan.com/css-layouts/

You may freely use this stylesheet and associated files as long as this copyright statement and comment is not removed or altered. To download this CSS layout, go to http://www.callihan.com/css-layouts/. Do not redistribute.
*/

/* Layout Styles */

body { 
	margin:0; 
	text-align:center;
	height:3875px;
	}
	
#top {
	position:absolute;
	top:0; left:0;
	width:100%;
	}
	
.posalign { 
	position:relative; 
	top:0; left; 0; 
	width:960px; 
	margin-left:auto; margin-right:auto;
	text-align:left;
	}

#mast { 
	position:relative; 
	top:15px; left; 0; 
	width:100%; 
	height:100px;
	text-align:center; 
	z-index:3;
	}

#mastshadow { 
	position:relative;
	left:5px; top:5px;
	height:100px; width:950px; 
	margin-left:auto; margin-right:auto; 
	z-index:3; 
	color:black; background:#369; 
	}

#mastcontent { 
	position:relative;
	left:-10px; top:-10px;
	height:100px; width:100%; 
	z-index:4; 
	}

#middle {
	position:absolute;
	top:140px; left:0;
	width:100%;
	}

#leftshadow { 
	position:absolute; 
	top:0; left:10px; 
	height:3600px; width:150px; 
	padding:0;
	color:black; 
	background:#369; 
	}

#leftcol { 
	position:relative; 
	top:-10px; left:-10px;
	padding:5px;
	margin:0;
	vertical-align:top; 
	text-align:left; 
	color:black; background:#9cf; 
	/* color:black; background:white url("background.jpg"); */
	height:3600px; width:150px;
	/* Start Box Model Hack */
	voice-family:"\"}\""; 
	voice-family:inherit;
	height:3590px; width:140px;
	}

html>body #leftcol {
	height:3590px; width:140px;
	}
	/* End Box Model Hack */

#centershadow { 
	position:absolute; 
	top:0; left:180px; 
	height:3600px; width:610px;
	padding:0;
	color:black; 
	background:#369; 
	}

#centercol { 
	position:relative; 
	top:-10px; left:-10px;
	margin:0;
	padding:10px;
	vertical-align:top; 
	text-align:left; 
	height:3600px; width:610px; 
	/* Start Box Model Hack */
	voice-family:"\"}\""; 
	voice-family:inherit;
	height:3580px; width:590px;
	}

html>body #centercol {
	height:3580px; width:590px;
	}
	/* End Box Model Hack */

#rightshadow {
	position:absolute; 
	top:0; left:810px; 
	height:3600px; width:150px; 
	padding:0;
	color:black; 
	background:#369; 
	}

#rightcol { 
	position:relative; 
	top:-10px; left:-10px; 
	padding:5px;
	vertical-align:top; 
	text-align:left; 
	color:black; background:#fc9; 
	/* color:black; background:white url("background.jpg"); */
	height:3500px; width:150px; 
	/* Start Box Model Hack */
	voice-family:"\"}\""; 
	voice-family:inherit;
	height:3590px; width:140px;
	}

html>body #rightcol {
	height:3590px; width:140px;
	}
	/* End Box Model Hack */
	
#bottom {
	position:absolute;
	top:3760px; left:5px;
	width:100%;
	text-align:center; 
	z-index:3;
	}

#bottomshadow { 
	position:absolute;
	top:0; left:5px;
	height:100px; width:950px; 
	margin-left:auto; margin-right:auto; 
	margin-bottom:10px;
	z-index:3; 
	color:black; background:#369; 
	}

#bottomcontent { 
	position:relative;
	left:-10px; top:-10px;
	height:100px; width:100%; 
	z-index:4; 
	color:black; background:#fcc;
	/* color:black; background:white url("background.jpg"); */
	text-align:center;
	}

#centercol {
	/* Start Box Model Hack */
	voice-family:"\"}\""; 
	voice-family:inherit;
	line-height:1.19	; 
	}

html>body #centercol { 
	line-height:1.19; 
	}
	/* End Box Model Hack */

.bio {
	/* Start Box Model Hack */
	voice-family:"\"}\""; 
	voice-family:inherit;
	line-height:1.25; word-spacing: 2px;
	}

html>body .bio { 
	line-height:1.25; word-spacing: 2px;
	}
	/* End Box Model Hack */

.bio p {
	margin-top: 5px; margin-bottom: 5px;
	}

.bio b { 
	font-size: 1.1em;
	}

.products {
	position: relative; 
	left: 0; top: 5px; 
	width:100%; 
	text-align: center
	/* Start Box Model Hack */
	voice-family:"\"}\""; 
	voice-family:inherit;
	line-height:1.25; word-spacing: 2px;
	}

html>body .products { 
	line-height:1.25; word-spacing: 2px;
	}
	/* End Box Model Hack */

/* End of Layout Styles */

/* Menu Styles */

#runner {
	position:absolute;
	left:0; top:0;
	z-index:3;
	width:100%;
	padding-right: 15px; padding-left: 15px;
	white-space:nowrap;
	height:33px;
	border-bottom:#900 ridge 3px;
/* Start Box Model Hack */
	voice-family:"\"}\""; 
	voice-family:inherit;
	height:30px;
	}

html>body #runner {
	height:30px;
	border-bottom:#900 outset 3px;
	}
/* End Box Model Hack */

/* Start IE6 Fixed/Absolute Hack */
/* IE6 mistakenly interprets position:fixed as position:static. */
html>body #runner {
	position:fixed;
	}
/* End IE6 Fixed/Absolute Hack */

div#runner p { 
	color:#cc9; background:transparent; 
	font-size:16px; font-weight:bold; 
	font-family:Arial, sans-serif; 
	margin-top:5px; 
	text-align:center; 
	}

div#runner a { 
	font-size:13px;
	padding:2px 3px; 
	text-decoration:none;
	border:#900 outset 2px;
	}

div#runner a, div#runner a:link, div#runner a:visited, div#runner a:active { 
	color:#9cc;
	background:#600;
	}

div#runner a:hover { 
	color:#cf0; background:#39f; 
	border:#3cf outset 2px;
	}

#topmenu { 
	position:relative; 
	top:-15px; left:-7px;
	font-size:14px; font-weight:bold; 
	font-family:Arial, sans-serif;
	margin-left:5px; margin-right:5px;
	white-space:nowrap;
	z-index:3;
	}
	
#topmenu a { 
	padding:3px 3px; 
	margin-left:2px; margin-right:2px;
	font-size:14px; font-weight:bold;
	font-family:Arial, sans-serif;
	text-decoration:none;
	}
	
#topmenu a:link, #topmenu a:visited, #topmenu a:active {
	color:#fc0;
	background:#930;
	border:outset #c90 2px;
	}
	
#topmenu a:hover {
	color:#c30;
	background-color:#fc0;
	border:outset #ffc 2px;
	}

#sidemenu {
	margin-top:3px;
	}
	
#sidemenu p {
	padding:0;
	padding-bottom:5px;
	margin:0;
	}

#sidemenu a {
	display:block;
	font-size:14px; font-weight:bold;
	font-family:Arial, sans-serif;
	text-decoration:none;
	width:130px;
	padding:3px;
	margin-left:2px;
	border:outset #399 3px;
/* Start Box Model Hack */
	voice-family:"\"}\""; 
	voice-family:inherit;
	width:124px;
	}

html>body> #sidemenu a {
	width:124px;
	}
/* End Box Model Hack */

#sidemenu a:link, #sidemenu a:visited, #sidemenu a:active {
	color:#9fc; background:#069;
	}
	
#sidemenu a:hover {
	color:yellow; background:#9c3;
	border:outset #9c9 3px;
	}

#artistmenu {
	margin-top:3px;
	}
	
#artistmenu p {
	padding:0;
	padding-bottom:3px;
	margin:0;
	}

#artistmenu a {
	display:block;
	font-size:.75em; font-weight:bold;
	font-family:Arial, sans-serif;
	text-decoration:none;
	width:130px;
	padding:3px;
	margin-left:2px;
	border:outset #369 3px;
/* Start Box Model Hack */
	voice-family:"\"}\""; 
	voice-family:inherit;
	width:124px;
	}

html>body> #artistmenu a {
	width:124px;
	}
/* End Box Model Hack */

#artistmenu a:link, #artistmenu a:visited, #artistmenu a:active {
	color:#060; background:#cff;
	}
	
#artistmenu a:hover {
	color:#fc3; background:#369;
	border:outset #960 3px;
	}

#artistlist {
	margin-top:3px;
	}
	
#artistlist p {
	padding:0;
	padding-bottom:0;
	margin:0;
	}

#artistlist a {
	display:block;
	font-size:.75em; font-weight:bold;
	font-family:Arial, sans-serif;
	text-decoration:none;
	margin-left:5px;
	}

#alphalist a {
	display:block;
	font-size:.75em; font-weight:bold;
	font-family:Arial, sans-serif;
	text-decoration:none;
	margin-left:5px;
	}

#alphalist {
	margin-top:3px;
	}
	
#alphalist p {
	padding:0;
	padding-bottom:0;
	margin:0;
	}

#alphalist a {
	display:block;
	font-size:.75em; font-weight:bold;
	font-family:Arial, sans-serif;
	text-decoration:none;
	margin-left:5px;
	}

/* End Menu Styles */

/* Content Styles */

#sitename { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold; font-style:italic; 
	font-size:20px; 
	margin-top:0; margin-right:25px; margin-left:25px; 
	color:maroon; 
	border-bottom:5px groove #c90; 
	text-align:center; 
	}
	
#sitename a:link, #sitename a:visited, #sitename a:active, #sitename a:hover {
	color:maroon; background:transparent;
	text-decoration:none;
	}
	
#centercol h1 { 
	text-align:center;
	margin-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#369; }
	
#centercol h2 { 
	color:#c30; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#centercol h3 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	}

#centercol h3 a { 
	text-decoration:underline;
	}
	
#centercol p, #centercol li { 
	color:#033;
	background:transparent;
	font-family:serif;
	font-size:1.1em;
	}
	

blockquote {
	font-family:arial, sans-serif;
	margin-bottom: 10px; 
	text-align: left; 
	font-size:13px;
	line-height:1.1;
	/* Start Box Model Hack */
	voice-family:"\"}\""; 
	voice-family:inherit;
	line-height:1.3; word-spacing: 2px;
	}

html>body blockquote { 
	line-height:1.3; word-spacing: 2px;
	}
	/* End Box Model Hack */

	}
	
#intro {
	font-style:italic;
	color:#900;
	background:transparent;
	}

#bottombanner {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	}

#credit {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	}

.thumbnail {
	margin-top:25px; margin-bottom:25px;
	margin-left:0;
	text-align:center;
	font-size:12px; font-weight:bold;
	font-family:Verdana, Arial, sans-serif;
	color:#c30; background:transparent;
	}
	
.thumbnailtop {
	margin-bottom:25px;
	margin-left:0;
	text-align:center;
	font-size:12px; font-weight:bold;
	font-family:Verdana, Arial, sans-serif;
	color:#c30; background:transparent;
	}
	
.thumbnail a {
	color:#036; background:transparent;
	}
	
.thumbnail img {
	border:none;
	}
	
.thumbnail a:link, .thumbnail a:visited, .thumbnail a:active {
	color:#036; background:transparent;
	}
	
.leftbox {
	margin-top:30px;
	margin-left:5px;
	text-align:center;
	font-size:12px; font-weight:bold;
	font-family:Verdana, Arial, sans-serif;
	color:#c30; background:#cff;
	border:outset #3cf 3px;
	}
	
.leftbox a, .leftbox a:link, .leftbox a:visited, .leftbox a:active {
	color:blue; background:transparent;
	}
	
address { padding-top:15px; }

#name { font-family:Verdana, Arial, sans-serif; font-size:16px; font-weight:bold; color:green; background:transparent; }

#mastcontent img { 
	border:none; 
	}

#mastcontent #leftmast { 
	float:left; 
	padding-left:45px; padding-top:5px; 
	}

#leftmast img, #rightmast img { 
	display:block; 
	}

#mastcontent #centercel { 
	padding-top:5px; 
	}

#mastcontent #rightmast { 
	float:right; 
	padding-right:45px; padding-top:5px; 
	}

#rightcol img { 
	border:none;
	margin-top:5px;
	}

h1 { padding-bottom: 0; margin-bottom: 0; font-family: verdana, arial, sans-serif; font-size: 1.5em; }
h4 { margin-bottom:0; }
p { font-family: arial, sans-serif; }
p#intro { padding-top: 0; margin-top: 5px; margin-bottom: 5px; font-style: italic; }
h2 { font-size: 1.25em; margin-top: 0; margin-bottom: 10px; clear: both; }
h2.twocol { margin-top: 10px; margin-bottom: 0; clear: both; }
h3 { font-size: 1em; margin-top: 0; margin-bottom: 10px; clear: both; }
h2, h3, h4 { font-family: arial, sans-serif; margin-top: 0; }
.products { font-family: verdana, arial, sans-serif; font-size: 0.7em; }
.products img { margin-bottom: 5px; }
.products a { text-decoration: none; }
#leftcol h3 {font-size: 1em; margin-top: 10px; margin-bottom: 5px; }
#leftcol h4 {font-size: .9em; margin-top: 5px; margin-bottom: 0px; }
.bio {font-family: verdana, arial, sans-serif; font-size: 1.1em; margin-left: 10px; margin-right: 10px; text-align: left; }
.bio a { text-decoration: underline; }
div.ref { width: 200px; margin-left: auto; margin-right: auto; }
ul { text-align: left; }
li { font-size: 1.2em; }

/* End of Content Styles */


