/*
Theme Name: Hayner Public Library
Theme URI: http://www.haynerlibrary.org/
Description: Custom them by <a href="http://www.brickst.com/">BrickStreet Creative</a>.
Version: 1.0
Author: Adam Houston
Author URI: http://www.brickst.com/
*/



/* Begin Typography & Colors */
.printonly {
	display: none;
}


/******************************* Main Layout *******************************/

body  {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url(images/mainbknd.png) repeat-x top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: rgb(128,128,128);
}

body.board  {
	background: #F9F9F9;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: rgb(128,128,128);
}

h1, h2, h3, h4, p, ul, li, dl, dd, dt {
	margin: 0;
	padding: 0;
}

#container { 
	width: 1000px;
	background: transparent;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0;
} 

#header { 
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: 180px;
	display: block;
	position: relative;
	overflow: visible;
	z-index: 30;
	background: transparent url(images/headerbknd.png) no-repeat 0 0;
} 

body.board #header { 
	height: 125px;
	background: transparent url(images/headerbknd-board.png) no-repeat 0 0;
} 

#breadcrumbnav {
	margin: 15px auto 0 auto;
	padding: 0;
	width: 840px;
	min-height: 1px;
	display: block;
	position: relative;
	overflow: visible;
	z-index: 1;
	font-size: 80%;
}


#centerArea {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	background: transparent url(images/bodybknd.png) repeat-y top center;
	overflow:auto;
}


body.board #centerArea {
	background: transparent url(images/bodybknd-board.png) repeat-y top center;
}

#centerArea2 {
	margin: 0;
	padding: 0;
	width: 1000px;
	min-height: 570px;
	background: transparent url(images/bodybkndtop.png) no-repeat top center;
	overflow:auto;
}

body.board #centerArea2 {
	min-height: 20px;
	background: transparent url(images/bodybkndtop-board.png) no-repeat top center;
}


#homepagesidecol {
	display: block;
	float: left; /* since this element is floated, a width must be given */
	width: 305px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#sidecol {
	display: block;
	float: left; /* since this element is floated, a width must be given */
	width: 305px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#main {
	float: left; /* since this element is floated, a width must be given */
	position: relative;
	width: 600px;
	margin: 15px 15px 0 40px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar div contains, the column space will remain. You can remove this margin if you want the #main div's text to fill the #homepagesidecol space when the content in #homepagesidecol ends. */
	padding: 0;
	background-color: #FFF;
}

#main.onecolumn {
	float: left; /* since this element is floated, a width must be given */
	position: relative;
	width: 840px;
	margin: 25px 0 15px 20px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar div contains, the column space will remain. You can remove this margin if you want the #main div's text to fill the #homepagesidecol space when the content in #homepagesidecol ends. */
	padding: 0;
	border: none;
	min-height: 300px;
}


#main.widecolumn {
	float: left; /* since this element is floated, a width must be given */
	position: relative;
	width: 920px;
	margin: 15px 15px 0 40px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar div contains, the column space will remain. You can remove this margin if you want the #main div's text to fill the #homepagesidecol space when the content in #homepagesidecol ends. */
	padding: 0;
	background-color: #FFF;
}




#footer { 
	margin: 0;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: transparent url(images/footerbknd.png) no-repeat top center;
	width: 1000px;
	height: 205px;
} 

body.board #footer { 
	background: transparent url(images/footerbknd-board.png) no-repeat top center;
	width: 1000px;
	height: 40px;
} 

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.reset {
	display: block;
	height: 1px;
	color: #FFF;
	border-color: #FFF;
	background-color: #FFF;
	width: 500px;
	clear: left;
}





/******************************* Styles for Main Area *******************************/


#main .box {
	display: block;
	width: 550px;
	margin: -40px 0 35px 25px;
	min-height: 530px;
	overflow: visible;
}

body.board #main .box {
	min-height: 100px;
}

#main .alert .box {
	min-height: 30px;
	margin-bottom: 0;
}

#main .boxtop {
	display: block;
	width: 600px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: transparent url(images/widecolcaps.png) no-repeat top center;
}

body.board #main .boxtop {
	background: transparent url(images/widecolcaps-board.png) no-repeat top center;
}

#main .alert .boxtop {
}

#main .boxbottom {
	display: block;
	width: 600px;
	height: 10px;
	padding: 0;
	margin: 0;
	clear: left;
	background: transparent url(images/widecolcaps.png) no-repeat bottom center;
}

body.board #main .boxbottom {
	background: transparent url(images/widecolcaps-board.png) no-repeat bottom center;
}

#main .alert .boxbottom {
	border-bottom: 15px solid rgb(234,241,196);
}

#main.widecolumn .box {
	display: block;
	width: 870px;
	margin: -40px 0 35px 25px;
	min-height: 530px;
	overflow: visible;
}

#main.widecolumn .boxtop {
	display: block;
	width: 920px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: transparent url(images/superwidecolcaps.png) no-repeat top center;
}

#main.widecolumn .boxbottom {
	display: block;
	width: 920px;
	height: 10px;
	padding: 0;
	margin: 0;
	background: transparent url(images/superwidecolcaps.png) no-repeat bottom center;
}

#main img {
	border: none;
}


#main a {
	color: rgb(243,145,97);
	text-decoration: none;
}

#main a:visited {
	color: rgb(243,145,97);
	text-decoration: none;
}

#main a:hover, #main a:visited:hover {
	color: rgb(243,145,97);
	text-decoration: none;
	cursor:pointer;
	border-bottom: 1px solid rgb(243,145,97);
}


