/***********************************************************************************************
Design by FlipDarius (http://flipdarius.googlepages.com)
Released for free under a Creative Commons Attribution 2.5 License.
Keep the link for <> in the #footer in order to use this template.
Support and contact: <>.
***********************************************************************************************/
body{
background: #ff7700 url(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(ctop.png);
width:600px;
height:37px;}
#footer{
width:560px;
padding:20px;
color:#999;
font-size:.9em;
background:#fff url(ctop.png) top no-repeat;}
.bottom-node{
background:url(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;
padding-left:125px;
padding-top:15px;}
#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{
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;