/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

/**************** Page and tag styles ****************/

body
{margin:0; padding:0; color:#303030; background:#fafafa url(images/bodybg.gif) top left repeat-y; font:76% Verdana,Tahoma,sans-serif;}

ul
{list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}

li
{margin:0 0 8px 25px;}

a
{color:#d85d5d; font-weight:bold; text-decoration:none;}

a:hover
{color:#505050; text-decoration:underline;}

img
{float:left; margin:0 15px 15px 0; padding:1px; background:#ffffff; border:1px solid #d0d0d0;}

a img
{border-color:#EAAD9A;}

a img:hover
{background:#d85d5d; border-color:#d85d5d;}

/**************** Sidebar area styles ****************/

#sidebar
{position:absolute; top:0; left:0; width:200px; height:100%; overflow:auto; background:#C7BAB2 url(images/sidebarbg.gif) top right repeat-y; text-align:right;}

body > #sidebar
{position:fixed;}

#sidebar h1
{margin:20px 18px 0 5px; color:#3F5F2E; font-size:1.6em; letter-spacing:-2px; text-align:right;}

#sidebar h2, #sidebar h3
{margin:0 20px 18px 5px; color:#808080; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;}

#sidebar h3
{margin:20px 18px 4px 5px; color:#606060;}

#sidebar  p
{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}

#sidebar a
{color:#808080}

/**************** Navigation menu styles ****************/

#menu a 
    {
    display:block; 
    width:180px; 
    padding:5px 18px 5px 0; 
    color:#413029; 
    background:#C7BAB2 url(images/sidebarbg.gif) top right repeat-y; 
    font-size:1.4em; 
    font-weight:normal; 
    text-decoration:none; 
    letter-spacing:-1px;
    border-top:1px solid #C7BAB2; border-bottom:1px solid #C7BAB2;
    }

#menu a:hover 
{color:#588737; background:#f0f0f0 url(images/sidebarbg.gif) top right repeat-y;}

#menu a.active
{padding:5px 18px 5px 0; background:#fafafa; border-top:1px solid #808080; border-bottom:1px solid #808080;}

#menu a.active:hover
{color:#505050; background:#fafafa;}

/**************** Content area styles ****************/

#content
{width:520px; margin:0 0 0 240px; padding:20px 0; background:#fafafa;}

#content p
{margin:0 0 20px 0; line-height:1.5em;}

#content h1
{margin:0; color:#3F5F2E; font-size:4em; letter-spacing:-5px; text-align:center;}

#content h2
{margin:0; color:#808080; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center;}

#content h3
{clear:both; margin:30px 0 10px 0; color:#3F5F2E; font-weight:bold; font-size: 1.5em; letter-spacing:-2px;}




/* calendar styles */

.datefree
{
  background: green; 
  text-align: center;
  color: #fff;  
  font-weight: bold;
  font-size: 11px;
}


.datetaken
{
  background: red; 
  text-align: center;
  color: #fff;  
  text-decoration: line-through;  
  font-size: 11px;
}

ol.calendars
{
  width: 520px;  
  margin-left: 0px;
}


ol.calendars li.calendars
{   
    float: left;    
    height: 165px;
    width: 200px;
}


ol.thumbnails
{
  width: 520px;  
  margin-left: 0px;
  
}


ol.thumbnails li.thumbnails
{   
    float: left;    
    height: 70px;
    width: 100px;    
}


#admincontent
{
    margin: 0 auto;
    width: 650px;    
    background-color: #C7BAB2;
    padding: 25px 20px 20px 20px;
    margin-top: 30px;
    height: 650px;
}

.curvy {position:relative; width:250px;  color:#000; margin:5em auto;}
#ctl, #cbl, #ctr, #cbr 
{
    position:absolute; 
    width:20px; 
    height:20px; 
    color: #C7BAB2 !Important; 
    /*background: url('../images/bkgnd.gif'); */
    background: #ffffff;
    overflow:hidden; 
    font-style:normal; 
    z-index:1;
}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color: #C7BAB2; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:5px 10px;}

.hiddenseparator
{
    visibility: hidden;
}

hr { height: 1px; }