#main h1, #main .h1 {
	display: block;
	clear: both;
	width: 550px;
	background: transparent url(images/h1bknd.png) no-repeat 0 0;
	font: 205% Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: rgb(131,131,178);
	line-height: 1.35em;
	margin: 40px 0 15px 0;
	position: relative;
	left: -15px;
	padding: 20px 15px 0 15px;
}

#main h1.cal { background: transparent url(http://www.haynerlibrary.org/wp-content/uploads/2009/11/h1bknd-cal1.png) no-repeat 0 0; }
#main h1.news { background: transparent url(http://www.haynerlibrary.org/wp-content/uploads/2009/11/h1bknd-news1.png) no-repeat 0 0; }
#main h1.star { background: transparent url(http://www.haynerlibrary.org/wp-content/uploads/2009/11/h1bknd-star1.png) no-repeat 0 0; }
#main h1.speech { background: transparent url(http://www.haynerlibrary.org/wp-content/uploads/2009/11/h1bknd-speech1.png) no-repeat 0 0; }

#main h1.cal, #main h1.news, #main h1.star, #main h1.speech { padding-left: 46px; padding-top: 21px; }

#main.widecolumn h1 {
	display: block;
	clear: both;
	width: 870px;
	background: transparent url(images/wideh1bknd.png) no-repeat 0 0;
	font: 205% Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: rgb(131,131,178);
	line-height: 1.35em;
	margin: 40px 0 15px 0;
	position: relative;
	left: -15px;
	padding: 20px 15px 0 15px;
}


#main h2, #main .h2 {
	font: 130% Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: rgb(243,145,97);
	line-height: 1.35em;
	margin: 10px 0 0 0;
}

#main h3, #main .h3 {
	font: 120% Verdana, Arial, Helvetica, sans-serif;
	color: rgb(0,85,165);
	line-height: 1.35em;
	margin: 15px 0 0 0;
}

#main h4, #main .h4 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	line-height: 1.25em;
	margin: 10px 0 0 0;
}

#main p {
	margin: .75em 0;
	line-height: 1.4em;
}

#main ul {
	margin-left: 3em;
	margin-bottom: 1.5em;
	line-height: 1.5em;
}

#main li {
	margin-top: .2em;
}

#main dl {
	line-height: 1.35em;
}

#main .divider {
	width: 100%;
	height: 1px;
	display: block;
	clear: both;
}

.floatright {
	float: right;
	margin: 5px 0 10px 15px;
}

.floatleft {
	float: left;
	margin: 10px 15px 10px 0;
}

.floatright img, .floatleft img, .caption img {
	margin: 0;
	padding: 0;
	border: 0;
}


#main .post {
	margin-bottom: 35px;
}

#main .recommended {
	display: block;
	width: 570px;
	margin-right: -20px;
}


#main .recommendedbook {
	display: block;
	float: left;
	width: 250px;
	margin: 10px 35px 0 0;
}

#main .recommendedbook img {
	display: block;
	float: left;
	width: 70px;
	margin: 5px 10px 0 0;
}


#main .booktitle {
	margin-bottom: 0;
}

#main .bookby {
	margin-top: 0;
}

#main .backto {
	margin-top: 15px;
}

#main .backto p {
	line-height: 1em;
	padding-top: 15px;
}

#main .backto a {
	color: rgb(0,147,208);
	text-decoration: none;
	border-bottom: 1px solid #666;
}

#main .backto a:hover {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid rgb(0,147,208);
	cursor:pointer;
}

#main .backto a span{
	display: block;
	float: left;
	vertical-align:baseline;
	margin-top: 4px;
	margin-right: 2px;
	width: 9px;
	height: 9px;
	background-image: url(images/backarrow-gray.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
	padding-right: 5px;
}

#main .backto a:hover span{
	display: block;
	float: left;
	vertical-align:baseline;
	width: 9px;
	height: 9px;
	background-image: url(images/backarrow-blue.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
	padding-right: 5px;
}


#main .posteddate {
	font-size: 80%;
	text-transform: uppercase;
	width: 550px;
	border-bottom: 1px solid #CCC;
	margin: 8px 0 12px 0;
	padding-bottom: 3px;
}

#main .continuereading {
	width: 250px;
	font-size: 80%;
	text-transform: uppercase;
	margin: 12px 0 0 0;
	padding-left: 15px;
	background: url(images/doublearrow.png) no-repeat 2px 3px;
}



#main dl.eventlist {
	display: block;
	width: 540px;
}

#main dl.eventlist dt {
	display: block;
	width: 55px;
	height: 55px;
	float: left;
	clear: left;
	margin: 0;
	background: transparent url(images/dateboxbknd-main.png) no-repeat 0 0;
	color: #FFF;
	font-size: 18px;
	line-height: 20px;
	padding-top: 6px;
	text-align: center;
}

#main dl.eventlist dt span {
	font-size: 16px;
	text-transform: uppercase;
}

#main dl.eventlist dd {
	display: block;
	width: 450px;
	margin: 0 2px 0 70px;
	text-align: left;
}

#main dl.eventlist dd p {
	margin: 0;
	padding: 0;
}





#main .divline, #main hr {
	display: block;
	overflow:hidden;
	height: 1px;
	background-color: rgb(205,205,205);
	color: rgb(205,205,205);
	border-color: rgb(205,205,205);
	margin: 20px 0 20px 0;
	clear: both;
}

#main .tri-one {
	display: block;
	float: left;
	width: 255px;
}

#main .tri-two {
	display: block;
	float: left;
	width: 255px;
	margin-left: 35px;
}

