html, body, ul, ol, li, dl, dt, dd, p,
h1, h2, h3, h4, h5, h6, blockquote,
form, fieldset, legend, table, td, th {
    margin: 0;
    padding: 0;
}

body {
    background: #efede9;
    color:#505250;
    font-family:Helvetica,Arial,Sans-Serif;
    font-size: 0.8em;
    background:url(bar.gif) repeat-x #efede9;
}

pre {
    font-size: 1.1em;
}

.wrapper {
position: relative;
margin: 0 auto;
width: 980px;
}

.header {
    height: 100px;
    background: #343430;
}

.header h1 a {
text-decoration: none;
color: #696969;
font-size:1.5em;
font-weight:normal;
margin-left: 80px;
}

.nav-wrapper {
position: absolute;
height: 60px;
top: 50px;
left: 70px;
}

ul.nav {
position: relative;
height:40px;
top: 20px;
}

ul.nav li {
position: relative;
list-style:none;
float:left;
margin-left: 10px;
background: #343430;
}

ul.nav li.selected {
background: #eee;
}

ul.nav li a {
display: block;
font-size: 16px;
height: 30px;
padding: 0 10px;
text-decoration: none;
color: #eee;
line-height: 30px;
}

ul.nav li.selected a {
color: #333;
}

ul.nav li.selected .tab-l {
position: absolute;
width: 10px;
height: 20px;
top: 0;
background-image: url(corners.png); 
background-repeat: no-repeat;
}

ul.nav li.selected  .tab-r {
position: absolute;
width: 10px;
height: 20px;
background-image: url(corners.png); 
background-position: -10px 0;
background-repeat: no-repeat;
right: 0;
top: 0;
}


.sidebar {
margin-top: 1em;
float: right;
width: 300px;
}

.clear {clear:both;}

.content {
margin-top: 1em;
margin-left: 80px;
float: left;
width: 550px;
}

.content a:hover, .sidebar a:hover {
    color:#505250;    
}
.content, .sidebar {
line-height: 1.6;
}

.content p, .sidebar p {
margin-top: 1em;
}

.content a, .sidebar a {
    color:#333;
}

.content h3 {
    margin: 1em 0;
}