/* screen.css - layout for the device you are likely reading this on now, snooper. */

body {margin:auto}

/* Document centering and bg render */
#body-wrapper {background:transparent url("/images/layout/body_bg.jpg") repeat-x 0 0; margin:0; padding:5% 0 0 0}

/* Page header */
#page-header a {background:transparent url("/images/layout/masthead_bg.gif") no-repeat 100% -100px; display:block; height:65px; margin-bottom:-30px; text-decoration:none; text-indent:-9999px}
#page-header a:hover {background-position:100% -200px}
#index #page-header a {background-position:100% 0; margin:80px 0 -10px 0; cursor:default}

/* Page footer */
#page-footer {color:#999; font-size:72%; font-style:italic; margin:5em auto; text-align:center; clear:both; height:40px}

/* Filter by year dropdown */
#filter {padding:1.5em 0 0 0; text-align:right}
#filter .filter-form .dropdown-wrapper {display:block; float:right}
#filter .filter-form label {background:#fff url("/images/layout/filter_label_bg.gif") no-repeat 100% 0; display:block; float:left; height:10px; margin:6px 0 0 0; width:120px}
#filter .filter-form .filtered label {background-position:100% -50px}
#filter .filter-form label span {display:none}
#filter #dropdown {font-size:.8em; float:left}

/* **************************************************** */
/*	Entry stuff											*/
/* **************************************************** */
.entry #container {background:transparent url("/images/layout/entry_meta_bg.jpg") no-repeat 735px 0}
.entry #entry-meta {padding-top: 10px}


/* **************************************************** */
/*	Navigation											*/
/* **************************************************** */
/* Main nav global setup */
#navigation ul#main-navigation  {list-style:none; margin:0; padding:0; text-align:right}
#navigation ul#main-navigation li a span {display:none}
#navigation ul#main-navigation li a {background:transparent url("/images/layout/main_navigation.gif") no-repeat 20px 0; border:1px dotted #dadada; border-width:1px 0 0 0; display:block; height:30px; margin:0; padding:0 !important; text-decoration:none; width:100%}
#navigation ul#main-navigation li a.first {border:0px !important}
#navigation ul#main-navigation li.active a {color:#999; height:30px}

/* Main nav items */
#navigation ul#main-navigation li a#paintings-nav {background-position:0 0}
#navigation ul#main-navigation li a#paperworks-nav {background-position:-400px 0}
#navigation ul#main-navigation li a#objects-nav {background-position:-800px 0}
#navigation ul#main-navigation li a#everything-nav {background-position:-1200px 0}
#navigation ul#main-navigation li a#paintings-nav:hover {background-position:0 -100px}
#navigation ul#main-navigation li a#paperworks-nav:hover {background-position:-400px -100px}
#navigation ul#main-navigation li a#objects-nav:hover {background-position:-800px -100px}
#navigation ul#main-navigation li a#everything-nav:hover{background-position:-1200px -100px}
#navigation ul#main-navigation li.active a#paintings-nav {background-position:0 -200px}
#navigation ul#main-navigation li.active a#paperworks-nav {background-position:-400px -200px}
#navigation ul#main-navigation li.active a#objects-nav {background-position:-800px -200px}
#navigation ul#main-navigation li.active a#everything-nav {background-position:-1200px -200px}

/* Toggle titles */
#navigation ul#main-navigation a.toggle-sub {background:transparent url("/images/layout/anchor_bg.gif") repeat-x 0 100%; border:0; color:#c36 !important; display:inline; font:9px Helvetica, Arial, sans-serif; text-transform:uppercase; text-decoration:none; margin:0 10px !important; padding:0 0 1px 0 !important; position:relative; top:-5px}
#navigation ul#main-navigation a.toggle-sub:hover {background-position:-1000px 100%; color:#c79 !important}
#navigation ul#main-navigation a.toggle-sub-open {background-image:none !important; color:#c79 !important}
#navigation ul#main-navigation a.toggle-sub-open:hover {color:#c36 !important}

/* Sub nav items */
#navigation ul#main-navigation ul#sub-navigation {display:block; margin:-.5em 0 0 .5em !important; padding:0 10px 5px 0 !important; line-height:14px}
#navigation ul#main-navigation ul#sub-navigation li {border:0 !important; list-style:none; display:inline; margin:0; padding:0 !important}
#navigation ul#main-navigation ul#sub-navigation li a {background-image:none !important; border:0 !important; color:#666 !important; display:inline; font-family:Cambria, Georgia, Times, "Times New Roman", serif; font-size:10px; text-decoration:none; height:auto !important}
#navigation ul#main-navigation ul#sub-navigation li a:hover, .hover-text {color:#970 !important; background-color:yellow !important}
#navigation ul#main-navigation ul#sub-navigation li.active-sub a {color:#970 !important; background-color:yellow !important}
#navigation ul#main-navigation ul#sub-navigation li a:visited:hover {background-position:250px 50%}

