/*  
Theme Name: Lewiston Public Library 2010
Theme URI: 
Description: 
Author: T.H. Creations, Inc. &&  Jake Paris
Author URI: http://www.thcreations.com ||  http://jmc-creative.com

	Lewiston Public Library

*/

@import url("user_added_styles.css");

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words
:link,:visited { text-decoration:none } */

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; font-weight:normal; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */


html, body {
  font-size:100%;
  font-family: Arial, Verdana, sans-serif;
  padding: 0;
  margin:0;
  text-align:center;
}

body {
  background:#D8D7EC url(im/main-bkg.gif) repeat-x;
}

#wrapper {
  width:95%;
  max-width:900px;
  margin:0 auto;
  border:1px solid #43426D;
  border-top:none;
  text-align:left;
}

*html #wrapper {
  width:750px;
}

#wrapper .inside {
  width:745px;
}

#home #wrapper {
  width:750px;
}

/* HEADER */

#header {
  background:#514775;
  text-align:left;
  background:transparent url(im/header-bkg.gif) repeat-x;
  height:112px;
  position:relative;
}

#header a#title {
  display:block;
  background:transparent url(im/logo.gif) no-repeat;
  position:absolute;
  width:244px;
  height:66px;
  top:24px;
  left:14px;
}

#header a#title span {
  position:absolute;
  left:-2000px;
}

#header #searchbox {
  position:absolute;
  text-align:right;
  right:14px;
  top:14px;
  font-size:.85em;
}

#header #searchbox #searchform {
  height:61px; 
  font-size:1.3em;
}

#header #searchbox label {
  color:#32315A;
  font-weight:bold;
}

#header #searchbox #s {
  margin-top:13px;
}

#header #howdoiform {
  margin-top:-10px;
  padding:0;
}

/* MAIN NAV */

#nav {
  background:#6E6AA7 url(im/menu-bkg.gif) repeat-x;
  border-bottom:1px solid #5B5895;
}

#nav ul {
  list-style-type:none;
  padding:0;
  margin:0;
  float:left;
}

#nav ul li {
  float:left;
  padding-right:1px;
  background:transparent url(im/menu-div.gif) no-repeat 100% 0;
}

#nav ul li a:link, #nav ul li a:visited {
  font-family:Trebuchet MS, Verdana, Arial, Sans-serif;
  display:block;
  color:#FFF;
  font-size:1em;
  padding:6px 8px 6px 8px;
  background:#6E6AA7 url(im/menu-bkg.gif) repeat-x;
  font-weight:bold;
  text-decoration:none;
}

#nav ul li a:hover {
  color:#FFF;
  background:#5A5796 url(im/menu-state.gif) repeat-x;
}

#nav ul li.current_page_item a:link, #nav ul li.current_page_item a:visited {
  color:#FFF;
  background:#5A5796 url(im/menu-state.gif) repeat-x;
  cursor:default;
}

#nav ul li ul {
  list-style-type:none;
}

/* homepage */

#content {
  position:relative;
  background-color:#FBF8E7;
}

#content_box {
  background:#FFF url(im/content-box.gif) no-repeat;
}

*html #content_box {
  float:left;
}

#content_box_top_corner {
  height:18px;
  background:transparent url(im/content-box-top-corner.gif) no-repeat right 0;
}

*html #content_box_top_corner {
}

#content_box_inner_1 {
  background:transparent url(im/content-box-left.gif) repeat-y;
}

#content_box_inner_2 {
  background:transparent url(im/content-box-right.gif) repeat-y 100% 0;
  padding:5px 35px 20px 35px;
}

*html #content_box_inner_2 {
  padding:5px 35px 20px 35px;
}

#home #quicklinks {
  background-color:#FFF;
  border-bottom:1px dotted #B1B0B0;
  padding:10px 10px 8px 30px;
  position:relative;
}

#home #quicklinks ul {
  padding:0;
  margin:0;
  list-style-type:none;
  width:250px;
  float:right;
}

