/*  
Theme Name: Lean Library
Theme URI: http://www.theleanlibrary.com/
Description: A custom theme for the Lean Library.
Version: 1.0
Author: Phil Adams
Author URI: http://www.fourbirdlabs.com/
*/



body {
	margin-top: 30px;
	font-family: Arial, sans-serif;
	font-size: 12px;
        line-height: 14px;
	color: #333333;
	background: #ddd;
	}

#container {
	width: 780px;
	margin: 10px auto;
        padding: 0 0 20px 0;
	border: 1px solid #444;
	background: #fff url(images/menu-back.jpg) top left repeat-y;
        position: relative;
	}

#header {
        float: left;
        width: 201px;
	padding: 10px 0 0 0; 
	}

#headerimg { 
	padding: 0 0 0 5px;
	}
	
#headerimg img { padding: 0; margin: 0; border: 0; }

hr { display: none; }

a { color: #00539e; }
a:hover { color: #00a160; text-decoration: none; }

p { margin: 0 0 1em 0; }	

.alignleft { float: left; }
.alignright { float: right; }

img { border: 0; }



/*** HEADINGS ***/

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	}

#content h2, #catalogcontent h2, #newscontent h2 {
	font-size: 1.8em;
        line-height: 1em;
        font-weight: normal;
        color: #00539e;
        margin-bottom: 1em;
	}
	
#content h3, #content h3 a, #newscontent h3, #newscontent h3 a {
	font-size: 14px;
	font-weight: normal;
	color: #00539e;
        margin-bottom: .5em;
	}

h3.rule {
        padding-top: 1em;
        border-top: 1px solid #00539e;
}
	
#content h4, #newscontent h4 {
	font-size: 1.25em;
	color: #000;
	font-weight: normal;
	margin-top: 1.25em;
        padding-top: .5em;
	text-transform: lowercase;
        border-top: 1px solid #00539e;
	}

h4#respond { clear: both; }





/**** MAIN CONTENT *****/

#content, #newscontent {
        float: right;
        width: 534px;
	margin: 0;
        padding: 30px 25px 20px 0;
        background: url(images/body-bg.jpg) right top no-repeat;
	}

div.singlepost {
        float: none;
        height: auto;
        width: 100%;
        margin: 0 0 0 0;
}

div#content div.post {
        float: left;
        height: 263px;
        width: 120px;
        margin: 0 10px 10px 0;
}

div#content div.news { display: none; }

span.more {
       display: block;
       height: 20px;
       line-height: 20px;
       padding: 0 0 0 24px;
       background: #eeeeee url(images/check.gif) 2px 1px no-repeat;
       border: 1px solid #000;
       border-top: 0px;
       overflow: hidden;
}


div.navigation {
        clear: both;
        margin: 20px 0px;
        border: 1px solid #444;
        background: #eeeeee;
        height: 18px;
        width: 502px;
        line-height: 18px;
        padding: 4px;
}

#content div.review iframe { float: right; width: 124px; margin: 0 0 10px 10px; }
#content div.noreview iframe { float: none; width: 124px; margin: 0 0 10px 10px; }


#content iframe#newsframe { float: none; width: 100%; margin: 0; }

#content div.highlight { 
	float: right; width: 200px; margin: 0 20px; padding: 18px 18px 8px 18px;
	background-image: url(images/light-bg.png);
	background-repeat:repeat;
}
#content div.highlight h3 {
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
#content div.highlight h3 img {
	padding-right: 4px;
}

ul.library {
        list-style: none;
        margin: 0;
        padding: 0 0 24px 12px;
        line-height: 20px;
}

ul.library li { padding: 4px 0; line-height: 18px; }

ul.library li.libRev {
        padding-left: 22px; 
        background: url(images/check.gif) left 2px no-repeat;
}

ul.library li.libNorev {
        padding-left: 22px; 
        background: url(images/nocheck.gif) left top no-repeat;
}

ul#reviews {
        padding: 0;
        margin: 1em 0 0 0;
        list-style: none;
        border-top: 3px solid #00539e;
        background: #eeeeee;
}

#reviews li {
        padding: 6px 0 4px 12px;
        border-bottom: 1px solid #cccccc;
}


#periodical-list {
	padding: 2em 0 0 14px;
	margin: 0;
	list-style: none;
}

#periodical-list li { padding-bottom: 1em; }

ul#links {
        padding: 0;
        margin: 0;
        list-style: none;
}

#links ul {
        margin: 0 0 15px 20px;
        padding: 0;
        list-style: none;
}

#links li, #links h2 {
        font-size: 14px;
	font-weight: normal;
	color: #333;
        margin: 0 0 .5em 0;
}