#main .tri-three {
	display: block;
	float: left;
	width: 255px;
	margin-left: 35px;
}

#main ul.tri-one {
	display: block;
	float: left;
	width: 220px;
	margin-left: 4em;
}

#main ul.tri-two {
	display: block;
	float: left;
	width: 240px;
	margin-left: 3em;
}

#main ul.tri-three {
	display: block;
	float: left;
	width: 170px;
	margin-left: 3em;
}


#main ul.multicol, #main ul.multicol ul, #main ul.multicol ul ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
}

#main ul.multicol {
	margin-top: 20px;
}

#main ul.multicol li {
     display: block;
     float:left;
     width: 250px;
     margin: 0 25px 15px 0;
     padding: 0;
}

#main ul.multicol li ul li {
     margin: 0;
     padding: 0;
     font-size: 85%;
}


#main ul.threecol, #main ul.threecol ul, #main ul.threecol ul ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
}

#main ul.threecol {
	margin-top: 20px;
}

#main ul.threecol li {
     display: block;
     float:left;
     width: 155px;
     margin: 0 25px 15px 0;
     padding: 0;
}

#main ul.threecol li ul li {
     margin: 0;
     padding: 0;
     font-size: 85%;
}

#main ul.services li ul li {
     font-size: 100%;
}


body.board #main .post {
	display: block;
	margin-top: 60px;
}

/******************************* Styles for HOME PAGE Sidebar *******************************/



#homepagesidecol .box {
	display: block;
	width: 285px;
	float: left;
	padding: 0 10px;
	background-color: #FFF;
}

#homepagesidecol .boxtop {
	display: block;
	width: 305px;
	height: 10px;
	padding: 0;
	margin: 15px 0 0 0;
	float: left;
	background: transparent url(images/thincolcaps.png) no-repeat top center;
}

#homepagesidecol .boxbottom {
	display: block;
	width: 305px;
	height: 10px;
	padding: 0;
	margin: 0;
	float: left;
	background: transparent url(images/thincolcaps.png) no-repeat bottom center;
}


#homepagesidecol h1, #homepagesidecol h2, #homepagesidecol h3, #homepagesidecol h4, #homepagesidecol p, #homepagesidecol ul {
 margin-left: 15px;
 color: #666;
}

#homepagesidecol .indent h1, #homepagesidecol .indent h2, #homepagesidecol .indent h3, #homepagesidecol .indent h4, #homepagesidecol .indent p, #homepagesidecol .indent ul {
 margin-left: 8px;
}


#homepagesidecol .divline {
	display: block;
	overflow:hidden;
	height: 1px;
	background-color: rgb(205,205,205);
	margin: 20px 0 20px 0;
	clear: both;
}


#homepagesidecol h2.latestnews {
	text-indent: -9009px;
	background: url(images/text-latestnews.gif);
	display: block;
	overflow: hidden;
	width: 250px;
	height: 25px;
	margin: 25px 0 0 0;
	padding:0;
}

#homepagesidecol h2.spotlight {
	text-indent: -9009px;
	background: url(images/text-spotlight.gif);
	display: block;
	overflow: hidden;
	width: 250px;
	height: 25px;
	margin: 25px 0 0 0;
	padding:0;
}

#homepagesidecol img {
	border: none;
	margin: 0;
	padding: 0;
}

#homepagesidecol h1, #homepagesidecol h2, #homepagesidecol h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#homepagesidecol a {
	color: rgb(243,145,97);
	text-decoration: none;
}

#homepagesidecol a:visited {
	color: rgb(243,145,97);
	text-decoration: none;
}

#homepagesidecol a:hover, #homepagesidecol a:visited:hover {
	color: rgb(243,145,97);
	text-decoration: none;
	cursor:pointer;
	border-bottom: 1px solid rgb(243,145,97);
}

a.pdflink,
a.pdflink:visited,
a.pdflink:hover,
a.pdflink:visited:hover {
	background: transparent url(images/icons/icon_pdf.gif) no-repeat 0 0;
	padding-left: 22px;
	border: 0px;
}

a.pdflink:hover, a.pdflink:visited:hover {
	text-decoration: underline;
}


#homepagesidecol h1 {
	font: 140% Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: rgb(0,147,208);

	line-height: 1.35em;
	margin-top: .75em;
	margin-bottom: .5em;
}

#homepagesidecol h2 {
	font: 120% Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: rgb(0,147,208);
	line-height: 1.35em;
	margin: 3.5em 0 0 0;
}

#homepagesidecol h3 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: rgb(0,147,208);
	line-height: 1.25em;
	margin-top: 1.5em;
}

#homepagesidecol p {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: .5em 0;
	line-height: 1.5em;
}


#homepagesidecol ul {
	margin-left: 2.5em;
	line-height: 1em;
}

#homepagesidecol li {
	margin-top: .5em;
}

#homepagesidecol .divider {
	width: 100%;
	height: 1px;
	display: block;
	clear: both;
}


#homepagesidecol p.caption {
	margin: 0;
	line-height: 1.25em;
	font-size: 85%;
	font-style: italic;
	text-align: center;
	color: #666;
}


#homepagesidecol dl.latestnews {
	display: block;
	margin: 0 0 50px 0;
}

#homepagesidecol dl.latestnews dt {
	display: block;
	width: 230px;
	margin: 15px 0 0 10px;
	font-weight: bold;
	font-size: 75%;
	text-transform: uppercase;
}

#homepagesidecol dl.latestnews dd {
	display: block;
	width: 210px;
	margin: 0 0 0 20px;
	text-align: left;
}

