﻿/*
	DOVA Temp Gallery
	www.dovatemp.uchicago.edu
	
	COLORS:
	background-color: E4DFD9 / E8E3DF
	body: 87807E / gray, med-normal
	h1: B25061 / title 1 pink, largest
	h2: 951D20 / title 2 red, large-bold
	h3: 87807E / date, gray, med-bold
	a: CEC7C4 / light gray, normal
	a:hover: 951D20 / red, underline-normal
	menu-header bg: DBD2CE
	menu-header text active: 951D20
	h6: E6E6E6 / tagline, pale gray, small
	GALLERY p: 87807E / gray, smallest
	a: AAA5A3 / pale gray, med-bold
	a:hover: 951D20 / red, underline-normal
	FOOTERp: 825050 / pink, smallest	
*/

/* RESET */
strong { font-weight: bold; }
em { font-style: italic; }
a img { border:none; } /* Gets rid of IE's blue borders */
div { position: relative; } /* Each div position declared as as 'relative' and allows absolutely positioning elements inside */
.clear { clear: both; display: block; line-height:0px; }


/* GLOBAL */
html { height: 100%; }
body { 	width: 960px; height: 100%; margin: auto; padding: 0; 
		font-family: "Helvetica-Neue", "Arial", sans-serif; font-size: .9em; 
		line-height: 1.6em;	text-align: left; color: #87807E;
		background-image: url('images/bggradient.gif'); background-repeat: no-repeat; 
		background-color: #E4DFD9; }
#container { width: 960px; min-height: 100%; height: auto !important; height: 100%; 
		margin: 0 auto -90px; padding: 0; }
#content { width: 880px; margin: 0 40px 40px 40px; padding: 0; min-height: 400px; 
		text-align: left; }
		
		
/* HEADER */
#header { width: 960px; height: 110px; clear: both; }
#header a, #header a:visited, #header a:hover { text-decoration: none; color: #DBD2CE; }
#header h1 { width: 260px; height: 60px; float: left; font-size: 30px; font-weight: bold;
				margin: 36px 0 0 40px; padding: 0px; }
				
/* MENU */
#menu-header { position: absolute; top: 40px; left: 400px; width: 520px; height: 22px;
				font-family: "scalasans", "helvetica-neue", "arial", sans-serif; 
				font-variant: small-caps;
				letter-spacing: .2em; /* address the title size and art */
				font-size: 12px; font-weight: normal; list-style-type: none; 
				text-align: center;	margin: 10px 40px 10px 0px; padding: 0 1px 0 0px; 
				background-color: #DBD2CE;}
#menu-header li{ float:left; display:block; }
#menu-header li a, #menu-header li a:visited { float: left; display: block; height: 22px; 
				padding: 0px 0px 0 0px; color: #FFFFFF; text-indent:-1000px; overflow:hidden;}
#menu-header li.current_page_item a, #menu-header li a:hover, #menu-header li a:active 
			{ color: #951D20; background-color: #FFFFFF; }

#menu-header li.page-item-274 a:hover, #menu-header li.current_page_item.page-item-274 a, #menu-header li.current_page_ancestor.page-item-274 a{
				background:#DBD2CE url(images/nav/home-over.gif) no-repeat 0 0;
}			
#menu-header li.page-item-274 a{
				background:#DBD2CE url(images/nav/home.gif) no-repeat 0 0;
				width:64px;
}

#menu-header li.page-item-867 a:hover, #menu-header li.current_page_item.page-item-867 a, #menu-header li.current_page_ancestor.page-item-867 a{
				background:#DBD2CE url(images/nav/current-over.gif) no-repeat 0 0;
}
#menu-header li.page-item-867 a{
				background:#DBD2CE url(images/nav/current.gif) no-repeat 0 0;
				width:82px;
}

#menu-header li.page-item-76 a:hover, #menu-header li.current_page_item.page-item-76 a, #menu-header li.current_page_ancestor.page-item-76 a{
				background:#DBD2CE url(images/nav/upcoming-over.gif) no-repeat 0 0;
}
#menu-header li.page-item-76 a{
				background:#DBD2CE url(images/nav/upcoming.gif) no-repeat 0 0;
				width:96px;
}

#menu-header li.page-item-74 a:hover, #menu-header li.current_page_item.page-item-74 a, #menu-header li.current_page_ancestor.page-item-74 a{
				background:#DBD2CE url(images/nav/past-over.gif) no-repeat 0 0;
}
#menu-header li.page-item-74 a{
				background:#DBD2CE url(images/nav/past.gif) no-repeat 0 0;
				width:60px;
}

#menu-header li.page-item-101 a:hover, #menu-header li.current_page_item.page-item-101 a, #menu-header li.current_page_ancestor.page-item-101 a{
				background:#DBD2CE url(images/nav/links-over.gif) no-repeat 0 0;
}
#menu-header li.page-item-101 a{
				background:#DBD2CE url(images/nav/links.gif) no-repeat 0 0;
				width:62px;
}

