/* 
 *	Much of this part is to make the footer come out at the right
 *	position, and is courtesy sample code from 
 *	http://scott.sauyet.com/CSS/Demo/FooterDemo2.html
 */
html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body {
	margin: 0;
}

#contents {
	position: absolute;
	top: 0;
        left: 0;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}

#footie {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 85%; /* See note below */
	text-align: center;
	padding: 0 8%;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
#footie {
    \width: 100%;
    w\idth: 85%;
}
#main {
	margin-bottom: 5em;
	height: auto;
	padding: .5em;
}

/*
 *	on to the regular definitions
 *
 */

body {
	background-color: #ffffff;
	font-family: arial, 'sans serif';
	font-size: 80%
} 
a:link {
	text-decoration: none;
	outline: none;
	border: none;
}
a:visited {
	text-decoration: none;
	outline: none;
	color:#5d5c52;
}
a:hover {
	outline: none;
	color:#242321;
	border-bottom:1px dotted #039;
}
/*
	individual images
*/
img.arrow {
	border: none;
	position: relative;
        float: right;
	top: -12px;
	left: -8px;
} 

img.logo {
	top:5px;
	left:4px;
	float: left;
	position: absolute;
	border: none;
}
img.tagline {
	top:0px;
	left:106px;
	float: right;
	position: absolute;
}
img.ironman {
	top:7px;
	left:440px;
	float: right;
	position: absolute;
}
img.spiderman {
	top:7px;
	left:404px;
	float: right;
	position: absolute;
}
img.superman {
	top:7px;
	left:506px;
	float: right;
	position: absolute;
}
img.wonderwoman {
	top:7px;
	left:530px;
	float: right;
	position: absolute;
}
img.darth {
	top:7px;
	left:605px;
	float: right;
	position: absolute;
}
img.conan {
	top:7px;
	left:625px;
	float: right;
	position: absolute;
}
img.FCBD-head {
	top:8px;
	left:765px;
	float: right;
	position: absolute;
	border: none;
}
img.banner-head {
	top:8px;
	left:404px;
	float: right;
	position: absolute;
	border: none;
}
img.newthisweek {
	border: none;
}
img.comicsevents {
	border: none;
}
img.borderless {
	border: none;
}
img.booksprawl {
	overflow: visible;
	margin-left: -95px;
	left:100px;
	float: right;
	vertical-align:text-top;
	position: relative;
	border: none
	}
img.logoline {
	overflow: visible;
	margin-left: -120px;
	left: 125px;
	float: right;
	vertical-align: text-top;
	position: relative;
	border: none
	}
img.cardlist {
	overflow: visible;
	margin-left: -135px;
	left:130px;
	float: right;
	vertical-align: text-top;
	position: relative;
	border: none
	}
img.gaming {
	overflow: visible;
	margin-left: -120px;
	left:125px;
	float: right;
	vertical-align: text-top;
	position: relative;
	border: none
	}
div.banner-head {
	top:14px;
	left:830px;
	float: right;
	position: absolute;
	color: #ffffff;
	font-size: 80%;
	text-align: center;
}
div.FCBD-head {
	top:38px;
	left:786px;
	float: right;
	position: absolute;
	color: #ffffff;
	font-size: 80%;
	text-align: center;
}
div.header {
	top:0px;
	left:0px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 990px;
	height: 95px;
	z-index: 99999;
        background: #c89b45;
	position: absolute;
}
div.falsehead {
	width: 990px;
	height: 89px;
	padding-bottom: 0px;
	z-index: 2;
	position: relative;
}
div.signup {
	top:52px;
	left:118px;
	float: left;
	position: absolute;
	color: #ffffff;
	font-size: 85%;
	text-align: right;
	font-weight:bold;
}
a.signup:link {
	text-decoration: none;
	outline: none;
	border: none;
	color: #ffffff;
}
a.signup:visited {
	text-decoration: none;
	outline: none;
	color:#5d5c52;
}
a.signup:hover {
	outline: none;
	color:#242321;
	border-bottom:1px dotted #039;
}
div.leftcol {
	float: left; 
	width: 300px; 
	left: 0px;
	margin-left: 0px; 
	margin-top: 0px; 
	z-index: 99998;
	position: absolute;
	margin-bottom:100px; /* adds to bottom to give room for footer */
}
div.eventshead {
	color: #ffffff;
	font-size: 120%;
	text-align: center;
	font-weight:bold;
        background: #3333cc;
	padding-bottom: 0px; 
	}
