html {
	font-family: arial, helvetica, sans-serif;
	background: #808284 url(bg.gif) top left no-repeat;
	background-repeat: repeat-x;
	color:#fff;
	font-size: 1.05em;
	margin:0 0;
	padding:0;
}
body {
	width: 80%;
        min-width: 32em;
	margin: 0 auto;
}
.header {
	text-align:right;
	font-size:2.5em;
	margin: 2% 5% 0 0;
}
.tabs {
        display:table;
        padding:0;
        margin:0 0 0 4%;
        white-space:nowrap;
        list-style-type:none;
}
.tabs li {
        display:inline;
}
.tabs a {
        -moz-border-radius: 0.75em;
        -webkit-border-radius: 0.75em;
        -khtml-border-radius: 0.75em;
        border-radius: 0.75em;
        display:block;
        float:left;
        color:#000;
        background:#ccc;
        text-decoration:none;
        font-weight:bold;
        padding:0.8em 1.3em 2em;
        margin:1px;
        border:0px;
}
.tabs a:hover {
        border:1px solid #ccc;
        margin:0px;
}

#selTab {
        background:#fff;
}
#mainText {
	clear:both;
        -moz-border-radius: 0.75em;
        -webkit-border-radius: 0.75em;
        -khtml-border-radius: 0.75em;
        border-radius: 0.75em;
        padding:1em 1.8em;
	position:relative;
	top:-1.7em;
	color:#000;
        background:#fff;
}
.footer {
        float:right;
	position:relative;
        margin-top:2em;
        right:4%;
        color:#ffe;
}
.source-code {
	/*white-space: nowrap;*/
	margin-left:4em;
}