#homepagesidecol dl.latestnews dd span {
	line-height: 14px;
	font-size: 90%;
	text-transform: uppercase;
}

#homepagesidecol dl.latestnews dd p {
	font-size: 10px;
	line-height: 14px;
	color: #666;
	margin: 0;
	padding: 0;
}


#homepagesidecol .spotlight {
	display: block;
	padding: 0;
	margin: 10px 0 0 0;
}

#homepagesidecol .spotlight p {
	margin-left: 10px;
}


#homepagesidecol a.spotlight,
#homepagesidecol a.spotlight:visited,
#homepagesidecol a.spotlight:active,
#homepagesidecol a.spotlight:hover,
#homepagesidecol a.spotlight:visited:hover
{ background: #FFF; border: none; outline: none; }



#homepagesidecol iframe {
	display: block;
	width: 275px;
	height: 205px;
	border: none;
	margin: 5px auto 0 auto;
}

#homepagesidecol a.pearl,
#homepagesidecol a.pearl:visited,
#homepagesidecol a.pearl:hover,
#homepagesidecol a.pearl:visited:hover {
	display: block;
	position: relative;
	width: 285px;
	height: 200px;
	background: #FFF url(images/pearl.jpg) no-repeat top center;
	border: none;
}

#homepagesidecol a.pearl:hover,
#homepagesidecol a.pearl:visited:hover {
	background-position: bottom center;
}

#homepagesidecol a.pearl .month {
	position: absolute;
	top: 18px;
	right: 10px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: rgb(131,131,178);
}

#homepagesidecol a.pearl .books {
	display: block;
	width: 190px;
	height: 135px;
	position: absolute;
	top: 46px;
	right: 9px;
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFF;
	overflow: hidden;
}

#homepagesidecol a.pearl .booktitle {
	display: block;
	font-style: italic;
	margin: 5px 0 0 0;
}

#homepagesidecol a.pearl .bookby {
	display: block;
	font-size: 85%;
}

#homepagesidecol a.sidebutton, #homepagesidecol a.sidebutton:visited {
	display: block;
	text-indent: -9009px;
	overflow: hidden;
	float: left;
	width: 145px;
	height: 95px;
	border: none;
	margin-top: 15px;
}

#homepagesidecol a.sidebuttonwide, #homepagesidecol a.sidebuttonwide:visited {
	display: block;
	text-indent: -9009px;
	overflow: hidden;
	float: left;
	width: 305px;
	height: 95px;
	border: none;
	margin-top: 15px;
}


#homepagesidecol a.sidebutton:hover, #homepagesidecol a.sidebutton:visited:hover, #homepagesidecol a.sidebuttonwide:hover, #homepagesidecol a.sidebuttonwide:visited:hover {
	border: none;
}

#homepagesidecol .newsletter {
	background: url(images/button-newsletter.png);
}

#homepagesidecol .newsletter {
	background: url(images/button-bid.png);
}

#homepagesidecol .askalibrarian {
	background: url(images/button-askalibrarian.png);
	margin-right: 15px;
}

#homepagesidecol .reserveacomputer {
	background: url(images/button-reserveacomputer.png);
}

#homepagesidecol .epay {
	background: url(images/button-epay.png);
	margin-right: 15px;
}

#homepagesidecol .smarthinking {
	background: url(images/button-smarthinking.png);
}

#homepagesidecol .nextgen {
	background: url(images/button-nextgen.png);
	margin-right: 15px;
}

#homepagesidecol .booklist {
	background: url(images/button-booklist.png);
}


#homepagesidecol .viewnewsletter {
	background: url(http://www.haynerlibrary.org/wp-content/uploads/2009/11/viewnewsletter.png);
	height: 50px !important;
}



/******************************* Styles for Other Sidebars *******************************/



#sidecol .box {
	display: block;
	width: 285px;
	float: left;
	padding: 0 10px;
	background-color: #FFF;
}

#sidecol .boxtop {
	display: block;
	text-indent: -9009px;
	overflow: hidden;
	width: 305px;
	height: 10px;
	padding: 0;
	margin: 15px 0 0 0;
	float: left;
	background: transparent url(images/thincolcaps.png) no-repeat top center;
}

body.board #sidecol .boxtop {
	background: transparent url(images/thincolcaps-board.png) no-repeat top center;
}

#sidecol .boxbottom {
	display: block;
	text-indent: -9009px;
	overflow: hidden;
	width: 305px;
	height: 10px;
	padding: 0;
	margin: 0;
	float: left;
	background: transparent url(images/thincolcaps.png) no-repeat bottom center;
}

body.board #sidecol .boxbottom {
	background: transparent url(images/thincolcaps-board.png) no-repeat bottom center;
}


#sidecol h1, #sidecol h2, #sidecol h3, #sidecol h4, #sidecol p, #sidecol ul {
 margin-left: 15px;
 color: #666;
}

#sidecol .indent h1, #sidecol .indent h2, #sidecol .indent h3, #sidecol .indent h4, #sidecol .indent p, #sidecol .indent ul {
 margin-left: 8px;
}


#sidecol .divline {
	display: block;
	overflow:hidden;
	height: 1px;
	background-color: rgb(205,205,205);
	margin: 20px 0 20px 0;
	clear: both;
}

