/*  
Theme Name: Lewiston Public Library Kids
Theme URI: 
Description: 
Author: T.H. Creations, Inc.
Author URI: http://www.thcreations.com

	Lewiston Public Library Kids

*/

@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;
  background:transparent url(im/main-bkg.gif) 50% 110px;
}

body {
}

#searchbox {
  padding:5px 0 5px 0;
  background-color:#48A71C;
  color:#FFF;
  font-size:.9em;
}

#searchbox #searchform {
  text-align:right;
  width:773px;
  margin:0 auto;
}

/* HEADER */

#header {
  background:#77C836 url(im/header-bkg.gif) repeat-x 50% 0;
  text-align:left;
}

#header a#title {
  display:block;
  background:transparent url(im/logo.jpg) no-repeat;
  width:773px;
  height:136px;
  margin:0 auto;
  border-left:13px solid #77C836;
  border-right:13px solid #77C836;
}

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

/* MAIN NAV */

#nav {
  width:773px;
  margin:0 auto;
  background:#F79F14 url(im/nav-top.gif) repeat-x;
  border-left:13px solid #77C836;
  border-right:13px solid #77C836;
}

#nav ul {
  list-style-type:none;
  padding:0;
  margin:0;
  float:left;
  width:749px;
  background:transparent url(im/nav-bottom.gif) repeat-x 0 100%;
  border-left:12px solid #48A71C;
  border-right:12px solid #48A71C;
}

#nav ul li {
  float:left;
  padding:7px 0;
}

#nav ul li a:link, #nav ul li a:visited {
  display:block;
  color:#FFF;
  font-size:.9em;
  padding:2px 10px;
  text-decoration:none;
  border-right:1px solid #FFF;
  font-weight:bold;
}

#nav ul li a:hover {
  color:#FFF;
  text-decoration:underline;
}

#nav ul li.current_page_item a:link, #nav ul li.current_page_item a:hover, #nav ul li.current_page_item a:visited {
  color:#663300;
  cursor:default;
  text-decoration:none;
}

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

#wrapper {
  width:773px;
  margin:0 auto;
  border-left:13px solid #77C836;
  border-right:13px solid #77C836;
  text-align:left;
}


#content {
  background:#FFF url(im/content-bkg.gif) repeat-y 8px 0;
  border-left:12px solid #48A71C;
  border-right:12px solid #48A71C;
  clear:both;
}

#content h1{
  margin-top:0;
  background:#FFF url(im/content-top.jpg) no-repeat 50% 10px;
  height:55px;
  padding-top:45px;
  color:#39A7E6;
  text-transform:uppercase;
  text-align:center;
  padding-left:130px;
  font-size:2em;
}

#copy {
  background:transparent url(im/content-bottom.jpg) no-repeat 50% 100%;
  border-bottom:10px solid #FFF;
  position:relative;
  min-height:500px;
}

*html #copy {
  height:500px;
}

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

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

/* SIDEBAR */

#sidebar {
  margin:0;
  padding:4px;
  background-color:#5B5895;
}

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

ul#sub_nav li {
  margin:0;
  padding:0 5px;
  display:inline;
  line-height:1em;
}

ul#sub_nav li a:link, ul#sub_nav li a:visited {
  margin:0;
  text-decoration:none;
  color:#FFF;
  font-size:.9em;
  padding:1px 4px;
  display:inline;
}

ul#sub_nav li a:hover {
  background-color:#8481B6;
}

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

/* MISC */   
           

#breadcrumbs {
  padding:5px 5px 0 10px;
  background-color:#FFF;
  font-size:.8em;
}

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

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

span.fakelink {
  text-decoration:underline;
  color:blue;
  cursor:pointer;
}

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:10px 0 10px 0;
  padding:0;
  font-weight:bold;
  color:#000099;
  font-size:1.4em;
}

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

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

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

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

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

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

#text img.left {
  float:left;
  margin:0 8px 8px 0;
  padding:2px;
  border:1px solid #CECFCE;
}

#text img.right {
  float:right;
  margin:0 0 8px 8px;
  padding:2px;
  border:1px solid #CECFCE;
}

#text img {
  margin:8px;
  padding:2px;
  border:1px solid #CECFCE;
}

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

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

#home #content {
  background-image:none;
  text-align:center;
  padding:20px 10px;
}