/* Secondary nav items */
#secondary-navigation {font: normal .7em Times, "Times New Roman", serif ; margin:0 0 100px 0; padding:1em 5px 0 0; text-transform:uppercase}
#secondary-navigation ul {list-style:none; margin:1em 0 0 0; padding:0}
#secondary-navigation ul li {background:transparent url("/images/layout/secondary_nav_bullet.gif") no-repeat 90% 2px; display:block; float:right; padding: 0 15px 0 5px !important}
#secondary-navigation ul li.first {background:none !important; padding:0 0 0 5px !important}
#secondary-navigation ul li a {background-image:url("/images/layout/secondary_navigation.gif"); background-repeat:no-repeat; display:block; height:15px; text-decoration:none; text-indent:-9999px}
#secondary-navigation h5 {margin:1em 0 5px 0}
#secondary-navigation h5 span {display:none}
#secondary-navigation ul li#about-nav a {background-position:0 0; width:35px}
#secondary-navigation ul li#about-nav a:hover {background-position:0 -100px}
#secondary-navigation ul li#about-nav a.active-secondary {background-position:0 -200px}
#secondary-navigation ul li#events-nav a {background-position:-100px 0; width:35px}
#secondary-navigation ul li#events-nav a:hover {background-position:-100px -100px}
#secondary-navigation ul li#events-nav a.active-secondary {background-position:-100px -200px}
#secondary-navigation ul li#rss-nav a {background-position:-200px 0; width:32px}
#secondary-navigation ul li#rss-nav a:hover {background-position:-200px -100px}