div.midcol {
	float: left;
	width: 385px;
	margin-left: 306px; 
	margin-right: 8px; 
	position: relative;
	}
p.midtop {
	padding-top: 0px; 
	}
div.rightcol {
	float: left;
	top:0px;
	margin-top:0px;
	margin-bottom:100px; /* adds to bottom to give room for footer */
	width: 283px;
	}
div.bluebox {
	float: left;
	width: 280px;
	position: relative;
	background: #99ccff;
	}
div.redbold {
	margin-left: 10px;
	margin-top: 0px;
	font-weight:bold;
	color: #990033;
        }
p.inblue {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
}
p.inbluenew {
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 20px;
}
marquee.inblue {
	margin-left: 10px;
	margin-right: 20px;
}
/*
	controls the over-printing of address on shop picture
*/
#shopoverlay {
	float: left;
	left: 0px;
	top: 134px;
	position: absolute;
	margin-left: 0px; 
	width: 300px;
	display: inline;
}
p.overlaytext {
	float: left;
	left: 14px;
	top: 154px;
	position: absolute;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1.15em;
	color: #feb439;
}
div.foot {
	left:4px;
	float: bottom;
	position: relative;
	text-align: center;
	color: #666666;
}
p.footerbar {
        margin-bottom: 0px;
}
p.copyright {
        margin-top: 0px;
	font-size: 70%;
	text-align: left;
	margin-left: 5px;
}
/*
	For third-party software
	Comixology not currently used so comment out
#comixology a { text-decoration: none; color: #111111; }
#comixology a:hover { text-decoration: underline; color: #FF0000; }
#cxm_title { font-size: 9px; font-weight: bold; text-transform: uppercase; }
*/
/*
	controls the menus
*/
ul#primary-nav,
ul#primary-nav ul {
	width: 120px;
	margin: 0;
	padding: 0;
	background: #ffffff; /* IE6 Bug */
	font-size: 95%;
}
ul#primary-nav {
	top:70px;
	left:5px;
	float: right;
	width: 981px;
	z-index: 999999;
	position: absolute;
}
ul#primary-nav:after {
	content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

ul#primary-nav li {
	position: relative;
	list-style: none;
	float: left;
	width: 135px; /* Width of Menu Items */
}

ul#primary-nav li a,
ul#primary-nav li li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 5px;
	padding-left:8px;
}

	/* Fix IE. Hide from IE Mac \*/
	* html ul#primary-nav li { float: left; height: 1%; }
	* html ul#primary-nav li a { height: 1%; }
	/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
}
ul#primary-nav ul ul {
	left: 141px;
	top: 0;
}

ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */
ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */
ul#primary-nav li.menuparent { 
	background: transparent url("/images/arrow-down.gif") right center no-repeat; 
}
ul#primary-nav li ul li a{
	background:none;
	height:18px;
	padding:0px 0px 5px 15px;
	background: #c89b45 url("/images/left2.gif") no-repeat left top;
	border-bottom:1px solid #ffffff;
	font-weight:bold;
	margin-left:-6px;
}
ul#primary-nav li.menuparent2:hover,
ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #f9f9f9 !important; }
ul#primary-nav li a:hover { color: #242321; }
ul#primary-nav li li.menuparent2 ul, ul#primary-nav li ul.menuparent2 li a{
	margin-left:-1px;
}
ul#primary-nav a{
	background:#c89b45 url("/images/right.gif") no-repeat right top;
	border-bottom:0px dotted #039;
}
ul#primary-nav li.menuparent {
	background:url("/images/left.gif") no-repeat left top;
	margin:0;
  	padding:0 0 0 5px;
  	font-weight:bold;
}