/* @override http://localhost/css/main.css */

body {
	margin: 0;
	padding: 0;
	background: #c0bfa1;
	color: #FFF;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 62.5%;
}
.wrapper,
#footer {
	width: 900px;
	margin: 0 auto;
}

/* @group FONTS */

h1,
h2 {
	font-family: "Times New Roman", Times, Georgia, serif;
	color: #944619;
	text-shadow: #666 0 0 5px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.8em;
	margin: 0 0 10px 0;
}
#content h2 {
	display: inline-block;
	width: 470px;
	padding-top: 25px;
	background: url(images/doily.gif) no-repeat 150px top;
	clear: both;
}
#content h1 {
	padding-top: 15px;
}
p,
label {
	font-size: 1.2em;
}
#content p,
#content ul,
#content h3,
h4 {	
	color: #333;
	font-size: 1.2em;
}
#rightCol #libraryHours {
	padding: 0 0 0 15px;
	margin: 0;
	margin-bottom: 0;

}
.libraryHoursDay {
	width: 80px;
	display: inline-block;
}
li p {
	margin-top: 0;
	margin-bottom: 5px;
}
#content li {	
	list-style-type: none;
}
#leftCol li {
	font-size: 1.2em;
}
h4 {
	font-size: 1.4em;
	margin: 0 0 0 15px;
}
.eventPast h4 {
	color: #999;
}
#leftCol p {
	padding-left: 15px;
	margin: 0;
	padding-bottom: 10px;
}
a {
	color: #FFF;
	text-decoration: none;
}
#contactInfo a {
	text-decoration: underline;
}
#content a {
	color: #000;
	text-decoration: underline;
}
#h2 a {
	color: #FFF;
	text-decoration: none;
}
blockquote {
	font-family: "Times New Roman", Times, Georgia, serif;
	color: #666;
}
.extraInfo {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-size: .8em;
	color: #666;
}
.largeFormat,
.donation,
.staffPick {
	display: block;
	height: 16px;
	margin: 0 0 0 5px;
	padding: 0 0 0 20px;
	float: left;
}
/*#content .largeFormat a,
#content .donation a,
#content .staffPick a {
	display: block;
	float:left;
	width: 16px;
	height: 16px;
	margin: 0 5px 0 0;
}*/
.largeFormat {	
	background: url(images/large.gif) no-repeat;
}
.donation {
	background: url(images/donation.gif) no-repeat;
}
.staffPick {
	background: url(images/staff_pick.gif) no-repeat;	
}

.largeFormat span,
.donation span,
.staffPick span {
	visibility: hidden;
}
#content .hidden {
	width: 1px;
	font-size: 0;
	text-decoration: none;
}
#content .link {
	padding: 0;
	margin: 0;
}
/* @end */

/* @group HEADER */

#header {
	margin: 0;
	background: #CD6B09 url(images/backgrounds/header_gradient.jpg) repeat-x bottom;
	color: #EDEDED;
}

/* HEADER INFO */
#header strong {
	color: #FFF;
}
#header .wrapper {
	padding: 8px 0 15px 0;
	background: url(images/backgrounds/header_bg.jpg) no-repeat right bottom;
}
#hours {
	display: inline-block;
	padding-left: 40px;
}
#hours p {
	display: block;
	float: left;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 0 30px;
}
#hours p a {
	text-transform: lowercase;
	text-decoration: underline;
}
#hour #todaysHours {
	padding-left: 75px;
}
#todaysHours strong {
	text-transform: lowercase;
}

/* @end */

/* @group PAGE */

/* @group PAGE HEADER */

#page {
	background: url(images/backgrounds/body.gif) repeat-x;
}
#page .wrapper {
	padding-top: 8px;
	background: url(images/backgrounds/content_top.jpg) no-repeat center top;
}

/* CONTACT INFO */


#contactInfo {
	width: 800px;
	margin: 0 53px 0 47px;
	padding: 5px 0;
	background: url(images/backgrounds/contact_info.gif) repeat;
	text-align: center;
	font-style: italic;
}
#contactInfo p {
	margin: 0;
}
#contactInfo span {
	margin: 0 5px;
}

/* LOGO */

#logo {
	width: 800px;
	margin: 0 53px 0 47px;
	background: #7E7565 url(images/backgrounds/logo.jpg) repeat;
}

#logo h1 {
	margin: 0;
	display: block;
	width: 265px;
	height: 75px;
}
#logo h1 a {
	display: block;
	width: 265px;
	height: 75px;
}
#logo h1 span {
	display: none;
}

/* @end */

/* @group NAV */

/* NAV */

#nav {
	width: 800px;
	margin:  0 53px 0 47px;
	background: #B7AD96 url(images/backgrounds/nav.gif) repeat-x bottom center;
}
#nav a {	
	font: 1.3em "Times New Roman", Times, Georgia, serif;
	display: block;
	padding: 3px 10px;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
}
#nav a:hover {
	color: #333;
}
#nav ul {
	margin: 0;
	padding: 0;
}
#nav li {
	float: left;
	list-style-type: none;
	border-right: 1px solid #E4DCC7;
}
#nav .currentPage {
	background-color: #E4DCC7;
}
#nav .currentPage a {
	color: #333;
}