#menu-header li.page-item-2 a:hover, #menu-header li.current_page_item.page-item-2 a{
				background:#DBD2CE url(images/nav/about-over.gif) no-repeat 0 0;
}
#menu-header li.page-item-2 a{
				background:#DBD2CE url(images/nav/about.gif) no-repeat 0 0;
				width:70px;
}

#menu-header li.page-item-9 a:hover, #menu-header li.current_page_item.page-item-9 a, #menu-header li.current_page_ancestor.page-item-9 a{
				background:#DBD2CE url(images/nav/contact-over.gif) no-repeat 0 0;
}
#menu-header li.page-item-9 a{
				background:#DBD2CE url(images/nav/contact.gif) no-repeat 0 0;
				width:86px;
}
		
		
/* HOME PAGE BACKGROUND IMAGE */
#homepagebgimage img { position: relative; top: 0; left: 0; width: 100%; overflow: hidden; 
				background-repeat: no-repeat; z-index: 0; }
			
/* HOME PAGE TAGLINE */
#transparentoverlay h6.description { color: #E6E6E6; font-size: .8em; font-style: normal; margin: 10px 0 46px 20px; text-align: left; }
	
	
/* HOME PAGE TRANSPARENT GRADIENT OVERLAY */
#transparentoverlay { position: absolute; top: 0; left: 0; float: left; 
				width: 880px; height: 660px;
				background-image: url('images/hpgradient.png');
				background-repeat: no-repeat;
				overflow: hidden; min-height: 500px; }
				
/* HOME PAGE TITLE STYLES */
#transparentoverlay h1.featured { width: 660px; float: left; text-align: right; 
				font-size: 2.9em; font-weight: lighter; line-height: 1.2em;
				margin: 40px 360px 0 40px; padding: 0px; color: #FFFFFF; }
#transparentoverlay h2.featured { width: 660px; float: left; text-align: right; 
				font-size: 1.4em; font-weight: lighter; line-height: 1.6em;
				color: #ffffff; margin: 30px 360px 0 40px; padding: 0px; }
#transparentoverlay a { width: 620px; float: left; text-align: right; 
				font-size: 1em; font-weight: lighter; line-height: 1.2em;
				color: #ffffff; margin: 30px 360px 0 40px; padding: 0px; text-decoration: none;}
#transparentoverlay a:hover { width: 620px; float: left; text-align: right; 
				font-size: 1em; font-weight: lighter; line-height: 1.2em;
				color: #ffffff; margin: 30px 360px 0 40px; padding: 0px; text-decoration: underline;}

/*.maincontent { text-align: left; }*/
/*.row { clear: both; }
/*.title { text-align: left; border: 1px solid blue; } */ /* need this class? */
/*#content { width: 520px; margin: 40px 40px 0 0; float: right; min-height: 440px;
		text-align: left; border: 1px solid yellow; }*/