/*
#sidecol a {
	color: rgb(243,145,97);
	text-decoration: none;
}

#sidecol a:visited {
	color: rgb(243,145,97);
	text-decoration: none;
}

#sidecol a:hover, #sidecol a:visited:hover {
	color: rgb(243,145,97);
	text-decoration: none;
	cursor:pointer;
	border-bottom: 1px solid rgb(243,145,97);
}

#sidecol a.img:hover, #sidecol a.img:visited:hover {
	border-bottom: none;
}

*/

#sidecol img {
	border: none;
	margin: 0;
	padding: 0;
}

#sidecol h1, #sidecol h2, #sidecol h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



#sidecol h1 {
	font: 140% Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: rgb(0,147,208);

	line-height: 1.35em;
	margin-top: .75em;
	margin-bottom: .5em;
}

#sidecol h2 {
	font: 120% Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: rgb(0,147,208);
	line-height: 1.35em;
	margin: 0 0 .5em 0;
}


#sidecol h3 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: rgb(0,147,208);
	line-height: 1.25em;
	margin-top: 1.5em;
}



#sidecol p {
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	margin: .5em 0;
	line-height: 1.5em;
}

#sidecol ul {
	margin-left: 2.5em;
	line-height: 1em;
}

#sidecol li {
	margin-top: .5em;
}

#sidecol .divider {
	width: 100%;
	height: 1px;
	display: block;
	clear: both;
}


#sidecol p.caption {
	margin: 0;
	line-height: 1.25em;
	font-size: 85%;
	font-style: italic;
	text-align: center;
	color: #666;
}



#sidecol a.sidebutton, #sidecol a.sidebutton:visited {
	display: block;
	text-indent: -9009px;
	overflow: hidden;
	float: left;
	width: 145px;
	height: 95px;
	border: none;
	margin-top: 15px;
}

#sidecol a.sidebutton:hover, #sidecol a.sidebutton:visited:hover {
	border: none;
}



#sidecol ul.linklist {
	display:block;
	width:285px;
    margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 100;
	border-top: 1px solid rgb(205,205,205);
}

#sidecol ul.linklist li {
	list-style: none;
	margin: 0;
	padding: 0;
	display:block;
}
	
#sidecol ul.linklist li a {
	display: block;
	width: 285px;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	outline: none;
	border: none;
	border-bottom: 1px solid rgb(205,205,205); /* 234,241,196 */
	min-height:1.5em;
	text-decoration: none;
	margin: 0;
	padding: .25em 0;
	color: rgb(0,85,165);
}

#sidecol ul.linklist li a:hover, #sidecol ul.linklist li a:visited:hover {
	text-decoration: none;
	color: rgb(0,147,208);
	outline: none;
	border: none;
	border-bottom: 1px solid rgb(205,205,205);
}


body.board #sidecol .box {
	display: block;
	min-height: 100px;
}

body.board #sidecol .box p {
	margin-left: 15px;
}


#sidecol ul.eventlist {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
}

#sidecol ul.eventlist li {
	list-style-type: none;
	margin: 5px 0 8px 0;
	padding: 0;
}

#sidecol ul.eventlist .eventdate {
	font-size: 75%;
	margin-left: 3px;
	text-transform: uppercase;
}

#sidecol ul.eventlist a {
	color: rgb(243,145,97);
	text-decoration: none;
}

#sidecol ul.eventlist a:visited {
	color: rgb(243,145,97);
	text-decoration: none;
}

#sidecol ul.eventlist a:hover, #sidecol ul.eventlist a:visited:hover {
	color: rgb(243,145,97);
	text-decoration: none;
	cursor:pointer;
	border-bottom: 1px solid rgb(243,145,97);
}

/******************************* Styles for Footer *******************************/


#footer .footernav { 
	width: 950px;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 23px;
}

#footer .footernav a, #footer .footernav a:visited {
	color: rgb(0,85,165);
	text-decoration: none;
	border: none;
	margin: 0 5px;
}

#footer .footernav a:hover, #footer .footernav a:visited:hover {
	text-decoration: none;
	color: rgb(0,147,208);
	border-bottom: 1px solid rgb(0,147,208);
}



#footer .addresses h2 {
	font: 120% Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: rgb(243,145,97);
	text-transform: uppercase;
	margin: .5em 0 .25em 0;
}

#footer .addresses p {
	color: rgb(128,128,128);
}




#footer .col1 {
	display: block;
	text-align: center;
	width: 350px; /* was 260 */
	float: left;
	padding: 0;
	margin: 30px 40px 0 110px;
}

#footer .col2 {
	display: block;
	text-align: center;
	width: 350px;
	float: left;
	padding: 0;
	margin: 30px 0 0 0;
}

#footer .col3 {
	display: block;
	text-align: center;
	width: 260px;
	float: left;
	padding: 0;
	margin: 30px 0 0 0;
}


/*************************** Styles for Search Box *****************************/



#searcharea {
	position: absolute;
	top:50px;
	right:25px;
    width:600px;
	height:60px;
	display:block;
    margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 100;
}


#searcharea .caplt {
    width:10px;
	height:60px;
	display:block;
	float:right;
	background: transparent url(images/searchareacaps.png) no-repeat top left;
    margin: 0;
	padding: 0;
}

#searcharea .caprt {
    width:10px;
	height:60px;
	display:block;
	float:right;
	background: transparent url(images/searchareacaps.png) no-repeat top right;
    margin: 0;
	padding: 0;
}

#searcharea .mainsearch {
    width: 365px;
	height:60px;
	display:block;
	float:right;
	position: relative;
	background: rgb(255,232,206);
    margin: 0;
	padding: 5px 0 0 0;
}

