@import "reset.css";
@import "jitsys.css";
.pn {
    font-family: "Courier New";
    font-size: larger;
    padding:5px 0;
}
.bc {
    font-family: "Courier New"
}
.sm {
    font-family: "Courier New"
}
h1 {
    color: #333;
    font-size: 24px;
    padding:5px 0;
    font-weight: bold;
    text-transform:lowercase;
}
h2 {
    color: #777;
    font-size: 20px;
    font-weight: normal;
    text-transform:lowercase;
    margin:5px 0;
}
p {
    padding: 5px 0;
}
body, html {
    background:#f5f5f5;
    font:14px georgia, sans-serif;
    color:#777;
}
#top {
    font-family: courier;
    width:760px;
    text-align:right;
    padding:5px;
}
#main {
    border:1px solid #ddd;
    background:#fff;
    margin:10px;
    min-height:50em;
    padding:10px;
    width: 760px;
}
* html #main {
    height:100%;
} /*ie only fix*/
#banner {
    padding:5px;
    margin:0 10px;
    height:141px;
    font: bold 24px courier, sans-serif;
    background: #000 url(/img/thaabit/joemoon.jpg) no-repeat top right;
    width:772px;
}
#banner h1,
#banner h2 {
    color: #aaa;

}
#nav {
    background:#777;
    color:#ddd;
    font-size:12px;
    height:30px;    
    margin:0 10px;
    padding:0;
    width:782px;
}
#nav li {
    float:left;
    display:inline;
    padding:0;
    border:0;
}

#nav a {
    font-weight: bold;
    font-family: courier new;
    line-height: 34px;
    font-size: larger;
    text-decoration:none;
    padding:8px 8px 5px 4px;
    color:#333;
    background:#aaa;
    border-right:2px solid #ddd;
    white-space:nowrap;
}   
#nav a:hover {
    background:#999;
}
#sidebar {
    background:#dedede;
    clear:both;
    position:absolute;
    top:167px;  
    vertical-align:top;
    width:200px;
}
#pagenumbers {
    margin:10px;
    font-size: 10px;
    letter-spacing: 1px;
}
#footer {
    background:#eee;
    border-top:double 3px #999;
    clear:both;
    font-size:10px;
    letter-spacing:1px;
    padding:5px;
    margin-left:10px;
    width:772px;
}
ul li {
    border-top: 1px dotted #ddd;
    padding:5px 0;
}
dl {
    border-bottom: 1px dotted #ddd;
}
dt {
    border-top: 1px dotted #ddd;
    font-size:larger;
    padding: 5px 0;
    width:100%;
}
dt a {
    font-size: larger;
    text-decoration:none;
}
dd {
    padding: 5px 0;
}
ul.autowrap {
    border:0;
}
ul.autowrap li {
    border:0;
    padding:0;
    margin:0;
    background:#fffff0;
    color:#777;
    overflow:hidden;
    float:left;
    width:150px;
    height:150px;
}
div.edit a {
    font-family:  "Courier";
    font-size: smaller;
}