body {
background-image: url(/navimages/main-images/background.jpg);
background-position: top;
background-repeat: repeat-x;
background-color: #FFFFFF;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
}
a:link {
color: #CC0000;
text-decoration: underline;
}
a:visited {
color: #CC0000;
text-decoration: none;
}
a:active {
color: #CC0000;
text-decoration: none;
}
a:hover {
color: #CC0000;
text-decoration: underline;
}
#header {
width: 650px;
height: 150px;
background-image: url(/navimages/main-images/page-head/head.jpg);
background-position: top left;
background-repeat: no-repeat;
}
#toonheader {
width: 650px;
height: 150px;
background-image: url(/navimages/main-images/page-head/toons.jpg);
background-position: top left;
background-repeat: no-repeat;
}
#righthead {
background-image: url(/navimages/main-images/bg-top.jpg);
background-position: top left;
background-repeat: no-repeat;
width: 250px;
height: 231px;
}
#mainbody {
background-image: url(/navimages/main-images/head-bottom.jpg);
background-position: top;
background-repeat: no-repeat;
background-color: #FFFFFF;
padding: 15px 5px 5px 5px;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
border-left: 1px #000000 solid;
font-size: 11px;
vertical-align: top;
z-index: 5;
}
#bookmark {
text-align: right;
background-image:  url(/navimages/main-images/footer.jpg);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #333333;
padding: 2px;
margin-left: -5px;
margin-right: -5px;
}
#cartoonbox {
background-color: #333333;
background-image: url(/navimages/main-images/cartoonbg.jpg);
background-position: top;
background-repeat: repeat-x;
margin-left: -5px;
margin-right: -5px;
text-align: center;
}
#redframe {
background-color: #333333;
background-image: url(/navimages/main-images/cartoonbg.jpg);
background-position: top;
background-repeat: repeat-x;
margin-left: -5px;
margin-right: -5px;
text-align: center;
border-top: 1px #CC0000 solid;
border-bottom: 1px #CC0000 solid;
}
#redframe2 {
background-color: #FFCC00;
margin-left: -5px;
margin-right: -5px;
display: block;
text-align: center;
border-top: 1px #CC0000 solid;
border-bottom: 1px #CC0000 solid;
}

/* Text Formatted CSS */
.mainhead {
color: #CC0000;
font-size: 12px;
font-weight: bold;
}
.pagenames {
color: #cc0000;
font-size: 13px;
font-weight: bold;
}
.redsub {
color: #cc0000;
font-size: 11px;
font-weight: bold;
}
.poemhead {
color: #CC0000;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}
#heartsig {
font-weight: bold;
color: #FF0000;
}
#updatenew {
background-color: #000000;
border: 1px #CC0000 solid;
}
#updatenew tr td {
padding: 5px;
color: #FF0000;
font-size: 11px;
background-image: url(/navimages/main-images/jizzupdate.jpg);
background-position: top right;
background-repeat: no-repeat;
}
#updatenew a:link {
color: #FFFFFF;
}
#updatenew a:visited {
color: #FFFFFF;
}
#updatenew a:active {
color: #FFFFFF;
}
#updatenew a:hover {
color: #FF9900;
}
#updateold {
margin-top: 10px;
margin-bottom: 10px;
background-color: #FFFF66;
border: 1px #CC0000 solid;
}
#updateold tr td {
color: #000000;
font-size: 11px;
padding: 5px;
background-image: url(/navimages/main-images/peepee.jpg);
background-position: top right;
background-repeat: no-repeat;
}


/* Text Formatted CSS */

/* Cyber Busters */
#bustercont {
width: 250px;
font-size: 11px;
margin-bottom: 2px;
}
#busteebox1 {
width: 12px;
height: 12px;
background-color: #000066;
margin-right: 3px;
float: left;
}
#busteebox2 {
width: 12px;
height: 12px;
background-color: #FF0000;
margin-right: 3px;
float: left;
}
.cyberper1 {
color: #000066;
}
.cyberper2 {
color: #FF0000;
}
/* End Cyber Busters */




/* Poem CSS Box */
#poemlist {
list-style: none;
width: 450px;
}
#poemlist li {
float: left;
width: 140px;
margin-right: 10px;
margin-bottom: 2px;
}

