/* Basic elements */

body{
 margin: 0; padding: 0;
 background: #ccf url(../grafix/elements/bak-y.gif) repeat-y;
 font: .85em trebuchet ms, arial, helvetica, sans-serif;
}

p, ul, ol, li{
 margin-bottom: 0;
}

h1, h2, h3{
 color: #039;
}

blockquote{
 border-left: 3px solid #ccf;
 border-right: 3px solid #ccf;
 padding: 0 5px;
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 0;
}

blockquote div{
 text-align: right;
 font-style: italic;
 font-size: .9em;
}

code{
 font-size: 100%;
}

div#logo{
 background: url(../grafix/elements/bak-x.gif) repeat-x;
}

div#logo img{
 display: block;
 width: 550px; height: 213px;
 border: 0;
}

img#bear{
 position: absolute;
 top: 42px; right: 15px;
 width: 90px; height: 90px;
}

div#main{
 background: #fff;
 border: 3px solid #039;
 margin: -55px 15px 5px 160px;
 padding: 5px;
}

div#copymsg{
 background: #ddf;
 border: 2px inset #ccf;
 margin: 5px 15px 10px 160px;
 padding: 2px 5px;
 font-size: .9em;
}

div#topnav{
 background: transparent;
 color: #fff;
 position: absolute;
 top: 136px; right: 15px;
 font-size: 12px;
 text-align: right;
}

div#topnav span{
 color: #ccf;
}

div.details{
 background: #fff;
 border: 2px solid #039;
 margin: 5px 15px 5px 160px;
 padding: 2px 5px;
 font-size: .9em;
}


/* Hyperlinks */

a:link{
 color: #c00;
}

a:visited{
 color: #600;
}

a:hover, a:active{
 color: #00f;
}

div#topnav a:link, div#topnav a:visited{
 color: #fff; text-decoration: none;
}

div#topnav a:hover, div#topnav a:active{
 color: #ff9; text-decoration: underline;
}

div#copymsg a:link{
 color: #930;
}

div#copymsg a:visited{
 color: #300;
}

div#copymsg a:hover, div#copymsg a:active{
 color: #06f;
}


/* Main nav bar */

div#navbar{
 position: absolute;
 top: 220px; left: 19px; width: 104px;
 border-bottom: 1px solid #000;
}

div#navbar a, div#navbar div{
 display: block;
 text-decoration: none;
 text-align: right;
 font-weight: bold;
 padding: 3px 3px 3px 0;
 border-top: 1px solid #000;
}

div#navbar div{
 background: #039;
 color: #ff9;
}

div#navbar a:link, div#navbar a:visited{
 background: #ff9; color: #900;
}

div#navbar a:hover, div#navbar a:active{
 background: #66f; color: #fff; text-decoration: none;
}


/* Tables */

table.tab{
 margin-top: 10px;
}

table.tab th, table.tab td{
 padding: 3px; margin: 1px;
 border: 1px solid #666;
 background: #ffe;
}

table.tab th{
 text-align: left;
 background: #039; color: #fff;
}

table.tab .highlight{
 background: #ff9; color: #000;
}

table.tab .warn{
 background: #fcc; color: #000;
}

table.tab td{
 font-size: .8em;
}