/*-----------------------------------------------------------------------------
Mary and Lou Ann v 2.0

-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
html {
	height: 100%;
}

/* Remove padding and margin */
* {
  	margin: 0;
  	padding: 0;
}


/* Put it back on certain elements */
h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
  font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  font-size: small;
  line-height: 2em;
  color: #dfdddd;
}

em {
	font-style: normal;
}

body#statement em, body#south em {color: #86ab68;} /*--green--*/
body#exhibitions em, body#mw em {color: #6ab2c4;} /*--blue--*/
body#publications em, body#west em {color: #d4901b;} /*--orange--*/
body#recognition em, body#ne em {color: #be2e2e;} /*--red--*/


/* =Layout
-----------------------------------------------------------------------------*/

body {
	background-color: #424446;
}

#container {
	background:  url(../img/bg.gif) no-repeat bottom right;
}

#wrap {
	padding-top: 30px;
	z-index: 100;
	background-image: url(../img/big_atom.gif);
	background-repeat: no-repeat;
	background-position: 630px top;
}

body#home #wrap {
	background: none;
}

body#currentwork #wrap {
	background: url(../img/half_atom.gif) no-repeat 750px 10px;
}

body#retrospective #wrap {
	background: url(../img/3_circles.gif) no-repeat 760px 10px;
}

body#events #wrap {
	background: url(../img/big_bang.gif) no-repeat 760px 29px;
}

body#ne #wrap, body#south #wrap, body#midwest #wrap, body#west #wrap {
	background: url(../img/big_atom2.gif) no-repeat 634px 39px;
}

body#order #wrap, body#clean #wrap {
	background: url(../img/matrix_atoms.gif) no-repeat 674px 29px;
}


#content {
	float: left;
	width: 660px;
	text-align: justify;
	padding-left: 10px;
	background-image: url(../img/left_dots.gif);
	background-repeat: no-repeat;
	background-position: 20px top;
	padding-bottom: 40px;
}

body#currentwork #content {
	width: 800px;
}

body#ne #content, body#south #content, body#mw #content, body#west #content { padding-left: 120px; width: 540px; }

#sidebar {
	margin-left: 700px;
	width: 100px;
}

#header {
	background: url(../img/container_bg.gif) repeat-x top left;
	height: 140px;
	min-height: 140px;
	padding-left: 20px;
}


#footer {
	padding: 0 0 40px 0;
	font-size: 85%;
	clear: both;
	margin-left: 150px;
	color: #999;
	border-top: 1px solid #999;
	width: 520px;
}

body#currentwork #footer, body#retrospective #footer {
	width: 600px;
}


/* =Headings
-----------------------------------------------------------------------------*/

h1 {
	font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-weight: normal;
	font-size: 175%;
	letter-spacing: 0.08em;
	color: #fff;
}

h1.logo {
	margin: 0;
	background: url(../img/logo.gif) no-repeat top left;
	text-indent: -5000px;
	height: 137px;
	display: block;
}

h1.title {
	display: inline;
	background-repeat: no-repeat;
	background-position: right 0.2em;
}

body#statement h1.title, body#south h1.title {background-image: url(../img/h1/green.gif); padding-right: 50px;}
body#exhibitions h1.title, body#mw h1.title, body#order h1.title {background-image: url(../img/h1/blue.gif); padding-right: 60px;}
body#publications h1.title, body#west h1.title, body#clean h1.title {background-image: url(../img/h1/orange.gif); padding-right: 80px;}
body#recognition h1.title, body#ne h1.title {background: url(../img/h1/red.gif) no-repeat bottom right; padding-right: 95px; background-position: right 0;}

body#currentwork h1.title {background: url(../img/h1/sage.gif) no-repeat bottom right; padding-right: 120px; background-position: right 0;}
body#retrospective h1.title {background: url(../img/h1/yellow.gif) no-repeat bottom right; padding-right: 80px; background-position: right 0;}
body#events h1.title {background: url(../img/h1/bluegrey.gif) no-repeat bottom right; padding-right: 40px; background-position: right 50%;}

h2 {
	font-size: 130%;
	text-decoration: underline;
}

body#ne h2, body#south h2, body#mw h2, body#west h2 {
	padding-top: 20px;
	padding-bottom: 10px;
}

body#ne h2.short, body#south h2.short, body#west h2.short, body#mw h2.short {
	padding-top: 0;
}

/* =Links
-----------------------------------------------------------------------------*/

ul a {
	text-decoration: none;
}

a:link, a:visited {
	color: #6ab2c4; /*--blue--*/
}

a:hover, a:active {
	color: #d5edf3;
}

body#publications #content a:link, body#publications #content a:visited, body#west #content a:link, body#west #content a:visited {color: #d4901b;} /*--orange--*/
body#publications #content a:hover, body#publications #content a:active, body#west #content a:hover, body#west #content a:active {color: #eadbc3;}

body#ne #content a:link, body#ne #content a:visited {color: #be2e2e;} /*--red--*/
body#ne #content a:hover, body#ne #content a:active {color: #e0d4d4;} 

body#south #content a:link, body#south #content a:visited {color: #86ab68;} /*--green--*/
body#south #content a:hover, body#south #content a:active {color: #d3e0c9;} 


/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/
#nav {
	float: right;
	height: 120px;
	list-style: none;
	display: inline;
	overflow: hidden;
	margin-right: 10px;
	padding-top: 10px;
	background: url(../img/nav_dots.gif) no-repeat top left;
	height: 66px;
	position: absolute;
	top: 70px;
	padding-left: 130px;
	width: 800px;
}

