	/*
Theme Name:		APL Public Blogs
Theme URI:		http://blogs.aurorapubliclibrary.org
Description:		Clean and mean, the theme of themes with a customisable header.
Author:			Wayne Dixon
Author URI:		http://blogs.aurorapubliclibrary.org
*/

body { background: #fff; color: #333; font: 100% Georgia, "Times New Roman", Times, serif; text-align: center; }

* { padding: 0; margin: 0; }



/*---:[ global elements ]:---*/

a { color: #0060ff; text-decoration: underline; }
a:visited { color: #333; text-decoration: underline; }
a:hover { color: #df0000; text-decoration: underline; }

blockquote { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 30px 20px 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }
abbr, acronym { border-bottom: 1px dotted #333; text-transform: uppercase; cursor: help; }
code { color: #090; font-family: "Courier New", Courier, monospace; }
pre { width: 500px; margin: 0 0 20px 0; overflow: auto; font-size: 0.9em; float: left; clear: both; }

* html pre { font-size: 0.9em; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
p.unstyled { font-size: 1.0em; }


/*---:[ headlines ]:---*/

h1 { font: bold 3.6em Helvetica, Arial, sans-serif; letter-spacing: -0.03em; }
* html h1 { letter-spacing: -0.1em; }
	#masthead h1 { font-size: 2.0em; padding: 15px 0; border-top: 1px solid #DC143C; text-align: center; clear: both; }
	h1 a, h1 a:visited, h1 a:hover { color: #000; text-decoration: none; }
	
h2 { font: bold 2.0em Helvetica, Arial, sans-serif; color: #000; }

	h2 a { color: #000; text-decoration: none; }
	
	h2 a:visited { color: #555; text-decoration: none; }
	
	h2 a:hover { color: #090; text-decoration: none; }
	
	.posts h2 { margin: 0 0 2px 0; line-height: 1.0em; }
	
	.pages h2 { margin: 0 0 15px 0; padding: 0 0 12px 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }
	
	h2.archive_head { font-weight: bold !important; font-size: 1.0em !important; text-transform: uppercase !important; letter-spacing: normal !important; margin: 0 0 25px 0 !important; padding: 6px 2px !important; border-top: 3px solid #DC143C !important; background: url('images/hr_dot_black.gif') 0 100% repeat-x !important; }
	
	h2.page_header { margin: 0 0 15px 0 !important; padding: 0 0 12px 0 !important; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }
	
h3 { font: bold .85em Helvetica, Georgia, "Times New Roman", Times, serif; text-transform: uppercase; color: #000; }

	.entry h3 { margin: 35px 0 10px 0; }
	
	.entry h3.top { margin: 0 0 10px 0 !important; }
	
	h3.comments_headers { font-size: 1.0em; }

h4 { font: italic 0.8em Georgia, "Times New Roman", Times, serif; color: #888; }

/*---:[ core layout elements ]:---*/

#container { width: 770px; margin: 15px auto 0 auto; }
					
	#content_box { width: 770px; text-align: left; float: left; clear: both; }
	
		#content { width: 500px; padding: 0 40px 0 0; float: left; overflow: hidden; }
		
		* html #content { overflow: hidden; }
		

		
	#footer { width: 770px; padding: 12px 0; border-top: 2px solid #DC143C; font: bold 0.8em/1.0em Helvetica, Arial, sans-serif; text-transform: uppercase; float: left; clear: both; }
		


/*---:[ header styles ]:---*/

#masthead { width: 770px; /*height: 100px; background: url('images/logo.gif') no-repeat;*/ /* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */ }

#header_img { margin: 0 0 30px 0; border-bottom: 1px solid #DC143C; float: left; clear: both; }

	#header_img img { display: 	block; } /* this is really just an IE 6 and 7 hack in disguise */

.header_image { background-image: ('images/header_1.jpg'); margin	-bottom: 1.5em; }

.clear { width: 500px; height: 1px; clear: both; }


/* Custom */

.Links { text-align: left; }
.LinksTitle { font-size: 1.1em; }
.hrSep { border: 1px solid #DC143C; margin-top: 1em; width: 770px; clear:both; margin-bottom: 1em;}

/*---:[ footer styles ]:---*/

#footer a, #footer a:visited, #footer a:hover { color: #333; text-decoration: none; }