#home #quicklinks ul li {
  font-size:.75em;
  line-height:1.6em;
  padding:0;
  text-align:center;
  margin:0;
}

*html #home #quicklinks ul {
  position:absolute;
  top:7px;
  left:440px;
}

#home #quicklinks a:link, #quicklinks a:visited {
  padding:0;
  margin:0;
}

#home #quicklinks a.middlelink {
  margin-left:50px;
}

*html #home #quicklinks a.middlelink {
  margin-left:25px;
}

img.quick {
  border:none;
  float:none;
  padding:0;
  margin:0;
}

#middle {
  padding:10px;
  position:relative;
  height:225px;
}

#slideshow {
  padding:2px;
  background-color:#FFF;
  border:1px solid #999;
  position:absolute;
  top:10px;
  left:10px;
  width:330px;
}

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

#browse {
  margin:0;
  padding:0;
  background:#FFF3AA url(im/browse-left.gif) no-repeat top left;
  height:226px;
  margin-left:346px;
  margin-right:179px;
  width: 204px; 
}

#browse h3 {
  margin:5px 0 0 5px;
  font-style:normal;
  padding:0;
  color:brown;
}

#browse_inner {
  background:transparent url(im/browse-right.gif) no-repeat top right;
  margin:0;
  padding:9px;  
  height:208px;
}


#browse_inner a:link, #browse_inner a:visited {
 color:blue;
}

#home #content #middle #browse #browse_inner ul {
  height:168px;
  list-style-type:none;
  line-height:1.1em;
  margin:16px 0 0 0;
  padding:0;
  overflow:auto;
  font-size:.9em;
}

*html #home #content #middle #browse #browse_inner ul {
  height:168px;
}

#home #content #middle #browse #browse_inner ul li {
  margin:0;
  padding:0 0 6px 18px;
  background:transparent url(im/browse-bullet.gif) no-repeat 6px 6px;
}

#banners {
  width:168px;
  height:226px;
  position:absolute;
  right:10px;
  top:10px;
}

#home #content #middle #banners ul {
  margin:0;
  padding:0;
  list-style-type:none;
}

#home #content #middle #banners ul li {
  padding:0 0 2px 0;
  margin:0;
}

#home #content #middle #banners ul li img {
  padding:0;
  margin:0;
  border:1px solid #999;
}

#home #content #middle #banners ul li a:hover img {
  border:1px solid #333;
}

#headlines {
  background-color:#777796;
  color:#FFF;
}

#headlines td.first {
  background-color:#63637D;
}

#headlines th a:link, #headlines th a:visited {
  color:#FFF;
  text-decoration:underline;
}

#headlines td {
font-size:.9em;
  padding:16px;  overflow: auto;
}

#headlines .first {
  border-right:1px solid #43426D;
}

#headlines .date {
  text-transform:uppercase;
}

#headlines th {
  background:#464570 url(im/news-bkg.gif) repeat-x;
  margin:0;
  padding:4px 8px;
  color:#FFF;
  font-style:normal;
  font-size:.8em;
  text-transform:uppercase;
  font-weight:bold;
}

#headlines th.first {
  background:#393959 url(im/news2-bkg.gif) repeat-x ;
}

#home #content #headlines ul {
  list-style-type:none;
  padding:0;
  margin:0;
}

#home #content #headlines ul li {
  padding:0 0 20px 0;
  margin:0;
  border-top:1px solid #777796;
  clear:left;  overflow: auto;
}

#home #content #headlines td.first ul li {
  border-top:1px solid #63637D;
}

#home #content #headlines h4 {
  padding:0;
  margin:0;
  margin-bottom:6px;
  line-height:1.2em;
}

#home #content #headlines h4 a:link, #home #content #headlines h4 a:visited {
  color:#FFF;
  font-size:1em;
}