/* **************************************************** */
/*	Modules												*/
/* **************************************************** */
/* Gallery display */
.gallery a img {border:4px solid #D7D7D7; padding:0}
.gallery a img:hover, .hover-image {border-color:yellow !important}
.gallery-item {color:#666; float:left; margin:4px 4px 0 0; text-align:center}

/* Slide down announcement */
#announcement {display:none}
#announcement div {background-image:url("/images/layout/announcement_bg.jpg"); background-repeat:repeat-x; font-size: 1.2em; letter-spacing:-.05em; margin:0; padding:2em 1em 1em 1em; text-align:left}
#announcement div p {color:#fff !important; font-style:italic}
#announcement div p strong {color:#fff; font-size: 1.2em; font-weight:bold}
#announcement div span {color:#555}
#announcement div p a {background:none}

/* Entry table meta */
table.item-meta {border-top:1px solid #efefef; margin:0 0 2em 0; width:95%}
table.item-meta td {border-bottom:1px solid #efefef; color:#333; padding:6px 0}
table.item-meta .meta-label {font-weight:normal; font-style:bold; padding-right:10px; width:10%}

/* Relate collections */
.related {font-size:84%; margin-bottom:1.5em}
.related p {clear:both !important; display:inline-block; font-style:italic}

/* Relate collections */
.related-collection-wrapper {margin:1em 0}
.related-collection ul {list-style:none; line-height:14px; padding:0}
.related-collection ul li {display:block; float:left}
.related-collection ul li a {border:2px solid #D7D7D7; display:block; float:left; margin:0 2px 2px 0 !important; padding:0 !important; height:20px}
.related-collection ul li a:hover {border:2px solid yellow}
.related-collection ul li.active a, .related-collection ul li.active:hover a {border:2px solid yellow}
.related-collection ul li.active img {opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=40);}

/* Collection Entry */
#collections .collection-header {padding-top: 4px; text-align: right}
#collections .collection-header h1.title {margin-bottom: 0 !important}


/* event location wrapper */
div.event-info {border-left:5px solid #efefef; margin:0 0 0 2px; padding: 0 0 0 10px}

/* **************************************************** */
/*	Page mods											*/
/* **************************************************** */

/* Featured image info */
#featured-image-info {color:#333; background-color: #fff; font-size:.8em; font-style:italic; padding:4px; text-align:center; position:relative; bottom:50px; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);}
#featured-image-info p {margin-bottom: 0; font-size:110%}


/* Google map on the events page */
#events #event-map {border:3px solid #efefef; height:200px; width:350px}
#events #event-map p {color:#efefef}

/* Wrapper for large images on the entry page */
.entry-image {padding-top:2px; text-align:right}
.entry-image a {background-image:none !important; display:block}

/* 404 and other error/message pages */
#server-message .grid_22 {padding-top:30px}

/* Collection gallery */
.collection-gallery .gallery-item {margin:0 25px 20px 0}
.collection-gallery .last-item {margin:0 0 20px 0 !important}
.collection-entry .gallery-item {margin:0 .5em .5em 0}

/* Newsletter form */
#newsletter-form em {line-height:1.3em}

#about .grid_14 p, #events .grid_14 p {font-size:110% !important}
#about .grid_7 {padding-top:60px}
#events .grid_7 {padding-top:40px}
#events em.date-stamp {display:block; font-size:80%; margin:0 0 5px 0}


/* **************************************************** */
/*	Objects and Functions								*/
/* **************************************************** */
/* HR object */
.hr hr {height:1px; margin:0; padding:0; display:none !important}
.hr {background: #fff url("/images/layout/default_dotted_x.gif") 0 50% repeat-x; clear:both; display:block; height:30px; margin:0}
.default-solid {background-image: url("/images/layout/default_solid.gif")} /* Thin, dotted for horiztonal rules and dividers */
.strong-dotted {background-image: url("/images/layout/strong_dotted_x.gif")} /* Thick, dotted for horiztonal rules and dividers */
.strong-solid {background-image: url("/images/layout/strong_solid.gif")} /* Thick, solid for horizontal or vertical rules and dividers*/

/* BR object */
/* Creates visual breaks, sometimes you also want these to be sematically broken, so optionally nest an HR but keep it hidden. */
.br {clear:both; display:block; font-size:1px; height:15px}
.br hr {display:none}
 
/* Height class, applicable to both BR's and HR's */
.height-1 {height:1px}
.height-5 {height:5px} 
.height-10 {height:10px}
.height-15 {height:15px}
.height-30 {height:30px}

/* Quick floats */
.left {float:left}
.right {float:right}

/* Quick aligns */
.align-left {text-align:left}
.align-right {text-align:right}
.align-center {text-align:center}

/* For testing and debugging */
.debug {background:red; color:#fff}


/* **************************************************** */
/*	Admin toolbar and edit functions					*/
/* **************************************************** */
.disabled-toolbar {background:none !important;position:absolute !important; right:0}

#admin-toolbar {background:#2C3B44; color:#fff; display:block; font-size:12px !important; text-align:right; text-shadow: rgba(0,0,0,.7) 0 -1px 0; overflow:hidden; padding:0}
#admin-toolbar ul {color:#7F8D96; display:block; margin:0}
#admin-toolbar ul li {border-right:1px solid #2E3D46; border-left:1px solid #123; display:block; float:left}

#admin-toolbar ul li.button a {background:#1B2C36 url("/images/layout/admin_toolbar_icons.gif") no-repeat 0 0; color:#ACBFCB; display:block; padding:4px 10px 4px 30px; text-decoration:none}
#admin-toolbar ul li.button a:hover {background-color:#142129; color:#fff}

#admin-toolbar ul li.add {border-left:0 !important}
#admin-toolbar ul li.add a:hover {background-position:0 -100px}
#admin-toolbar ul li.browse a {background-position:-400px 0}
#admin-toolbar ul li.browse a:hover {background-position:-400px -100px}

#admin-toolbar ul li.send a {background-position:-800px 0}
#admin-toolbar ul li.send a:hover {background-position:-800px -100px}

#admin-toolbar ul li.status {border-left:0; color:#9EBACB; display:block; font-size:11px; float:right; padding:4px 10px}
#admin-toolbar ul li.status a {background:none; color:#45A7DC; display:inline; padding:0 5px 0 5px}
#admin-toolbar ul li.status a:hover {background:none; color:#fff}

#admin-toolbar ul li.show-hide {border-color:#45A7DC !important; border-right:0; float:right; font-size:12px}
#admin-toolbar ul li.show-hide a {background-color:#0EABE6; background-image:none !important; color:#fff; display:block; padding:4px 10px; text-decoration:none; text-shadow: #064A64 0 -1px 0;}
#admin-toolbar ul li.show-hide a:hover {background-color:#53BEE6; color:#fff}


/* Inline edit link */
a.edit-link {background:#27343C url("/images/layout/edit_icon.gif") no-repeat 3px 4px !important; color:#7F8D96; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; display:none; float:right; font:normal 11px Cambria, Georgia, Times, "Times New Roman", serif !important; line-height:10px !important; margin:0; padding:3px 4px 3px 13px !important; position: absolute; text-decoration:none; text-shadow: rgba(0,0,0,.7) 0px -1px 0px}
a:hover.edit-link {background:#142129 url("/images/layout/edit_icon.gif") no-repeat 3px -26px !important; color:#fff}
a.edit-type-text {display:block; margin:-5px 0}
a.edit-align-right {position:relative; float:right}
.editable:hover a.edit-link {display:block}

/* eof */