﻿/**********************
Design by FlipDarius (http://flipdarius.googlepages.com)
Released for free under a Creative Commons Attribution 2.5 License.
***********************/
body{
background: #ff7700 url(images/bg.png) top left no-repeat;
color:#333;
font-family:"trebuchet ms", arial, helvetica, "lucida grande", sans-serif;
font-size:14px;
margin:0;padding:0;}

#content{float:right;
margin:15px 15px 0 15px;
border-bottom:1px solid maroon}

.up-node{
background:url(images/ctop.png);
width:600px;
height:37px;}

#footer{
width:560px;
padding:20px;
color:#999;
font-size:.9em;
background:#fff url(images/ctop.png) top no-repeat;}

.bottom-node{
background:url(images/cbottom.png);
width:600px;
height:37px;
margin-bottom:25px;}

.node{
width:560px;
padding:0 20px 5px 20px ;
background:#fff;}

.node a:link,#footer a:link{
color:#696969;
font-weight:bold;}

.node a:hover,.node a:active,
#footer a:hover,#footer a:active{
color:#fff;
background:#ff7700;}

h1, h2, h3{margin:0;padding:0;}

.node:hover a,#footer:hover a{text-decoration:underline;}

.hello{
font-weight:normal !important;
font-size:1.3em !important;
color:#333 !important;}

h3{
font-size:1.7em;
color:#c0c0c0;}

h1 a:hover,h2 a:hover,h3 a:hover, 
h1 a:active,h2 a:active,h3 a:active{
text-decoration:underline;}

#left{
float:left;
width:325px;}

#logo h1{
color:#fff;
font-size:4em;
white-space:nowrap;
letter-spacing:-5px;
padding-left:120px;
padding-top:20px;}

#logo h1 a{
color:#fff;
text-decoration:none;}

#logo h2 a{
color:#c0c0c0;
text-decoration:none;}

h3 a{
color:inherit;
text-decoration:none;}

#logo h2{
white-space:nowrap;
letter-spacing:5px;
color:#c0c0c0;
font-size:2em;
font-weight:normal;
font-style:italic;
padding-left:125px;}

#menu{
width:60%;
margin:50px auto 0 auto;
font-size:1.3em;}

#menu ul{
padding-top:20px;
list-style:none;
text-align:center;}

#menu li{
padding:10px;}

#menu li:hover{
color:#696969;
background:#fff;}

#menu li a:link{
color:#fff;
text-decoration:none;}

#menu li:hover a{color:#696969;}

#menu li a:hover,#menu li a:active{
color:#696969;
text-decoration:none;
background:#fff;}

p{
margin:1em 0 0 0;
text-indent:1em;
font-size:1.1em;}

.byline{font-style:italic;
color:#696969;}

.node pre,.node code{ 
font-family: monospace;
background:#f5f5f5;
border-bottom: 2px  dotted #ff7700;
padding: 10px;
margin:5px;
display:block;
overflow:auto}

.node blockquote{
background: #f5f5f5;
margin: 5px 0 5px 15px;
padding: 5px 5px 5px 15px;
border-bottom: 2px solid #ff7700;}

.node ol li ol{
list-style: lower-roman;}

.node ol li ol li ol{
list-style: lower-alpha;}

.node ul{
padding-left: 30px;}

.node h4{
font-size:1.3em;
font-style:italic;
font-weight:normal;
border-bottom:1px dotted #ff7700;
margin:.5em 0 1em 0;}

.node h5{
font-size:1.2em;
font-style:italic;
margin:.5em 0 1em 0;}

.node h6{
font-size:1.2em;
font-style:italic;
margin:.5em 0 1em 0;}