/* @end */

/* @group CONTENT WRAPPERS */

#content {
	display: inline-block;
	width: 765px;
	margin: 0 53px 0 47px;
	padding: 0 15px 20px 20px;
	background: #E4DEC6 url(images/backgrounds/content.jpg) repeat-y;
}

#leftCol {
	width: 480px;
	float: left;
}

#rightCol {
	width: 230px;
	float: left;
	margin-left: 55px;
}



/* @end */

/* @group EVENT DATE/TIME */

#content .time,
#content .date {
	display: inline;
	float: left;
	width: 75px;
	padding: 0;
	margin-left: 10px;
}

#content .eventPast p {
	color: #999;
}
#content .event h4,
#content .event p {
	margin: 0 20px;
	padding: 0;
	clear: both;
}
.event {
	margin-bottom: 10px;
}
.eventToday,
.eventUpcoming {
	display: inline-block;
	clear: both;
}
.eventToday h4,
.eventUpcoming h4 {
	display: block;
	float: left;
	width: 350px;
	clear: none;
	padding: 0 0 0 0;
	margin: 0;
}

.eventToday .eventDescription {
	margin-left: 0;
	width: 385px;
}
.hour,
.ampm {
	display: block;
	float: left;
	padding: 1px 4px;
	font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
}
.eventToday .hour {	
	background: #FFF;
	border-bottom: 1px solid #B8AE97;
	border-top: 1px solid #B8AE97;
	border-left: 1px solid #B8AE97;	
}
.eventPast .hour {
	color: #908D86;
	background: #EFEDE5;
	border-bottom: 1px solid #D2CBB8;
	border-top: 1px solid #D2CBB8;
	border-left: 1px solid #D2CBB8;
}

.eventToday .ampm {
	display: inline;
	color: #FFF;
	background: #FFF url(images/backgrounds/event_bg.jpg) no-repeat center center;
	border-bottom: 1px solid #B8AE97;
	border-top: 1px solid #B8AE97;
	border-right: 1px solid #B8AE97;
	margin-right: 10px;
}
.eventPast .ampm {
	color: #F6F3EB;
	background: #FFF url(images/backgrounds/event_past_bg.jpg) no-repeat center center;			border-bottom: 1px solid #D2CBB8;
	border-top: 1px solid #D2CBB8;
	border-right: 1px solid #D2CBB8;
}
#content .eventDescription {
	display: block;
	float: right;
	width: 395px;
	clear: none;
	padding: 0;
}
#content .eventDescription p {
	padding-left: 0;
}
.event p {
}
/* @end */

/* @group EVENT MONTH/DAY */

.month,
.day {
	display: block;
	width: 35px;
	text-align: center;
	padding: 1px 0;
	font-weight: bold;
	font-size: .9em;
	margin-left: 16px;
}
.month {
	color: #FFF;
	background: #FFF url(images/backgrounds/event_bg.jpg) no-repeat center center;
	border-left: 1px solid #B8AE97;
	border-top: 1px solid #B8AE97;
	border-right: 1px solid #B8AE97;
	text-transform: uppercase;
}
.day {	
	background: #FFF;
	border-bottom: 1px solid #B8AE97;
	border-right: 1px solid #B8AE97;
	border-left: 1px solid #B8AE97;	
}
.eventName {
	font-family: "Times New Roman", Times, Georgia, serif;
	color: #944619;
}
.eventTime {
	font-size: .8em;
	font-weight: bold;
}
/* @end */

/* @group SIDEBAR IMAGES */

.img {
	padding: 0 14px 10px 14px;
	text-align: center;
}
#content .img p {
	display: block;
	width: 150px;
	padding: 0;
	margin: 0 auto;
	font-style: italic;
	color: #666;
	font-size: 1em;
}

/* @end */

/* @group NEW MATERIALS LIST */

