body 
{
background: #663;
font: 100% arial, verdana, lucida, helvetica, sans-serif;
width: 650px;
margin: 10px;
padding: 10px;
}

h3
{
font-size: 1.5em;
}

h4
{
font-size: 1.3em
}

#content h4
{
color: #663;
height: 25px;
margin: 0px 20px;
padding: 2px 0px 2px 20px;
background: url(../images/header_bar.gif) top left no-repeat;
}

#edblognews
{
background: #fff;
border: 1px #aaa solid;
clear: right;
float: right;
margin: 2px;
padding: 2px;
width: 200px;
}

#edblognews h4
{
background: none;
}

#edblognews p
{
margin: 2px;
padding: 2px;
}

#mundane
{
background: #ffe;
border: 1px #aaa solid;
clear: right;
float: right;
margin: 2px;
padding: 2px;
text-align: center;
width: 110px;
}

#mundane h4
{
background: none;
font-size: 1em;
height: auto;
margin: 0px;
padding: 0px;
}

dl, dd
{
margin: 0px;
padding: 0px;
}

dd
{
padding-bottom: 20px;
}

#mundane dd
{
padding-bottom: 2px;
}

dt
{
font-weight: bold;
font-size: 1.1em;
width: 225px;
}

#mundane dt
{
font-weight: bold;
font-size: 1.1em;
padding-top: 10px;
width: 100px;
}

img
{
margin: 0px;
padding: 2px;
border: 1px #8c8c46 solid;
}

#banner
{
background: #663 url(../images/top.jpg) top left no-repeat;
padding: 0px;
margin: 0px;
text-indent: -5000px;
height: 88px;
/* -----For IE6 to make this DIV snug with the next one below it----- */
font-size: 1px;
line-height: 0px;
}

#subbanner
{
display: none;
}

#wrapper
{
background: url(../images/content_bg.jpg) top left repeat-y;
padding-top: 10px;
}

#navholder
{
background: url(../images/nav_paper.jpg) top left no-repeat;
float: right;
width: 90px;
margin: 50px 0px 0px 20px;
padding: 22px 20px;
font-size: 0.8em;
font-weight: bold;
height: 120px;
color: #666;
}

#navholder li
{
list-style-type: none;
display: block;
padding: 3px 0px 0px 0px;
margin: 0px;
}

#navholder ul
{
margin: 0px;
padding: 0px;
}

#navholder li a
{
display: block;
color: #666;
padding: .25em 0.5em 0.25em 1.2em;
width: 90%;
text-decoration: none;
}

html>body #navholder li a
{
width: auto;
}

#navholder li a#current 
{
color: #663;
}

#navholder li a:hover , #navholder li a#current:hover
{
background: url(../images/highlight.jpg) center left no-repeat;
color: #330;
text-decoration: none;
}

#maincontent 
{
float: right;
width: 450px;
margin: 0px;
background: url(../images/content_top3.jpg) top right no-repeat;
padding-top: 65px;
}

#contentwrapper
{
background: url(../images/content_bottom.jpg) bottom right no-repeat;
padding-bottom: 15px;
margin: 0px;
}

#content
{
background: url(../images/content_body.jpg) top right repeat-y;
font-size: .75em;
margin: 0px 0px 13px 0px;
padding: 0px 20px 1px 25px;
line-height: 1.2; /* peek-a-boo hack for IE */
}

#content p
{
line-height: 1.5;
}

#content ol, #content ol li
{
list-style-type: decimal;
padding-left: 20px;
margin-left: 20px;
line-height: 1.6;
}

#content a
{
color: #663;
font-weight: bold;
}

#content a:hover
{
color: #330;
font-weight: bold;
text-decoration: none;
}

/*----- BEAUTY OF THE MUNDANE -----*/

p#mundanedesc
{
margin: 0px;
padding: 0px;
}

#mundane p, h2
{
padding: 0px;
padding-bottom: 10px;
margin: 0px;
}

#mundane ul, #mundane li
{
list-style: none;
display: block;
padding-left: 0px;
margin: 0px;
}

#mundane #title
{
text-align: right;
padding: 0px;
}

#photonav
{
width: 265px;
height: 18px;
background: #ddd;
font-size: 0.8em;
font-weight: bold;
line-height: 18px;
text-align: center;
}

#photonav li
{
display: inline;
list-style-type: none;
}

#photonav ul
{
margin: 0;
padding: 0;
}

#photonav span.navkey
{
text-decoration: underline;
}

#photonav a
{
text-decoration: none;
color: #333;
padding: 3px 20px;
}

html>body #photonav a
{
padding: 2px 20px;
}

#photonav a:hover
{
background: #bbb;
}

p#phototitle
{
font-weight: bold;
margin: 4px 50px 0px;
font-size: 1.2em;
}

#slogan1
{
color: #330;
margin: 0px;
padding-left: 20px;
}

#slogan2
{
color: #663;
margin: 5px 0px 5px 110px;
}

#highlight
{
color: #663;
}

.sample
{
background: #eee;
border: 4px #ddd solid;
border-width: 4px 0px 0px 4px;
font-size: 1.1em;
margin: 0px 20px 0px 50px;
padding: 0px 10px;
}

html>body .sample
{
font-size: 1.2em;
}

pre, .sample p, .sample code
{

padding: 0px;
margin: 0px;
}

/*----- PORTFOLIO PAGE -----*/

#trident
{
float: left;
width: 100px;
height: 100px;
border: #999 1px solid;
background: url(../images/trident.jpg) top left no-repeat;
text-indent: -1000px;
margin: 0px 0px 20px 0px;
}

#scweb
{
float: left;
width: 100px;
height: 100px;
border: #999 1px solid;
background: url(../images/scweb.jpg) top left no-repeat;
text-indent: -1000px;
margin: 0px 0px 20px 0px;
}

#ts
{
float: left;
width: 100px;
height: 100px;
border: #999 1px solid;
background: url(../images/ts.jpg) top left no-repeat;
text-indent: -1000px;
margin: 0px 0px 20px 0px;
}

.desc
{
float: left;
width: 220px;
padding: 0px 0px 20px 20px;
margin: 0px 0px 20px 0px;
}

p#emailform
{
color: #648dc7;
font-size: 1.5em;
font-weight: bold;
text-align: center;
}

#footer
{
clear: both;
font-size: 0.7em;
width: 650px;
background: #663 url(../images/bottom.jpg) bottom left no-repeat;
padding: 60px 0px 40px 0px;
text-align: center;
margin: 0px;
line-height: 1.2em;
}

#footer a
{
text-decoration: none;
color: #330;
}

#footer a:hover
{
text-decoration: underline;
}

#footer li
{
list-style-type: none;
display: inline;
color: #330;
}

#footer li#copyright
{
display: block;
margin: 0px;
padding: 0px;
}