body
{
    margin:0;
    padding:0;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
    color:Black;
    background:#6B6B6B;
    text-align:center; /* centering hack for early IE */
    vertical-align:top;
}

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

h2
{
    margin:0px 0px 16px 0px;
    padding:0;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size:1.2em;
    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";
}

th
{
    margin:0;
    padding:8px;
}

td
{
    margin:0;
    padding:8px;
    border:1px Solid Black;
}



/*
wrapper
*/

.wrapper
{
    position:relative;
    margin:0px auto 0px auto;
    padding:0px;
    width:900px;
    text-align:left;
    background:#fff;
}


/*
header
*/

.header
{
    margin:0;
    padding:0;
    width:100%;
    height:137px;
    background:#fff url('images/theron.header.bg.png');
}


/*
menu
*/

.menu
{
    margin:0px 0px 4px 0px;
    padding:0;
    width:100%;
    height:35px;
    background:#fff url('images/theron.menu.bg.png');
}

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

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


/*
main
*/

.main
{
    margin:0px 52px 0px 230px;
    padding:34px 0px 34px 0px;
}

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

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

.main .story
{
	margin:16px 0px 16px 0px;
	padding:16px;
	background:#f8f8f8;
}

.main .story h2
{

}

.main .sidebar
{
    position:absolute;
    left:52px;
    top:176px;
    width:148px;
    margin:0;
    padding:34px 0px 34px 0px;
}

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

.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:10px;
    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;
}

.code .keyword
{
    color:Blue;
}

.code .comment
{
    color:Green;
}


/*
footer
*/

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