body {margin:0; padding:0; font-family: verdana, arial, sans-serif; }
table { width: 100%; margin-top: 15px; margin-bottom: 5px; border: none;}
td {padding: 11px 20px 20px 11px;}
td.status {color: #f00;}
td.status a {color:#f00;}

table.newcomics {width: 50%; }
table.newcomics td {padding: 5px 5px 5px 5px;}

table.home {width: 100%; border-spacing: 20px;}
table.home td {font: 1.0em verdana, arial, sans-serif;}
table.home td.ul {border: 2px solid #009;}
table.home td.ur {border: 2px solid #009; background: #ff3;}
table.home td.lr {border: 2px solid #009; background: #f66;}

#artstatus {width:100%; margin:0; padding: 0;}
#artstatus td {padding:0}

#fcbdtext {font: 24px verdana, arial, sans-serif;}

#artlabel {width:100%; margin:0; font-size: large; }
#artlabel #label {padding:0; font-size: larger; font-weight:bold;}
#artlabel #buy {padding:0; text-align:right;font-size: large;}
#artlabel #alt {padding:0; font-size: large;border: 1px solid #000;}
smaller {font-size:smaller;}

red {color:#f00;}

ul.drawer li {display: inline; padding: 15px;}
#artgrid img {padding: 0px; margin-bottom: 0px; border: 1px solid #000000;}

div#header {position: absolute; left: 0; top: 0; height:75px; width: 960px; background-image: url(../images/heroes_bg.gif); background-color: #000000; border-bottom:1px #000000 solid;border-right: 1px #000000 solid;}
 /*styles for header - text-align aligns graphic */
/*
div#header img {margin-left: 0px;}
#logo {position: absolute; left: 0; top:0; width: 310px; height: 120px;}
#strip {position: absolute; left: 325px; top:0; width: 650px; height: 120px;}
*/
/*div#nav {position:absolute; width:490px; left:10px; top:120px;  padding:0, 0, 0, 0;  border: 1px #333333 solid;}			
div#nav ul {margin-left:0; top: 2px; padding-left: 0; white-space: nowrap; border: 1px #333333 solid;}
div#nav li {display: inline; list-style-type: none; padding: 0; margin: 0 0 0 0;}
div#nav a {padding: 3px 20px;}
div#nav a:link, a:visited {text-decoration:none; color:#fff; background-color:#036;}
div#nav a:hover {color: #fff; background-color: #369; text-decoration: none;} 
/* a hack for IE Win only \*/	
/* html div#nav ul {border-top:2px solid #666666;}
/*end of hack */


div#content {position: absolute; left:10px; top:110px; width: 950px; }

div#content h1{font-size:1.4em; font-variant:small-caps; margin-top:0em; font-family: verdana, arial, sans-serif;}
div#content h2{margin: 0px; padding-top: 5px; padding-bottom: 5px;}
div#content h3{margin: 0px; padding-top: 5px;}
div#content p {font-size:14px; margin-top:10px; margin-bottom:.5em; margin-left: 0em;}	
div#content td {font-size:14px;}
div#content a {text-decoration: none;}

div#artimage {width:940px; padding:0px;}
div#artimage img {padding:0px; margin-bottom: 0px; border:5px solid #000000;}

div#update {position:absolute; width:650px; top:120px; left:309px; height: 25px; font: bold 13px Arial;border:1px solid #666666; background: black; border: 1px #000000 solid;}
div#update ul {margin:5px; padding: 0; float: left; border: 1px solid #000000; border-width: 1px 0; background: black url(../images/black.gif);text-align: right;}
div#update ul li {display:inline; padding: 15px 11px; color: white; /*text color*/ }			

/*footer styles*/

div#footer {		margin-top:10px;
					width:100%;  /* makes the div fill its container - usually body */
 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font-size:.75em;  /* sets the font size of all links */
					text-align:center; /* centers the ul elements in the div */
					background-color:#fff; /* sets the background color of the div */
					border-top:1px solid #999999; 
					}
 div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#666666; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#footer ul.fineprint li {color:#000;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li {border-left:0;} /* removes the left border of the list items - IDWIMIE */


div#indentmenu{ position: absolute; left:0px; top: 75px;
font: bold 13px Arial;
width:961px; /*leave this value as is in most cases*/
background-color: #000;
}

div#indentmenu ul{
margin: 0;
padding: 0;
float: left;
/*width: 80%; width of menu*/
border: 1px solid #000000; /*dark purple border*/
border-width: 1px 0;
background: black url(../images/indentbg.gif) center center repeat-x;
}

div#indentmenu ul li{
display: inline;
}

div#indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 10px;
text-decoration: none;
border-right: 1px solid #000000; /*dark purple divider between menu items*/

}

div#indentmenu ul li a img {vertical-align:middle; margin-top: -2px;}

div#indentmenu ul li a:visited{
color: white;
}

div#indentmenu ul li a:hover, div#indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(../images/indentbg2.gif) center center repeat-x;
}

#listgridcontainer
{
width: 600px;
display: block;

}

#listgridcontainer2
{
width: 900px;
height: 100px;
display: block;

}
#listgrid
{
display: block;
list-style: none;
font-size: 16px;
}

#listgrid li
{
list-style: none;
font-family: 'Trebuchet MS', verdana;
margin: 1px;
border: 1px solid #333;
text-align: center;
background: #fff;
display: block;
float: left;
color: #ccc;
}

#listgrid li a
{
margin: 1px;
padding: 0px;
border: 1px solid #000;
font-weight: normal;
display: block;
width: 50px;
text-decoration: none;
color: #003399;
}

#listgrid li a:hover
{
margin: 1px;
padding: 0px;
border: 1px solid #fff;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
font-weight: bold;
}

#listgrid li a#current
{
font-weight: bold;
background: #ECECEC;
border: 1px solid #999;
}

div#listgridfooter {margin-top:20px;
					width:100%;  /* makes the div fill its container - usually body */
 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font-size:.75em;  /* sets the font size of all links */
					text-align:center; /* centers the ul elements in the div */
					background-color:#fff; /* sets the background color of the div */
					border-top:1px solid #999999; 
					}
 div#listgridfooter ul {margin:2px 0;} /* vertical spacing between the lists */
 div#listgridfooter li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#666666; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#listgridfooter ul.fineprint li {color:#000;} /* color for copyright and vert dividers on last row */
 div#listgridfooter ul.fineprint li {border-left:0;} /* removes the left border of the list items - IDWIMIE */
 
 ul.events li { padding:0; font-size: 14px; margin-left: -20px;}