/* =============== */
/* = General CSS = */
/* =============== */
* { margin:0; padding:0; }
img { border:0; }
body {  background: #202020 url('../images/bg-sidebar.png') repeat-y;  font-size:13px; color:#c4c4c4; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica', 'Arial', serif; }

h1 { }

h2 {color:#0d0d0d;  font-size:32px; text-shadow:1px 1px 1px #4b4b4b; letter-spacing:-1px;margin:0 0 20px 0;  }

h3, h4, h5, h6 { font-size:18px; color: #fff; margin-bottom:7px; margin-top:40px; }
ul { margin:0 0 0 20px;}
ol { margin:0 0 0 25px;}

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

p, ul, ol, blockquote,pre { margin-bottom:15px;}
ol img { margin:5px 0 10px 0;}
li  { margin-bottom:5px;}
p {line-height:1.35em;}

img { margin-bottom:15px;}

pre { color:#959595; background:#000; padding:15px; -moz-box-shadow:0.5px 0.5px 0.5px #333333; white-space:pre-wrap;}
pre em { background:#202819; color:#61c000; padding:1px; font-style:normal; font-weight:bold;}

pre span.old-code { color:#5e5e5e;}

strong, em { color:#fff;}

code {color:#7a7a7a;}
/* ========== */
/* = Layout = */
/* ========== */

.sidebar {  padding:0 0 30px 0;  width:160px;float:left; margin: 0 1px 0 0; background:url('../images/bg-sidebargrad.png') no-repeat; padding:0 20px ;}

.sidebar h1 { text-align:center; padding:20px 0 20px 0;}

.sidebar ul  {  margin:0 0 0 0px;  }
.sidebar ul li { list-style:none; margin:0 20px 10px 0; }
.sidebar ul li a { text-decoration: none; background:#2f2f2f url('../images/bg-buttonchapter.png') repeat-x;  color:#313030; border:1px solid #434343; padding:6px 6px 6px 6px; width:105%; display:block; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #4b4b4b; -moz-box-shadow:1px 1px 2px #000; -webkit-box-shadow:1px 1px 2px #000; outline:none; }
.sidebar ul li a:hover { background:#3c3c3c; }
.sidebar ul li a:hover em { color:#fff; }
.sidebar ul li a:hover strong { color:#FFF;}
.sidebar ul li a strong { font-size:22px; font-weight:bold; letter-spacing:-1px;font-family:helvetica, arial, serif; text-shadow:0.5px 0.5px 0.25px #615d5d; position:relative; top:3px; color:#2b2b2b;}
.sidebar ul li a em { color:#8a8989; font-size:13px; margin-left:5px; font-style:normal; font-weight:normal;letter-spacing:-0.75px; margin-top:-3px; text-transform:lowercase; }

.sidebar ul li a.current  { background:#000 url('../images/bg--buttonchapteractive.png') repeat-x ; border:1px solid #73d100; font-weight:bold; }
.sidebar ul li a.current em { color:#fff; text-shadow:1px 1px 1px #2e7100;}
.sidebar ul li a.current strong { color:#3f8100; text-shadow:1px 1px 1px #8dea50; }

.content { background: url('../images/bg-content.png') no-repeat ; width:625px; padding:30px 0 40px 30px; float:left; min-height:500px;}

p.chapter  {color:#0d0d0d; margin:0 0 3px 0;text-shadow:1px 0.5px 0.5px #4b4b4b; font-size:13px; text-transform:uppercase; letter-spacing:-0.5px; }
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:".";}

p.note { padding:10px; background:#eef2e5; border:1px solid #c8d2b3; color:#485036; letter-spacing:-0.5px; display:inline-block;}
p.note strong, p.note a  { color:#485036;}

/* header */
/* the grid */
.col-1, .col-2, .col-3, .col-4, .col-4-5, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {margin-right:35px; float:left;}
.col-12 { margin-right:0px;}

.col-12 {width:925px;}
.col-11 {width:845px;}
.col-10 {width:765px;}
.col-9 {width:685px;}
.col-8 { width:605px;}
.col-7 {width:525px;}
.col-6 {width:445px;}
.col-5 {width:365px;}
.col-4-5 {width:307px;}
.col-4 {width:285px;}
.col-3 {width:205px;}
.col-2 {width:125px;}
.col-1 {width:45px;}

.last {margin-right:0 !important;}

.margin-bottom {margin-bottom:10px; }

/* =============== */
/* = Indv. Pages = */
/* =============== */