/* POST CONTENT */
.post_content { margin: 0; padding: 0; font-size: .9em; 
		text-align: left; font-size: .9em;
		color: #87807E; }
.post_content a:link, .post_content a:active, .post_content a:visited { 
		color: #951D20; text-decoration: none; }
.post_content a:hover { color: #951D20; text-decoration: underline; }
.post_content h1 { font-size: 1.8em; line-height: 1.3em; font-weight: bold; margin-top: 0px; margin-bottom: 10px; color: #B25061; }
.post_content h2 { font-size: 1.3em; font-weight: bold; margin-top: 0px; margin-bottom: 10px; color: #951D20; }
.post_content h3 { font-size: 1.3em; font-weight: bold; margin-top: 0px; margin-bottom: 10px; color: #87807E;}
.post_content h4 { font-size: 1.4em; font-weight: bold; margin-top: 0px; margin-bottom: -5px; color: #B25061; }
.post_content h5 { font-size: 1em; font-weight: normal; margin-top: 0px; margin-bottom: 10px; color: #825050; }
.post_content h6 { font-size: .8em; font-weight: bold; margin-top: 0px; margin-bottom: 10px; color: #B25061; }

h1.error { margin-top: 40px; margin-left: 360px; text-align: left; font-size: 22px; color: #B25061; font-weight: bold; }
h2.error { margin-top: 0px; margin-left: 360px; text-align: left; font-size: 14px; color: #B25061; font-weight: normal; }

blockquote { width: 450px; margin: 0; padding: 10px; background-color: #DBD2CE; }

.post_content ul { list-style-type: square; margin: 0px; padding: 0; }
.post_content ul li { list-style-type: square; margin: 0; padding: 0; }
.post_content ul ul li { list-style-type: none; margin: 0; padding: 0; }
.post_content ul li.past { list-style: none; font-family: "helvetica-neue", "arial", sans-serif; font-size: 2.6em; font-weight: bold; color: #951D20; padding-bottom: 8px; margin-bottom: 15px; text-align: left; border-bottom: 2px solid #CEC7C4; }
.post_content ul li.past a:hover { color: #951D20; text-decoration: none; }
.post_content ul li.past a { color: #CEC7C4; }


/* UPCOMING PAGE */	
#upcoming { position: relative; top: 0; left: 0; width: 520px; border-top: 1px solid #CEC7C4; 
		text-align: left; padding: 0px; margin-bottom: 15px; float: left; clear: both; }
.post_content #upcoming img { float: left; display: block; clear: both;
							margin: 0; padding: 0px; width: 70px; height: 70px; }
.post_content #upcoming h1 { position: relative; vertical-align: top; font-size: 1.8em; line-height: 1.3em; font-weight: bold; margin: -5px 15px 15px 90px; padding; 0; color: #B25061; }

/* POST META */	
.post-meta {font-variant: small-caps; color: #951D20; }
.post-meta-key {color: green; font-weight: bold; font-size: 110%; }

.post-meta { text-align: left; padding: 0; margin: 0; }
.post-meta h2 {	font-size: 18px; font-weight: bold; margin: 0; padding: 0; text-align: left; }
.post-meta h2 a:link, .post-meta h2 a:visited { color: #951D20; text-decoration: none; }
.post-meta h2 a:hover, .post-meta h2 a:active { color: #951D20; text-decoration: underline; }
.date { width: 130px; color: #FF3300; font-weight: bold; margin-bottom: 12px; 
		padding: 3px; border-top: 1px solid #FF3300; border-bottom: 1px solid #FF3300; 
        text-align: center; text-transform: uppercase; }


/* GALLERY - PRESS RELEASE TOGGLE */
#gallery_press { position: relative; float: left; top: 2px; left: 0px; 
				width: 520px; height: 20px; margin: 0; padding: 8px 0 8px 0; margin-bottom: 30px;
				border-bottom: 1px solid #DBD2CE; border-top: 1px solid #DBD2CE;}
#gallery_press ul, #gallery_press ul li { display: inline; width: 520px;
				margin: 0 5px 0 5px; padding: 0 5px 0 0; list-style: none; 
				vertical-align: bottom; 
				text-align: left; 
				font-weight: bold; 
				font-family: "Helvetica-Neue", "Arial", sans-serif; 
				color: #CEC7C4; }			
#gallery_press ul li a, #gallery_press ul li a:visited { 
	list-style: none; 
	width: 520px; color: #DBD2CE; }	
#gallery_press ul li a:hover { 
	list-style: none; 
	color: #951D20; 
	text-decoration: underline; }
#gallery_press ul li a:active { 
	list-style: none; 
	color: #951D20; 
	text-decoration: underline; }	
#gallery_press ul li.on { 
	list-style: none; 
	color: #951D20; 
	text-decoration: none; }
#gallery_press ul li.pastNav { 
	margin-left: 10px; 
	color: #CEC7C4; 
	border-left: 2px solid #CEC7C4; 
	padding-left: 20px; }


/* DEFAULT THUMBNAIL SIZE (NextGEN Gallery album's thumbnail)*/
#galleria_wp .galleria_std div ul li.ngg_album { display: block; float: left; 
		margin: 0; overflow: hidden;
        width: 60px;             /*<=== change here (width)*/
        height: 50px;             /*<===             (height)*/
        border: 2px solid #bbb; }
         
				
/* SEARCH FORM */
#search { float: right; margin: 16px 40px 0 0; padding: 0; width: 180px; height: 20px; }
.search_form { background-color: #ffffff; }
.search_input_div { position: absolute; top: 0px; left: 0px; 
			width: 120px; height: 18px; padding: 0; margin: 0; 
			background-color: #ffffff; border: 1px solid #CEC7C4; }
.search_input { position: absolute; top: 0px; left: 0px; width: 120px; 
			height: 18px; margin: 0; padding: 0; 
			background-color: none; border: 0; 
			text-align: left; vertical-align: middle;
			font-family: "Helvetica-Neue", "Arial", sans-serif; 
			font-size: 11px; color: #87807E; }
.search_button { position: absolute; top: 0px; left: 130px; 
			width: 50px; height: 20px; padding: 0; margin: 0px; 
			font-family: "Helvetica-Neue", "Arial", sans-serif;
			font-size: 11px; letter-spacing: .1em; font-variant: small-caps; 
			color: #ffffff; text-align: center; 
			background-image: url('images/searchButton.gif');
			background-repeat: no-repeat; border: 1px solid #CEC7C4; }
			
           
/* FOOTER */
#footer { width: 880px; height: 90px; clear: both; padding: 0; margin: 0 auto 0 auto; 
		color: #825050; font-size: .7em; line-height: 1.6em; 
		background-image: url('images/footer-line.gif'); 
		background-repeat: no-repeat; background-position: top; }
.push { clear: both; height: 90px; /* .push must be the same height as .footer */ }
#footer-left { position: relative; float: left; width: 360px; height: 80px; 
	margin: 0px; padding: 0; }
#footer-left a, #footer-left a:visited, #footer-left a:hover { 
	float: right; text-align: right; margin-right: 24px; margin-top: 20px; }
#footer-right { position: relative; float: left; top: 0; left: 0px; 
	margin: 0; padding: 0; }
#footer-right p { margin-top: 18px; padding: 0; }
#footer a, #footer a:visited { text-decoration: none; color: #825050; }
#footer a:hover, #footer a:active { text-decoration: underline; color: #825050; }