#searcharea .mainsearch label.labels {
	border-left: 1px solid rgb(243,145,97);
	color: rgb(128,128,128);
	margin: 0 3px 0 0;
	padding: 0 0 0 8px;
}

#searcharea .mainsearch label.selected {
	color: rgb(243,145,97);
}

#searcharea .mainsearch label#firstlabel {
	border-left: 0px;
	padding-left: 1px;
}

#searcharea .mainsearch label.labels:hover {
	color: rgb(243,145,97);
	cursor: pointer;
}

#searcharea .mainsearch label.labels input {
	position: absolute;
	left: -9999px;
}

#searcharea .mainsearch input.searchtext {
	display: block;
	float: left;
	position: relative;
	font-size: 100%;
	width: 285px;
	height: 20px;
	color: rgb(243,145,97);
	background: #FFF;
	border: none;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}

#searcharea .mainsearch .searchicon {
	text-indent: -9009px;
	background: transparent url(images/searchcap-left.png) no-repeat 0 0;
	overflow: hidden;
	display: block;
	width: 25px;
	height: 25px;
	margin: 5px 0 0 0;
	padding: 0;
	float: left;
}

#searcharea .mainsearch input#submit {
	text-indent: -9009px;
	display: block;
	overflow: hidden;
	float: right;
	width: 50px;
	height: 25px;
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;
}

#searcharea .mainsearch input#submit:hover {
	cursor: pointer;
}

/******************************* Styles for Pearl's Picks *******************************/

#main h1.pearlheader {
	display: block;
	clear: both;
	width: 550px;
	height: 50px;
	overflow: hidden;
	background: transparent url(images/pearlheader.jpg) no-repeat 0 0;
	font: 205% Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #FFF;
	line-height: 1.35em;
	margin: 40px 0 0 0;
	position: relative;
	left: -15px;
	padding: 100px 0 0 130px;
}


#sec_listings .bookinfo, #sec_listings .recordlinks {
	display: none;
}


#sec_listings .bookname {
	color: #FFF;
	line-height: 0;
}

#sec_listings .Title {
	font: 130% Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: rgb(243,145,97);
	line-height: 1.35em;
	margin: 10px 0 0 0;
}

#sec_listings .Author {
	display: block;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: rgb(128,128,128);
	line-height: 1.35em;
	margin: 0;
}

#sec_listings .bookdescription {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 35px;
	border-bottom: 1px solid rgb(205,205,205);
}


#sec_listings .bookpicture {
	float: left;
	margin: 5px 15px 10px 0;
	border: 1px solid rgb(205,205,205);
}

/******************************* Styles for Site Map *******************************/


#main #sitemap ul {
	list-style: none;
	margin: 0;
}

#main #sitemap ul li.category {
	margin: 25px 0;
}

#main #sitemap ul li.category ul {
	margin: 0;
}

#main #sitemap ul li.category ul li {
	list-style: none;
	margin-left: 15px;
	padding-left: 15px;
	font-size: 85%;
	background: transparent url(images/nav/navarrow.gif) no-repeat 0 5px;
	z-index: 500;
}

#main #sitemap ul li.category a.category, #main #sitemap ul li.category a.category:visited {
	color: rgb(0,147,208);
}

#main #sitemap ul li.category a.category:hover, #main #sitemap ul li.category a.category:visited:hover {
	color: rgb(0,147,208);
}



/******************************* Styles for Navigation *******************************/



	#mainnav {
	  position: absolute;
	  top:125px;
	  left:25px;
      width:950px;
	  height:40px;
	  display:block;
      margin: 0;
	  padding: 0;
	  overflow: hidden;
	  z-index: 100;
      }


	#mainnav ul, #mainnav li {
		list-style: none;
		margin: 0;
		padding: 0;
		display:block;
		float:left;
	}
	
	#mainnav li a {
		display: block;
		position: relative;
		top: 0;
		outline: none;
		border: none;
		text-decoration: none;
		text-indent: -9009px;
		margin: 0;
		padding: 0;
		height: 40px;
		background: transparent url(images/nav-new2.png) no-repeat;
	}

	#mainnav li#nav-home a { width: 48px; background-position: 0 0; }
	#mainnav li#nav-home a:hover, #mainnav li#nav-home.selected a { background-position: 0 -80px; }
	#mainnav li#nav-home.default a { background-position: 0 -40px; }
	
	#mainnav li#nav-services a { width: 137px; background-position: -48px 0; }
	#mainnav li#nav-services a:hover, #mainnav li#nav-services.selected a { background-position: -48px -80px; }
	#mainnav li#nav-services.default a { background-position: -48px -40px; }
	
	#mainnav li#nav-resources a { width: 176px; background-position: -185px 0; }
	#mainnav li#nav-resources a:hover, #mainnav li#nav-resources.selected a { background-position: -185px -80px; }
	#mainnav li#nav-resources.default a { background-position: -185px -40px; }
	
	#mainnav li#nav-events a { width: 177px; background-position: -361px 0; }
	#mainnav li#nav-events a:hover, #mainnav li#nav-events.selected a { background-position: -361px -80px; }
	#mainnav li#nav-events.default a { background-position: -361px -40px; }
	
	#mainnav li#nav-kids a { width: 136px; background-position: -538px 0; }
	#mainnav li#nav-kids a:hover, #mainnav li#nav-kids.selected a { background-position: -538px -80px; }
	#mainnav li#nav-kids.default a { background-position: -538px -40px; }
	
	#mainnav li#nav-teens a { width: 131px; background-position: -674px 0; }
	#mainnav li#nav-teens a:hover, #mainnav li#nav-teens.selected a { background-position: -674px -80px; }
	#mainnav li#nav-teens.default a { background-position: -674px -40px; }
	
	#mainnav li#nav-news a { width: 145px; background-position: -805px 0; }
	#mainnav li#nav-news a:hover, #mainnav li#nav-news.selected a { background-position: -805px -80px; }
	#mainnav li#nav-news.default a { background-position: -805px -40px; }

	
	




  /* ######### Style for Top Nav ######### */