#splash {
  clear:both;
  background:transparent url(im/splash-bkg.gif) repeat-y center;
  width:715px;
  margin:0 auto;
  padding:0;
}

#inner_splash {
  background:transparent url(im/splash-foot.gif) no-repeat center bottom;
  padding-bottom:30px;
}

#splash ul {
  list-style-type:none;
  margin:0;
  padding:0;
  background:transparent url(im/splash-top.gif) no-repeat top center;
  text-align:center;
  width:715px;
}

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

#splash ul li p {
  margin:10px 30px 17px 40px;
  padding:0;
  color:#1C5F85;
  font-size:1.1em;
  line-height:1.1em;
}

#splash ul li h2 {
  margin:0 0 15px 0;
  padding:0;
}

#splash ul li h2 a {
  display:block;
  margin:0 auto;
}

#splash ul li h2 a span {
  position:absolute;
  left:-1000px;
}

#splash ul li#games {
  width:349px;
  float:left;
}

#splash ul li#games h2 a {
  width:195px;
  height:76px;
  background:transparent url(im/games.gif) no-repeat bottom;
  margin-top:42px;
}

#splash ul li#our_calendar {
  width:346px;
  float:left;
}

#splash ul li#our_calendar h2 a {
  width:195px;
  height:85px;
  background:transparent url(im/our-calendar.gif) no-repeat bottom;
  margin-top:35px;
}

#splash ul li#books {
  clear:left;
  width:346px;
  float:left;
  background:transparent url(im/splash-row-2-right.gif) no-repeat top right;
}

#splash ul li#books h2 a {
  width:195px;
  height:76px;
  background:transparent url(im/books.gif) no-repeat bottom;
  margin-top:9px;
}

#splash ul li#library_programs {
  width:346px;
  float:left;
  background:transparent url(im/splash-row-2-left.gif) no-repeat top left;
}

#splash ul li#library_programs h2 a {
  width:195px;
  height:81px;
  background:transparent url(im/library-programs.gif) no-repeat bottom;
  margin-top:7px;
}

#splash ul li#homework_help {
  clear:left;
  width:346px;
  float:left;
  background:transparent url(im/splash-row-3-left.gif) no-repeat top right;
}

#splash ul li#homework_help h2 a {
  width:195px;
  height:76px;
  background:transparent url(im/homework-help.gif) no-repeat bottom;
  margin-top:26px;
}

#splash ul li#parents_pages {
  width:346px;
  float:left;
  background:transparent url(im/splash-row-3-right.gif) no-repeat top left;
}

#splash ul li#parents_pages h2 a {
  width:195px;
  height:76px;
  background:transparent url(im/parents-page.gif) no-repeat bottom;
  margin-top:30px;
}

ul#post_list {
  position:absolute;
  top:100px;
  left:0;
  width:140px;
  list-style-type:none;
  margin:0;
  padding:0 0 0 50px;
}

ul#post_list li {
  padding:6px 20px 6px 0;
}

ul#post_list li a:link, ul#post_list li a:visited {
  color:#F8A525;
  text-decoration:none;
  font-size:1.2em;
}

ul#post_list li a:hover {
  color:#39A7E6;
}

ul#post_list li.current_page_item a:link, ul#post_list li.current_page_item a:visited {
  font-weight:bold;
  color:#39A7E6;
}

#text {
  margin-left:215px;
  margin-right:40px;
  margin-bottom:80px;
  min-height:450px;
}

*html #text {
  min-height:450px;
}

#event_list {
  padding:10px;
  margin:25px 0;
  border:1px dashed #999;
  font-size:.9em;
  background-color:#DEFBC2;
}

#event_list h3 {
  font-size:1.1em;
  font-weight:bold;
  font-style:normal;
  margin:0;
  color:#709F42;
}

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

strong.date {
  font-size:.9em;
}

#event_list ul li {
  clear:both;
}

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

#event_list ul img {
  float:left;
  background-color:#FFF;
  border:1px solid #000;
  margin:10px 15px 15px 0;
}

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


/* FOOTER */

#utility {
  width:773px;
  margin:0 auto;  
  border-left:13px solid #77C836;
  border-right:13px solid #77C836;
  background-color:#48A71C;
  text-align:center;
}

#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;
}

#footer {
  width:799px;
  margin:0 auto;
  border-top:13px solid #77C836;
}

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

/* hides the credit text on the bottom of the form plugin */
.credits {display: none; }

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