/* global */
body {font: normal 100% helvetica, arial, sans-serif; margin: 0; padding: 0; text-align: center; background-color: #F0F1F3;}

a img {border: 0;}

/* skeletal */
div#mozillacolorcorrect {width: 780px; margin-left: auto; margin-right: auto;  padding: 0; text-align: center; background-color: #DCDEE0;}
div#containerhome {width: 780px; height: 30em; margin-left: auto; margin-right: auto; padding: 0; text-align: left; position: relative; background-color: #DCDEE0;}
div#container {width: 780px; margin-left: auto; margin-right: auto; padding: 0; text-align: left; position: relative; background-color: #DCDEE0;}
div#header {width: 780px; height: 65px; clear: both; background-color: #DCDEE0;}
div#left {float: left; width: 220px; background-color: #DCDEE0;}
div#right {float: right; width: 550px; background-color: #DCDEE0; padding-bottom: 15px;}
div#footer {width: 780px; height: 25px; clear: both; margin-left: auto; margin-right: auto; margin-top: 100px; text-align: center; background-color: #231F20; color: #87293A;}

/* logo */
img#logo {margin: 10px 20px 10px 20px; float: left;}

/* nav */
ul#nav {margin: 0 0 0 40px; padding: 0; list-style: none outside; font-size: 75%; letter-spacing: .1em; font-weight: 600; white-space:nowrap;}
ul#nav li {padding-bottom: 5px;}
ul#nav li a {color: #B2884C; text-decoration: none;}
ul#nav li a:hover {color: #325D89;}

/* footer nav */
div#footer ul {margin: 0; padding: 5px 0 5px 0; list-style: none outside; font-size: 80%;}
div#footer ul li {display: inline; padding: 0 5px;}
div#footer ul li a {color: #E5D2B8; text-decoration: none;}
div#footer ul li a:hover {color: #B2884C;}



/* GENERAL TEXT FORMATTING */
h1 {color: #B2884C; font-weight: normal; margin: 10px 0 5px 0; font-size: 100%;}
h1.black {font-weight: normal; margin: 0 0 20px 0; font-size: 100%; text-align: center; color: #000;}
h2 {color: #000; font-weight: normal; margin: 0; font-size: 100%; font-style: italic;}
h3 {color: #000; font-weight: bold; margin: 5px 0; font-size: 75%;}
h4 {color: #B2884C; letter-spacing: .15em;}
h5 {color: #966F35;}
h6 {margin: 5px 0 20px 0; padding-right: 10px; width: 250px;}
h6 a {color: #325D89; text-decoration: none;}
h6 a:hover {text-decoration: underline;}
p {font-size: 85%; margin: 0 50px 20px 0;}
p a {color: #B2884C; text-decoration: none; text-transform: uppercase;}
p a.lower {color: #B2884C; text-decoration: none; text-transform: lowercase;}
p a:hover {color: #325D89;}
span.dates {font-size: 80%; font-weight: bold;}




/* INDIVIDUAL ARTIST THUMBNAIL DIVS */
div.artistthumb {text-align: center; float: left; width: 25%; margin: 20px; border: solid 0px white;}
div.artistthumb h5 {font-weight: normal; margin: 5px 0 0 5px; padding: 0;}
div.artistthumb h5 a {color: #B2884C; text-decoration: none;}
div.artistthumb h5 a:hover {color: #325D89;}

/* EVENT ART THUMBNAIL DIVS (also used on RESALE page :::CAR) */
div.eventartthumb {text-align: center; float: left; width: 25%; height: 275px; margin: 20px 20px 80px 20px; border: solid 0px white;}
div.eventartthumb h5 {font-weight: normal; margin: 5px 0 0 5px; padding: 0; font-size: 12px;}
div.eventartthumb h5 a {color: #B2884C; text-decoration: none;}
div.eventartthumb h5 a:hover {color: #325D89;}

/* MAIN ARTIST LISTING THUMBNAIL DIVS */
div#artistslisting div.artistthumb {float: left; text-align: left; width: 150px; margin: 5px 5px 72px 5px;}
div#artistslisting div.artistthumb img {float: left;}
div#artistslisting div.artistthumb h5 {float: left; margin: 15px 0 0 5px; padding: 0; font-size: 75%; width: 50px;}




/* BEGIN HOMEPAGE SPECIFIC STYLES */

/* artistnav */
ul#artistnav {margin: 5px 0 0 40px; padding: 0 0 20px 0; list-style: none outside; font-size: 75%; width: 200px;}
ul#artistnav li {padding-bottom: 1px;}
ul#artistnav li a {color: #B2884C; text-decoration: none;}
ul#artistnav li a:hover {color: #325D89;}
img#homethumb {position: absolute; top: 11em; left: 12em;}

/* home feature */
div#homefeature {width: 500px; position: absolute; top: 50px; left: 220px; text-align: center; border: solid 0px black;}
div#homefeature h1 {font-weight: normal; margin: 5px 0 15px 0; font-size: 100%;}
div#homefeature p {font-size: 75%; margin: 20px 0 0 0;}
div#homefeature p span {color: #B2884C; font-size: 110%;}
div#homefeature h6 {float: right; margin: 0; letter-spacing: .25em;}
div#homefeature h6 a {color: #325D89; text-decoration: none;}
div#homefeature h6 a:hover {text-decoration: underline;}

/* END HOMEPAGE SPECIFIC STYLES */




/* LINKS */
.links a {color: #B2884C; text-decoration: none;}
.links a:hover {color: #325D89;}


form, .link
          { display:inline; margin:0; padding:0;}
.link
          { background:none; border:none; cursor:pointer; color:black; font-size:8px;}

.new
          { color:red; font-size:8px; font-weight:bold;}
          
/* generic utility styles */
a.viewBlog {
	font-family: helvetica, arial, sans-serif;
	font-size: 85%;
	text-transform: uppercase;
	float: right;
	
	text-decoration: none;
	margin: 20px 20px 5px 0;
}

a.viewBlog:link {
	color: #B2884C;
}

a.viewBlog:visited {
	color: #B2884C;
}

a.viewBlog:hover {
	color: #325D89;
}	

a.viewBlog:active {
	/* empty */
}

/* subnav */
.subnav {
	list-style: none;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-transform: uppercase;
}

.subnav li {
	float: left;
	margin: 0 30px 0 0;
}

.subnav a:link { color: #B2884C; }
.subnav a:visited { color: #B2884C; }
.subnav a:hover { color: #325D89; }
.subnav a:active { /* empty */ }

hr {
	margin-right: 20px;
}

/* colors 

page background grey: #DCDEE0
navigation text gold: #B2884C
standard text and footer background charcoal: #231F20
footer text off white: #E5D2B8
footer pipe red: #87293A
utility nav blue: #325D89

*/