/*
Theme Name: Hinsdale Library Theme
Theme URI: http://www.bolderimage.com
Description: Developed by www.bolderimage.com as a custom theme for Hinsdale Library
Version: 1.0
Author: BolderImage
Author URI: http://www.bolderimage.com



	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


.current_page_item {background:#D94A00}
body {
	font-size: 0.75em;
	font-family:Arial, Helvetica, sans-serif;
	color:#5b5b58;
	margin:0;
	padding:0;
}

h1 {padding:15px 0 5px 0;margin:0; font-size:2em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal}
h2{font-size:1.75em;font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal}
h3{font-size:1.5em;font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal}
h4{font-size:1.25em;font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal}
/* Layout */
#wrapper {
	width:950px; 
	margin:0 auto;
}
#header {position:relative;}
#content { background:url(images/content-bg.gif) repeat-y; min-height:400px;}
#left-col {
	float: left; 
	width: 658px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}

#left-col a{color:#798100;}
#left-col a:hover{text-decoration:none;}
#right-col {
	float: right; 
	width: 252px;
}
#footer {
	line-height:42px; 
	background-color:#9fa615; 
	color:#fff; 
	text-align:center;
	border-top:1px solid #fff;
}

#footer a{color:#fff; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}

#footer-logo {position:absolute; left:57px; top:15px;}
#bi_footer {text-align:right; color:#ccc;padding:8px;padding-right:60px; position:relative;}
#bi_footer a{color:#ccc; text-decoration:none}
#bi_footer a:hover{ text-decoration:underline;}

/* Top Navigation */
#nav{ background:#000;line-height:48px;padding-left:10px;text-align:left;}

/* Search Catalog */
#search-catalog {
	background-color:#9fa615;padding:17px 10px 17px 17px;
}

#sc-header {font-weight:bold;font-size:14px; color:#fff; text-transform:uppercase;padding:0 0 10px 0}
.sc-1col {
	font-weight:bold; 
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
}
.sc-2col {}
	.sc-select{ 
		padding:2px; 
		background:#fff; 
		border:0px solid #fff;
		font-size:12px;
		width:165px;
		text-transform:uppercase;
	}
	
	.sc-input{ 
		padding:2px; 
		background:#fff; 
		border:0px solid #fff;
		font-size:12px;
		width:162px;
		text-transform:uppercase;
	}

.sc-submit {
	background:#798100; 
	border:1px solid #798100; 
	color:#fff; 
	font-weight:bold;
	font-size:12px;
	padding:1px 3px;
	text-transform:uppercase;
	cursor:pointer;
}

.sc-submit:hover {background:#000; }

#events-services {}

#events-services ul{margin:0;padding:0;list-style-type:none;}
#events-services li{margin:0;padding:0;list-style-type:none;}
#events-services li a{ font-size:14px; font-weight:bold; text-decoration:none;color:#000;padding-bottom:18px;display:block;}
#events-services li a:hover{text-decoration:underline;}

#events-services li ul{padding-bottom:15px;}

#events-services li ul li a{font-size:11px; color:#737816; font-weight:normal; display:block; padding:5px 0 5px 10px;width:100%; background:url(images/bullet-green.gif) no-repeat left center;}
#events-services li ul li a:hover{}

#search-site {margin:17px 0px}
#search-site .hidden{display:none;}
#s {border:1px solid #9fa615;font-size:12px; padding:2px; text-transform:uppercase; float:left;}
#searchsubmit {float:left;margin-left:10px; background:#000; color:#fff; border:1px solid #000; cursor:pointer; text-transform:uppercase; font-weight:bold; font-size:12px; padding:1px 3px;}
#searchsubmit:hover { background:#9FA615; border:1px solid #9FA615;}




#right-col-bottom {
	padding:20px 10px 25px 20px;
	}
	


/* Misc */
.clear {clear:both;}

/* Form */
form {padding:0; margin:0;}

/*WP*/
.postmetadata{display:none;}
#respond {display:none;}
.post-date {font-size:11px; font-weight:bold;}

/** Homepage content  **/

#homepage-content-bottom {width:640px !important;}
#homepage-leftcell {width:224px !important; vertical-align:top;}
#homepage-rightcell {width:400px !important; vertical-align:top;}

#font-size-change {position:absolute; top:152px; left:890px;}
#font-size-change img{border:none;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */