body{
background:url(../images/bg.gif) repeat-y #5C4F00 top left;
margin:0;
font: 12px 'Lucida Grande', Verdana, Helvetica, sans-serif; 
min-width:800px;
}

A:link{ color:#772107; text-decoration:none; }
A:hover{ color:#773117; text-decoration:none; }
A:active{ color:#773117; text-decoration:none; }
A:active:hover{ color:#773117; text-decoration:none; }
A:visited{ color:#772107; text-decoration:none; }
A:visited:hover{ color:#773117; text-decoration:none; }

#header{
background:url(../images/headerbg.gif) no-repeat #000000 top right;
width:471px;
height:181px;
text-align:center;
border:0;
padding:0;
float:right;
}

#sidebar{
width:259px;
float:left;
color:#000000;
text-align:right; 
}
#sidebar ul {list-style: none;}

.sidetext{
width:160px;
text-align:right;
margin-left:80px; 
font-style:italic;
}

.subtitle, .title{
float:left;
font-size:21px;
font-weight:bold;
letter-spacing:1px;
font-variant:small-caps;
color:#5C4F00;
background:#000000;
width:100%;
text-align: right;
}
.title a {
	color:#5C4F00 !important;
}
.subtitle {
	position:relative;
	top: 123px;
	background: transparent;
	color: black;
	font-size: 32px;
}
.subtitle a {
	color: black !important;
}
#wrap{
width:800px;
margin-left:0;
margin-right:auto;
}

#container{
margin-right:0;
}

#content{
background:#000000;
width:429px;
margin-top:0;
padding:21px;
padding-top: 0;
color:#978D00;
text-align:left;
float:right;
}

#navcontainer{
width:220px;
}

 #navlist li{
list-style-type: none;
text-align:right;
padding-right: 0;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:14px;
font-variant:small-caps;
color: #772107;
}

#navlist li a:link { color: #772107; text-decoration:none; }
#navlist li a:visited { color: #772107; text-decoration:none; }
#navlist li a:hover {color: #000000; text-decoration:none; }

h3,h1 {
font-size: 21px;
color:#772107;
font-weight:bold;
text-align:right;
font-variant:small-caps;
margin-bottom: 0;
}
h4 {
font-size: 18px;
color:#772107;
font-weight:bold;
font-variant:small-caps;
margin-bottom: 0;
}
.content{
padding:21px;
text-align:left;
font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
}

.footer{
background:#3E5C12;
padding:9px;
width:480px;
text-align:center;
text-transform:lowercase;
font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#333333;
}

/* Specific typo stuff below here */
p.auth, p.meta, .postmetadata { text-align: right; font-size: 0.8em;}
div.readmore {text-align: right;}
div.breaker { background: #5C4F00; height: 30px; margin: 0 -21px; }


        .javascript .comment, .ruby .comment {
                color : green;
        }

        .javascript .string, .ruby .string {
                color : teal;
        }

        .javascript .keywords, .ruby .keywords {
                color: #66f;
        }

        .javascript .global {
                color : blue;
        }

        .javascript .brackets, .ruby .brackets {
                color : #66f;
        }

        .css .comment {
                color : gray;
        }

        .css .properties {
                color : navy;
        }

        .css .selectors {
                color : maroon;
                font-weight : bold;
        }

        .css .units {
                color :red;
        }

        .css .urls {
                color :green;
        }

        .html .tag {
                color : purple;
        }

        .html .comment {
                color : gray;
                font-style: italic;
        }

        .html .string {
                color : navy;
        }

        .html .doctype {
                color : teal;
        }
code { color: #f7dD60; background: black; }
pre { background: black; display: block; overflow: visible; font-size: 110%; position: relative; }