/*
 * Original Design: Andreas Viklund (http://andreasviklund.com)
 *
 * Copyright 2005 Andreas Viklund
 * Copyright 2006 Emmanuel Fleury
 *
 * Free to use for any purpose as long as the proper credits are given
 * for the original design work.
 *
 * o Version 1.1, November 28, 2005
 *      - Original release
 * o Version 2.0, January 20, 2006
 *      - Emmanuel Fleury's custom release
 *
 */

/**************** Color Scheme ***************
  Few basic colors are used:
    1. Background color: white
    2. Text color: black
    3. Titles color: #4080ff
    4. Subtitles color: #808080
    5. Links color: #4080ff
    6. Hover links color: #4040aa

    7. Sidebar background color: #e0e0e0
    8. Sidebar border color: #c0c0c0
    9. Sidebar text color: #808080
   10. Sidebar titles color: #4080ff
   11. Sidebar subtitles color: #8080ff
   12. Sidebar links color: 
   12. Sidebar hover links color: 

 *********************************************/

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

body {
  margin:0px;
  font-family:Verdana,sans-serif;
}

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

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

/* Used as separator for non-graphical browsers */
hr { 
  visibility:hidden;
}

q {
  font-style:italic;
}

div.author {
  quotes:'-- ' '.' "" "";
}

div.author:before {
  content:open-quote;
}

div.author:after {
  content:close-quote;
}

/**************** Sidebar Styles ****************/

#sidebar {
  position:fixed;
  width:186px;
  height:100%;
  left:0px;
  background:#e0e0e0 url(../img/sidebarbg.png) top right repeat-y; 
  text-align:right;
  font-size:65%;
  color:#808080;
}

#sidebar h1, #sidebar h2, #sidebar h3 {
  margin:5px 22px 0 0px;
  letter-spacing:-2px;
}

#sidebar h1 {
  color:#4080ff;
  font-size:20px;
}

#sidebar h2 {
  color:#8080ff;
  font-size:17.5px;
}

#sidebar h3 {
  font-size:15px;
}

#sidebar a {
  color:#808080;
}

#sidebar div#sidebarQuote {
  margin:10px 10px 40px 0px;
  font-size:12px;
  font-weight:bold;
  letter-spacing:-1px;
}

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

#sidebarMenu a {
  display:block;
  padding:5px 10px 5px 0px;
  font-size:20px;
  font-weight:normal;
  letter-spacing:-1px;
}

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

#sidebarMenu a#active {
  background:white;
  border-top:2px solid #c0c0c0;
  border-bottom:2px solid #c0c0c0;
}

#sidebarMenu a#active:hover {
  color:#505050;
  background:white;
}

/**************** Navigation footer styles ****************/

#sidebarFooter {
  position:fixed;
  bottom:10px;
  text-align:left;
}

#sidebarFooter div#date {
  margin:0 0 3px 0;
  font-size:15px;
  font-weight:bold;
  letter-spacing:-1px;
  text-align:left;
}

#sidebarFooter div#copyright {
}

#sidebarFooter div#design {
}

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

#content {
  width:70%;
  margin-left:220px;
  padding-top:20px;
}

/* Page Title */
#content h1 {
  margin:0px;
  color:#4080ff;
  font-size:65px;
  letter-spacing:-5px;
  text-align:center;
}

/* Section Title */
#content h2, #content h2 a {
  margin:30px 0 10px 0;
  color:#4080ff;
  font-weight:normal;
  font-size: 30px;
  letter-spacing:-2px;
  border-bottom-style:solid;
  border-bottom-width:2px;
}

/* Section Subtitle */
#content h3 {
  margin:10px 0 10px 10px;
  color:#4080ff;
  font-weight:normal;
  font-size: 22px;
  letter-spacing:-2px;
  border-bottom-style:dotted;
  border-bottom-width:2px;
}

#content p {
  margin-left:15px;
  margin-top:10px
}

#content ul {
  list-style:circle;
}

#content li {
  margin:0 0 5px 0;
}

#content img {
  float:right;
  padding:5px;
  border:none;
}

/* Page Quote */
#content div#pageQuote {
  color:#808080;
  font-size:15px;
  font-weight:bold;
  text-align:right;
  letter-spacing:-1px;
}

/* Tables */

#content table {
  margin-left:auto;
  margin-right:auto;
}

#content th {
  padding:0 0 0 20px;
}

#content table.border {
  border-bottom:thin dotted #9090ff;
  border-left:thin dotted #9090ff;
}

#content table.border * th, #content table.border * td {
  padding:5px;
  border-top:thin dotted #9090ff;
  border-right:thin dotted #9090ff;
  text-align:center;
}

/* Pre and Code tags */
#content pre {
  background:#efefff;
  border:thin solid #9090ff;
  -moz-border-radius:15px;
  margin-left:30px;
  padding:10px;
}