#topnav {
	position: absolute;
	top:20px;
	right:25px;
    width:600px;
	height:30px;
	display:block;
    margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 100;
}

#topnav li {
	list-style: none;
	margin: 0;
	padding: 0;
	display:block;
	float:right;
}
	
#topnav li a {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	top: 0;
	outline: none;
	border: none;
	text-decoration: none;
	margin: 0 0 0 20px;
	padding: 0;
	color: rgb(0,85,165);
}

#topnav li a:hover, #topnav li a:visited:hover {
	text-decoration: none;
	color: rgb(0,147,208);
	border-bottom: 1px solid rgb(0,147,208);
}


  /* ######### Style for Sub Nav ######### */

#sidecol h2.submenuhead {
}

#sidecol ul.subnav {
	display:block;
	width:285px;
    margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 100;
	border-top: 1px solid rgb(205,205,205);
}

#sidecol ul.subnav li {
	list-style: none;
	margin: 0;
	padding: 0;
	display:block;
}
	
#sidecol ul.subnav li a {
	display: block;
	width: 285px;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	outline: none;
	border: none;
	border-bottom: 1px solid rgb(205,205,205); /* 234,241,196 */
	height:1.5em;
	text-decoration: none;
	margin: 0;
	padding: .25em 0;
	color: rgb(0,85,165);
}

#sidecol ul.subnav li a:hover, #sidecol ul.subnav li a:visited:hover {
	text-decoration: none;
	color: rgb(0,147,208);
	outline: none;
	border: none;
	border-bottom: 1px solid rgb(205,205,205);
}




 /************************** Style for Contact Forms **************************/


#contact-area {
	width: 490px;
	margin-top: 25px;
	color: #666;
	display: block;
}

#contact-area input, #contact-area textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
	padding: 5px;
	width: 378px;
	margin: 0px 0px 10px 0px;
	border: 1px solid rgb(180,180,180);
	/* I added the following */
	display: block;
	float: left;
}

#contact-area select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
	padding: 5px;
	width: 430px;
	margin: 0px 0px 10px 0px;
	border: 1px solid rgb(180,180,180);
	/* I added the following */
	display: block;
	float: left;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid rgb(0,147,208);
}

#contact-area input#submit-button {
	width: 100px;
	float: right;
	text-transform: uppercase;
	background: rgb(180,180,180);
	color: #FFF;
}

#contact-area input#submit-button:focus, #contact-area input#submit-button:hover {
	border: 1px solid rgb(0,147,208);
	background: rgb(0,147,208);
	cursor: pointer;
}

#contact-area label {
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 90px;
	padding-top: 5px;
	/* I added the following */
	font-size: 12px;
	display: block;
}
#contact-area label.state {
	width: 55px;
}

#contact-area label.zip {
	width: 30px;
}

#contact-area input#name, #contact-area input#email, #contact-area input#company, #contact-area input#city {
	width: 151px;
}

#contact-area input#phone, #contact-area input#fax {
	width: 115px;
}

#contact-area input#state {
	width: 25px;
}

#contact-area input#zip {
	width: 73px;
}

#contact-area input#checkbox {
	width: 15px;
	height: 15px;
}

#contact-area input#required, #contact-area input#event {
	display:none;
}

#contact-area .divider {
	width: 490px;
	height: 1px;
	display: block;
	clear: both;
}

#contact-area #footnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 2.5em;
	display: block;
	float: left;
	margin-left: 110px;
}

#contact-area .indented {
	margin-left: 100px;
}

#contact-area input.error, textarea.error {
	background-color: rgb(255,240,215); /* was rgb(255,240,215) */ /* was rgb(251,247,192) */
}

#contact-area #errormsg  {
	margin-left: 100px;
}

#contact-area #errormsg li {
	text-align: left;
	list-style-type: none;
}




     /****************** Style for tables
	 
table a,
table a:link,
table a:visited {
	border:none;
}							
	
img {
	border:0;
	margin-top:.25em;
}	
	
table {
	width:90%;
	border-top:1px solid rgb(208,228,245);
	border-right:1px solid rgb(208,228,245);
	margin:1em auto;
	border-collapse:collapse;
}

tr.odd td, th	{
	background: rgb(230,243,255);
}

tr.odd .column1	{

}	

.column1	{
	font-weight: bold;
}

td {
	color: #666;
	border-bottom:1px solid rgb(208,228,245);
	border-left:1px solid rgb(208,228,245);
	padding:.3em 1em;
	text-align:left;
	vertical-align: top;
}				

th {
	font-weight: normal;
	color: rgb(208,228,245);
	text-align:left;
	border-bottom: 1px solid rgb(208,228,245);
	border-left:1px solid rgb(208,228,245);
	padding:.3em 1em;
	font-size: 115%;
}						

table.plain {
	border: none;
	width:100%;
	margin:1em auto;
	border-collapse:collapse;
}

table.plain .boldcolumn {

	font-weight: bold;
}

table.plain td {
	color: #666;
	border: none;
	padding: 0;
	text-align:left;
	vertical-align: top;
}				

table.plain th {
	font-weight: normal;
	color: rgb(208,228,245);
	text-align:left;
	border-bottom: 1px solid rgb(208,228,245);
	padding: .5em 0;
	font-size: 115%;
}		

table.plain tr {
	background-color: #FFFFFF;
}

table a, table.plain a {
	color: rgb(0,147,208);
	text-decoration: none;
	border-bottom: 1px solid rgb(0,147,208);
}

table a:hover, table.plain a:hover {
	color: rgb(0,147,208);
	text-decoration: none;
	border-bottom: 1px solid rgb(0,147,208);
}

table a:visited, table.plain a:visited {
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid rgb(0,147,208);
}

table a:visited:hover, table.plain a visited:hover {
	color: rgb(0,147,208);
	text-decoration: none;
	border-bottom: 1px solid rgb(0,147,208);
}

 *****************/


     /****************** Style for WordPress-generated classes and IDs *****************/

