@import "reset.css";
@import "typography.css";

/* Basic */
body, html { height: 100%; }
body { 
    margin:0px; 
    padding:0px; 
    text-align: left;
}
p { margin: 14px 0px }

a { color: white; text-decoration: none; }
a:hover, a.hover {color: #ccc; text-decoration: none; }
a img { border: none; }

ul { list-style: none; margin: 0; }
table, td { border: none; }
table p { margin-top: 0px; }

/* Layers */
#wrap {
    padding-bottom: 100px;
    height: 100%;
}
#header {
    background: #00A5A0;
    color: white;
    padding: 25px 30px 20px 30px;
    text-transform: uppercase;
}
#header h1 { margin: 0; font-size: 22px; }
#header #contact {line-height: 1.2em;}

#main-menu {
    font-size: 1.4em;
    margin-top: 15px;
}

#content {    
    padding: 30px 30px;
    position: relative;
}

#gallery-page { 
    width: 230px;
    position: absolute;
    top: 25px; left: 30px;
}
#gallery-page .page {
    margin-top: 40px;
}

#exhibitions, .artists {
    margin-left: 300px;
    margin-top: 40px;
    min-width: 500px;
}
#exhibitions td {
    width: 170px;
    padding: 10px 15px;
    padding-left: 0px;
}
#exhibitions td a { display: block; font-weight: bold; }
.current, .past,  .future { margin-bottom: 25px; }
.future { float: right; width: 50%;}
.past { float: left; width: 50%;}

.year-list {}
table.year-list { margin: 0; }
.year-link { font-size: 1.1em; cursor: pointer; color: #aaa;}
.year-link:hover, dt.selected .year-link { color: #fff; }
.past dl, dt, dd { margin: 0; outline: none; }
.past dd { margin: 0; margin-bottom: 30px; }
.past dt { margin-bottom: 10px; }

.menu {
    font-size: 140% !important;  font-weight: bold !important ;
    width: 250px;
}
.exhibition .menu, .artist .menu {
    position: absolute;
    top: 30px; left: 30px;
}
.exhibition .menu li, .artist .menu li {
    text-transform: uppercase;
    color: #aaa;
}
.exhibition .menu li a,
.artist .menu li a { color: #aaa; }
.exhibition .menu li a:hover, .exhibition .menu li a.hover,
.artist .menu li a:hover, .artist .menu li a.hover { color: #fff; }
.exhibition .menu .artist-links, .artist .menu  { margin-bottom: 30px; }

.exhibition-content, .artist-content { 
    margin-left: 300px;
}
#images li {
    float: left;    
}
#images img { 
    display: block;
    border: solid 2px #666;
}
#images img:hover {
    border: solid 2px #644;
}
.module { margin-bottom: 20px; }

.exhibition #press li { margin-bottom: 12px;}
.exhibition #press li a {
    text-transform: uppercase;
    font-size: 140%;
    color: #aaa; 
}
.exhibition #press li a:hover { color: #fff; }

.exhibition #press li .caption { margin-top: 4px; }

.exhibition .artist-list {
    margin-top: 30px; margin-bottom: 20px;
}

.artists .artist-list a {
    font-weight: bold;
    font-size: 1.4em;
}
.artists .artist-list li {
    padding: 0;
    padding-right: 40px;
    padding-bottom: 5px;
}

/* Other */
.date { 
    color: #aaa; 
    margin: 2px 0; display: block; 
    font-size: 10px;
    text-decoration: none;
}
.page {
}
.page a {
    text-decoration: underline;
}

.error { color: red; }
.error p { margin: 2px 0; }


/* Helper Classes */

.float-right { float:right; }
.float-left { float:left; }
.clear { clear: both; }

.clearfix:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


.Font_8pt { font-size: 8pt; }
.Font_9pt { font-size: 9pt; }
.Font_10pt { font-size: 10pt; }
.Font_11pt { font-size: 11pt; }
.Font_12pt { font-size: 12pt; }
.Font_13pt { font-size: 13pt; }
.Font_14pt { font-size: 14pt; }
.Font_15pt { font-size: 15pt; }
.Font_16pt { font-size: 16pt; }
.Font_17pt { font-size: 17pt; }
.Font_18pt { font-size: 18pt; }
.Font_19pt { font-size: 19pt; }
.Font_20pt { font-size: 20pt; }
.Font_24pt { font-size: 24pt; }
.Font_36pt { font-size: 36pt; }

.Font_10px { font-size: 10px; }
.Font_12px { font-size: 12px; }
.Font_14px { font-size: 14px; }
.Font_16px { font-size: 16px; }
.Font_18px { font-size: 18px; }
.Font_20px { font-size: 20px; }
.Font_22px { font-size: 22px; }
.Font_24px { font-size: 24px; }