@charset "utf-8";

body { font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:30px auto; width:90%; color:#333; background:#fff; line-height: 26px; }
p, ul, ol { margin-bottom: 18px; }
ul { list-style-type:square; margin-left: 18px; }
h1, h2, h3, h4, h5 { font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:normal; }	
h1 { font-size: 30px; line-height: 36px; margin: 30px 0 20px 0; }
h2 { font-size: 24px; line-height: 27px; margin: 30px 0 20px 0; }
h3 { font-size: 25px; line-height: 18px; margin: 30px 0 20px 0; }
h4 { font-size: 14px; line-height: 18px; margin: 18px 0;}
h5 { font-size: 12px; font-weight:bold; margin: 18px 0; }
a {	color:#2277bb; text-decoration:none; border:none; outline:none; }
a:hover { text-decoration:underline; }
ol, ul {margin:0px 0px 18px 0px; padding:0px 0px 0px 18px; }
ul ul { margin-bottom:0px; }
ol ol { list-style-type: lower-alpha; }
pre,code { font-family:"Consolas", Courier New, Courier, monospace; padding:0px 6px; background:url(images/code.jpg); margin:0px 0px 18px; border:1px solid #e5e5e5; line-height:18px; color:#000; }
code { padding:0px 3px; background-image:none; background:#f5f5f5; border:none }
pre { white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; }

.logo {float:left; margin-top: -7px;}
.author_box {float:right; margin-top: 10px; color:#666; padding:0px 0px 0px 20px; border-left:1px solid #e5e5e5;}
.info { line-height:1.6em; border-bottom:1px dashed #ccc; border-top:1px dashed #ccc; padding: 7px 0px; margin:10px 0px 20px; }
.info img {float: left; border: 1px solid #ddd; margin-right: 15px;}
.section { padding:18px 0px 18px 0px; margin:0px; border-top:1px dashed #ccc;}
.scroll {font-size:12px;}
.clearf {clear:both;}
.alignright {float:right;}
p.tip { color: #000; padding:5px 10px; background:#ffffe0; border:1px solid #e6db55; }
img { margin:10px 0px; max-width: 100%;}
.footerimg { margin:0px; float:right;}
td { padding: 4px 10px; }