/*   
Theme Name: Capital Area Library District
Theme URI: http://capitalarealibrarydistrict.org/
Description: Custom theme for Capital Area Library District web site
Author: Heather Myers
Version: 1.0
*/

body{
   margin:15px 0px;
   padding:0px;
   text-align:center;
   background-color: #e3ddd7;
   font: 0.8em/1.25 "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
}

a {
   color: #FF7700;
}

a[href$='.pdf'] { 
   padding: 5px 20px 5px 0;
   background: transparent url(images/icon_pdf.gif) no-repeat center right;
}

a[href$='.ppt'] { 
   padding: 5px 20px 5px 0;
   background: transparent url(images/icon_ppt.png) no-repeat center right;
}

a[href ^="mailto:"] {
   padding: 5px 20px 5px 0;
   background: transparent url(images/icon_mailto.gif) no-repeat center right;
}

a[href$='.doc'] { 
   padding: 5px 20px 5px 0;
   background: transparent url(images/icon_doc.gif) no-repeat center right;
}

a[href$='.xls'] { 
   padding: 5px 20px 5px 0;
   background: transparent url(images/icon_xls.gif) no-repeat center right;
}

a[href ^="ymsgr:"] {
   padding: 5px 20px 5px 0;
   background: transparent url(images/icon_yim.gif) no-repeat center right;
}

a[href ^="aim:"] {
   padding: 5px 20px 5px 0;
   background: transparent url(images/icon_aim.gif) no-repeat center right;
}

img {
   border: none;
}

.categories, .listcal2, .sitemap {
   font-size: 1.2em;
}

.cellphone { 
   padding: 5px 20px 5px 0;
   background: transparent url(images/icon_call.gif) no-repeat center right;
}

.phone { 
   padding: 5px 20px 5px 0;
   background: transparent url(images/telephone.png) no-repeat center right;
}

.nobreak {
   margin-bottom: 0px;
   padding-bottom: 0px;
}

.fax { 
   padding: 5px 20px 5px 0;
   background: transparent url(images/icon_fax.png) no-repeat center right;
}

.more {
   padding: 5px 20px 5px 0;
   background: transparent url(images/16-arrow-right.png) no-repeat center right;
}

.comments {
   padding: 5px 20px 5px 0;
   background: transparent url(images/icon_comments.gif) no-repeat center right;
}

li.cross{
   list-style-image:url(images/16-em-cross.png);
   margin: .8em 0;
}

li.check {
   list-style-image:url(images/16-em-check.png);
   margin: .8em 0;
}

li.arrow, .arrow li, .sitemap ul {
   list-style-image:url(images/16-arrow-right.png);
   margin-right: .8em;
}

.bullet_orange li {
   list-style-image:url(images/bullet_orange.png);
   margin-right: .8em;
}

.listcal li, .listcal2 li{
   list-style-image:url(images/icon_ical.gif);
   margin-right: .8em;
}

.latestnews li, .categories li {
   list-style-image:url(images/icon-news.png);
   margin-right: .8em;
}

.children li, .sitemap ul li ul li, .sitemap ul li ul li ul li ul li{
   list-style-image:url(images/redo_edit.gif);
   margin-right: .8em;
}

.sitemap ul li ul li ul li{
   list-style-image:url(images/redo_edit2.gif);
   margin-right: .8em;
}

#container{
   margin:0px auto;
   text-align:left;
   background-color:#fff;
   background-image: url(container-background.gif);
   background-repeat: repeat;
   min-height: 1025px;
   width:756px;	
   border: 1px solid #000;
   text-align: center;
}

#sidebar{
   float:left;
   width:139px;
   min-height: 1025px;
   position:relative;
   z-index: 25;
}

.content{
   float: right;
   width: 600px;
   position: relative;
   margin: 0px;
   padding: 0px;
   top: 0px;
   min-height: 1025px;
   background-color: #e3ddd7;
   border-left: 1px solid #000;
}

.line {
   position: relative;
   top: 0px;
   width: 600px;
   color: #009193;
   background-color: #009193;
   height: 30px;
   border-bottom: 1px solid #000;
   text-align: right;
}

#searchform {
  padding-top: 4px;
  padding-right: 4px;
}

#footer {
   width: 756px;
   height: 30px;
   text-align: center;
   background-color: #009193;
   border-top: 1px solid #000;
   clear: both;
}

#footer a {
  color: #FFF;
  font-size: 125%;
}
#footer a:hover {
  color: #FF7700;
  font-size: 125%;
}

.sidebarmenu {
   height: 175px;
   padding: 10px;
   text-align: center;
}

.left {
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}

.right {
  text-align: right;
  padding: 5px;
}

table {
  border: 1px solid #000;
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0;
}

table td{
  border: 1px solid #000;
  padding: 2px;
}

table.schedule td {
  width: 50%;
}

td.white, .white {
  background-color: #FFFFFF;
}

td.pink, .pink {
  background-color: #FFCCCC;
}

td.salmon, .salmon {
  background-color: #FF9966;
}

td.goldenrod, .goldenrod {
  background-color: #FFCD00;
}

.curvy {
   position:relative;
   float: left;
   width:275px;
   background:#fff;
   color:#000;
   margin:2em auto;
   min-height: 150px;
}

.curvy2 {
   position:relative;
   float: right;
   width:275px;
   background:#fff;
   color:#000;
   margin:2em auto;
   min-height: 150px;
}

#ctl, #cbl, #ctr, #cbr, #ctl2, #cbl2, #ctr2, #cbr2 {
   position:absolute;
   width:20px;
   height:20px;
   color:#fff;
   background:#e3ddd7;
   overflow:hidden;
   font-style:normal;
   z-index:1;
}

#ctl, #ctl2 {top:0; left:0;}
#cbl, #cbl2 {bottom:0; left:0;}
#ctr, #ctr2 {top:0; right:0;}
#cbr, #cbr2 {bottom:0; right:0;}

.curvy em b, .curvy2 em b {
   position:absolute;
   font-size:150px;
   font-family:arial;
   color:#fff;
   line-height:40px;
   font-weight:normal;
}
#ctl b, #ctl2 b {left:-8px;}
#ctr b, #ctr2 b {left:-25px;}
#cbl b, #cbl2 b {left:-8px; top:-17px;}
#cbr b, #cbr2 b {left:-25px; top:-17px;}

.curvy p, .curvy2 p {
   position:relative;
   z-index:100;
   padding:5px 10px;
}

a.tooltip {
   position: relative;
}
a.tooltip span{
   display: none;
}
a.tooltip:hover span{
   display: block;
   position: absolute;
   text-decoration: none;
   top: 1em;
   left: 2em;
   min-width: 200px;
   padding: 0.2em 0.6em;
   border:1px solid #009193;
   background-color:#FFF;
   color:#000;
   z-index:100;
}

#updated {
   position: absolute;
   left: 5px;
   bottom: 5px;
   text-align: left;
   font-style: italic;
}

#updatemargin {
   margin-bottom: 25px;
}

ul.no_bullet{
   list-style-type: none;
}

ol.lower_alpha {
   list-style-type: lower-alpha;
}

.red {
   color: #FF0000;
}

#login ul {
   margin:0;
   padding:0;
}

#login ul li {
   list-style-type: none;
   margin-left:10px;
}

#login {
   margin:0 auto 0 auto;
   width:250px;
}

#searchbox {
   text-align: center;
   color: b3b3b3;
}

.resourcesleft {
  float: left;
  width: 25%;
}

.resourcesright {
  float: left;
  width: 75%;
}

.clear {
  clear: both;
}

.spacer {
  height: 1.5em;
}