body,
html {
    margin:0;
    padding:0 0 10px 0;
    background:#505050;
    color:#000;
	height:100%;
    }
    
body {
    min-width:960px;
    font-family: "Trebuchet MS", trebuchet, verdana, arial;
    font-size:0.9em;
    }
a img, #comic img {
    border:0;
}

#wrap {
    margin:0 auto;
    width:960px;
}
#header{
    padding:15px 0;
    }
#main {
    float:left;
    width:765px;
    }
#sidebar {
    float:right;
    width:180px;
    }
#footer {
    clear:both;
    text-align:center;
    font-size:0.75em;
    color:#cccccc;
    }
#footer a {
    color:#999;
    text-decoration:none;
}
#footer a:hover {
    text-decoration:underline;
}

div.framehead {
    font-size:2px;
    height: 6px;
    background: 
    url(frame_topleft.gif) 
    top left no-repeat;
}
div.framehead span {
    height:6px;
    display:block;
    background: 
    url(frame_topright.gif) 
    top right no-repeat;    
}
div.framebody {
    background: 
    url(frame_side.gif) 
    top left repeat-y;
    padding-left:6px;
    margin:0;
    
}
div.framebodyr {
    background: 
    url(frame_side.gif) 
    top right repeat-y;
    padding-right:6px;
    margin:0;
    
}
div.framefoot {
    font-size:2px;
    height: 6px;
    background: 
    url(frame_bottomleft.gif) 
    bottom left no-repeat;
    margin-bottom:20px;
}
div.framefoot span {
    height:6px;
    display:block;
    background: 
    url(frame_bottomright.gif) 
    bottom right no-repeat;    
}

#inlay_top a, #inlay_bot a, img.dis {
    margin:0 8px;
}

#inlay_top { 
    text-align:center;
    padding:10px 0 15px 0; 
    background: #303030
    url(inlay_top.gif) 
    bottom repeat-x;
}

#inlay_bot {    
    text-align:center;
    padding:15px 0 10px 0; 
    background: #303030
    url(inlay_bot.gif) 
    top repeat-x;
}

#comic {
    text-align:center;
    background:#fff;
    padding:15px 0;
}

#sidemain {
    background: #DCB069;
    padding:8px;
}

#sidemain ul, #sidemain ol {
    padding:0 0 10px 0;
    margin:0;
    border-bottom:1px dashed #555;
}
#sidemain ol {
    padding:10px 0;
}
#sidemain li {
    list-style-type:none;
}

#sidemain a {
    font-weight:bold;
    color:#333;
    text-decoration:none;
}
#sidemain a:hover {
    color:#666;
}
#sidemain ul a {
    font-size:1.5em;
}
#sidemain input.text {
    width:90px;
}
#sidemain input {
    border:1px solid #555;
    width:50px;
}
#sidemain form {
    margin:0;
    padding-bottom:10px;
    border-bottom:1px dashed #555;
}



#notes, #info, #copyright{
    background:#DCB069;
    padding:15px 30px;
}

#notes .header h1, #info .header h1 {
    display:none;
}

#notes .header, #info .header {
    height: 30px;
    position:relative;
    left:-20px;
    
}

#notes .header {
    background: url(notes.gif) no-repeat;
}

#info .header {
    background: url(info.gif) no-repeat;    
}

#notes, #info {
    border-bottom:1px dashed #555;
}

#info input {
    width:200px;
    border:1px solid #555;
    padding-left:2px;
    color:#555;
}
#info a {
    text-decoration:none;
    color:#00f;
}
#info a:hover {
    text-decoration:underline;
}

label {
    margin-top:10px;
    display:block;
    color:#555;
    text-transform:uppercase;
    font-size:0.75em;
}

#copyright {
text-align:center;
font-size:0.8em;
color:#666;
}
#copyright a {
color:#333;
text-decoration:none;
}

#links {
    font-size:0.85em;
}
#links ol {
	border:0;
	padding-top:0;
	padding-left:10px;
}