body {
margin: 0px;
padding: 0px;
font-family: "Trebuchet MS", "Gill Sans", Verdana, Arial; /* moz start */
}


/* SIDEBAR -- LOGO */
/* SIDEBAR -- LOGO */


.sidebar {
position: absolute;
top: 0px;
left: 0px;
padding: 10px;
width: 220px; 
voice-family: "\"}\""; 
voice-family: inherit;
width: 200px;
}

.top {
display: block;
height: 100px;
width: 200px;
background: #ffffff url(logo2c.jpg) no-repeat top right; 
}

.bottom {
display: block;
height: 100px;
width: 200px;
background: #ffffff url(logo3c.jpg) no-repeat top right; 
}

.top:hover {
display: block;
height: 100px;
width: 200px;
background: #ffffff url(logo2c.jpg) no-repeat; 
}

.bottom:hover {
display: block;
height: 100px;
width: 200px;
background: #ffffff url(logo3c.jpg) no-repeat; 
}

form {
margin: 0px;
padding: 5px;
}


/* SIDEBAR -- NAVIGATION */
/* SIDEBAR -- NAVIGATION */


dl.navigation {
margin: 0px;
border: 2px #C0C0C0 solid;
border-bottom: none;
}

dl.navigation dt {
background-color: #8F8F8F;
color: white;
}

dl.navigation dt a {
display: block;
background-color: #8F8F8F;
color: #C0C0C0;
text-decoration: none;
font-weight: bold;
border-left: 20px solid #8F8F8F;
padding: 2px 0px 2px 5px;
}

dl.navigation dt a:hover {
background-color: white;
border-left: 20px solid #FFAD29;
color: black;
padding: 2px 0px 2px 5px;
}

/*

dl.navigation dt a.first {
display: block;
background-color: #8F8F8F;
color: #C0C0C0;
text-decoration: none;
font-weight: bold;
border-left: 0px solid #8F8F8F;
padding: 2px 0px 2px 5px;
}

dl.navigation dt a.first:hover {
background-color: white;
border-left: 0px solid #FFAD29;
color: black;
padding: 2px 0px 2px 5px;
}

*/

dl.navigation dd.description {
border-bottom: 2px #C0C0C0 solid;
margin: 0px;
padding: 2px 5px 2px 25px;
background-color: #8F8F8F;
color: #C0C0C0;
}

dt:hover + dd.description {
border-left: 20px solid #FFAD29;
margin-left: 0px;
padding: 2px 5px 2px 5px;
background-color: #39c;
color: white;
}


/* SIDEBAR -- LINKBOX */
/* SIDEBAR -- LINKBOX */

.linkbox {
margin-top: 20px;
}

.linkbox p {
border: 2px black solid;
border-bottom: none;
margin: 0px;
background-color: #BFBFBF;
color: white;
font-weight: bold;
padding: 2px 0px 2px 5px;
}

.linkbox p:hover {
background-color: #FFAD29;
color: white;
}

.linkbox ul {
list-style-type: none;
padding: 0px;
margin: 0px;
border: 2px black solid;
border-bottom: none;
}

.linkbox ul li {
border-bottom: 2px black solid;
text-align: left;

}

.linkbox ul li a {
display: block;
background-color: #DBDBDB;
color: #BFBFBF;
text-decoration: none;
font-weight: bold;
border-left: 20px solid #DBDBDB;
padding: 2px 0px 2px 5px;
}

.linkbox ul li a:hover {
background-color: white;
border-left: 20px solid #FFAD29;
color: black;
padding: 2px 0px 2px 5px;
}

.advert {
font-size: 80%;
margin-top: 20px; 
border: black dashed 2px; 
}

.advert a {
text-decoration: none;
display: block;
font-weight: bold; 
color: #BFBFBF; 
background-color: #DBDBDB; 
border-left: #DBDBDB solid 20px; 
padding: 5px; 
}

.advert a:hover {
text-decoration: none;
display: block;
font-weight: bold; 
color: black; 
background-color: white; 
border-left: #FFAD29 solid 20px; 
padding: 5px;
}

.sidebar a img {
margin: 20px 0px 0px 0px;
border: none;
}

/* CONTENT */
/* CONTENT */


h1 {
margin: 0;
font-family: Arial;
margin-right: 20px;
text-align: right;
}

.content {
margin: 0px 20px 20px 230px;
border: 4px black solid;
background-color: #FFAD29;
}

