/* 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(img/bodybg.gif) top left repeat-y; font:76% Verdana,Tahoma,sans-serif;}

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

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

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

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

img
   { background: #ffffff; margin: 0 15px 15px 0; padding: 0; border-width: 0; border-color: #d0d0d0 }

a img
{border-color:#d85d5d;}

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

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

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

body > #sidebar
{position:fixed;}

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

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

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

#sidebar  p
 { color: #606060; font-size: 0.8em; text-align: left; margin: 0 0 18px 15px }

#sidebar a
{color:#808080}

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

#menu a
 { color: #606060; font-size: 1.6em; font-weight: normal; text-decoration: none; background: #e0e0e0 url("img/sidebarbg.gif") repeat-y right top; letter-spacing: -2px; display: block; padding: 5px 18px 5px 0; width: 202px }

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

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

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

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

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

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

#content h1
  { color: #39f; font-size: 2.5em; text-align: center; letter-spacing: -2px; margin: 0 }

#content h2
 { color: #808080; font-size: 2.25em; font-weight: normal; text-align: left; letter-spacing: -2px; margin: 30px 0 10px }

#content h3
  { color: #39f; font-size: 1.6em; font-weight: normal; letter-spacing: -1.7px; margin: 15px 0 8px; clear: both }