/* PALETTE */

/* #cc9; - background beige */

/* #993; - olive */

/* #366; - blue */

/* #600; - maroon */



/* GENERAL STYLES */



body {

	margin: 0;

	padding: 0;

	background-color: #cc9;

	/*background-image: url("images/longwhale.gif");

	background-repeat: no-repeat;

	background-position: center bottom;*/

    }   



a { 

	color: #366;

	font-weight: bold;

    padding: 0 2px;

	text-decoration: none;

	}



a:hover { color: #600; }



h1 {

	font-family: 'trebuchet ms', trebuchet, sans-serif;

	font-size: 30px;

	color: #000;

	text-align: center;

	text-transform: uppercase;

	margin: 0;

	padding: 0;

	}



p {

	font-family: georgia, serif;

	font-size: 11px;

	color: #000;

	}



img {

	border: 0;

	}



/* INTERIOR PAGE STYLES */



/* TOP NAV MENU */



p.nav {

    font-family: 'trebuchet ms', trebuchet, sans-serif;

    font-size: 11px;

    background-color: #993;

    line-height: 24px;

    margin: 0;

    padding: 0 0 0 12px;

    }



/* INTERIOR STYLES */



/* mostly empty container for whole 'page' */



div.container {

    width: 760px;

    margin: 16px auto 0 auto;

    padding: 0;

    position: relative;

    }



/* body stuff on the left side */



div.left {

    float: left;

    width: 610px;

    }

    

h2 {

    font-family: georgia, serif;

    font-size: 24px;

    color: #600;

    margin: 28px 0 8px 0;

    padding: 0;

    font-weight: normal;

    }



div.left div {

    margin: 24px 0 0 0;

    }



/* art stuff */



p.artistoptions {

    font-family:  'trebuchet ms', trebuchet, sans-serif;

    font-size: 11px;

    margin: 0 0 0 11px;

    }

    

div.art  { width: 420px }

    

div.art img {

    border: 10px solid #993;

    margin: 0 0 4px 0;

    }

    

div.art p {

    font-family: georgia, serif;

    font-size: 11px;

    text-align: right;

    margin: 0;

    padding: 0;

    }



p.caption     { font-size: 9px; font-family: "Trebuchet MS", sans-serif; text-align: left; margin: -100px 0 0; padding: 5px 0 0 5px; width: 178px; float: right }



/* bio and press stuff */



div.bio {

    width: 466px;

    padding: 0 70px 0 0;

    float: right;

    }



div.bio p {

    margin: 0;

    padding: 0 0 17px 0;

    line-height: 1.5em;  

    }



/* contact stuff */



address { 

    font-size: 14px; 

    font-family: "Trebuchet MS", sans-serif; 

    line-height: 1.5em; 

    margin: 0 0 0 11px;

    font-style: normal; 

    }





/* thumbnail navigation icons */



div.right {

    float: right;

    width: 150px;

    margin: 0;

    text-align: center;

    }



div.right p {

    font-family:  'trebuchet ms', trebuchet, sans-serif;

    font-size: 11px;

    margin: 0;

    padding: 0;

    text-align: center;

    }

    

div.right img {

    border: 3px solid #993;

    margin: 13px auto 5px auto;

    padding: 0;

    }

    

div.right a {margin: 0; padding: 0;}



#logo {

    display: block;

    border: 0;

    margin: 0 auto 7px auto; }

    

/* you are here styles */



body.artists #arti,

body.repro #repr

 { color: #600; }



/* PRESS STYLES */



h3 { 

    font-size: 16px; 

    font-family: georgia; 

    font-weight: bold; 

    margin: 1em 0;

    }

    

h4 { 

    font-size: 12px; 

    font-family: georgia, serif; 

    font-weight: bold; 

    margin: 1.33em 0 -0.2em;

    }



/* glossary styles */



ul.glossary {

    font-size: 10px;

    width: 130px;

    list-style-type: none;

    margin: 1em 0 0 0;

    padding: 0;

    float: left;

    }



ul.glossary li {

	font-family: 'trebuchet ms', trebuchet, sans-serif;

    font-size: 10px;

    margin-left: 5px;

    }



dl {

    font-family: georgia, serif;

	font-size: 11px;

    width: 450px;

    float: right;

    /* note: this padding is a horrid hack to circumvent

    the flashing effect of the glossary javascript

    people without javascript will see a fairly weird page

    but they deserve it--hopefully they just won't have css either*/

    padding-top: 540px;

    }



dt, dd {

    margin: 0;

    padding: 0;

    }



dt {

    font-weight: bold;

    }



dd {

    margin: 1em 0;

    }



/* GODDAMN FOOTER STYLES */



#long {

    background-image: none;

    }



img.long {

    width: 100%;

    clear: both;

    margin: 0;

    padding: 0;

    }

    

/* SPLASH PAGE STYLES */



.splash .main {

	width: 660px;

    margin: 50px auto 0 auto;

    padding-bottom: 50px;

	text-align: center;

	position: relative;

	}



.splash p {

	font-family: 'trebuchet ms', trebuchet, sans-serif;

	font-size: 11px;

	}



.splash .welcome {

	font-family: georgia, serif;

	font-size: 14px;

	font-weight: normal;

	color: #600;

	line-height: 1.7em;

	width: 500px;

	text-align: left;

	margin: 40px auto;

	}



div.picture {

	text-align: center;

	width: 200px;

	}



.splash #left { float: left; }

.splash #right { float: right; }

.splash #mid { margin: auto; }



div.picture img {

	margin: 0;

	border: 11px solid #993;

	}



.picture p {

	margin: .5em 0 0 0;

	padding: 0;

	}