@import url('button.css');

/*
Theme Name: Newton Public Library
Theme URI: http://www.flinthillsdesign.com
Description: A custom Wordpress theme for the Newton Public Library.  Based off the Elegant Simplicity theme.
Version: 1.0
Author: Joel Gaeddert - Flint Hills Design
Author URI: http://www.flinthillsdesign.com
Tags: simple, elegant, fixed width, two columns, widgets

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

body { background: #FFFFFF; color: #333; font-size: 12px; font-family: Arial, Tahoma, Verdana; margin: 0px auto 20px; padding: 0px; }
#wrap { background: #FFFFFF; width: 960px; margin: 0px auto 0px; padding: 0px; overflow: visible; }
	
/*------------------ Hyperlinks ------------------*/
a img { border: none; }
a:focus, a:hover, a:active { outline: none }
	
/*------------------ Header ----------------------*/
#header { width: 960px; height: 120px; margin: 10px auto 0px; padding: 0px; overflow: hidden; }
#logo { float: left; margin: 0px 0px 0px 20px; }
#contactinfo { float: right; text-align: right; line-height: 10px; }
#contactinfo a:link, #contactinfo a:visited	{ color: #0076A3; text-decoration: none; }
#contactinfo a:hover { color: #0076A3; text-decoration: underline; }		
#socialmedia { height: 25px; width: 150px; float: right; margin-right:2px; clear: right;}
#socialmedia img { float: right; padding-left: 5px; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; height:18px; }	
#socialmedia a:hover img { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
#searchcatalog { float: right; clear: right; padding: 8px 0px 5px 20px; }