#links ul li {
        font-size: 12px;
	color: #333333;
        margin: 0 0 4px 0;
}

ul.browse_list, ul.wp-tag-cloud {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.browse_list li, ul.wp-tag-cloud li {
	padding-bottom: 0px;
}

.browse_link {
	font-size: 24px;
	padding-bottom: 0px;
	margin-bottom: 6px;
}
.browse_link img {
	vertical-align:middle;
}
.browse_link a {
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
.browse_link a:hover {
	text-decoration: underline;
}

ul.blogroll a { display: block; width: auto; }

/**** Google news list display ****/
div#post-21 ul { margin: 1em 0 0 20px; padding: 0; list-style: none; }

div#post-21 h3 { font-weight: normal; }

div#post-21 li { margin-bottom: 1em; font-size: 12px; font-weight: normal; color: #333; }

div#post-21 li a { margin-left: -15px; font-weight: normal; }

div#post-21 li b { font-weight: normal; }

div#post-21 li a b { font-weight: normal; }


/**** Blog aggregator page styles ****/
div.agg-item { padding: 20px 0 20px 15px; border-top: 1px solid #eee; }

div.agg-item p.sitename { margin: 0 0 0 -15px; }

div.agg-item p.sitename a { text-decoration: none; margin: 0; }

h3.itemtitle { padding-top: 2px; margin: 0 0 0 -15px; }

p.postbyline { margin: 0; padding: 0; }



/******* COMMENT STYLES ********/

textarea { width: 500px; }


/***** SIDEBAR STYLES ********/

#sidebar {
	float: left;
	width: 196px;
	margin-top: 10px;
	}

#sidebar ul {
	margin: 0 0 0 18px;
        padding: 0;
        list-style: none;
	}
#sidebar ul ul.menu {
	margin-left: 0;
}
#sidebar li#nav_menu-4 {
	margin-bottom: 36px;
}
#sidebar li { margin: 0 0 10px 0; }
#sidebar li.current_page_item { padding-left: 11px; background: url(images/active_arrow.gif) 0px 4px no-repeat; }
	
#sidebar a { color: #00539e; text-decoration: none; font-weight: bold; }
#sidebar a:hover { color: #000000; text-decoration: none; font-weight: bold; }
#sidebar li.current_page_item a { color: #00a15c; }


/***** WIDGET STYLES *******/
#sidebar .widget-title {
	font-size: 13px;
	font-weight: bold;
	text-transform:uppercase;
	color: #00539e;
	padding-bottom: 9px;
	display: block;
}
#sidebar .widget_text {
	width: 150px;
}
#sidebar .menu-separator {
	height: 1px;
	font-size: 1px;
    border-top: 1px solid #00539e;
}
#homefeatures {
	margin-top: 60px;
}
#homefeatures .widget-title {
	font-size: 16px;
	font-weight: bold;
	text-transform:uppercase;
	color: #00539e;
	padding-bottom: 9px;
	display: block;
}
#homefeatures ul.xoxo {
	margin: 0;
	padding: 0;
}
#homefeatures li.widget-container {
	display: block;
	float: left;
	width: 256px;
	padding: 0 0px 20px 0;
	margin: 0;
}
#homefeatures li#rss-3, #homefeatures li#text-5 {
	padding-right: 20px;
} 
#homefeatures li.widget-container ul {
	margin: 0;
	Padding: 0;
}
#homefeatures li.widget-container li {
	list-style: none;
	margin: 0;
	padding: 0 0 12px 0;
}
#homefeatures a {
	color: #333;
	text-decoration: none;
}
#homefeatures a:hover {
	text-decoration: underline;
}
#homefeatures .rss-date {
	font-style: italic;
}
#homefeatures #text-5, #homefeatures #text-6 {
	margin-top: -10px;
	text-transform: uppercase;
}
#homefeatures #text-5 {
	clear: left;
}
#homefeatures .widget-title a {
	color: #069;
}
#homefeatures .widget-title img {
	display: none;
}
#homefeatures #rss-3 .widget-title, #homefeatures #rss-4 .widget-title {
	padding-left: 36px;
	padding-bottom: 20px;
	padding-top: 12px;
	background-repeat: no-repeat;
	background-position: top left;
}
#homefeatures #rss-3 .widget-title {
	background-image: url(images/broadcast.png);
}
#homefeatures #rss-4 .widget-title {
	background-image: url(images/discuss.png);
}

/*** CLEAR ***/

div#clear { clear: both; }



/****** FOOTER STYLES ****/

#footer {
	font-size: 10px;
	color: #333333;
	background: #ddd;
	width: 780px;
	margin: 5px auto;
	}
	
#footer p {
        text-align: center;
	}