/*

Swatch Colors:
Dark Green - 071800
Dark Grey - 242424
Light Grey - 616060
Off White - fbfbfb

*/

/* Resets and Overrides 
========================*/

*
{
	margin: 0;
	padding: 0;
}

img
{
	border:none;
}

/* Links and Type
========================*/
body
{
	background: #242424;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}

a:link, a:active, a:visited
{

}

a:hover
{

}

#header a, #footer a
{
	color: #fff;
}

h1
{}

h1 a
{}

h1 a:hover
{}

h2
{
	font-size: 18px;
	padding-bottom: 10px;
}

h2 a
{}

h2 a:hover
{}

h3
{
	padding-bottom: 10px;
}

h3 a
{}

h3 a:hover
{}


/* Layout
========================*/
.wrapper
{
	margin: 0 auto;
	width: 960px;
}
#header-wrapper
{
	background: #071800;
	height: 146px;
}
#header
{
	background: url(images/headerBG.png) #071800 no-repeat center center;
	margin: 0 auto;
	width: 960px;
}
.headerthird
{
	float: left;
	width: auto;
}
#twitter
{
	color: #616060;
	font-size: 14px;
	padding-left: 10px;
	padding-top: 95px;
	width: 298px;
}
#cart
{
	padding-left:135px;
	padding-top:80px;
}

#cart p
{
	color: #616060;
	font-size: 12px;
	padding-bottom: 5px;
	text-align: center;
}

#content
{
	padding: 0 5px;
}

#middle
{
	background: #fff;
	padding: 60px 0;
}

/* Merch
========================*/

.item
{
	float: left;
	height: 260px;
	padding-right: 66px;
	width: 256px;
}

.item img
{
	border: 1px solid #242424;
}

#printviewer
{
	float: right;
	margin-right: 20px;
	width: 380px;
}

.loading
{
	background: url(images/ajax-loader.gif) no-repeat center center;
}

#comicselect
{
	border: 1px solid #959595;
	font-size: 12px;
	margin: 10px 0;
	padding: 5px;
	line-height: 20px;
}

#buy-strips div
{
	float: left;
	width: 350px;
	
}

.stripid
{display: none;}

/* Tabs
========================*/

ul#tabs {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 12px;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 50%;
}
ul#tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul#tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul#tabs li a:hover {
	background: #ccc;
}

ul#tabs li#preeze
{
	border-left: solid 1px #999;
}

ul#tabs li.active #problems
{
	background: #fff;
}

ul#tabs #problems
{
	background: #fffbb4;
	border-left: 1px solid #e8cc5e;
	border-right: 1px solid #e8cc5e;
	border-top: 1px solid #e8cc5e;
	float: right;
	margin-right: -1px;
}

ul#tabs #problems a
{
	color: #e8cc5e;
}

ul#tabs #problems a:hover
{
	background: #fff;
}

html ul#tabs li.active, html ul#tabs li.active a:hover, ul#tabs li#problems li.active
  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

#panes {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 50%;
	background: #fff;
}
.pane {
	padding: 20px;
	font-size: 1.2em;
}

.price
{
	font-size: 16px;
}

#help p
{
	font-size: 14px;
	padding-bottom: 10px;
}

/* Footer
========================*/

#footer
{
	background: #242424;
	color: #616060;
	height: 100%;
	margin-top: 20px;
	text-align: center;
	width: 100%;
}


/* Misc
========================*/

.left
{
	float: left;
}

.right
{
	float: right;
}
.clr
{
	clear: both;
}
.capitals
{
	font-weight: bold;
	text-transform: uppercase;
}

.hidden{display:none;}

.popup
{
	background: url(images/popup-bg.png) no-repeat bottom left #fff;
	height: 446px;
	overflow: auto;
	padding: 10px;
}

#buy-second
{
	background: #FFFFFF url(images/magnets-bg.jpg) no-repeat scroll -5px 3px;
}

.popup p
{
	padding-bottom: 10px;
	width: auto;
}

.popup ul
{
	font-size: 12px;
	margin-left: 25px;
	padding-bottom: 10px;
}

.button, .jcart-button
{
	background: url(images/button-bg.png) repeat-x;
	border: 1px solid #959595;
	padding: 5px 10px;
}

/* Hover Captions
========================*/

.boxgrid{ 
	border:1px solid #000000;
	float:left;
	height:226px;
	overflow:hidden;
	position:relative;
	width:254px;
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
	padding: 0 8px; 
}

.boxcaption{ 
	background: #0e1e06; 
	color: #fff;
	float: left;
	font-size: 14px;
	height: 100px; 
	line-height: 20px;
	position: absolute;
	text-align: right;
	width: 100%; 
	opacity: .9; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
	.captionfull .boxcaption {
		top: 260px;
		left: 0;
	}
	.caption .boxcaption {
		top: 220px;
		left: 0;
	}
#shopping-cart
{
	margin: -10px 0 20px;
}

.jcart { float:left; background:#fff; text-align:center; }
			.jcart ul { margin:0; list-style:none; padding:0 20px; text-align:left; }
			.jcart fieldset { border:0; }
			.jcart strong { color:#000066; }
			.jcart .button { margin:20px; padding:5px; }

			fieldset { border:0; }
			#paypal-button { display:block; padding:10px; margin:20px auto; }
			
#jcart table { width:100%; border:0; background:#fff; border-collapse:collapse; }
#jcart tr {  }
#jcart th, #jcart td { padding:5px; border:0; border:solid 1px #ccc; vertical-align:top; text-align:left; font-weight:normal; }
#jcart td.empty { text-align:center; }

#jcart p.jcart-error { text-align:center; padding:5px; }

#jcart strong#jcart-title {  }

#jcart th { background:#dfdfdf }
#jcart th#header {  }
$jcart th#footer {  }

#jcart td.jcart-item-qty { width:25%; }
#jcart td.jcart-item-name { width:50%; font-weight:bold; }
#jcart td.jcart-item-price { width:25%; font-weight:bold; text-align:right; }
#jcart td.jcart-item-price span { display:block; }

#jcart a.jcart-remove { font-size:11px; font-weight:normal; }

#jcart span#jcart-subtotal { display:block; }
#jcart span#jcart-subtotal strong {  }

#jcart input.jcart-button { padding:2px; margin:2px;}

#jcart input#jcart-checkout { float:right; }

#jcart input#jcart-checkout-paypal { display:block; padding:10px; margin:20px auto; }

#jcart-tooltip { color:#000; border:solid 1px #000; padding:3px 7px 3px 25px; background:url(checkmark.png) 3px center no-repeat #f2fcee; z-index:10000; }


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#2a2a2a;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:7px; top:5px; }
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}