@charset "utf-8";

/* clear browser default settings */
html, body, h1, h2, h3, h4, h5, h6, hr, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
    padding: 0;
    margin: 0;
    font-size: 11pt;
    font-weight: normal;
}

ol {
    margin-left: 1.4em;
    list-style: decimal;
}

ul { margin-left: 1.4em; }

img { border: 0; }

/* structure: 
 *      wrap
 *          header (title)
 *          nav
 *          menu, content, side
 *          footer
 */
div#wrap {
    background: Lavender;
    width: 960px;
    margin: 10px auto; padding: 5px;
    border-radius: 10px;
}

div#header {
    text-align: center;
}

div#title {
    height: 60px; padding: 20px; 
    font-family: "Comic Sans MS"; font-size: 24pt; font-weight: normal;
    text-align: center
}

div#nav {
    padding: 10px 5px;
    font-family: Tahoma, sans-serif;
    text-align: left;
}

div#menu {
    /* background: CornflowerBlue; */
    width: 180px; min-height: 100px; padding: 0;
    border-radius: 10px;
    float: left;
}

div#content {
    background: Gainsboro;
    width: 570px; min-height: 600px; margin: 0 5px 10px 5px; padding: 10px; 
    border-radius: 10px;
    float: left; 
}

div.news {
    padding: 5px; 
    line-height: 130%;
}

div#side {
    background: Orange;
    width: 160px; min-height: 100px; padding: 10px;
    border-radius: 10px;
    float: left;
}

div.ad {
    padding: 5px; 
    font-family: Tahoma;
    line-height: 1.5em;
}

div#footer {
    padding: 10px 0;
    font-family: Tahoma;
    line-height: 2em; text-align: center;
}

hr { clear: both; }
div#footer hr { margin-bottom: 10px; }

div#menu a {
    background: CornflowerBlue; color: White; 
    width: 164px; margin-bottom: 1px;
    padding: 8px; 
    display: block; 
    font-family: 隶书, 楷体, Georgia, serif; font-size: 14pt; 
    text-align: center; letter-spacing: .5em; 
    text-decoration: none; 
}
div#menu a:hover { background: RoyalBlue; color: White }
div#menu a:nth-child(2) { border-radius: 10px 10px 0 0; }
div#menu a:last-child { border-radius: 0 0 10px 10px; }

div.author {
    padding: 20px; 
    color: #666699;
    text-align: center; line-height: 20px; 
}

h1, h2, h3 {
    font-family: Arial;
    line-height: 160%;
}

h1 { font-size: 16pt; }
h2 { font-size: 14pt; }
h3 { font-size: 12pt; }

p {
    margin: 1em 0;
    font-family: Georgia, 宋体, serif;
    line-height: 130%; text-align:justify; text-indent: 2em;
}

li {
    line-height: 130%;
}

table { margin: auto; border-spacing: 2px }
th { font-size: 10pt; color: #336699; }
td {
    padding: 5px; 
    font-size: 9pt; 
    line-height: 100%; text-align: center; vertical-align: top;
}
td.left { text-align: left; }
td.right { text-align: right; }

pre { font-family: "Courier New" }

a { text-decoration: none; color: Blue; }

img.wrap_left {
    float: left; 
    margin: 0 10px 5px 0;
}

img.wrap_right {
    float: right; 
    margin: 0 0 5px 10px;
}