body
{
    margin:0;
    padding:0;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size:75%; /* 12px with medium browser text size setting, which is 16px */
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
    color:Black;
    background:#fff;
    text-align:center; /* centering hack for early IE */
    vertical-align:top;
}

h1
{
    margin:0px 0px 16px 0px;
    padding:0;
	font-family: "Tahoma, "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size:1.5em;
    font-style:normal;
    font-weight:bold;
    text-decoration:none;
}

h2
{
    margin:24px 0px 16px 0px;
    padding:0;
	font-family: "Tahoma, "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size:1.125em;
    font-style:normal;
    font-weight:bold;
    text-decoration:none;
}

p
{
    margin:0px 0px 16px 0px;
    padding:0px;
    text-align:left;
}

span
{
    margin:0;
    padding:0;
}

a
{
    margin:0;
    padding:0;
    color:#66D2F1;
}

a:link		{ text-decoration:none; }
a:visited	{ text-decoration:none; }
a:hover     { text-decoration:underline; color:#66D2F1; }
a:active	{ text-decoration:underline; color:#000; }

p>a:link	{ text-decoration:none; }
p>a:visited	{ text-decoration:none; }
p>a:hover   { text-decoration:underline; color:#66D2F1; }
p>a:active	{ text-decoration:underline; color:#000; }

img
{
    display:inline;
    padding:0;
    border:0;
}

table
{
    border-spacing:0;
    border-collapse:collapse;
	font-family: "Lucida Console", "Arial", "Helvetica", "sans-serif";
    font-size:1em;
}

th
{
    margin:0;
    padding:8px;
    font-size:1em;
}

td
{
    margin:0;
    padding:8px;
    font-size:1em;
    border:1px Solid Black;
}



/*
wrapper
*/

.wrapper
{
    position:relative;
    margin:0px auto 0px auto;
    padding:0;
    width:750px;
    text-align:left;
    background:#fff;
    font-size:1em;
}


/*
header
*/

.header
{
    margin:0;
    padding:24px 0px 16px 0px;
    width:100%;
}


/*
menu
*/

.menu
{
    margin:0;
    padding:0;
    width:100%;
    border-top:3px Solid #66D2F1;
    border-bottom:3px Solid #66D2F1;
}

.menu p
{
    margin:0px;
    padding:2px 0px 2px 0px;
}

.menu a
{
    margin:0px 16px 0px 0px;
    padding:0;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size:1em;
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
    color:Black;
}

.menu a:hover
{
    text-decoration:none;
}

.menu img
{
    margin:0;
    padding:2px 0px 2px 0px;
    float:right;
}


/*
main
*/

.main
{
    margin:0px 0px 0px 180px;
    padding:24px 0px 24px 0px;
}

.main ol
{
    margin:0px 0px 0px 32px;
    padding:0;
}

.main li
{
    margin:8px 0px 8px 0px;
    padding:0;
}

.main .story
{
	margin:0;
	padding:0;
}

.main .story > h2
{
	margin:32px 0px 16px 0px;
	padding:4px 12px 4px 12px;
	background:#66D2F1;
	border-radius:8px;
}

.main .sidebar
{
    position:absolute;
    left:0px;
    top:192px;
    width:160px;
    margin:0;
    padding:0;
}

.main .sidebar p
{
    margin:0px 0px 42px 0px;
    padding:0px 4px 0px 0px;
	font-family: "Arial", "Verdana", "Helvetica", "sans-serif";
    font-size:1.33em;
    font-style:normal;
    font-weight:bold;
    text-decoration:none;
    color:#66D2F1;
    border-right:1px Solid #66D2F1;
}

.main .sidebar p>a
{
    text-decoration:underline;
}

.main .code
{
    overflow:hidden;
    margin:16px 0px 16px 0px;
    padding:4px 16px 16px 16px;
    background:#E7FAFF;
	font-family: "Lucida Console", "Crystal", "Courier New", "Courier", "sans-serif";
    font-size:0.8em;
    font-style:normal;
    font-weight:normal;
    line-height:150%;
}

.main .note
{
    margin:16px;
    padding:0;
    min-height:72px;
    background:url('images/theron.note.bg.png');
}

.main .note p
{
    margin:0px 0px 0px 80px;
    padding:0;
}

.main .previous
{
	float:left;
}

.main .next
{
	float:right;
}

.main p.button
{
	margin:32px 0px 16px 0px;
	padding:4px 12px 4px 12px;
	background:#66D2F1;
	border-radius:8px;
	font-size:1.2em;
}

.main p.button > a
{
    color:White;
}

.code .keyword
{
    color:Blue;
}

.code .comment
{
    color:Green;
}


/*
footer
*/

.footer
{
    clear:both;
    margin:0;
    padding:0px 16px 0px 0px;
    height:20px;
}