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

/* Site */
html, body { height: 101%; }
body { 
    position: relative; min-width: 1000px;    
}

/* Main Blocks */
#wrap {
    position: relative;
    text-align: center;
    padding-top: 46px;
    width: 600px;
    margin: 0 auto;
}
#header {
}
#header h1 {
    font-weight: normal;
    font-size: 22px;
    margin-bottom: 20px;
}

#footer {
    color: #3A672C;
    padding-bottom: 120px;
    text-align: center;
}

#content {
}

/* Main Nav Menu */
#main-menu {
    list-style: none; margin: 0;
}
#main-menu > li {
    margin: 10px 0;
}
#main-menu > li > a.menu-link {
    display: block;
    font-size: 16px;
}

.module { 
    margin: 0;
    margin-top: 10px;
}

.dec {
    padding: 4px 0;
}

.submenu { margin-bottom: 15px; }
.submenu a {
    display: inline-block;
    margin: 0 3px;
}

/* Image nav */
#images.section { position: relative; }
#images.section .scroller {
    width: 540px;  height: 240px;
    overflow: hidden;
    margin: 0 auto;
}
#images.section .wrapper { }
#images.section table {float: left; margin-right: 15px; margin-bottom: 0; }
#images.section td { padding: 0; padding-right: 15px; padding-bottom: 15px; }
#images.section td.three { padding-right: 0; }
#images.section td a { display: block; }
#images.section td img { display: block; }

#images.section .scroller-controls a {
    position: absolute;
    top: 107px; font-size: 14px;
    cursor: pointer;
}
#images.section .scroller-controls a.disabled {
    color: #ccc;
    cursor: default;
}
#images.section .scroller-next {
    right: 0;
}
#images.section .scroller-prev {
    left: 0;
}

/* Artists */
.artist-index { margin: 0; margin-top: 10px; list-style: none; }
.artist-index > li > a {
    color: #000;
}
#artist {
    margin-top: 10px;
}
#artist #exhibitions a {
    display: block;
    color: #000;
    margin-bottom: 10px;
}
#artist #exhibitions a:hover {
    color: #3A672C;
}
.artist-index a:hover {
    color: #3A672C;
}

/* Exhibitions */
#exhibition-index a {
    display: block;
    color: #000;
}
#exhibition-index a:hover {
    color: #3A672C;
}

.exhibition-list a.year { 
    display: block; margin: 4px 0 !important; cursor: pointer; 
    color: #3A672C; padding: 0;
}
.exhibition-list .year:hover,
.exhibition-list .year.ui-state-active {
    color: #000;
}
.exhibition-list .year.ui-state-active {
    margin: 10px 0;
}
.exhibition-list .year-list { margin-bottom: 10px; }
.exhibition-list li { list-style: none; margin: 0; }
.exhibition-list li.ui-accordion-selected { margin-bottom: 10px; }
.exhibition-list a {
    display: block;
    color: #000;
    padding-bottom: 10px;
}
.exhibition-list .last a { padding-bottom: 0; }
.exhibition-list a:hover {
    color: #3A672C;
}

#exhibition .title {
    margin-bottom: 10px;
}

/* News */
#news-index, .news-list, .news-list .year-list { list-style: none; }
#news-index li { margin: 0; padding: 5px 0; }
#news-index li.last { padding-bottom: 0; }
#news-index li a { color: #000; }
#news-index li a:hover { color: #3A672C; }
.news-item { margin: 10px 0; }
.archives-link { color: #3A672C !important; }
.archives-link:hover { color: #000 !important; }

/* Press */
.press-list { margin: 0; list-style: none; }
.press-list ul li { margin-bottom: 10px; }
.press-list li a { color: #000; }
.press-list li a:hover { color: #3A672C; }


/* Year List */
.year {
    display: block; margin: 4px 0; cursor: pointer;
    color: #3A672C !important;
}
.year:hover,
.year.ui-state-active {
    color: #000 !important;
}
.year.ui-state-active {
    margin: 10px 0 !important;
}
.year-list { margin-bottom: 10px; list-style:none;}

.pdf-link {
    color: #000;
    margin-bottom: 20px;
    display: block;
}


#overlay {
    position: absolute; top: 0; left: 0; z-index: 1000;
    background: #fff; width: 100%; height: 100%;
}
#overlay img { 
    position: absolute; top: 45%; left: 50%;
    margin-top: -60px; margin-left: -350px;
}

/* Login */
#login {
    margin-top: 20px;
}
#login label { text-transform: lowercase; }

.errorlist { margin: 0; list-style: none; color: red; }
.errorlist li { margin-bottom: 2px; }