/* --------- BROWSER DEFAULT OVERRIDE */

body, h1, h2, h3, h4, h5, h6, p, ol, ul, al, form, caption, address, cite, q, blockquote, hr, quote {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 1em;
}
a img {
	border: none;
}
body,td,th {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 0.1em;
}


/* --------- GLOBAL STYLES */

body {
	background-color: #333333;
}
p, h1, h2 {letter-spacing: 0.1em;}
a:link, a:hover, a:visited {
	text-decoration: none;
	}
a:link, a:visited {
color: white;
	}
a:hover {color: #FFEE99;}
.gray {color: #666666;}
.eleven-fifty {line-height: 150%;}
.eleven-fifty a:link, a:hover, a:visited {color: #fff;}
.indent {margin-left: 10px;}
h1 {font-size: 16px; margin-bottom: 14px;}
h2 {font-size: 11px;}
.bold {font-weight: bold;}
.cream {color: #FFEE99;}
.darkgray {color: #333333;}
.bottom-margin {margin-bottom: 50px;}
#preload {display: none;}



/* --------- CONTAINERS */

#container {width: 1000px; height: 620px; margin: 0 auto 0 auto; position: relative;}
#inside-box {width: 900px; height: 536px; margin: 14px 0 0 50px;}
#header {width:auto; height: 38px; border-bottom: solid 3px #666666;}
#content {width:auto; height: 498px; background: url("images/spacer.gif") bottom left no-repeat; border-bottom: solid #333 1px; }


/* --------- LOGO */

#misty {width: auto; height: 30px; font-size: 25px; letter-spacing: 5px; float: left; margin-top: 4px;}

/* --------- NAVIGATION MENUS */

#top-nav {width: auto; height: 27px; float: right; font-size: 14px; margin-top: 11px; text-align:right; letter-spacing:0.2em; }

body#about a#aboutLink, 
body#gallery a#galleryLink,  
body#news a#newsLink,  
body#connect a#connectLink { 
		color: #FFEE99;
}
#center-nav {width: 600px; height: auto; float: right; font-size: 11px; text-align:right; margin-top: 8px;}

body#bio #center-nav, 
body#resume #center-nav, 
body#exhibits #center-nav, 
body#articles #center-nav 
 { letter-spacing: 2px;
}

body#sweet a#sweetLink,  
body#chanel a#chanelLink,
body#shoe a#shoeLink, 
body#hands a#handsLink,  
body#process a#processLink,
body#archive a#archiveLink,
body#bio a#bioLink,
body#resume a#resumeLink { 
		color: #FFEE99;
}
 
body#bio a#aboutLink,
body#resume a#aboutLink { 
		color: #FFEE99;
}

body#exhibits a#newsLink,
body#articles a#newsLink { 
		color: #FFEE99;
}

body#exhibits a#exhibitsLink,
body#articles a#articlesLink { 
		color: #FFEE99;
}

body#sweet a#galleryLink,  
body#chanel a#galleryLink,
body#shoe a#galleryLink, 
body#hands a#galleryLink,  
body#process a#galleryLink,
body#archive a#galleryLink
 { 
		color: #FFEE99;
}

#bottom-nav {width: 600px; height: auto; float: right; margin-top: 10px; font-size: 10px; text-align:right; }

body#two a#twoLink,  
body#nine a#nineLink,
body#eleven a#elevenLink,  
body#beehive a#beehiveLink,
body#bouffant a#bouffantLink, 
body#flip a#flipLink,
  
body#nelly a#nellyLink,  
body#maddy a#maddyLink,
body#precious a#preciousLink,  
body#fatso a#fatsoLink,
body#betsy a#betsyLink, 
body#veronique a#veroniqueLink { 
		color: #FFEE99;
}
body#two a#galleryLink,  
body#nine a#galleryLink,
body#eleven a#galleryLink,  
body#beehive a#galleryLink,
body#bouffant a#galleryLink, 
body#flip a#galleryLink,
  
