/*  Theme Name: Coffee Library

Description: Crisp & Classy Theme designed for the Boissevain & Morton Regional Library's web presence. Coffee and books seem to go together. The colour scheme is based off that.
Author: Chris Braybrook
Creation Date: 2006-04-13
*/

	/* BASE REDEFINITIONS */
		body { 
			background-color: #3d2c17; color: #000;
			font-family: verdana, arial, helvetica, sans-serif; font-size: 0.75em;
			text-align: center;
			margin-top: 0; }
		a {
			color: rgb(24, 14, 1);
			font-weight: bold; text-decoration: none; }
		a:hover { text-decoration: underline; font-weight: bold; }
		div { text-align: left; }
		h1, h2,  h3, h4, h5, h6 { 
			font-family: "century gothic", verdana, arial, helvetica, sans-serif;
			color: #3d2c17; text-align: left; 
			margin-top: 5px; }
		h1 { font-size: 26px; }
		h2 { font-size: 22px; }
		h3 { font-size: 18px; }
		h4 { font-size: 16px; }
		h5 { font-size: 12px; }
		h6 { font-size: 10px; }
		h1 a,
		h2 a,
		h3 a,
		h4 a,
		h5 a,
		h6 a { color: #3d2c17; }
		hr { height: 1px; border: 1px #3d2c17 solid; border-width: 1px 0 0 0; }
		img { border-width: 0; }
		p { text-align: left; }
	/* END BASE REDEFINITIONS */
	
	div#header {
		background: url('/wp-content/themes/coffee_library/images/banner.png') no-repeat;
		margin: 0; padding: 0;
		width: 750px; height: 110px; }
	
	div#book_container { position: relative; }
	
	div#book {
		background: url('/wp-content/themes/coffee_library/images/book.gif') no-repeat; 
		margin: 0; padding: 0;
		width: 270px; height: 172px; 
		position: absolute; top: -155px; left: 540px; z-index: 3; }
	/*	position: relative; left: 540px; top: -155px; z-index: 3; }*/
	
	div#main_container { 
		background: #ebdec6; 
		margin: 0; padding: 0;
		width: 750px; }

	div#breadcrumbs {
		display: block;
		color: rgb(24, 14, 1);
		font-size: .8em;
		margin: 0 5px 5px 5px; /*padding: 5px;*/
		width: 500px; }
	div#breadcrumbs a { font-weight: normal; }
	div#breadcrumbs a:hover { font-weight: bold; }
	div#breadcrumbs span.current { font-weight: bold; color: #000; }

	div#content {
		background: #ebdec6;
		padding: 10px;
		width: 525px; 
		/*position: relative; top: -180px; left: 0; */}
	div#content div.post { margin-left: 15px; }
	div#content div.post h1,
	div#content div.post h2,
	div#content div.post h3
	/*div#content div.post h4,
	div#content div.post h5,
	div#content div.post h6*/ { margin-left: -15px; }
	div#content div.post span.blogstamp { 
		display: block;
		font-size: 0.8em; font-style: italic;
		text-align: right; }
	div#content img { margin: 5px 10px; border: 1px rgb(24,14,1) solid; }
		
	div#sidebar {
		background: url('/wp-content/themes/coffee_library/images/sidebar.png') top no-repeat;
		background-color: #0a0500;
		color: #fff;
		float: right;
		padding-top: 20px; padding-bottom: 50px;
		width: 185px; 
		/*position: relative; top: -180px; */z-index: 1; }
	div#sidebar a { color: #fff; }
	div#sidebar a:visited { color: #fff; }
	div#sidebar a:hover { color: #fff; }
	div#sidebar h1, div#sidebar h2, div#sidebar h3, div#sidebar h4, div#sidebar h5, div#sidebar h6 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.0em; font-weight: normal; 
		color: #fff;
		margin: 0; }
	div#sidebar ul { list-style-type: none; margin: 5px 0 5px 10px; padding: 0; }
	div#sidebar ul li { margin-top: 5px; }
	div#sidebar ul li.page_item a { font-weight: normal; }
	div#sidebar ul li.page_item a:hover { font-weight: normal; }
	div#sidebar ul li.page_item ul li a { font-weight: bold; }
	div#sidebar ul li.page_item ul li a:hover { font-weight: bold; }
	div#sidebar ul li.page_item ul li a.main_link { font-weight: bold; }
	div#sidebar ul li.page_item a#contact_link { font-weight: bold; }
	div#sidebar ul ul ul { display: none; }

	div.eventclips_content { 
		background: #675842;
		border: 1px #000 solid; border-width: 1px 0 1px 0; }
	div.eventclips_content a { color: #fff; }
	div.eventclips_content a:hover { text-decoration: underline; }		
	div#eventclips { 
		padding: 5px 0 5px 0;
		width: 750px; 
		z-index: 2; }
	div#eventclips h1, 
	div#eventclips h2, 
	div#eventclips h3, 
	div#eventclips h4, 
	div#eventclips h5, 
	div#eventclips h6 { color: #fff; margin: 0 0 3px 0; }
	div#eventclips p { margin: 0; }
	div#eventclips .event {
		color: #fff; 
		margin-left: 5px; }
	div#eventclips .event_text { margin: 0; }
	div#eventclips #event1 { 
		border: 1px #fff solid; border-width: 0 1px 0 0;
		overflow: hidden;
		float: left; margin-right: 10px; padding: auto 5px; 
		width: 270px; }

	div#eventclips_nav { border-width: 0 0 1px 0; font-size: 0.9em; padding: 2px 5px; }
	
	
	div#footer {
		background: #3d2c17;
		margin-top: 0px;
		width: 750px; }
	div#footer hr { border-color: #fff; }
	div#footer p {
		color: #fff;
		text-align: center;
		margin-top: 5px; padding: 0; }
	div#footer a { color: #fff }
	div#footer a:hover { color: #fff; }	
	
	
	div.clear { clear: both; }