/*
Theme Name: startart_v4.3
Theme URI: http://whambamcomics.com/blog/wp-content/themes/startart_42
Description: Wham Bam Comics site
Author: Chip Buchanan
Author URI: chip@whambamcomics.com
Template: 
Version: 4.3
.
Copyright 2009-2012 Dekosoft. All rights reserved.
.
*/




/* typographic styles */

@font-face {
       font-family: "Blue Highway";
 src: url("/font/bluehigh.ttf") format('truetype');
}


BODY, P, TD  { 	font-size: 11pt; 
	font-family: verdana, arial, helvetica, helve, sans-serif;
	line-height:15	0%;
	 
}


.emailLink A { 
font-size: 10pt;
 color: #A80000 ; 

}


.navLink A { 
font-size: 9pt;
}

.centerLink A

{ 
font-size: 12pt; 
	font-family: arial, helvetica, sans-serif ;
	
	
 color: #000000 ; 

}



.navHedLink A

{ 
font-size: 8pt; 
	font-family: verdana, arial, helvetica, sans-serif ;
	
	
 color: #FFFFFF ; 
 font-weight: Bold ;

}


a.hdr1Link:link {font-size: 10pt; text-decoration: none;  color: #000}
a.hdr1Link:visited {font-size: 10pt;text-decoration: none; color: #000 }
a.hdr1Link:hover {font-size: 10pt;text-decoration: underline; color: #cc0000 }
a.hdr1Link:active {font-size: 10pt;text-decoration: none; color: #000 }


a.navLink:link {font-size: 8pt; text-decoration: none;  color: #ffffff}
a.navLink:visited {font-size: 8pt;text-decoration: none; color: #ffffff }
a.navLink:hover {font-size: 8pt;text-decoration: underline; color: #c00 }
a.navLink:active {font-size: 8pt;text-decoration: none; color: #990066 }



a.rlink:link {text-decoration: underline; color:  #003366}
a.rlink:visited {text-decoration: underline; color:  #003366 }
a.rlink:hover {text-decoration: underline; color: #990033 }
a.rlink:active {text-decoration: underline; color:  #003366 }



a.derbylink1:link {text-decoration: none; color:  #333333}
a.derbylink1:visited {text-decoration: none; color:  #333333 }
a.derbylink1:hover {text-decoration: none; color: #73b9d2 }
a.derbylink1:active {text-decoration: none; color:  #003366 }

a.derbylink2:link {text-decoration: none; color:  #ffffff}
a.derbylink2:visited {text-decoration: none; color:  #ffffff }
a.derbylink2:hover {text-decoration: underline; color: #aaccff }
a.derbylink2:active {text-decoration: none; color:  #003366 }

a.derbylink3:link {text-decoration: none; color:  #73b9d2}
a.derbylink3:visited {text-decoration: none; color:  #73b9d2 }
a.derbylink3:hover {text-decoration: none; color: #333333 }
a.derbylink3:active {text-decoration: none; color:  #003366 }



a.derbylink4:link {text-decoration: none; font-size: 12pt; color:  #5a7e8a}
a.derbylink4:visited {text-decoration: none; font-size: 12pt; color:  #5a7e8a }
a.derbylink4:hover {text-decoration: none; font-size: 12pt; color: #333333 }
a.derbylink4:active {text-decoration: none;font-size: 12pt;  color:  #003366 }


a.promolink1:link {text-decoration: none; font-size: 12pt; color:  #ffffff}
a.promolink1:visited {text-decoration: none; font-size: 12pt; color:  #ffffff}
a.promolink1:hover {text-decoration: underline; font-size: 12pt; color: #ffffff }
a.promolink1:active {text-decoration: none;font-size: 12pt;  color:  #003366 }

a.promolink2:link {text-decoration: none; font-size: 12pt; color:  #666666}
a.promolink2:visited {text-decoration: none; font-size: 12pt; color:  #666666}
a.promolink2:hover {text-decoration: underline; font-size: 12pt; color: #999999 }
a.promolink2:active {text-decoration: none;font-size: 12pt;  color:  #003366 }


a.promobox_homeland2:link {text-decoration: none; font-weight: bold;  font-size: 14pt; color:  #df3a52}
a.promobox_homeland2:visited {text-decoration: none; font-weight: bold; font-size: 14pt; color:  #df3a52}
a.promobox_homeland2:hover {text-decoration: underline; font-weight: bold; font-size: 14pt; color: #ff7d7d }
a.promobox_homeland2:active {text-decoration: none;font-size:  14pt;  font-weight: bold; color:  #000 }


a.promobox_homeland2s:link {text-decoration: none; font-weight: bold;  font-size: 11pt; color:  #df3a52}
a.promobox_homeland2s:visited {text-decoration: none; font-weight: bold; font-size: 11pt; color:  #df3a52}
a.promobox_homeland2s:hover {text-decoration: underline; font-weight: bold; font-size: 11pt; color: #ff7d7d }
a.promobox_homeland2s:active {text-decoration: none;font-size:  11pt;  font-weight: bold; color:  #000 }

a.promobox_pd2030:link {text-decoration: none; font-weight: bold;  font-size: 12pt; color: #7e384d}
a.promobox_pd2030:visited {text-decoration: none; font-weight: bold; font-size: 12pt; color:  #7e384d}
a.promobox_pd2030:hover {text-decoration: underline; font-weight: bold; font-size: 12pt; color: #cc3333 }
a.promobox_pd2030:active {text-decoration: none;font-size: 12pt;  font-weight: bold; color:  #000 }



a.promobox_pd2030s:link {text-decoration: none; font-weight: bold;  font-size: 11pt; color: #7e384d}
a.promobox_pd2030s:visited {text-decoration: none; font-weight: bold; font-size: 11pt; color:  #7e384d}
a.promobox_pd2030s:hover {text-decoration: underline; font-weight: bold; font-size: 11pt; color: #cc3333 }
a.promobox_pd2030s:active {text-decoration: none;font-size:  11pt;  font-weight: bold; color:  #000 }


a.homeheaderlink1:link {text-decoration: none;  color:  #333}
a.homeheaderlink1:visited {text-decoration: none;  color:  #333}
a.homeheaderlink1:hover {text-decoration: underline;  color: #ff0000 }
a.homeheaderlink1:active {text-decoration: none;  color:  #ff0000 }




.homeImg {

border:1px;  
border-color: #000; 
border-style: solid;
}



.prodhed2 B {


font-size: 7pt;
 color: #336699 ;  

}


.hdr1   {

 color: #000 ;  
font-size: 12pt;
font-weight: Bold ;


}


.hdr2   {

 color: #747e83 ;  
font-size: 8pt;
font-weight: Bold ;
letter-spacing: 0.3em;

}

.hdr3   {

 color: #747e83 ;  
font-size: 7pt;
letter-spacing: 0.3em;

}


.hdr4   {

 color: #747e83 ;  
font-size: 9pt;
letter-spacing: 0.3em;

}


/* dark eyebrow text*/
.hdr5   {

 font-weight: bold;

 margin-top: -100px;

 text-align: center;

 font-family: "Courier New", Courier, Monaco, monospace;

 color: #333 ;  
font-size: 10pt; 
letter-spacing: 0.4em;

}


.derby_hed   {

 color: #333333 ;  
font-size: 16pt;
font-weight: Bold ;
;

}

.derby_hed2  {

 color: #b3b3b3 ;  
font-size: 14pt;
font-weight: Bold ;
;

}

.derby_hed3  {

 color: #b3b3b3 ;  
font-size: 12pt;
font-weight: Bold ;


}
.derby_hed4 {

 color: #5a7e8a ;  
font-size: 12pt;
font-weight: Bold ;


}

.derby_hed5  {

 color: #b3b3b3 ;  
font-size: 9pt;
font-weight: Bold ;


}

.derby_link  {

 color: #5a7e8a ;  
font-size: 12pt;
font-weight: Bold ;
text-align: left; 
margin-left: 100pt;
line-height: 200%;

}



.derby_nav2  {

 color: #ffffff ;  
font-size: 12pt;
font-weight: Bold ;


}
/*promo box main headline */

.promo_hed1  {

 color: #666666 ;  
font-size: 24pt;
font-weight: Bold ;
;

}

/*promo box sub headline */

.promo_hed2  {

 color: #666666 ;  
font-size: 14pt;
font-weight: Bold ;
;

}


/*promo box alert */

.promo_hed3  {

 color: #cc0000 ;  
font-size: 14pt;
font-weight: Bold ;
;

}
/*promo box text */

.promo_text1  {

 color: #333333 ;  
font-size: 12pt;
line-height:200%;


}


/*promo box link */

.promo_link1  {

 color: #fff ;  
font-size: 9pt;
font-weight: Bold ;
;

}
.rtext P {


font-size: 8pt;
 color: #003366 ;  

}




.datestamp I {


font-size: 7pt;
 color: #000000 ;  

}

/* 3 column home page -- header 1*/
.home_3col_header1 {

 text-align: center;
 font-family:"Blue Highway",Arial, Helvetica, Verdana;
font-weight: normal ;
letter-spacing: 0.1em;
 color: #333 ;  
font-size: 18pt; ;

}

/* 3 column home page -- subheader*/
.home_3col_subheader1 {

 text-align: center;
 font-family:Verdana, Arial, Helvetica ;
 color: #333 ;  
font-size: 10pt; ;

}

/* 3 column home page -- post date text*/
.home_post_date  {

 text-align: center;

 font-family: Verdana, Arial, Helvetica;

 color: #333 ;  
font-size: 8pt; ;
line-height:200%;
}

/* 3 column home page -- post link text*/
.home_post_link  {

 text-align: center;

 font-family: Verdana, Arial, Helvetica;

 color: #333 ;  
font-size: 11pt; ;
line-height:150%;
}



.gallerygrid
{
position: relative;
font-family: verdana, arial, helvetica, sans-serif;
background: url(../img/125x125_2g.jpg) no-repeat;
white-space: normal;
display: block;
width: 125px;
height: 125px;
margin-right:41px;
padding-bottom: 0px;
margin-bottom:50px;
float: left;
}

.gallerygrid a
{
display: block;
color: #000000;
font-size: 11px;
width: 125px;
height: 125px;

display: block;
float: left;
color: black;
text-decoration: none;
}

.gallerygrid img
{
width: 125px;
height: 125px;
border: 1px;

}

* html a:hover
{
visibility:visible

}

.gallerygrid a:hover img
{
filter:alpha(opacity=15);
opacity:0.15;

}


.gallerygrid a:hover span2
{
visibility:visible
}

.gallerygrid span
{

position: absolute;
left: 10px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


.gallerygrid span2
{

position: absolute;
left: 10px;
top: 20px;
margin: 0px;
padding: 0px;
cursor: pointer;
visibility:hidden

}


/* experimental */



.gallerygrid2
{
position: relative;
font-family: verdana, arial, helvetica, sans-serif;

background: url(../img/125x125_3g.gif) no-repeat;
white-space: normal;
display: block;
width: 125px;
height: 125px;
margin-right:41px;
padding-bottom: 0px;
margin-bottom:80px;
float: left;
}

.gallerygrid2 a
{
display: block;
color: #333333;
font-size: 11px;
width: 125px;
height: 125px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.gallerygrid2 img
{
width: 125px;
height: 125px;
border: 1px;

}

* html a:hover
{
visibility:visible

}

.gallerygrid2 a:hover img
{
filter:alpha(opacity=75);
opacity:0.75;

}


.gallerygrid2 a:hover span2
{
visibility:visible
}

.gallerygrid2 span
{

position: absolute;
left: 10px;
top: 10px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


.gallerygrid2 span2
{

position: absolute;
left: 10px;
top: 20px;
margin: 0px;
padding: 0px;
cursor: pointer;
visibility:hidden

}


/*store intro */

.store_intro  {

 color: #333333 ;  
font-size: 14pt;
line-height: 150%;


}

/*store breadcrumb */

.store_breadcrumb  {

 color: #333333 ;  
font-size: 9pt;



}

/* begin lightbox.css */



ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
z-index:99;
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#333333;
	background-repeat:repeat;
	border-color:#AAAAAA;
	border-width:0px;
	border-style:solid;
}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	
	float: left;
}
ul.cssMenu ul{
	width:147px;
}
ul.cssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#333333;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	padding:4px;
	padding-left:0;
	font:bold 11px Verdana;
	color: #FFFFFF;
	text-decoration:none;
	cursor:default;
}



/* render menu links in all caps -- used for WordPress login link */

ul.cssMenu_caps a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#333333;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	
	padding:4px;
	padding-left:0;
	font:bold 11px Verdana;
	color: #FFFFFF;
	text-decoration:none;
	cursor:default;
	text-transform:uppercase;
}






ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	background-color:#333333;
	border-color:#665500;
	border-style:solid;
	font:bold 11px Verdana;
	color: #CC0000;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	position:relative;
	background-color:#333333;
	border-color:#665500;
	border-style:solid;
	font:bold 11px Verdana;
	color: #CC0000;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul{display:block}
ul.cssMenu span{
	display:block;
	background-image:url(./images/arrv_anim_1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:11px;}
ul.cssMenu li:hover>a>span{	background-image:url(./images/arrv_anim_1o.gif);
}
ul.cssMenu a:hover span{	_background-image:url(./images/arrv_anim_1o.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_double_1.gif)}
ul.cssMenu ul li:hover > a span{	background-image:url(./images/arr_double_1o.gif);}
ul.cssMenu table a:hover span{background-image:url(./images/arr_double_1o.gif)}







#Container
{
position:absolute;
top:0;
left:50%;

margin-left:-500px;
}


#header

{
position:absolute;
top: 0px;
left: 0px;
width: 1001px;
  height: 104px;

}


#login_button
	

{
position:absolute;
top: 15px;
left: 800px;
width: 65px;
  height: 60px;
color:#fff;

}


#navbar

{
position:absolute;
top: 75px;
left: 146px;
width: 855px;
  height: 32px;
color:#fff;
}







#contentmatte

{
position:absolute;
top: 104px;
left: 0px;
width: 1001px;
height: auto;
border-width: thin;
border-color: #aaa;
border-style: solid;
background-color:#fff;

}

#verticalrule

{

float: left;
margin-top:30px;
margin-left:28px;
top: 50px;
left: 610px;
width: 1px;
height: auto;
background-color:#000;
padding-bottom:60px;
}


#widecolumn

{
float:left;

top: 50px;
left: 30px;
width: 550px;
 background-color:#fff;
margin-top:30px;
margin-left:28px;
padding-bottom:60px;
}


#narrowcolumn

{
float:left;

top: 50px;
left: 615px;
width: 336px;
 background-color:#fff;
margin-top:30px;
margin-left:45px;

padding-bottom:60px;
}


#fullpagecolumn

{
float:left;

top: 50px;
left: 20px;
width: 900px;
 background-color:#fff;
margin-top: 0px;
margin-left:85px;
padding-bottom:0px;


}


#home_category_block

{
float:left;

top: 50px;
left: 20px;
width: 900px;
 background-color:#fff;
margin-top: 0px;
margin-left:85px;
padding-bottom:20px;


}

#home_category_homeland

{
float:left;

top: 0px;
left: 0px;
width: 1000px;
 background-color:#ffffff;

 border-width: thin;
border-color: #999999;
border-style: solid;

margin-top: 0px;
margin-left:0px;
padding-left:85px;
padding-bottom:0px;


}

/* 3 column home page layout -- columns 1 & 2 -- */

#home_category_3col_1

{
float:left;

top: 0px;
left: 0px;
width: 331px;
 background-color:#ffffff;

 border-width: thin;
border-color: #999999;
border-style: solid;

margin-top: 0px;
margin-left:0px;
padding-left:0px;
padding-bottom:0px;


}

/* 3 column home page layout -- column 3, slightly wider to fill space -- */



#home_category_3col_3

{
float:left;

top: 0px;
left: 0px;
width: 333px;
 background-color:#ffffff;

 border-width: thin;
border-color: #999999;
border-style: solid;

margin-top: 0px;
margin-left:0px;
padding-left:0px
padding-bottom:0px;


}

#home_category_3col_thumb

{
float:left;


width: 140px;
height: 145px;
 background-color:#ffffff;



margin-top: 0px;
margin-left:10px;
padding-left:0px
padding-bottom:0px;


}


#home_category_3col_text

{
float:left;


width: 170px;
height: 145px;
 background-color:#ffffff;

vertical-align: middle;

margin-top: 0px;
margin-left:0px;
margin-right:10px;
padding-left:0px
padding-bottom:0px;


}


/* promo box*/

#promobox
{

float: left;
width: 950px;
background-color:#eee;

margin-top:15px;
margin-left:10px;

text-align: center;

}


#promobox_large
{
margin-bottom: -25px;
margin-top: 3px;
background-repeat: no-repeat;
height: 571px;
background-image: url(/img/homeland/1000x517_promo_homeland_2.jpg);
position: relative;
width: 1000px;

text-align: center;

}


#promobox_large_text
{
left: 575px;
top: 200px;
background-repeat: no-repeat;
height: 270px;
position: absolute;
width: 400px;

text-align: left;

}


#promoboxmatte
{
background-color: #eeeeee;
float: left;
width: 970px;
height: 455px;
border-width: thin;
border-color: #999;
border-style: solid;
padding-left:10px;
padding-right:10px;

}


#promobox_clear
{

float: left;
width: 1000px;
background-color:#fff;


text-align: left;
}


#promobox_gray
{

float: left;
width: 1000px;
background-color:#eee;


text-align: left;
}
#column_half

{
letter-spacing: 0em;
text-align: center;
font-weight: bold;
float:left;

width: 48%;

 
margin-top:10px;
margin-left:1%;
margin-right:1%;
margin-bottom:20px;


}



#hed_latest_issues_homeland

{
position: relative;
padding-bottom: 10px;
padding-top: 10px;
letter-spacing: 0.5em;
font-weight: bold;
text-align: center;
height: 22px;
color: white;
background-color: #df3a52;
float: none;

width: 100%;


}



#hed_latest_issues_pd2030

{
position: relative;
padding-bottom: 10px;
padding-top: 10px;
letter-spacing: 0.5em;
font-weight: bold;
text-align: center;
height: 22px;
color: #99c3cd;
background-color: #276071;
float: none;

width: 100%;


}



#promo_latest_issues_homeland

{
position: relative;
padding-bottom: 18px;
padding-top: 18px;
height: 352px;
color: #08555e;
background-color: #dbe8eb;
float: none;

width: 100%;


}



#scroll_latest_issues_pd2030

{
position: relative;
height: auto;
float: none;

width: 2000px;



}



#promo_latest_issues_pd2030

{
position: relative;
padding-bottom: 18px;
padding-top: 18px;
height: 372px;
color: #276071;
background-color: #e2e2d8;
float: none;

width: 100%;

overflow-x: auto;

}



#foot_latest_issues_pd2030

{
padding-right: 10px;
position: relative;
padding-bottom: 5px;
padding-top: 5px;
text-align: right;
height: 16px;
color: #99c3cd;
background-color: #276071;
float: none;

width: 991px;


}



#hr_full_width_pd2030

{
position: relative;
text-align: right;
height: 1px;
background-color: #99c3cd;
float: none;

width: 100%;


}



#hed_latest_posts_homeland

{
position: relative;
padding-bottom: 10px;
padding-top: 10px;
letter-spacing: 0.5em;
font-weight: bold;
text-align: center;
height: 22px;
color: white;
background-color: #00c2d8;
float: none;

width: 100%;


}



#hed_latest_posts_pd2030

{
position: relative;
padding-bottom: 10px;
padding-top: 10px;
letter-spacing: 0.5em;
font-weight: bold;
text-align: center;
height: 22px;
color: #276071;
background-color: #99c3cd;
float: none;

width: 100%;


}



.box_latest_issues_homeland

{
padding-right: 25px;
padding-left: 45px;
margin-top: 25px;
position: relative;
text-align: left;
height: 300px;
float: left;

width: 430px;


}



.box_latest_issues_pd2030

{
padding-right: 25px;
padding-left: 45px;
margin-top: 25px;
position: relative;
text-align: left;
height: 300px;
float: left;

width: 400px;


}



#promo_actionbutton
{

width: 325px;
height: 90px;

background-color:#ccc;
padding-top:20px;
padding-left:5px;

text-align: center;
font-family:Arial, Helvetica, Verdana;
line-height:200%;

background: url(../img/325x90_actionbutton1.gif) no-repeat;
}


#fullpage_center

{
float:left;

top: 0px;
left: 20px;
width: 900px;
height: 60px;
 background-color:#fff;
margin-top:0px;
margin-left:70px;
padding-bottom:80px;
text-align: center;


}



#module_featured
{

width: 336px;
text-align:center;
 background-color:#666;
color:#fff;


}



#module_facebook
{

position:absolute;
top: 400px;
left: 136px;
width: 300px;


 background-color:#fff;
border-width: thin;
border-color: #ccc;
border-style: solid;



}



#eyebrow-ad


{
position:absolute;
top: 540px;
left: 136px;
width: 300px;
  height: 14px;
}

#ad

{
position:absolute;
top: 555px;
left: 136px;
width: 728px;
  height: 90px;
}




#box1
/* this container is full width for other boxes inside, as on the index page */

{

float: left;
width: 975px;
  height: 325px;
border-width: thin;
border-color: #ccc;
border-style: solid;
margin-top:15px;
margin-left:10px;
}


#box1a
/* this container is full width for other boxes inside, as on the index page */

{

float: left;
width: 975px;

border-width: thin;
border-color: #ccc;
border-style: solid;
margin-top:15px;
margin-left:10px;
}


#box2
/* this is a full width box for copy with 150% line spacing text, e.g, sport page */
{

float: left;
width: 920px;
  height: auto;
padding:30px;
line-height:200%;
margin-top:15px;
margin-left:10px;
}

#box3
/* this is a full width box for copy with 150% line spacing text, e.g, teams page, contains smaller box3l, box3r */
{

float: left;
width: 960px;
  height: auto;
border-width: thin;
border-color: #ccc;
border-style: solid;
line-height:200%;
margin-top:15px;
margin-left:10px;
}



#box3l
/* modified from pd2030 index page */
{
float: left;

width: 660px;
  height: auto;

padding:10px;
}



#box3r
/* modified from pd2030 index page */
{


width: 270px;
  height: auto;

padding-top:10px;
padding-bottom:10px;
margin-left:690px;

}


#box_mobile
/* main container for mobile web */
{

  width: auto;
  height: auto;
background-color:#fff;
padding-top:10px;
padding-bottom:10px;


}



#navbar_derby_top

{

width: 991px;
  height: 33px;
background-color:#5bcde0;

padding-top:10px;
margin-top:0px;
margin-left:0px;
padding-left:10px;
padding-bottom:10px;
}


/* revised for WP page */
#navbar_derby_top_2

{

width: 991px;
  height: auto;
background-color:#5bcde0;

padding-top:10px;
margin-top:0px;
margin-left:0px;
padding-left:10px;

}

#navbar_featured

{

width: 1001px;
  height: 198px;
background-color:#000;
text-align: center;
padding-top:0px;
margin-top:0px;
margin-left:0px;
padding-bottom:0px;
}


#navbar_derby

{
float: left;
width: 991px;
  height: 33px;
background-color:#5bcde0;

padding-top:10px;
padding-left:10px;
margin-bottom:10px;


margin-top:10px;
margin-left:0px;
padding-bottom:30px;
}



#footer

{
position:absolute;
bottom:0;

width: 1001px;
  height: 46px;
background-color:#333333;
color: #fff;
text-align: center;
font-size: 8pt;
}


#footer_mobile

{


  width: auto;

height: 46px;
background-color:#000;
color: #fff;
text-align: center;
font-size: 8pt;
}


#subfooter

{
position:absolute;
top: 0px;
left: 1px;
width: 1004px;
  height: 100px;
text-align: center;

}



/* Featured comics -- 4 large buttons -- */

#btn_box
{
float: left;
width:175px;
height:320px;
padding-left:15px;
padding-right:14px;
}



/* spacer column */
#btn_filler
{
float: left;
width:76px;
height:320px;

}



/* spacer column */
#btn_filler85
{
float: left;
width:85px;
height:320px;

}

#btn1

{

width: 175px;
  height: 170px;
 padding-bottom:20px;
}

#hed1

{

width: 175px;
  height: 25px;
 text-align: center;


border-bottom-width: thin;
border-bottom-color: #ccc;
border-bottom-style: solid;

}


#deck1

{

width: 200px;
  height: 125px;
 margin-top:10px;
}


/* pd2030 index page */



#leftbox

{
float: left;

width: 600px;
  height: 297px;
border-width: thin;
border-color: #ccc;
border-style: solid;
margin-top:15px;
margin-left:10px;
}

#coverthumb
{
float: left;
width: 189px;
height: auto;
text-align:center;
background-color:#cddfe5;
padding-top:20px;
padding-bottom:50px;
}


#wallpaper_hed
{
float: left;
width: 334px;
height: 33px;
text-align:left;
margin-top:20px;
margin-left:10px;
}


#intro
{

width: 365px;
height: 275px;
padding-top:20px;
padding-left:212px;
padding-bottom:15px;

}


#intro750
{

width: 750px;
height: 275px;
padding-top:20px;
padding-left:212px;
padding-bottom:15px;

}

#rightbox

{


width: 370px;
  height: 297px;
border-width: thin;
border-color: #ccc;
border-style: solid;
margin-top:15px;
margin-left:620px;
text-align:center;
}






/* begin lightbox css*/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

element {
	}

.promobox_homeland2_hed1 {
		font-weight: bold;
		font-size: 18pt;
		color: #e60200;
	}

.promobox_homeland2_deck {
		font-size: 10pt;
		color: #08555e;
		font-family: arial, helvetica, sans-serif ;
		font-weight: bold;
		line-height: 125%;
		
	}

.promobox_pd2030_deck {
		font-size: 10pt;
		color: #276071;
		font-family: arial, helvetica, sans-serif ;
		font-weight: bold;
		line-height: 125%;
		
	}

.promobox_homeland2_cover {

		float:left;
		margin-right:35px;
		margin-bottom:5px;
		
		box-shadow: 5px 5px 5px #888888;
	}

.promobox_pd2030_cover {

		float:left;
		margin-right:25px;
		margin-bottom:5px;
		
		box-shadow: 5px 5px 5px #888888;
	}


.promobox_homeland2_eyebrow {
		font-size: 10pt;
		color: #1f3061;
		font-weight: bold;
	}

.promobox_homeland2_rule {
		width: 400px;
		height: 1px;
		background-color: #323232;
	}	
	
	.promobox_homeland2_vertical_rule {
		width: 1px;
		height: 352px;
		background-color: #08555e;
		float: left;
	}
	
	
	
	
	
	
	img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}