#poemlist li a:link {
border: 1px #000000 solid;
width: 140px;
display: block;
text-decoration: none;
padding: 3px;
}
#poemlist li a:visited {
border: 1px #000000 solid;
width: 140px;
display: block;
text-decoration: none;
padding: 3px;
}
#poemlist li a:active {
border: 1px #000000 solid;
width: 140px;
display: block;
text-decoration: none;
padding: 3px;
}
#poemlist li a:hover {
border: 1px #000000 solid;
width: 140px;
display: block;
color: #FFFFFF;
background-color: #990000;
}

/* stop the floating after the list */
#endlist {
clear: left;
}
/* End Poem CSS Box */


/* Toons CSS Box */
#toonlist {
list-style: none;
width: 580px;
}
#tooncontainer {
width: 260px;
}
#toonpic {
width: 50px;
height: 50px;
border-right: 1px #000000 solid;
float: left;
}
#toontext {
width: 200px;
float: right;
}
#toontext strong {
color:cc0000;
font-weight:bold;
display:block;
}
#tooncontainer a:link {
text-decoration: none;
color:#333333;
}
#tooncontainer a:visited {
text-decoration: none;
color:#666666;
}
#tooncontainer a:hover {
text-decoration: none;
color:#333333;
}
#tooncontainer a:link {
text-decoration: none;
color:#333333;
}
#toonlist li {
float: left;
width: 260px;
border: 1px #000000 solid;
margin-right: 10px;
margin-bottom: 4px;
}
/* End Toon CSS Box */


/* Drawings Box */
#artlist {
list-style: none;
width: 560px;
}
#artlist li {
float: left;
width: 250px;
margin-right: 10px;
margin-bottom: 4px;
border: 1px #000000 solid;
background-color:#000000;
}
#artpic {
border-bottom: 1px #000000 solid;
margin-bottom:0px;
}
#buynow {
float:right;
width:87px;
}
#editionbox {
background: #000000;
padding: 1px;
color: #FFFFFF;
text-align: right;
font-style: italic;
font-weight: bold;
float:left;
margin-left:5px;
}
#artlink {
padding: 2px;
}
#cart {
width: 555px;
text-align: right;
}
#importantbox {
background-color: #FFFF99;
border: 1px #FF0000 dashed;
padding: 4px;
color: #FF0000;
font-size: 11px;
font-weight: bold;
background-image: url(/navimages/main-images/importantfade.jpg);
background-position: bottom;
background-repeat: repeat-x;
margin-bottom: 10px;
}
/* End Drawings Box */


/* Footer */
#footercontainer {
width: 650px;
vertical-align: top;
}
#period {
background-image: url(/navimages/main-images/period-splatter.jpg);
background-position: top;
background-repeat: no-repeat;
width: 200px;
height: 41px;
padding-top: 2px;
padding-left: 50px;
font-size: 10px;
font-weight: bold;
float: left;
}
#footernav {
background-image: url(/navimages/main-images/footerbg.jpg);
background-position: top;
background-repeat: no-repeat;
width: 364px;
height: 35px;
font-size: 11px;
color: #ffcc00;
padding-top: 2px;
text-align: center;
float: right;
}
#footernav a:link {
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
#footernav a:visited {
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
#footernav a:active {
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
#footernav a:hover {
font-size: 10px;
color: #ffcc00;
text-decoration: none;
font-weight: bold;
}
/*End footer */

/* Left Nav */
#navcontainer {
width: 100px;
}
#leftnavtop {
background-image: url(/navimages/main-images/menu-top.jpg);
background-position: bottom;
background-repeat: no-repeat;
height: 82px;
}
#leftmenu {
background-color: #000000;
}
#leftmenu div a:link {
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
display: block;
padding-left: 5px;
}
#leftmenu div a:visited {
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
display: block;
padding-left: 5px;
}
#leftmenu div a:active {
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
display: block;
padding-left: 5px;
}
#leftmenu div a:hover {
font-size: 11px;
font-weight: bold;
color: #000000;
background-color: #FFFFFF;
text-decoration: none;
display: block;
padding-left: 5px;
}


#leftnavbottom {
background-image: url(/navimages/main-images/menu-bottom.jpg);
background-position: top;
background-repeat: no-repeat;
height: 170px;
}
/*End Left Nav */