#home #content #headlines p {
  line-height:1.2em;
  margin:0;
  padding:0 0 0 0;
}

#home #content #headlines img.thumb {
  float:left;
  margin: 5px 10px 5px 0;
  background-color:#FFF;
  padding:1px;
  border:1px solid #43426D;
}

#home #content #headlines a:hover img.thumb {
  background-color:#43426D;
  border:1px solid #FFF;
}

#utility {
  background:#43426D;
  text-align:center;
}

#utility_top #content_box_bottom {
  height:18px;
  background:transparent url(im/content-box-bottom.gif) no-repeat 0 0;
  margin:0;
}

#utility_top #content_box_bottom_corner {
  height:18px;
  background:transparent url(im/content-box-bottom-corner.gif) no-repeat 100% 0;
}

#utility_top {
  height:18px;
  background-color:#E8E6C1;
}

#utility ul {
  margin:0;
  padding:5px 0;
  list-style-type:none;
}

#utility ul li {
  display:inline;
  padding:0 5px;
}

#utility ul li a:link, #utility ul li a:visited {
  color:#FFF;
  font-size:.8em;
}

/* MAIN COPY */

#content ul, #content ol {
  margin:0 0 15px 30px;
  padding:0;
  line-height:1.4em;
}

#content ul li, #content ol li {
  margin:0;
  padding:4px 0;
}

/* SIDEBAR */

#sidebar {
  width:20%;
  float:left;
  margin-right:30px;
  margin-bottom:30px;
  border-right:1px dashed #CCC;
}

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

ul#sub_nav li {
  margin:0;
  padding:0;
}

ul#sub_nav li a:link, ul#sub_nav li a:visited {
  margin:0;
  font-size:.9em;
  border-bottom:1px dashed #CCC;
  display:block;
  padding:5px 10px;
}

ul#sub_nav li a:hover {
  background-color:#F1F1F1;

}

ul#sub_nav li.current_page_item a:link, ul#sub_nav li.current_page_item a:visited {
  background-color:#F1F1F1;
}

/* MISC */   
           
#breadcrumbs {
  margin:5px 0;
  color:#2F6085;
  font-size:.8em;
}


div.clearer {
  clear: both; 
  line-height: 0px; 
  height: 0px;
  overflow:hidden;
}

a:link {
  text-decoration:underline;
}

a:visited {
  text-decoration:underline;
}

a:hover {
  text-decoration:none;
}

p {
  margin:0 0 15px 0;
  line-height:1.4em;
  font-size:.9em;
}

h1 {
  font-family:Trebuchet MS, Verdana, Arial, Sans-serif;
  margin:20px 0 10px 0;
  padding:0;
  font-weight:bold;
  color:#000099;
  font-size:1.4em;
}

h2 {
  font-family:Trebuchet MS, Verdana, Arial, Sans-serif;
  margin:35px 0 10px 0;
  color:#000099;
  font-size:1.2em;
  font-weight:normal;
}

h3 {
  font-family:Trebuchet MS, Verdana, Arial, Sans-serif;
  margin:25px 0 10px 0;
  color:#CC6633;
  font-size:1.1em;
  font-style:italic;
}

h4 {
  font-family:Trebuchet MS, Verdana, Arial, Sans-serif;
  margin:25px 0 0 0;
  color:#000099;
  font-size:1em;
  font-weight:bold;
}

h5 {
  font-family:Trebuchet MS, Verdana, Arial, Sans-serif;
  margin:25px 0 10px 0;
  color:#000099;
  font-size:.9em;
  font-weight:bold;
}

h6 {
  font-family:Trebuchet MS, Verdana, Arial, Sans-serif;
  margin:25px 0 10px 0;
  color:#000099;
  font-size:.8em;
  font-weight:bold;
}

hr {
  border:none;
  margin:0;
  padding:0;
  border-bottom:1px dashed #D3D3D3;
}

img {
  margin:10px;
  padding:3px;
  border:1px solid #CCC;
}