/* =Menu ---------------------------------------- */
#menuband { width: 100%; background: #333; height: 38px; }
#access { background: #333; margin: 0 auto; height: 38px; width: 960px; display: block; }
#access .menu-header, div.menu-menu-container { font-size: 13px; margin-left: 12px; position: relative; z-index: 99; }
#access .menu-header ul, div.menu-menu-container ul { list-style: none; margin: 0; padding: 0; }
#access .menu-header li, div.menu-menu-container li { float: left; position: relative; }
#access a { display: block; text-decoration: none; color: #aaa; padding: 0 10px; line-height: 38px; }
#access ul ul { display: none; position: absolute; top: 38px; left: 0; float: left; width: 180px; z-index: 99999; }
#access ul ul li { min-width: 180px; }
#access ul ul ul { left: 100%; top: 0; }
#access ul ul a { background: #333; height: auto; line-height: 1em; padding: 7px 10px; width: 160px; }
#access li:hover > a, #access ul ul :hover > a { color:#fff; background:#555; }
#access ul li:hover > ul { display:block; }
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { color: #fff; }
* html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color: #fff; }

/*------------------ Content ---------------------*/
#content { width: 960px; margin: 0px auto 0px; padding: 0px 0 0 0; line-height: 1.4em; }
#contentleft { float: left; width: 690px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#contentleft h1 { color: #653265; font-size: 22px; font-family: Arial, Tahoma, Verdana; font-weight: bold; margin: 2px 0px 6px 0px; padding: 0px 0px 2px 0px; line-height: 30px; }
#contentleft h1 a { color: #653265; text-decoration: none; }
#contentleft h1 a:hover { color: #653265; text-decoration: underline; }
#contentleft h2 { color: #653265; font-size: 16px; font-family: Arial, Tahoma, Verdana; font-weight: bold; margin: 0px 0px 4px 0px; padding: 0px 0px 2px 0px; }
#contentleft h3 { color: #653265; font-size: 14px; font-family: Arial, Tahoma, Verdana; font-weight: bold; margin: 0px 0px 4px 0px; padding: 0px 0px 2px 0px; }
#contentleft h4 { color: #653265; font-size: 12px; font-family: Arial, Tahoma, Verdana; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #DDDDDD; }
#contentleft h5 { color: #653265; font-size: 10px; font-family: Arial, Tahoma, Verdana; font-weight: bold; margin: 0px 0px 2px 0px; padding: 0px 0px 2px 0px; }
#contentleft h6 { color: #653265; font-size: 8px; font-family: Arial, Tahoma, Verdana; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; }	

#contentleft p + h2 { margin-top: 20px; }

#contentleft img.wp-smiley { float: none; border: none; padding: 0px; margin: 0px; }
#contentleft img.wp-wink { float: none; border: none; padding: 0px; margin: 0px; }
.sticky { background: #F7F7F7; margin: 0px; padding: 10px; border: 1px solid #E6E6E6; }
.post { margin: 10px 10px 20px 0px; padding: 10px; background: #fff; border: 1px solid #ccc; }
.postarea { margin: 0px; padding: 20px; }
.postarea p { padding: 0px 0px 6px 0px; margin: 0px; }
.postarea a, .postarea a:visited, .postcomments a, .postcomments a:visited { color: #0076A3; text-decoration: none; }
.postarea a:hover, .postcomments a:hover { color: #0076A3; text-decoration: underline; }
.postarea ol { margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px; }
.postarea ol li { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; }
.postarea ul { list-style-type: none; margin: 0px 0px 0px 5px; padding: 5px 0px 0px 0px; }
.postarea ul ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px; }
.postarea ul li { list-style-type: disc; margin: 0px 0px 4px 15px; padding: 0px 0px 0px 0px; }
.postarea ul ul li { background: url(images/arrow-content.gif) no-repeat top left; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 15px; }
blockquote { background: #F7F7F7; margin: 0px 25px 15px 25px; padding: 0px 25px 0px 10px; border: 1px solid #E6E6E6; }
#content blockquote p { margin: 0px; padding: 10px 0px 10px 0px; }
.postauthor { margin: 0px 0px 10px 0px; padding: 0px; }
.postmeta { background: #eee; font-size: 11px; text-transform: uppercase; margin: 0px; padding: 5px 10px 5px 10px; border: 1px solid #E6E6E6; }
.postmeta p { margin: 0px; padding: 0px; }
.singlepostmeta { background: none; font-size: 10px; text-transform: none; margin: 0px 0px 0px 0px; padding: 0; border-top: 1px solid #ddd; }
.singlepostmeta p { margin: 0px; padding: 0px; }
code { background: #F7F7F7; margin: 0px 25px 15px 25px; padding: 10px; display: block; font-family: Verdana, Tahoma, Verdana; border: 1px solid #E6E6E6; }
.archive { float: left; width: 320px; margin: 0px; padding: 0px 25px 20px 0px; }
.clearer { clear: both; }

/*-------------------- Slider -------------- */
.nivoSlider { margin-top: 10px !important; width:690px; }
.nivo-controlNav { left: 45% !important; }


/*------------------ Image Collage ---------------*/
#imagecollage { height: 294px; width: 690px; margin-top: 10px; overflow: auto; }
#imagecollage img { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }	
#imagecollage a:hover img { filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }	
.imagecollage1 { float: left; margin: 0px; }	
.imagecollage2 { float: left; margin-left: 10px; }
.imagecollage3 { float: left; margin-left: 10px; }	
.imagecollage4 { float: right; margin: 10px 0px 0px 10px; }	

/*------------------ News Ticker Events ----------*/
#NewsTicker { display: block; overflow: auto; height:4em;}
.LibraryNews { font-weight: bold; }
#NewsTicker #news { float: left; padding-left: 6px; width: 500px; list-style: none; height: 100px; }
#NewsTicker #news a, #NewsTicker #news a:visited { color: #0076A3; text-decoration: none; }
#NewsTicker #news a:hover { color: #0076A3; text-decoration: underline; }
#NewsTicker p { float: left; }
				
/*------------------ Quick Links -----------------*/
#quicklinkscontainer { overflow: auto; }
#ClearTicker { clear: both; }
.QuickLinks { width: 220px; float: left; margin: 0px 10px 0px 0px; padding: 0px; }
.QuickLinks li { list-style: none; }
.QuickLinks a, QuickLinks a:visited { color: #333333; text-decoration: none; margin-left: 10px; }
.QuickLinks a:hover { color: #0076A3; text-decoration: underline; }
.QuickLinks #ForYou h5, .QuickLinks #Explore h5, .QuickLinks #LibraryServices h5{ height: 24px; font-size: 16px; font-weight: 100; letter-spacing: .1em; color: #FFFFFF; margin: 0px 0px 6px 10px; padding: 6px 0px 0px 0px; }
.QuickLinks #ForYou { background: #653265; }
.QuickLinks #Explore { background: #0296A0; }
.QuickLinks #LibraryServices { background: #CF7344; }

/*------------------ Images ----------------------*/
img.centered  { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; }
img.alignnone { padding: 0px; margin: 0px 0px 10px 0px; display: inline; }
img.alignright { padding: 0px; margin: 0px 0px 10px 10px; display: inline; }
img.alignleft { padding: 0px; margin: 0px 10px 10px 0px; display: inline; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.alignright { float: right; margin: 0px 0px 10px 10px; }
.alignleft { float: left; margin: 0px 10px 10px 0px; }
.wp-caption { border: 1px solid #E6E6E6; text-align: center; background-color: #F7F7F7; padding: 4px 0px 5px 0px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0px 0px 5px 0px; padding: 0px; border: 0px; }
.wp-caption p.wp-caption-text { margin: 0px; padding: 0px 0px 0px 0px; font-size: 11px; font-weight: normal; line-height: 12px; }

/*------------------ Sidebar ---------------------*/
#sidebar { float: right; display: inline; width: 260px; margin: 0px; padding: 10px 0px 0px 0px; line-height: 20px; background: #FFFFFF; }
#sidebar a, #sidebar a:visited  { color: #653265; text-decoration: none; }
#sidebar a:hover { color: #333; text-decoration: none; }
#sidebar h2 { color: #653265; font-size: 14px; font-family: Arial, Tahoma, Verdana; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px; }	
#sidebar p { margin: 0px; padding: 0px; line-height: 20px; }
#sidebar .widget  { margin: 0px 0px 10px 0px; padding: 10px; background: #FAF1EC; }	
#sidebar ul { list-style-type: none; margin: 0px; padding: 0px; }
#sidebar ul li { list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px; }
#sidebar ul ul li a, #sidebar ul ul li a:visited { color: #0076A3; text-decoration: none; }
#sidebar ul ul li a:hover { color: #333; text-decoration: none; }
#sidebar ul ul { list-style-type: none; margin: 0px 0px 0px 10px; padding: 0px; }
#sidebar ul ul ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; }
#sidebar ul li li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#sidebar ul li ul li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#sidebar .textwidget { display: inline; margin: 0px; padding: 0px; }
#cat { background: #FFFFFF; font-family: Arial, Tahoma, Verdana; font-size: 12px; width: 230px; color: #222222; margin: 5px 0px 0px 0px; padding: 1px; display: inline; border: 1px solid #DDDDDD; }
.widget_tag_cloud { margin: 0px; padding: 0px 0px 0px 10px; }
#sidebar .readmore { text-align: right; }
#sidebar .readmore a, #sidebar .readmore a:visited { color: #0076A3; font-style: italic; font-size: 12px; }	
.post-meta-key { display: none; }
#sidebar #upcoming-events ul li { color: #333333; }
#sidebar #upcoming-events ul li ul li { color: #333333; }	

/*------------------ Footer ----------------------*/
#footerContainer { position: relative; bottom: 0; width: 100%; margin: 30px 0; padding: 0; background: url('images/FooterBorder.jpg'); background-repeat: repeat-x; }
#footer { width: 960px; color: #CCCCCC; margin: 0px auto 0px; padding: 0px 0px 10px 0px; }		
#footer p { color: #CCCCCC; font-weight: normal; margin: 0px; padding: 0px 0px 5px 0px; }
#footer a { color: #CCCCCC; text-decoration: none; }
#footer a:hover { color: #65ADC3; text-decoration: underline; }
#footer ul { list-style-type: none; margin: 0px; padding: 0px; }
#footer ul li { background: none; list-style-type: none; margin: 0px; padding: 0px; }
#footer ul ul { list-style-type: none; margin: 0px; padding: 0px; }
#footer ul li ul li { background: url(images/footerlist.gif) no-repeat top left; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 10px; }
#footer h2 { color: #65ADC3; font-family: Verdana, Tahoma, Verdana; font-size: 11px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
#footer .widget { margin: 0px; padding: 0px; }
#footer .textwidget { margin: 0px; padding: 0px 0px 5px 0px; }
.footer1 { width: 215px; float: left; margin: 0px; padding: 15px 20px 0px 20px; }
.footer2 { width: 215px; float: left; margin: 0px; padding: 15px 20px 0px 0px; }
.footer3 { width: 215px; float: left; margin: 0px; padding: 15px 20px 0px 0px; }
.footer4 { width: 215px; float: right; margin: 0px; padding: 15px 20px 0px 0px; }

/*------------------ Copyright -------------------*/
#copyright { width: 100%; margin: 0px auto 0px; padding: 0px 0px 10px 0px; font-family: Verdana, Tahoma, Verdana; font-size: 11px; text-align: center; }
.copyright { width: 750px; margin: 0px auto 0px; padding: 10px 0px 0px 0px; }
#copyright p { color: #999; margin: 0px; padding: 0px; }
#copyright a { color: #999; text-decoration: none; }
#copyright a:hover { color: #666; text-decoration: underline;}

/*------------------ Search Form -----------------*/
.postform { background: #F5F5F5; width: 240px; color: #222222; font-size: 12px; font-family: Arial, Tahoma, Verdana; margin: 5px 0px 0px 0px; padding: 1px; display: inline; border: 1px solid #DDDDDD; }
#subscribe { margin: 0px; padding: 10px 0px 5px 0px; overflow: hidden; }
#subbox { background: #F5F5F5 !important; width: 185px; color: #222222; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: normal; margin: 0px; padding: 5px 0px 5px 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; display: inline; border: 1px solid #DDDDDD; }
#subbutton { background: #333333 url(images/homelink.png); color: #FFFFFF; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; font-size: 12px; text-transform: uppercase; text-decoration: none; margin: 0px 0px 0px 5px; padding: 3px 5px 4px 5px; border: 1px solid #333333; }
#searchform { margin: 0px; }
#searchformheader { margin: 0px 0px 0px 10px;}
#s { background: #FFFFFF; width: 165px; color: #222222; font-size: 12px; font-family: Arial, Tahoma, Verdana; margin: 5px 3px 0px 0px; padding: 2px 0px 2px 3px; display: inline; border: 1px solid #E6E6E6; }
#searchsubmit { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em;  -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); font-size: 11px; padding: .2em 1em .275em; color: #FFFFFF; border: solid 1px #48244A; background: #653265; background: -webkit-gradient(linear, left top, left bottom, from(#7A357A), to(#542954)); background: -moz-linear-gradient(top,  #7A357A,  #542954); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7A357A', endColorstr='#542954'); }
#searchsubmit:hover { text-decoration: none; background: #7A357A; background: -webkit-gradient(linear, left top, left bottom, from(#7D3E7E), to(#653265)); background: -moz-linear-gradient(top,  #7D3E7E,  #653265); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7D3E7E', endColorstr='#653265'); }
#searchsubmit:active { position: relative; top: 1px; color: #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#653265), to(#48244A)); background: -moz-linear-gradient(top,  #653265,  #48244A); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#653265', endColorstr='#48244A'); }	
#submit { background: #003663; color: #FFFFFF; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; font-family: Arial, Tahoma, Verdana; font-size: 11px; font-weight: bold; text-decoration: none; margin: 0px; padding: 2px 0px 2px 0px; border: 1px solid #003663; }
.SearchResult { background:#eee; margin-top: 20px; padding: 10px; border: 1px solid #ccc; }
#author, #email, #url { background: #F7F7F7 !important; color: #222222; font-size: 12px; font-family: Arial, Tahoma, Verdana; margin: 0px; padding: 4px; border: 1px solid #E6E6E6; }
#comment { background: #F7F7F7 !important; color: #222222; font-size: 12px; font-family: Arial, Tahoma, Verdana; margin: 5px 0px 5px 0px; padding: 4px; border: 1px solid #E6E6E6; }

/*------------------ Comments --------------------*/
.postcomments { padding: 20px; }
.commentlist li ul li { font-size: 12px; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar {  background: #FFFFFF; float: right; border: 1px solid #EEEEEE; margin: 0px 5px 0px 10px; padding: 2px; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 12px; }
.commentlist p { font-weight: normal; text-transform: none; }
.commentmetadata { font-weight: normal; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0px; }
#commentform { margin: 5px 10px 0px 0px; }
#commentform textarea { width: 98%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
#commentform p { margin: 5px 0px 5px 0px; }
#commentform #submit { margin: 0px; float: left; }
.alt { margin: 0px; padding: 10px; }
.commentlist { margin: 0px; padding: 0px; }
.commentlist ol { margin: 0px; padding: 10px; }
.commentlist li { margin: 15px 0px 10px; padding: 10px 5px 10px 10px; list-style: none; }
.commentlist li ul li {  margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 0px 10px 0px; padding: 0px; }
.children { margin: 0px; padding: 0px; }
.nocomments { text-align: center; margin: 0px; padding: 0px; }
.reply a, .reply a:visited { background: #0076A3; color: #FFFFFF; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; font-family: Arial, Tahoma, Verdana; font-size: 11px; text-decoration: none; margin: 0px; padding: 2px 5px 2px 5px; border: 1px solid #0076A3; }
.reply a:hover { background: #003663; color: #FFFFFF; text-decoration: none; border: 1px solid #003663; }
.commentmetadata { font-size: 10px; margin: 0px; display: block; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
.alignright { float: right; }
.alignleft { float: left; }
.thread-alt { background: #FFFFFF; margin: 0px; padding: 0px; }
.thread-even { background: #F7F7F7; margin: 0px; padding: 0px; }
.depth-1 { border: 1px dotted #E6E6E6; margin: 0px; padding: 0px; }
.even, .alt { border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; margin: 0px; padding: 0px; }
.small { font-size:.8em; }ly a:visited { background: #0076A3; color: #FFFFFF; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; font-family: Arial, Tahoma, Verdana; font-size: 11px; text-decoration: none; margin: 0px; padding: 2px 5px 2px 5px; border: 1px solid #0076A3; }
.reply a:hover { background: #003663; color: #FFFFFF; text-decoration: none; border: 1px solid #003663; }
.commentmetadata { font-size: 10px; margin: 0px; display: block; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
.alignright { float: right; }
.alignleft { float: left; }
.thread-alt { background: #FFFFFF; margin: 0px; padding: 0px; }
.thread-even { background: #F7F7F7; margin: 0px; padding: 0px; }
.depth-1 { border: 1px dotted #E6E6E6; margin: 0px; padding: 0px; }
.even, .alt { border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; margin: 0px; padding: 0px; }
.small { font-size: .8em; }

/*------------------ BookLetters --------------------*/
.bkwidgettitle { color: #ff0000 !important; }
.bk_cnlname { display: none; }
.bkwidgetNLBFH { }