* {margin: 0; padding: 0;}

html {height: 100%; padding-bottom: 1px;}
body {background: #FCFCFC; font: normal 13px Verdana,sans-serif; color: #345; padding-top: 48px;}

a {color: #06A;}
a:hover {color: #036;}

p {margin: 2px 0 8px;}

h1 {font: normal 1.6em Tahoma,sans-serif;}
h2 {font: bold 1.2em sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}

h1,h2,h3 {margin: 2px 0;}

blockquote {
	background: #FAFAFA url('img/quote.gif') no-repeat;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #555;
	display: block;
	font: normal 1em sans-serif;
	margin: 1em 0;
	padding: 0.6em 1em 0.2em 40px;
}

fieldset {padding: 12px 10px; background: #EFE; color: #232; border: 1px solid #DED; margin-bottom: 1em;}
legend {font: bold 1em Verdana,sans-serif; padding: 0 6px; color: #363;}

img {border: none;}

textarea {width: 320px;}

small,.small {font-size: 0.8em;}

#container {width: 780px; margin: 0 auto;}

#path {margin: 5px 0; background: #F6F8FA; border-top: 1px solid #E0E5F0; padding: 8px 10px; color: #888;}

#nav {padding-top: 20px; font-size: 1.1em;}
#nav a {color: #364E6D; text-decoration: none; margin-left: 12px;}
#nav a:hover {text-decoration: underline;}

#splash {width: 780px; height: 202px; margin-bottom: 10px; background: url('img/splash-new.jpg') no-repeat left bottom;}
#splash .container {width: 440px;}
#splash .content {padding: 32px 0 0 32px; color: #EEE;}
#splash a {color: #FFD;}
#splash h2 {color: #FFF;}

#main {margin: 15px 0 0;}
#main_left {width: 60%;}
#main_right {width: 36%;}

#footer {font-size: 0.9em; border-top: 1px solid #E6E6E6; background: #F6F6F6; padding: 8px 12px; color: #666;}

.bordered {border: 1px solid #DDD; background: #FFF; padding: 5px;}
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}
.bold {font-weight: bold;}
.separator {background: url('img/separator.gif') no-repeat center center; font-size: 0; height: 40px;}
div.error,div.success {padding: 10px 10px 2px; margin-bottom: 12px;}
.error {color: #600;}
.success {color: #030;}
.tright {text-align: right;}
div.error {background: #FEE; border: 1px solid #EAA;}
div.success {background: #EFE; border: 1px solid #AEA;}

.post {margin-bottom: 12px;}
.post .date {color: #468; font-size: 0.9em; margin: 4px 0 6px;}
.post .body {margin-bottom: 12px; line-height: 1.4em;}
.post .metadata {background: #F6F6F6; border-top: 1px solid #E6E6E6; font: normal 1em sans-serif; padding: 4px 6px;}
.post .metadata a {color: #333;}

.commentlist {margin-top: 1em; font-size: 0.9em;}
.commentlist .post .date {margin-bottom: 3px;}

#main_right .content {padding: 2px 8px 4px; background: #FAFAF2; border-top: 1px solid #EAEAE2; margin-bottom: 14px;}

.subnav li {list-style: none; padding: 3px 0;}

span.comment {background: url('img/comment.gif') no-repeat left center; padding-left: 18px;}
span.external {background: url('img/external.png') no-repeat right center; padding-right: 14px;}

.nextprev {border-top: 1px solid #E6E8EA; border-bottom: 1px solid #E6E8EA; font-size: 0.9em; padding: 8px 0; margin-bottom: 12px;}

#s_arcsin {background: url('img/s_arcsin.gif'); width: 60px; height: 60px;}
#s_qwdrama {background: url('img/s_qwdrama.gif'); width: 60px; height: 60px;}
#s_dcs {background: url('img/s_dcs.gif'); width: 108px; height: 39px;}

#sponsors {padding-bottom: 10px;}
#sponsors a {display: block; float: left; margin: 5px 5px 0 0; border: 2px solid #FFF;}
#sponsors a:hover {background-position: left bottom;}

table.datatable {width: 100%; border-collapse: collapse; margin-bottom: 14px;}
.datatable td {padding: 2px;}
.datatable tr.odd {background: #F2F2F2;}