body#nelly a#galleryLink,  
body#maddy a#galleryLink,
body#precious a#galleryLink,  
body#fatso a#galleryLink,
body#betsy a#galleryLink, 
body#veronique a#galleryLink { 
		color: #FFEE99;
}
body#two a#chanelLink,  
body#nine a#chanelLink,
body#eleven a#chanelLink,  
body#beehive a#chanelLink,
body#bouffant a#chanelLink, 
body#flip a#chanelLink,
  
body#nelly a#sweetLink,  
body#maddy a#sweetLink,
body#precious a#sweetLink,  
body#fatso a#sweetLink,
body#betsy a#sweetLink, 
body#veronique a#sweetLink { 
		color: #FFEE99;
}


/* --------- NAVIGATION SQUARES */

#vert-nav {width: 82px; margin: 45px 0 0 818px; float: right;}
#horiz-nav {width: 420px; height: 82px; margin: 373px 0 0 408px; float: right;}
#block-nav {width: 164px; height: 164px; margin: 291px 0 0 736px; float: right;}
#archive-nav {width: 328px; height: 164px; margin: 0 0 0 -8px; float: left;}

.square {width: 33px; height: 33px; float: right; margin: 8px 0 0 8px; background-color:#333;}
.square a img, .square a { border: none; overflow: hidden; display: block; background-position: center center; }
.square a:hover { border: 3px solid #333;}
.square a:hover img { margin: -3px; }
.square span { position: absolute;}

.square .horiz, .square .horiz-three, .horiz-two, .three {background-color: #333; top: -9999px; left: -9999px;}
.square a:hover .horiz {top: 164px; left: 37px; border: 14px solid #333;}
.square a:hover .horiz-block {height: 127px; width: 400px; top: 45px; left: 40px; background-color: #333; }

.square .vert, .square .vert-three, .vert-two, .no-credit  {background-color: #333; top: -9999px; left: -9999px; }
.square a:hover .vert {top: 44px; left: 38px; border: 14px solid #333;}
.square a:hover .vert-block {height: 400px; width: 155px; top: 145px; left: 418px; background-color: #333; }
.square a:hover .no-credit {height: 20px; width: 200px; top: 545px; left: 40px; background-color: #333; }

body#sweet .square a:hover .horiz-block {height: 167px;}
body#sweet .square a:hover .horiz {top: 203px; left: 37px; border: 14px solid #333;}
body#sweet .square a:hover .vert-block, body#process .square a:hover .vert-block {left: 379px;}

body#process .square a:hover .horiz-block-three {height: 168px;width: 400px; top: 45px; left: 40px; background-color: #333;}
body#process .square a:hover .three {top: 203px; left: 37px; border: 14px solid #333;}
body#process .square a:hover .horiz-three {top: 163px; left: 37px; border: 14px solid #333;}
body#process .square a:hover .vert-three {height: 400px; width: 175px; top: 145px; left: 418px; background-color: #333; }

body#archive .square a:hover .horiz {top: 196px; left: 498px; border: 14px solid #333;}
body#archive .square a:hover .vert {top: 84px; left: 609px; border: 14px solid #333;}
body#archive .square a:hover .vert-three {top: 84px; left: 645px; border: 14px solid #333;}
body#archive .square a:hover .horiz-three {top: 232px; left: 498px; border: 14px solid #333;}
body#archive .square a:hover .vert-two {top: 84px; left: 628px; border: 14px solid #333;}
body#archive .square a:hover .horiz-two {top: 215px; left: 498px; border: 14px solid #333;}


/* --------- CONTENT */

#vert-spacer {width: 250px; height: 30px; float: left;}
#right-box {width: 350px; height: auto; float: right; margin-top: 53px;}
#text {width: 200px; height: auto; float: left;}
#gallery {width: 200px; height: auto; position: absolute; top: 230px; left: 600px;}

body#process .credit {position:inherit; margin-top: 10px;}
.credit {position: absolute; top: 545px; left: 50px;}
.photo-credit {font-size: 7pt; line-height: 130%; color: #777;}

.square a .gallery {width: 200px; height: auto; top: -9999px; left: -9999px;}
.square a:hover .gallery {top: 90px; left: 410px;}

body#home .credit {top: 595px; left: 58px;}
body#home .photo-credit, body#home  .photo-credit a {color: #333;}
body#bio .photo-credit{margin: 5px 0 0 677px;}

/* --------- HOME page */

body#home #container {
	background: url("images/home.jpg") no-repeat;
	margin-top: 0;
	background-color: #D8975D;
}
body#home #inside-box {height: 300px; width: 300px; padding: 195px 0 0 58px; margin: 0;}
#misty-box {width: 236px; height: 250px; }
body#home h2 {font-weight: normal;font-size: 18px; color: #000; letter-spacing: 1px; text-align:center; line-height: 180%;  }
body#home a {color: #000; }
body#home a:hover {color: #900; }



/* --------- ABOUT & NEWS & CONNECT pages */

body#connect #content,
body#resume #content,
body#exhibits #content,
body#articles #content 
{background-image: none; height: inherit;}

body#bio #content 
{background: url("images/misty-bio-small.jpg") bottom right no-repeat;}

body#exhibits #right-box,
body#articles #right-box 
{width:900px; float: left; clear: both; margin-top: 25px;}

body#resume #right-box {width:900px; float: left; clear: both; margin-top: 25px;}

body#bio #right-box {width:430px; float: left; clear: both; margin-top: 25px;}

body#connect #right-box
{width:600px; float: left; clear: both; margin-top: 55px;}

body#connect #text,
body#bio #text,
body#resume #text,
body#exhibits #text,
body#articles #text 
{width:auto; float: none;}

body#bio #text a,
body#resume #text a,
body#exhibits #text a,
body#articles #text a
{color: #FFEE99;  letter-spacing: normal;}

body#connect #text a {color: #fff;}
body#connect #text a:hover {color: #FFEE99;}
 

body#resume #text p
{line-height: 160%; letter-spacing: normal;}

body#bio #text p
{line-height: 180%; letter-spacing: normal;}

body#connect #text p
{line-height: 150%; font-size: 16px; letter-spacing: 1px;}

body#exhibits #text p,
body#articles #text p 
{line-height: 180%; letter-spacing: normal;}

body#connect #vert-spacer,
body#bio #vert-spacer,
body#resume #vert-spacer,
body#exhibits #vert-spacer,
body#articles #vert-spacer {height: 10px;}

body#connect #container,
body#bio #container,
body#resume #container,
body#exhibits #container,
body#articles #container,
body#bio #inside-box,
body#resume #inside-box,
body#exhibits #inside-box,
body#articles #inside-box
 {height: auto;}

body#bio h1,
body#resume h1,
body#exhibits h1,
body#articles h1
{font-weight: normal;} 

body#exhibits h2,
body#articles h2
{line-height: 180%; margin-top: 12px;} 

body#resume h2
{line-height: 160%; } 

body#resume h2.bold,
body#exhibits h2.bold,
body#articles h2.bold {font-weight: bold;}

.download
{line-height: 150%; font-size: 11px; font-weight: normal; letter-spacing: normal;}

#email {height: 27px; width: 500px;}
.email {height: 27px; width: 202px; font-family: "Century Gothic", "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: 14px; vertical-align: middle; background-color: #8AA8CE; background: url("images/email.gif") no-repeat; border: none; float: left; margin-right: 20px;}

.submit {height: 27px; width: 77px;font-family: "Century Gothic", "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: 14px;background: url("images/submit.gif") no-repeat; border: none; color: white; float: left; vertical-align:middle;}
.submit a {color: white;}
.submit a:hover {color: #FFEE99;}

body#resume ul {list-style: bullet outside; margin-left:50px; line-height:160%; letter-spacing:normal;}

/* FOR REFERENCE

.custom .register_button {height: 30px; width: 135px; background: url('images/register_button.png') no-repeat; padding-top: 5px; border: none;color: #37699e;font-weight:bold;}
.custom .register_button a {color: #37699e;text-align: center; font-weight:bold; text-decoration:none;}
.custom .register_button a:hover {font-weight: bold;} */

/* --------- GALLERY pages */

#gallery h1,
#series h1,
body#archive h1 {font-size: 11pt; font-weight: normal;}
#series {width: 250px; height: auto; position: absolute; top: 130px; left: 580px; padding-bottom: 50px; }
.series-text {font-size: 11px; line-height: 160%; text-align:left;}

body#process #content {background: url("images/process11.jpg") bottom left no-repeat;}
body#sweet #content {background: url("images/sweet2.jpg") bottom left no-repeat;}
body#nine #content {background: url("images/nine1.jpg") bottom left no-repeat;}
body#eleven #content {background: url("images/eleven4.jpg") bottom left no-repeat;}
body#beehive #content {background: url("images/beehive5.jpg") bottom left no-repeat;}
body#bouffant #content {background: url("images/bouffant5.jpg") bottom left no-repeat;}
body#two #content {background: url("images/two9.jpg") bottom left no-repeat;}
body#flip #content {background: url("images/flip1.jpg") bottom left no-repeat;}
body#nelly #content {background: url("images/nelly15.jpg") bottom left no-repeat;}
body#maddy #content {background: url("images/maddy10.jpg") bottom left no-repeat;}
body#precious #content {background: url("images/precious17.jpg") bottom left no-repeat;}
body#veronique #content {background: url("images/veron7.jpg") bottom left no-repeat;}
body#fatso #content {background: url("images/fatso13.jpg") bottom left no-repeat;}
body#betsy #content {background: url("images/betsy13.jpg") bottom left no-repeat;}
body#chanel #content {background: url("images/chanel8.jpg") bottom left no-repeat;}
body#shoe #content {background: url("images/shoes3.jpg") bottom left no-repeat;}
body#hands #content {background: url("images/hands1.jpg") bottom left no-repeat;}
body#archive #content {background-image:none;}

body#precious-80 #content {background: url("images/precious17-80.jpg") bottom left no-repeat;}
body#precious-100 #content {background: url("images/precious17-100.jpg") bottom left no-repeat;}


/* --------- IE HACKS */

* html .square a:hover { border: none; }
* html .square a:hover img { margin:0; }
* html #bottom-nav {margin-top: 8px;}
* html #vert-nav {margin-top: 53px;}

* html#horiz-nav {margin-top: 381px;}
* html #block-nav {margin-top: 299px;}

* html .square a:hover .horiz {top: 187px;}
* html .square a:hover .horiz-block {top: 68px;}

* html .square a:hover .vert {top: 68px;}
* html .square a:hover .vert-block {top: 168px;}
* html .square a:hover .no-credit {top: 573px;}

* html body#process .square a:hover .horiz-block-three {top: 68px;}
* html body#sweet .square a:hover .horiz, body#process .square a:hover .horiz {top: 227px;}
* html body#process .square a:hover .horiz-three {top: 186px;}
* html body#process .square a:hover .vert-three {top: 168px;}

* html body#archive .square a:hover .horiz {top: 219px;}
* html body#archive .square a:hover .vert {top: 107px;}
* html body#archive .square a:hover .vert-three {top: 107px;}
* html body#archive .square a:hover .horiz-three {top: 255px;}
* html body#archive .square a:hover .vert-two {top: 107px;}
* html body#archive .square a:hover .horiz-two {top: 238px;}

* html body#process .credit {margin-top: 30px;}
* html .square a:hover .gallery {top: 120px;}