/* http://www.meyerweb.com/eric/css/edge/popups/demo.html */

/** Shapes *****************************************/
body {position: relative; margin: 0; padding: 0;}

div#rightside {position: absolute; top: 26px; left: 171px; right:
    15px; margin: 0; border: 0; padding: 0; font: 13px Verdana,
    sans-serif;}

div#sidebar {position: absolute; top: 81px; left: 0; width: 164px;
    height: 700px; margin-left: 10px; font: 16px Verdana,
    sans-serif; z-index: 100;}
div#sidebar a {display: block; text-align: center; font: bold 1em
    sans-serif; padding: 5px 10px; margin: 0 0 1px; border-width: 0;
    text-decoration: none; border-right: 2px;}
div#sidebar h2 {margin: 0 0 0.5em; padding: 5px; text-align: center;
    letter-spacing: 0.5em; text-transform: lowercase; font: bold
    13px sans-serif; vertical-align: middle; white-space: nowrap;}

div#content {padding: 10px; border: 0px;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}

div#content h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px;
    text-align: right; letter-spacing: 0.5em; text-transform:
    lowercase; font: bold 25px sans-serif; height: 28px;
    vertical-align: middle; white-space: nowrap;}

div#content dt {font-weight: bold;}
div#content dd {margin-bottom: 0.66em;}
div#content code, pre { font: 110% monospace;}

div#content img#picture {position: absolute; right: 15px; top: 70px;}

div#footer {position: relative; text-align: right;}
div#footer img {border: 0;}

/** Colors *****************************************/
body {background: #DDDDDD;}

div#sidebar a {color: #444444; background: #AAAAAA; border-right:
    solid #DDBB55;}
div#sidebar a.active {color: #222222; background: #EEEE99;
    border-color: #DDDD77;}
div#sidebar a:hover.active { border-color: #DDBB55;}
div#sidebar a:hover {color: #222222; background: #DDBB55;}
div#sidebar h2 {color: #777777;}

div#content {color: #000066; background: #EEEE99; border: solid
    #DDBB55;}

h1 { background: #FFDD77; color: #000066;}
div#content a:link {color: #2222BB;}
div#content a:visited {color: #6666AA;}
div#content a:link:hover {color: #FF4444;}
div#content a:visited:hover {color: #FF4444;}
code, pre {color: #EDC;}

div#footer {color: #AAAAAA;}
div#footer a {color: #888888}
div#footer a:link:hover {color: #FF4444;}
div#footer a:visited:hover {color: #FF4444;}