.comlink, .date {
margin: 0px -20px 0px 10px;
padding: 0px 5px 0px 5px;
background-color: #39c;
border: 1px solid black;
border-top: none;
float: right;
font-weight: bold;
font-style: italic;
}

.content {
color: black;
}

.content a {
text-decoration: underline;
color: black;
/* color: white;
font-weight: bold; */
}

.content a:hover {
color: white;
}

.comlink a {
text-decoration: none;
color: white;
font-weight: bold;
}

.comlink a:hover {
color: black;
}

p {
margin: 5px 5px 5px 5px;
padding-left: 5px;
}

.topbar {
background-color: #FED3A7;
border-bottom: 4px black solid;
text-align: center;
font-weight: bold;
padding: 2px 5px 2px 5px;
}

.topbar a {
color: #FFAD29;
text-decoration: none;
}

.topbar a:hover {
color: black;
padding: 5px 0px 5px 0px;
}

p.intro {
text-align: center;
}

h2 {
margin: 10px -20px 0px 10px;
padding-right: 5px;
background-color: #39c;
border: 1px solid black;
text-align: right;
font-family: Arial;
}

.bottombar {
background-color: #FED3A7;
border-top: 4px black solid;
text-align: center;
font-weight: bold;
padding: 2px 5px 2px 5px;
}

.bottombar a {
color: #FFAD29;
text-decoration: none;
}

.bottombar a:hover {
color: black;
}


/* CONTENT -- QUOTES */
/* CONTENT -- QUOTES */

.comauthor a.link {
color: white;
font-weight: bold;
text-decoration: none;
}

.comauthor a.link:hover {
color: black;
font-weight: bold;
text-decoration: none;
}

.comauthor a.nolink {
color:black;
font-weight: bold;
text-decoration: none;
}

.comauthor a.nolink:hover {
color:black;
font-weight: bold;
text-decoration: none;
}

blockquote, .blockquote, .comdata {
margin: 10px 0px 10px 25px;
padding: 5px;
background-color: #FED3A7;
border-left: 2px dashed black; 
}

blockquote a, .blockquote a, .comdata a {
color: black;
}

blockquote a:hover, .blockquote a:hover, .comdata a:hover {
color: white;
}

.message1 {
color: blue;
font-weight: bold;
}

.message {
color: red;
font-weight: bold;
}


/* CONTENT -- TITLE GOES HERE */
/* CONTENT -- TITLE GOES HERE */


table.comic {
width: 400px;
border: 3px solid black;
margin: 10px auto 10px auto;
}

table.comic td {
background-color: white;
color: black;
}

td.title {
border-bottom: 3px solid black;
text-align: center;
}

td.profimg1 {
width: 150px;
border-bottom: 3px solid black;
border-right: 3px solid black;
}

td.proftext1 {
width: 250px;
vertical-align: top;
text-align: right;
border-bottom: 3px solid black;
padding: 5px;
}

td.classimg {
border-bottom: 3px solid black;
}

td.classtext {
text-align: center;
border-bottom: 3px solid black;
padding: 5px;
}

td.profimg2 {
width: 150px;
border-bottom: 3px solid black;
border-right: 3px solid black;
}

td.proftext2 {
width: 250px;
vertical-align: bottom;
text-align: right;
border-bottom: 3px solid black;
padding: 5px;
}

td.copy img {
vertical-align: middle;
padding: 5px;
}

table.comic a {
color: black;
text-decoration: underline;
}

table.comic a:hover {
color: black;
}

.entryimg {
float: left;
padding: 10px;
clear: left;
}

/* ADD COMMENT */
/* ADD COMMENT */


#comment {
margin: 0px -5px 0px 20px;
text-align: right;
}


textarea {
font-size: 100%;
border: 1px solid black;
border-right: none;
margin-top: 5px;
background-color: #FED3A7;
font-family: "Trebuchet MS", "Gill Sans", Verdana, Arial; /* moz start */
padding: 2px;

}

label {
margin-right: 5px;
}

.floater {
font-size: 100%;
padding: 2px;
border: 1px solid black;
border-right: none;
margin-top: 5px;
background-color: #FED3A7;
font-family: "Trebuchet MS", "Gill Sans", Verdana, Arial; /* moz start */
}

.submit {
padding: 2px;
font-size: 100%;
border: 1px solid black;
border-right: none;
margin-top: 5px;
background-color: #FED3A7;
font-family: "Trebuchet MS", "Gill Sans", Verdana, Arial; /* moz start */
}