img.left {
  margin:0 20px 20px 0;
  padding:3px;
  border:1px solid #CCC;
}

img.right {
  margin:0 0 20px 20px;
  padding:3px;
  border:1px solid #CCC;
}

blockquote {
  padding:20px;
  border:1px dashed #CCC;
  background-color:#FFFFF0;
  font-size:.9em;
}

#content ul.sitemap ul {
  margin-bottom:0;
}

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

#event_list ul li {
  clear:both;
  padding-top:20px;
}

#event_list ul li p.image_left {
  margin-left:100px;
}

#event_list ul img {
  float:left;
  border:1px solid #CCC;
  margin:0 15px 15px 0;
}

#event_list ul h4 {
  margin-top:5px;
  font-size:1.2em;
  font-weight:normal;
}

#filter {
  font-size:.8em;
  float:right;
  margin-top:5px;
}

#teen_filter {
  background-color:#F6E4A9;
}

#kid_filter {
  background-color:#E3F9D2;
}

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

ul#search_results li {
  padding:5px 5px 5px 50px;
  margin-bottom:10px;
}

li.teens {
  background:#F6E4A9 url(im/teen-bullet.gif) no-repeat 9px center;
}

li.kids {
  background:#E3F9D2 url(im/child-bullet.gif) no-repeat 9px center;
}

#post_copy {
  width:73%; 
  float:left;
  padding-right:2%;
}

#post_copy h2 {
  margin:14px 0 20px 0;
}

#post_copy h4 {
  margin:20px 0 6px 0;
}

*html #post_copy {
}

#meta {
  width:20%; 
  margin-left:4%;
  margin-top:20px;
  border-left:1px dashed #CCC;
  float:left;
}

*html #meta {
  float:none;
}

#meta ul {
  padding:0 0 0 20px;
  font-size:.8em;
} 

#meta ul li {
  padding:0;
  margin:3px 0 0 0;
}

#meta ul li ul{
  padding:0;
  margin:0 0 0 5px;
  font-size:.9em;
}

#meta h4 {
  padding-left:20px;
  margin-top:0;
  font-size:.9em;
}

p.event_date strong {
  color:brown;
  font-size:.8em;
}

.navigation {
  font-size:.9em;
  border-top:1px dashed #CCC;
  padding-top:10px;
}

.navigation .alignleft, .alignleft {
  float:left;
}

.navigation .alignright, .alignright {
  float:right;
}

#meta ul.rss {
  list-style-type:none;
  padding-left:20px;
  margin-left:15px;
}

#meta ul.rss li {
  background:transparent url(im/rss.gif) no-repeat left center;  
  padding-left:20px;
  
}

p.rssfeed {
  background:transparent url(im/rss.gif) no-repeat left center;  
  padding-left:20px;
  font-size:.8em;
}

.ddfmwrap {
  margin-top:20px;
  font-size:.9em;
}

.ddfmwrap label {
  display:block;
  width:70px;
  text-align:right;
  float:left;
  margin-right:3px;
  font-weight:bold;
}

.required {
  color:#800000;
}

.fieldwrap input, .fieldwrap textarea {
  width:300px;
}

.fieldwrap {
  clear:both;
}

.submit {
  text-align:center;
}

.submit input{
  font-size:1.3em;
}

.ddfmerrors {
  color:#800000;
  font-size:1.3em;
  font-weight:bold;
}

.errorlist {
  color:#800000;
  border:1px dashed #800000;
  background-color:#DFBFBD ;
  padding:13px;
  font-weight:bold;
  margin:13px 0;
  font-size:.9em;
}

.fmradio p {
  float:left;
}

.fmradio input {
  margin:0 3px;
}

.credits {
  display:none;
}

/* FOOTER */

#footer p {
  font-size:.75em;
  padding:10px 0 10px 0;
  margin:0;
}

/* TEMPORARY !!!!!
a:visited {
  color:blue;
} */
