*{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

html, body {
	color:#666666;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-family:Verdana,Lucida,arial,sans-serif;
	font-size:10pt;
	
	width: 1024px;
}

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

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.hidden {
	display: none;
}

.show {
	display: block;
}

form { margin: 0; padding: 0;}
body { font-family: Verdana, Lucida, arial, sans-serif; background-color: #fff; font-size: 10pt; }
<!--ul, ol, li, h1, h2, h3, h4, h5, p { margin: 0 0 0.5em 0; padding: 0;  }-->

a {padding-left:0.2em; padding-right:0.2em;}
a img { border: 0; }
a:link, 
a:visited {
	color: #666666;
	background-color: #E5E5E5;
	text-decoration: none;
}

a:hover { color: #fff; background-color: #666;}
a:active, 
a:focus  {
	color: #000;
}

.no-bc-link {
	background-color: #fff!important;
}
.no-bc-link:hover {background-color: #999!important;}

input { text-indent: 2px; _text-indent: 0; border: 1px solid #A9A9A9;
	color : #000;}
input[type="submit"] { text-indent: 0; }
hr { display: none; }

h1 { font-size: 130%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 2px solid #DC143C;
}
input.validation-failed, textarea.validation-failed {
	border: 3px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-size: 80%;
	font-weight: bold;
}

.cleardiv { clear: both; height: 1px; font-size: 0; line-height: 0; } 
.verysmall { font-size: 76.01%; }

.warning_msg { margin-bottom: 1em; padding:0.33em 0 0.33em 0; background-color: #66CD00;}
.warning_msg ul li { font-size: 80%; color:#F0FFFF;}
.notice_msg { margin-bottom: 1em; padding:0.33em 0 0.33em 0; background-color: #D2691E;}
.notice_msg ul li { font-size: 80%; color:#F0FFFF;}
.error_msg { margin-bottom: 1em; padding:0.33em 0 0.33em 0; background-color: #FF0000;}
.error_msg ul li { font-size: 80%; color:#F0FFFF;}
.error_msg a:link, .error_msg a:visited {font-size: 120%; color: #A9A9A9;}
.form_error_msg { font-size: 80%; color: #FF0000;}

#header { background-color: #fff; padding: 1em 1em 0.5em; _padding-top: 0.8em; /*14*/ _height: 1px; /*1*/  }
#header a:link, #header a:visited, #header a:hover { color: #00f; text-decoration: none!important; }
#header-l { float: left; background: /*20!!*/url(/includes/logo.50X50.png)/*20!!*/ bottom left no-repeat; padding: 0 0 0 60px; min-height: 50px; _height: 50px; width: 160px;}
#header #socialbookmarking {color: #666; }
#header #header-r a:hover {text-decoration: underline!important; }
#header #menu a:hover {text-decoration: underline!important; }
#header .unauth-h1 { font-size: 145%; margin-bottom: 0px;/*17*/ }
#header .auth-h1 { font-size: 145%; margin-bottom: 0px;/*17*/ }
#header-r { float: right; text-align: right; font-size: 90%; width: 34%;}
#header-r select {border: 1px solid #A9A9A9;}

#header #menu {margin-top: 0.5em; padding-left: 1em;}
#banner {margin: 0em 1em 0pt;}
#banner-l { float: left; bottom left no-repeat; padding: 20px 0 0 0; width: 65%; }
#banner-l h2 {margin:0.3em 0pt 0.75em 53px;}
#banner-r { font-size: 90%; line-height: 1.1; padding: 1.5em; float: right; width: 30%; background-color: #999;}
#banner-r p {color: #fff;}
#banner-r h2 {color: #fff;}

#separate { background-color: #eee; height: 0.4em; border: 1px solid #E4E1DB; border-width: 1px 0 0 0; margin: 0 1em 0.33em 1em; clear: both; }
#status-bar { background-color: #eee; height: 3em; border: 1px solid #ccc; border-width: 1px; margin: 0 1em 0.33em 1em; clear: both; }
#status-bar p {font-size: 100%; padding-top: 1em; padding-left: 1em;}
#main { margin: 1em 1em 0 1em; }

#smain { margin-top: 2em; border: 1px dashed #fff; padding: 1em;}

#container {margin-left: 2em;}
#left-side {float:left; width: 63%; padding: 1em; border-right: 2px #000 solid;}
#right-side {float:right; width: 30%; padding: 1em;  min-height: 460px;}
<!--
#life-log { color: #333333; margin-top: 2em; padding: 1em; }
#life-log .date {font-size:70%; margin-top:1em;text-align:right; display:block; float:left;}
#life-log .message {padding-bottom: 0.3em;display:block; float:right; width: 100%;text-align:right;border-bottom:1px dashed #666;}
#life-log .message:hover {cursor:crosshair; background-color:#EEF3E2; }
-->

#footer {margin: 1em 0; padding: 0 0 0.5em 0; text-align: right; clear: left;}
#footer-inner { margin: 3em 1em 0 1em; }
#footer ul { font-size: 100%; margin:0pt 1em 0.4em 2em; color: #666; }
#footer li { display: inline; border-left: 1px solid #444; padding: 0 0.4em; margin: 0; }
#footer li.first { border-left: 0; padding-left: 0; }

.file-list { line-height: 1.4em; font-size: 90%;}
.filesize {color: #666;}

#newsbox {
	border: 1px dashed #666;
	padding: 0.5em 0.5em 0.5em 1em;
}

.nav-button{
	padding:5px;	
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.left{
	float:left;
	text-align:right;
}

.left:hover{
	text-align:left;
	color: #666666;
	background-color: #E5E5E5;
}

.right{
	float:right;
	text-align:left;
}

.right:hover{
	text-align:right;
	color: #666666;
	background-color: #E5E5E5;
}

.tab_container *{
	width:100px;
}

#fanfou-log ul {
	padding-left: 0em;
}

#fanfou-log ul li {
	text-align: left;
	margin-top: 1em;
	border-bottom: 1px dashed #333;
	background-color: #FFFFFF;
}

#fanfou-log ul li:hover {
	background-color: #ccc;
}

#fanfou-log ul li span{
	font-weight: 500;
	font-size: 1.1em;
}

#fanfou-log ul li span pre{
	text-align: left;
}

.metadata {
	margin-top:0.3em;
	font-size: 0.9em;
	font-weight: 300;
	color: #999;
}

.metadata .left {
	float: left;
}

.metadata .right {
	float: right;
}


.dot-list {
	line-height: 1.4em;
	font-size: 90%;		
}

.dot-list ul {
	padding-left: 0.5em;
}

.dot-list ul li {
	text-align: left;
	margin-top: 1em;
	border-bottom: 1px dashed #333;
	background-color: #FFFFFF;
}

.dot-list ul li:hover {
	background-color: #ccc;
}