.newMaterialsList h3 {
	display: block;
	width: 480px;
	height: 53px;
	margin: 0;
	padding: 0;
}
.newMaterialsList h3 span {
	display: none;
}
#leftCol #fiction h3 {
	background: url(images/new_materials_titles/fiction.gif) no-repeat bottom;
}
#leftCol #nonFiction h3 {
	background: url(images/new_materials_titles/non_fiction.gif) no-repeat bottom;
}
#leftCol #video h3 {
	background: url(images/new_materials_titles/video.gif) no-repeat bottom;
}
#leftCol #audio h3 {
	background: url(images/new_materials_titles/audio.gif) no-repeat bottom;
}
.newMaterialsList ul {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #B7AD96;
	border-top: none;
	background-color: #E2DCD1;
}
.newMaterialsList li {
	display: block;
	width: 458px;
	padding: 3px 10px;
	margin: 0;
}
.evenRow {
	background-color: #F1ECE4;
	clear: both;
}
.oddRow {
	background-color: #E2DCD1;
	clear: both;
}
.author {
	display: block;
	float: right;
	font-style: italic;
	text-align: right;
}
.newMaterialsList .author {
	width: 158px;
}
span {
	margin: 0;
	padding: 0;
}
a {
	margin: 0;
	padding: 0;
}
.title {
	display: block;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
li .type {
	color: #999;
	font-size: 80%;
}
.key {
	margin-bottom: 0;
	padding-bottom: 0;
}
.coverArt {
	float: left;
	border: 1px solid #666;
	margin: 0 10px 10px 0;
}
.closing {
	font-weight: bold;
}
/* @end */

/* @group SIDEBAR UL LIST */

.sidebarList h3 {
	display: block;
	width: 230px;
	height: 60px;
	margin: 0;
	padding: 0;
}
.sidebarList h3 span {
	display: none;
}
#rightCol #fiction h3 {
	background: url(images/sidebar_titles/fiction.gif) no-repeat;
}
#rightCol #nonFiction h3 {
	background: url(images/sidebar_titles/non_fiction.gif) no-repeat;
}
#audioVideo h3 {
	background: url(images/sidebar_titles/audio_video.gif) no-repeat;	
}
.sidebarList ul {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #B7AD96;
	border-top: none;
	background-color: #E2DCD1;
}
.sidebarList li {
	display: inline-block;
	width: 208px;
	padding: 3px 10px;
}
.sidebarList .author {
	width: 88px;
}
.sidebarList .title {
	width: 120px;
}
#content .sidebarBoxLink {
	text-decoration: none;
}
/* @end */

/* @group PHOTO SIDEBAR */

#photoSidebar {
	width: 210px;
	margin: 0 auto 20px auto;
	clear: both;
}
#content #photoSidebar h3 {
	display: block;
	width: 210px;
	height: 60px;
	background: url(images/photo_sidebar.gif) no-repeat;
	margin: 0;
}
#photoSidebar h3 span {
	display: none;
}
#photoSidebar #photoBarPhotos {
	width: 208px;
	padding-top: 10px;
}


/* @end */

/* @group PHOTO BAR */

#photoBar {
	width: 740px;
	margin: 0 auto;
	text-aligh:center;
	clear: both;
}
#photoBar .img {
	display: block;
	float: left;
	width: 156px;
}
#content #photoBar h3 {
	display: block;
	width: 740px;
	height: 60px;
	background: url(images/photo_bar.gif) no-repeat;
	margin: 0;
}
#photoBar h3 span {
	display: none;
}
#photoBar #photoBarPhotos {
	width: 738px;
}
#photoBarPhotos {
	display: inline-block;
	border: 1px solid #B7AD96;
	border-top: none;
	background-color: #D1C8B2;
}
#photoBarPhotos img {
	border: 1px solid #FFF;
}
#photoBarPhotos .img p {
	color: #333;
}


/* @end */

/* @group CONTACT US */

fieldset {
	margin: 0 0 0 15px;
	border: none;
	padding:  0 20px;
}
label {
	display: block;
	float: left;
	width: 75px;
	color: #944619;
	font-weight: bold;
	padding: 3px 0 0 0;
}
#leftCol fieldset p {
	display: block;
	color: #944619;
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
}
.submit,
fieldset img,
.captcha {
	display: block;
	margin-left: 75px;
}
.submit {
	margin-top: 10px;
}
/* @end */

/* @end */

/* @group FOOTER */

#footer {
	clear: both;
	margin-bottom: 25px;
}
#footer .wrapper {
	display: inline-block;
	width: 800px;
	margin:  0 53px 0 47px;
	background: #B7AD96 url(images/backgrounds/footer_shadow.gif) repeat-x center top;
	padding: 0;
}

#copyright,
#siteCredit {
	display: block;
	font-size: 1.0em;
	margin: 0 0;
	padding: 0 20px;
}
#copyright {
	padding-top: 7px;
	float: left;
	font-size: 1.0em;
	font-style: italic;
}
#siteCredit {
	float: right;
}
#siteCredit a {
	font-size: .1em;
	display: block;
	width: 85px;
	height: 27px;
	background: url(images/imd_logo.gif) no-repeat;
}
#siteCredit a span {
	visibility: hidden;
}



/* @end */

/* @group HACKY CLEARING */

/* FLOAT CSS - THIS MAKES FLOATS HAVE A HEIGHT SO BGs SHOW WITH NO ADDITIONAL HTML... */

.floatHack {
	display: block;
	height: 0;
    clear: both; 
    margin: 0;
    padding: 0;
    font-size: 0;
}

/* WE USE THIS ONE WITH ADDITIONAL MARKUP WHEN WE HAVE NO CHOICE :( */
.hack {
	clear: both;
}



/* @end */