.alignright {
	display: block;
	float: right;
	margin-left: 10px;
}

.alignleft {
	display: block;
	float: left;
	margin-right: 10px;
}



#main a.more-link {
	display: block;
	float: left;
	width: 250px;
	font-size: 80%;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 0 15px;
	background: url(images/doublearrow.png) no-repeat 2px 3px;
}

#main a.more-link:hover {
	border: none;
	text-decoration: underline;
}





/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: none;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin-bottom: 10px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font: 100% Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 1.4em;
	padding: 0 5px 2px;
	margin: 0;
}
/* End captions */



     /****************** Style for misc *****************/
	 
/*
body.kidspage .headerbox {
display: block;
width: 230px;
height: 40px;
position: absolute;
top: 45px;
left: 277px;
background: transparent url(images/kids-space-logo.gif) no-repeat 0 0;
}
*/
	 
#main .homeevents ul, #main .homeevents li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/*
#main .homeevents li {
     display: block;
     float:left;
     width: 170px;
     margin: 0 10px 5px 0;
     padding: 0;
}
*/
	 
#main .ec3_iconlet {
	border: 0;
	display: block;
	float: left;
/*	clear: left; */
	margin: 0 12px 10px 0;
	padding: 0 0 7px 0;
	background: transparent url(images/dateboxbknd-main.png) no-repeat 0 0;
	color: #FFF;
	text-align: center;
}

#main .ec3_multi_iconlet {
	border: 0;
	display: block;
	float: left;
/*	clear: left; */
	margin: 0 12px 10px 0;
	padding: 0 0 7px 0;
	background: transparent url(images/dateboxbknd-wide.png) no-repeat 0 0;
	color: #FFF;
	text-align: center;
}

#main .ec3_month {
	display: block;
	width: 55px;
	font-size: 12px;
	line-height: 1em;
	margin-top: 5px;
	text-transform: uppercase;
}

#main .ec3_day {
	display: block;
	width: 55px;
	line-height: 1em;
	font-weight: bold;
	font-size: 18px;
	margin-top: 1px;
}

#main .ec3_time {
	display: block;
	width: 55px;
	line-height: 1em;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 3px;
}

#main .ec3_multi_month {
	display: block;
	width: 80px;
	font-size: 12px;
	line-height: 1em;
	margin-top: 5px;
	text-transform: uppercase;
}

#main .ec3_multi_month_start {
	margin-right: 8px;
}

#main .ec3_multi_day {
	display: block;
	width: 80px;
	line-height: 1em;
	font-weight: bold;
	font-size: 18px;
	margin-top: 1px;
}

#main .ec3_multi_time {
	display: block;
	width: 80px;
	line-height: 1em;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 3px;
}
	 
body.board #header h1 {
	font: 250% Georgia, "Times New Roman", Times, serif;
	line-height: 1em;
	color: rgb(0,85,165);
	text-align: right;
	float: right;
	display: block;
	width: 700px;
	margin: 50px 45px 0 0;
}
	 

.larger h1, .larger h2, .larger h3, .larger h4, .larger p {
	font-size: 110%;
}

.smaller {
	font-size: 85%;
}

.homelink {
	display: block;
	background: url(images/mainlogo.gif) no-repeat;
	position: absolute;
	width: 150px;
	height: 95px;
	top: 15px;
	left: 50px;
	z-index: 500;
	cursor: pointer;
}



a.homelink,
a.homelink:visited
{ 
	border: 0;
	text-decoration: none;
	cursor: pointer;
}


sup {
	font-size: 65%;
	line-height: 0;
}

.readmore {
	font-size: 85%;
	text-transform: uppercase;
}

.siteby a, .siteby a:visited {
	display: block;
	text-indent: -9009px;
	width: 1000px;
	height: 25px;
	border: none;
	text-decoration: none;
	overflow: hidden;
	margin: -10px auto 10px auto;
	padding: 0;
	background: transparent url(images/siteby.gif) no-repeat center top;
	z-index: 50;
}

.siteby a:hover, .siteby a:visited:hover {
	border: none;
	text-decoration: none;
	background: transparent url(images/siteby.gif) no-repeat center bottom;
}

.crumb {
	padding: 0 5px 0 0;
	line-height: 1.75em;
	vertical-align: top;
}

.crumb a, .crumb a:visited {
	color: #666;
	text-decoration: none;
	border-bottom: none;
}

.crumb a:hover, .crumb a:visited:hover {
	color: rgb(0,147,208);
	text-decoration: none;
	border-bottom: 1px solid rgb(0,147,208);
}

.crumbsepimage {
	padding: 0 8px 0 0;
}

img#wpstats{width:0px;height:0px;overflow:hidden}