/* general styles */

a {text-decoration: none;}
a:link {color: #fb1;}
a:visited {color: #c61;}
a:hover {color: #f80;}
a:active {color: #d50;}

html, body {background-color: #400;}

body {
    font-family: georgia, serif;
    font-size: 13px; 
    color: #ffb; 
}

p, li, dt, dd {line-height: 140%;}
pre, code {font-family: monaco, monospace; font-size: 90%;}
input, textarea {font-family: georgia, serif;}
em em {font-style: normal;}

h1 {
    background-image: url(/pixels/css/platypus-.jpg); 
    background-repeat: no-repeat;
    background-position: top left;
    position: absolute; top: .4em; left: .8em; 
    margin-top: 0%; 
    padding: 98px 205px 10px;
    font-size: 175%; color: #ffb; 
    font-weight: normal;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {color: #ffb;}

h2, h4 {margin: 0; font-weight: bold;}

h2 {width: 100%; font-size: 280%; color: #000; text-align: right;}

h3 {
	font-size: 125%; 
	position: absolute; top: 139px; left: 2%;
	background-color: #500;
	padding: .5em; margin: 0;
	border: 2px solid #000;
	border-left: 0px;
}

.active {font-style: italic;}

h5 {color: #ffb;}

.content {
    width: 43.5em; padding: 0;
    position: absolute; top: 140px; left: 1.5em;
    padding-bottom: .4em;
    
    background: #500;
    
    /*background: #500 url(/pixels/css/left.png) repeat-y;
	background-position: top right;*/
}