/* 
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:25px; 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:165px; 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;
    font-size:16px;
    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 */

.item-float-right { 
    float:right; 
    margin:5px 0px 0px 5px;
    }
    
.item-float-left { 
    float:left; 
    margin:5px 5px 0px 0px;
    }
    
.float-right { 
    float:right; 
    margin-left:10px; 
    margin-bottom:0px; 
    margin-top:3px; 
    }

.float-left { 
    float:left; 
    margin-right:10px; 
    margin-bottom:0px; 
    margin-top:3px; 
    }

.artist-info {
    float: left; 
    width: 390px; 
    margin-left: 10px; 
    text-align: left;
    }
    
.artist-info p {
    margin-top: 5px;
    margin-bottom: 5px;
    }
    
.artist-image {
    float: right; 
    width: 130px; 
    margin-right: 10px;
    margin-top: 10px;
    text-align: center;
    }

/* End of Layout Styles */

/* Menu Styles */

#jumpmnu {
    text-align:center;
    font-size:14px; font-weight:bold; 
    font-family:Arial, sans-serif;
    margin-left:5px; margin-right:5px; margin-top:15px; margin-bottom:15px;
    white-space:nowrap;
    }
    
#jumpmnu a.jlink { 
    padding:3px 3px; 
    margin-left:2px; margin-right:2px;
    font-size:14px; font-weight:bold;
    font-family:Arial, sans-serif;
    text-decoration:none;
    }
    
#jumpmnu a.jlink:link, #jumpmnu a.jlink:visited, #jumpmnu a.jlink:active {
    color:#900;
    background:#fc6;
    border:outset #c90 2px;
    }
    
#jumpmnu a.jlink:hover {
    color:#c30;
    background-color:#fc0;
    border:outset #ffc 2px;
    }

#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;
    }

#toptext { 
    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;
    }
    
#toptext a { 
    padding:3px 3px; 
    margin-left:2px; margin-right:2px;
    font-size:14px; font-weight:bold;
    font-family:Arial, sans-serif;
    text-decoration:none;
    }
    
#toptext a:link, #topmenu a:visited, #topmenu a:active {
    color:#9fc;
    background:#069;
    border:outset #c90 2px;
    }
    
#toptext a:hover {
    color:yellow;
    background-color:#9c3;
    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;
    }

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

#sidemenu2 a {
    display:block;
    font-size:13px; 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> #sidemenu2 a {
    width:124px;
    }
/* End Box Model Hack */

#sidemenu2 a:link, #sidemenu2 a:visited, #sidemenu2 a:active {
    color:#9fc; background:#069;
    }
    
#sidemenu2 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.5em;
    }

#centercol h3 a { 
    text-decoration:underline;
    }
    
#centercol p { 
    color:#033; 
    }
    
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 {
    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:20px;
    }

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

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

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

#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; }
h2 { font-size: 1.75em; margin-top: 0; margin-bottom: 10px; clear: both; }
h3 { font-size: 1.25em; margin-top: 0; margin-bottom: 10px; clear: both; }
h2.twocol, h3.twocol { margin-top: 10px; margin-bottom: 0; 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 */