#nav li {
	display: inline;
	list-style: none;
}

#nav a {
	float: left;
	padding: 15px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/: 15px; /* for IE5/Win only */
	text-decoration: none;
	display: block;
}

#nav a:hover {
	background-position: 0 -15px;
}

#nav a:active, #nav a.selected {
	background-position: 0 -15px;
}

#about a {
	position: relative;
	top: 21px;
	width: 54px;
	background: url(../img/nav/about.gif) top left no-repeat;
}

#work a {
	position: relative;
	top: 42px;
	width: 107px;
	background: url(../img/nav/work.gif) top left no-repeat;
}

#representation a {
	position: relative;
	top: 0;
	width: 124px;
	background: url(../img/nav/representation.gif) top left no-repeat;
}

#calendar a {
	position: relative;
	top: 21px;
	width: 80px;
	background: url(../img/nav/calendar.gif) top left no-repeat;
}

#retro a {
	position: relative;
	top: 42px;
	width: 83px;
	background: url(../img/nav/retro.gif) top left no-repeat;
}

#contact a {
	position: relative;
	top: 21px;
	width: 71px;
	background: url(../img/nav/contact.gif) top left no-repeat;
}



/* =Sub Nav
-----------------------------------------------------------------------------*/

ul.subnav {
	list-style-type: none;
	margin-top: 45px;
	font-size: 110%;
	color: #FFFFFF;
}


ul.subnav li {
	line-height: 1em;
	display: block;
	margin-bottom: 1em;
}

ul.subnav li a {
	letter-spacing: 0.15em;
	font-variant: small-caps;
}

li.statement a:link, li.statement a:visited {
	color: #FFFFFF;
	background: none;
	padding-right: 25px;
}

li.statement a:hover, li.statement a:active, body#statement li.statement a {
	color: #86ab68;
	background: url(../img/bullets/green.gif) no-repeat right 50%;
	padding-right: 25px;
}

li.exhibitions a:link, li.exhibitions a:visited {
	color: #fff;
	background: none;
	padding-left: 25px;
}

li.exhibitions a:hover, li.exhibitions a:active, body#exhibitions li.exhibitions a {
	color: #6ab2c4;
	background: url(../img/bullets/blue.gif) no-repeat left 50%;
	padding-left: 25px;
}

li.publications a:link, li.publications a:visited {
	color: #fff;
	background: none;
	padding-right: 25px;
}

li.publications a:hover, li.publications a:active, body#publications li.publications a {
	color: #d4901b;
	background: url(../img/bullets/orange.gif) no-repeat right 50%;
	padding-right: 25px;
}

li.recognition a:link, li.recognition a:visited {
	color: #fff;
	background: none;
	padding-left: 25px;
}

li.recognition a:hover, li.recognition a:active, body#recognition li.recognition a {
	color: #be2e2e;
	background: url(../img/bullets/red.gif) no-repeat left 50%;
	padding-left: 25px;
}

/* =subnav for Representation
-----------------------------------------------------------------------------*/

li.ne a:link, li.ne a:visited {
	color: #fff;
	background: none;
	padding-left: 25px;
}

li.ne a:hover, li.ne a:active, body#ne li.ne a {
	color: #be2e2e;
	background: url(../img/bullets/red.gif) no-repeat left 50%;
	padding-left: 25px;
}

li.south a:link, li.south a:visited {
	color: #fff;
	background: none;
	padding-right: 25px;
}

li.south a:hover, li.south a:active, body#south li.south a {
	color: #86ab68;
	background: url(../img/bullets/green.gif) no-repeat right 50%;
	padding-right: 25px;
}

li.mw a:link, li.mw a:visited {
	color: #fff;
	background: none;
	padding-left: 25px;
	margin-left: 10px;
}

li.mw a:hover, li.mw a:active, body#mw li.mw a {
	color: #6ab2c4;
	background: url(../img/bullets/blue.gif) no-repeat left 50%;
	padding-left: 25px;
	margin-left: 10px;
}

li.west a:link, li.west a:visited {
	color: #fff;
	background: none;
	padding-right: 25px;
	padding-left: 20px;
}

li.west a:hover, li.west a:active, body#west li.west a {
	color: #d4901b;
	background: url(../img/bullets/orange.gif) no-repeat right 50%;
	padding-right: 25px;
	padding-left: 20px;
}

/* =subnav for Contact
-----------------------------------------------------------------------------*/

li.order a:link, li.order a:visited {
	color: #fff;
	background: none;
	}

li.order a:hover, li.order a:active, body#order li.order a {
	color: #6ab2c4;
	background: url(../img/bullets/blue.gif) no-repeat right top;
	padding-right: 20px;
}

li.clean a:link, li.clean a:visited {
	color: #fff;
	background: none;
	line-height: 1em;
}

li.clean a:hover, li.clean a:active, body#clean li.clean a {
	color: #d4901b;
	background: url(../img/bullets/orange.gif) no-repeat right top;
	padding-right: 20px;
	line-height: 1em;
}


/* =Main Content
-----------------------------------------------------------------------------*/

#content p, #content h1, #content h2, #content ul {
	padding-left: 140px;
}

body#ne #content p, body#south #content p, body#mw #content p, body#west #content p {
	padding-bottom: 25px;
}

.top {
	margin-top: 40px;
}

.center {
	text-align: center;
	padding-top: 0;
}

.compact {
	margin-top: 10px;
	padding: 0;
}

/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/

iframe {border: 1px solid #666 !important; padding: 5px;}

/* =Misc 2
-----------------------------------------------------------------------------*/