/* CSS Document */

body {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color: #000000;
	margin: 0;
	padding: 0;
	text-align:center;
	background-color:#000099;
	background-color:#000099;
	background-image:url(pics/background_2018_01.jpg);
	background-image:url(pics/background_stars.png);
	/*background-image:url(pics/background_stars_2.png);*/
	/*background-image:url(pics/background_stars_gold_3.png);*/
	/*background-image:url(pics/background_stars_50.png);*/
	/*background-image:url(pics/background_stars_animated.gif);*/
	background-repeat:repeat;
	background-position:center top;
	background-attachment:fixed;
}
strong {
	color: #000066;
}
p {
	padding:0 5px;
	line-height:1.6em;
	font-size: 1.0em;
}
h1 {
	padding:0;
	margin:0;
	font-size: 2.5em; /*1.875em; /*30px; */
	font-weight: bold; 
	color: #000066; 
} 
h2 { 
	padding:0;
	margin:0;
	font-size: 2em; /*1.5em; /* 18px; */
	font-weight: bold; 
	color: #000066;
}
h4 { 
	font-size: 1em; /*0.875em; /*14px; */
	font-weight:bold;
	padding:0;
	margin:0;
	margin-bottom:2px;
	text-transform:uppercase;
	}
a:link, .commentline a:link {
	text-decoration: none;
	color: #0000ff;
	/*line-height:normal;*/
}
/*
p a:link {
	text-decoration: underline;
	color: #0000ff;
}
*/
a:visited, p a:visited {
	text-decoration: none;
	color: navy; /*#000099;/*000066*/
}
a:active {
	text-decoration: underline;
	color: #ff0000;
}
a:hover, p a:hover, .commentline a:hover {
	text-decoration: underline;
	/*color: #ff0000;*/
}
#keywordcloud a:hover{
	background-color:lightgoldenrodyellow;
}
#legal {
	width: 100%;
	margin:0 auto;
	padding:2px;
	clear:both;
	background-color:navy;
}
#legal p{	
	text-align:justify;
	font-size:xx-small;
	color:gold;
}
#map_canvas{
	margin:0 auto; 
	text-align:center; 
	width:535px; 
	height:370px
}
#masthead {
	margin:0;
	margin-bottom:10px;
	padding:0;
	width:100%;
	height:120px;
	position:relative;
	top:0;
}
#masthead-container{
	width:100%;
	padding-top:75%;
	position:relative;
}
.masthead-menu, .masthead-left, .masthead-title, .masthead-title-short{
	display: block;
	position:absolute;
	left:50px;
	margin:0;
	padding:0;
	width:100px;
	height:120px;
}
.masthead-menu img, .masthead-left img, .masthead-title img, .masthead-title-short img {
	width:100%;
}
.masthead-title, .masthead-title-short{
	left:150px;	
	width:800px;
}

/* the following need to be revised based on canvas size */
.masthead-menu, .masthead-title-short{
	display:none;
}

#mastheadMenu, #footerMenu {
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 20px;
  display:block;
  width:900px;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}

#mastheadMenu ul, #footerMenu ul {
  list-style: none;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  margin-left:15px;  
}
#footerMenu ul{
	margin-left:0;
	width:100%;
}

#mastheadMenu ul a, #footerMenu ul a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  line-height: 2em;
  padding: 0 15px;
}
#mastheadMenu ul li, #footerMenu ul li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0 5px;
  z-index: 100;
}
#mastheadMenu ul li.currentpage, #footerMenu ul li.currentpage{
  background-color: gold;
}
#mastheadMenu ul li:hover, #footerMenu ul li:hover{
  background-color: gold;
}
#mastheadMenu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: -15px;
  background: whitesmoke;
  padding: 0;
}
#mastheadMenu ul ul li {
  float: none;
  width: 200px;
}
#mastheadMenu ul ul a {
  line-height: 120%;
  padding: 10px 15px;
}
#mastheadMenu ul ul ul {
  top: 0;
  left: 100%;
}
#mastheadMenu ul li:hover > ul {
  display: block;
}

.accordian{
	display:none;
}
.ad-horizontal, .fullwidth{
	display:block;
	width:100%;
	margin:10px auto;
	text-align:center;
}
.ad-animatedgif{
	margin:10px auto;
}

.admenu{
	font-size:0.750em;
	}
.adminpreview{
	margin:0 auto;
	width:100%;
	padding:5px;
	margin-bottom:10px;
	border:1px solid navy;
}
.adminfloat{
	float:left;margin-right:5%;
}
.admintable{
	font-size:0.750em;
	text-align:center;
	margin:0 auto;
}
.adminLabel{
	vertical-align:top;
	padding-right:10px;
	font-weight:bold;
}
.artisttable{
	font-size:0.750em; /*12px;*/
}
.bgblue{ background-color:#ccffff;}
.bggold{ background-color:#ffffcc;}
.bgwhite{ background-color:#ffffff;}
.blogbutton img{
	width:50%;
	height:auto;
}
.blogbuttonleft, .blogbuttonright{
	display:inline-block;
	float:left;
	width:40%;
	margin:10px 0;
	font-size:x-large;
}
.blogbuttonright{
	float:right;
	text-align:right;
}
h1.booktitle{
	line-height:1.2em;
}
.boosterinput, .boostersearch{
	margin-bottom:20px;
	width:90%;
	display:block;
	margin:0 auto;
}
.boostersearch .searchbutton, .boosterinput .formlabel, .boosterinput .forminput, .boosterinput .formlabelmath, .boosterinput .forminputmath{
	width:90%;
	margin:5px auto;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
}
.boostersearch .searchbutton{
	font-size:x-large;
}


/*used for booster directory pages*/
.boostersection, .boostersectionFooter, .boostersectionImage{
	float:left;
	clear:left;
	/*width:630px;*/
	width:66%;
	display:block;
	text-align:left;
	margin:0;
	padding:0;
	background-color:#ffffff;
	}
.boostersection p, .boostersection img, .boostersection h2, .boosterWarning p{ padding:0 5px;}
.boostersection h1, .boostersection h4{
	margin:0;
	padding:0;
	width: 100%;
	/*height: 1.5em;*/
	/*line-height: 1.7em;*/
	/*margin-left:-5px;*/
	text-align:center;
	background-color:#ffffcc;
	font-weight:bold;
	color:#000066; 
	clear:both;
	}
.boostersection h1{
	background-color:inherit;
	text-transform:uppercase;
}
.boostersectionAdmin{
	float:none;
	margin:0 auto;
	width:770px;
}
.boostersectionAdmin h1{
	margin-top:20px;
	margin-bottom:20px;
	background-color:#ffffff;
}
.boostersectionAdmin td{
	text-align:left;
}
.boostersectionBorder{
	border-top:1px solid gray;
	/*border-bottom:1px solid gray;*/
}
.boostersectionHome, .boostersectionSocial, .boostersectionFooter, .boostersectionPolls{
	float:none;
	width:900px;
	margin:0 auto;
}
.boostersectionImage{
	width:33%;
	float:left;
	clear:none;
}
.boostersectionPolls{
	width:65%;
}
.boostersectionSocial{
	margin-top:40px;
}
.boosterWarning{
	width:100%;
	margin:5px 0;
	padding:2px 0;
	text-align:center;
}
.boostersocial{
	display:inline-block;
	width:10%;
	margin:0 10px;
}
.boostersocial img{
	width:100%;
}
/*blogfloat is used to float small images inside boostersection*/
.blogfloat{display:block;width:609px;margin:0 auto;}
.blogfloat img{display:block;width:200px;float:left;margin:3px 3px 0 0;padding:0;}
.boostersidebar{
	float:right;
	/*clear:right;*/
	margin:0;
	padding:0;
	text-align:center;
	width:160px;
	margin-left:5px;
	display:block;
	background-color:#ffffff;
	border-left:1px solid #0000ff;
	}
.breadcrumbs{
	margin:20px auto;
	width:90%;
	text-align:left;
}
.cloud{
	display:inline-block;
}
.crumb{
	display:inline-block;
	float:left;
}
.crumbcurrent, .textupper{
	text-transform:uppercase;
}
.centermargin{
	margin: 0 auto;
	text-align:center;
	}
.charHead{
	margin:0;
	padding:0;
	text-align:center;
	font-size:3em; /*48px;*/
	font-weight:bold;
	/*line-height:50%;*/
	}
.charTitle{
	margin:0;
	padding:0;
	padding-left:5px;
	/*line-height:75%;*/
	background-color:#FFFFCC;
	}
.colorgray{
		color:lightgray;
	}
#covergallery{
}
.covergallerysingle{
	float:left;
	width:25%;
	text-align:center;
}
.covergallerysingle img, .issuecover img{
	border:1px solid black;
	padding:0px;
}

.commentform{
	padding:20px;
	}
.commentwarning{
	font-size:smaller;
	font-weight:normal;
	color:#999;
}
.content{
	margin:0 auto;
	width:1000px;
	padding:0;
	text-align:center;
	display:inline-block;
	background-color:#ffffff;
	overflow:hidden;
	}
.contentnews{
	width:90%;
	text-align:left;
	margin:0 auto;
}
.errors{
	color:red;
}
.extralarge{
	font-size:x-large;
}
.extramargin{
	margin-top:20px;
}
.extratall{
	margin-bottom:10px;
}

.feedbackcomments{
	margin:0 auto;
	margin-bottom:20px;
	padding:10px 0;
	width:95%;
	border:1px solid navy;
	background-color:#ffffcc;
	}
.feedbackcomments2{
	margin:0 auto;
	margin-bottom:20px;
	padding:10px 0;
	width:500px;
	border:1px solid navy;
	background-color:#ffffcc;
	}
.feedbackcomments3{
	margin:0 auto;
	margin-bottom:20px;
	padding:10px 0;
	/*width:600px;*/
	width:100%;
	/*border:1px solid navy;*/
	background-color:#ffffcc;
	}
.feedbackcomments3 h2{
	margin-left:10px;
}
.feedbackrequiredhint
{
	float:right;
	color:#666666;
	font-size:0.9em;/*10pt;*/
}
.fontsmaller{font-size:smaller;}	

/* FORM ELEMENTS */
.formlabel{
}
.formlabelmath, .forminputmath{
	/*float:left;
	width:50%;
	text-align:right;*/
}
.forminputmath{
	/*text-align:left;*/
}
.forminputmath select{
	width:100%;
	border:1px solid gray;
	font-size:x-large;
}

.formholder{
	padding:0 5px;
	margin: 0 auto;
	width:80%;
}
.forminput{
}
.forminput input{
	width:100%;
	height:30px;
	border:1px solid gray;
	font-size:larger;
}

.formcheckbox{
	margin:0 auto;
	width:450px;
	height:30px;
	font-size:larger;
 }
.formcheckbox input{
	width:50px;
	height:30px;
	float:left;
	font-size:larger;
}
.formcheckbox p{
	float:left;
	text-align:left;
}
.forminput select{
	height:30px;
	font-size:larger;
}
.forminput textarea{
	width:100%;
	border:1px solid gray;
	font-size:larger;
	font-family: 'Open Sans', sans-serif;
	
    resize: none;
    overflow: auto;
	/*max-height:200px;*/
}
textarea.formadmin{
	font-size:inherit;
	width:99%;
}
.forminput button{
	/*height:30px;
	width:200px;*/
	width:100%;
	
	font-size:larger;
	font-family: 'Open Sans', sans-serif;
}
.formselect{	
	width:400px;
	font-size:larger;
	font-family: 'Open Sans', sans-serif;	
}

.floatclear{
	clear:both;
	}
.floatclearleft{
	clear:left;
	}
.foreground{
	background-color:#FFFFFF;
}
.header{/*header row for tables*/
	font-size:larger;
	font-weight:bold;
	}
.homehalf{
	float:left;
	vertical-align:top;
	}
.homethird, .homefifth, .hometwothirds{
	display:inline-block;
	width:33%;
	float:left;
	/*font-size:0.750em; /*12px;*/
	}
.hometwothirds{
	width:66%;
}
.homefifth{
	width:20%;
	}
.horizontalad{
	clear:both;
	margin:0 auto;
	padding:0;
	text-align:center;
	display:block;
	background-color:#ffffcc;
	font-size:0.625em; /*10px;*/
}
.horizontaladinline{
	clear:left;
	margin:0;
	padding:0;
	text-align:center;
	display:block;
	background-color:#ffffcc;
	font-size:0.625em; /*10px;*/
	position:static;
	}
.issue{/*content for issue.php*/
	width:800px;
	padding:0;
	margin:0 auto;
	text-align:center;
	display:block;
	background-color:#ffffff;
	}
.issuetitle{/*issue content for issue.php*/
	float:left;
	width:500px;
	background-color:#ffffff;
	display:inline-block;
	}
.issuebox{
	margin:0;
	padding:0;
	}
.issuecover, .issuecoversolo{/*issue cover for issue.php*/
	float:left;
	width:300px;
	text-align:center;
	background-color:#ffffff;
	/*display:inline-block;*/
	display:block;
	}
.issuecoversolo{
	width:193px;
}
.issuelinksBox{
	display:inline-block;
	width:100%;
	/*background-color:#ffffcc;*/
	text-align:center;
	/*border:1px solid #ccc;*/
	/*margin:10px;*/
	clear:left;
}
.issuelinksLeft, .issuelinksRight, .issuelinksCenter{
	float:left;
	width:50%;
	display:inline-block;
	text-align:left;
	/*padding:5px;*/
	}
.issuelinksLeft{
	clear:left;
}
.issuelinksRight{
	text-align:right;
	}
.issuelinksCenter{
	text-align:center;
}
.issuesection{
	margin:15px auto;
	padding:0;
	clear:left;
	width:90%;
	display:block;
	text-align:left;
	}
.issuesection p{ padding:0 5px;	}
.issuesection h2{
	width: 100%;
	height: 1.5em;
	line-height: 1.7em;
	/*margin-left:-5px;*/
	text-align:center;background-color:#ffffcc;
	}
.issuesidebar{
	float:right;
	/*clear:right;*/
	margin:0;
	padding:0;
	text-align:center;
	width:160px;
	margin-left:5px;
	display:block;
	background-color:#ffffff;
	border-left:1px solid #0000ff;
	}
.issuespacer{/*used to add a little space between divs*/
	font-size:6pt;
	line-height:0.5em;
	margin:0;
	padding:0;
	}
h3.issuesubtitle{
	text-align:center;
	margin-top:0;
}
.issuetitlerate{
	/*width:400px;
	margin:0 auto;*/
	width:100%;
	margin:20px auto;
	text-align:center;
	}
.issuetitlestars{
	/*width:200px;*/
	width:50%;
	float:left;
	display:inline-block;
	text-align:center;
	}
.issuead{
	float:right;
	clear:right;
	margin:0;
	padding:0;
	text-align:center;
	width:160px;
	/*margin-left:5px;*/
	display:block;
	background-color:#ffffcc;
	/*border-left:1px solid #0000ff;*/
	}
.issueSpoiler{
	width:100%;
	padding:5px 0;
	background-color:#ffffcc;
}
.indexNotes{
	/*font-size:smaller;*/
	}
.linksSidebar{
	text-align:center;
	line-height:1.5em;
}
.newsdate{
	margin-top:40px;
	margin-bottom:0;
	text-transform:uppercase;
	color:darkgray;
	font-weight:bold;
	font-size:0.9em;
	}
.news{
	margin-top:0px;
	}
.news a, .accordian a{
	background-color:lightgoldenrodyellow;
	/*padding:2px;*/
}
.news a:visited, .accordian a:visited{
	background-color:aliceblue;
}
.news a img{
	/*background-color:transparent;*/
}
.newsimgcenter{
	display:block;
	width:100%;
	text-align:center;
	font-size:0.8em;/*8pt;*/
}
.newsimgcenter a, .newsimgcenter a:hover, .newsimgcenter a:visited{
	background-color:transparent
}
.newskeywords{
	color:#CCCCCC;
	}
.nobg a{
	background-color:white;	
}
.nobg a:visited{
	background-color:white;	
}
.nomargin{
	margin:0;
	padding:0;
}
.nomargin-top{
	margin-top:0;
}
.panel{
	/*images for annotations*/
	margin:0 5px;
	}
.paneladthumb{
	float:right;
}
.report{
	color:green;
}
.returntotop{
	margin:0 auto;
	text-align:center;
	text-transform:uppercase;
	}
.returntotop a{		
	text-decoration:none;
	font-size:xx-small;
	}
/* home page statistics ouput */
.statajax{
	display:block;
	width:100%;
	clear:both;
}
.statdb{
	margin-bottom:20px;
}
.statdesc{
	/*
	width:70%;
	text-align:left;
	display:inline-block;
	*/
	margin-bottom:5px;
}
.statline {
	width:100%;	
	display:block;
	text-align:center;
	/*line-height:2.5em;*/
	padding-top:0.25em;
	padding-bottom:0.25em;
}
.statline:hover{
	background-color:#ccffff;
}
.statmonth{
	width:200px;
	text-align:right;
}
.statnum{
	/*
	width:28%;
	margin-right:2%;
	text-align:right;
	display:inline-block;
	*/
	font-weight:bold;
	color:#000000;
	margin-bottom:10px;
}
.statline .artistname{
	display:inline-block;
	width:40%;
}
.statline .artistcount{
	display:inline-block;
	width:30%;
}
.statline .artistpercent{
	display:inline-block;
	width:30%;
}

.resulttable{
	font-size:0.8em; /*0.625em; /*10px;*/
	}
.reviewbox{/*used for displaying user reviews*/
	margin:0 auto;
	padding:10px 0;
	width:100%;
	border:1px solid navy;
	background-color:#ffffcc;
}
.userrate{ /*used for user rating comments for issues*/
	/*width:620px;*/
	padding:0 5px;
}
.table, .tablebooks{
	display:block;
	width:75%;
	margin: 0 auto;
}
.tablebooks{
	width:100%;
}
.tablebooks .statline{
	line-height:1.5em;
}
.tableAlpha, .table5, .table10, .table15, .table20, .table25, .table30, .table40, .table50, .table75{
	display:inline-block;
	width:5%;
	vertical-align:middle;
}
.tableAlpha{width:3%;	}
.table10{width:10%;	}
.table15{width:15%;	}
.table20{width:20%;	}
.table25{width:25%;	}
.table30{width:30%; }
.table40{width:40%; }
.table50{width:49%; }
.table75{width:75%; }
.tabletitle, .tabledate, .tablekeys, .tablestory{
	text-align:left;
}
.tablekeys{
	font-size:smaller;
}

.textcenter{ text-align:center; }
.textleft{ text-align:left; }
.textright{ text-align:right; }
.titlerow{/*for menu titles*/
	padding:0;
	margin:0;
	width: 100%;
	height: 1.5em;
	line-height: 1.7em;
	/*margin-left:-5px;*/
	text-align:center;
	font-weight:bold;
	background-color:#ffffcc;
	color:#000066; 
	}
ul.star{
	padding: 0;
	margin:2px;
	list-style:disc inside url(http://www.boosterrific.com/pics/bullet_star.gif);	
	}
ul.sitemap{
	width:65%;
	margin: 20px auto;
	font-size:larger;
}
ul.sitemap li{
	padding-bottom:10px;
}
ul.nodisc{
	padding:0;
	margin:0;
	margin-left:10px;
	list-style:none inside none;
	font-size:0.750em; /*12px;*/
	}
.commentline{
	/*font-size:8pt;*/
}
.tagcloud{/*displayed on blog*/
	color:#666666;
	/*font-size:8pt;*/
	line-height:2em;
	}
.tagcloud a:link, .tagcloud a:visited, .tagcloud a:active{color:#666666;text-decoration:none; background-color:transparent;}
.tagcloud a:hover {color:#666666;text-decoration:underline;}
/*
=========================================================
Stars data (for ratings) follows
==========================================================
*/
.inline-rating{
	display:inline-block;
	vertical-align: middle;
}
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(http://www.boosterrific.com/pics/stars.gif) repeat-x left -1000px;
}
.star-rating{
	position:relative;
	width:150px;
	height:30px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
	/*border: 1px solid blue;*/
}
.star-rating li{
	display: inline;
}
.star-rating a,
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:30px;
	line-height:30px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(http://www.boosterrific.com/pics/stars_sm.gif);
	line-height:10px;
	height:10px;
}
.medium-star{
	width:100px;
	height:20px;
}
.medium-star,
.medium-star a:hover,
.medium-star a:active,
.medium-star a:focus,
.medium-star .current-rating{
	background-image: url(http://www.boosterrific.com/pics/stars_med.gif);
	line-height:20px;
	height:20px;
}
/*
=========================================================
Time data (for timeline) follows
==========================================================
*/
.time_top, .time_break, .time_bot, .time_year{
	display:block;
	width:90%;
	margin:0 auto;
	min-height:40px;
	/*border:1px solid red;*/
	background: url(http://www.boosterrific.com/pics/booster/timeline/time_blank.jpg) repeat-y left top;
	position:relative;
}
.time_top h3, .time_break h3, .time_bot h3, .time_year h3{
	/*float:left;*/
	display:inline-block;
	padding:0;
	margin:0;
	/*margin-left:50px;*/
	/*margin-top:7px;*/
	position:absolute;
	left:50px;
	color:#000066;
	top:8px;
}
.time_top p, .time_break p, .time_bot p, .time_year p{
	/*float:left;*/
	display:inline-block;
	padding:0;
	margin:0;
	/*margin-left:10px;*/
	position:absolute;
	left:100px;
	margin-top:9px;
}
.time_top{
	background: url(http://www.boosterrific.com/pics/booster/timeline/time_top.jpg) no-repeat left bottom;
}
.time_break{
	background: url(http://www.boosterrific.com/pics/booster/timeline/time_break.jpg) no-repeat left top;
	min-height:20px;
	max-height:20px;
	height:20px;
}
.time_bot{
	background: url(http://www.boosterrific.com/pics/booster/timeline/time_bot.jpg) no-repeat left top;
}
.time_year{
	background: url(http://www.boosterrific.com/pics/booster/timeline/time_year.jpg) repeat-y left top;
}
.time_year p{
	/*margin-left:5px;
	display:inline-block;*/
}
.time_date{
	color:#000066;
	text-transform:uppercase;
	font-weight:bold;
}
.time_line{
	margin-left:60px;
	padding-top:8px;
}
/*
=========================================================
Used to center poll response
==========================================================
*/
.poll{
	margin:0 auto;text-align:center;
}
.pollblog{
	text-align:left;display:block;margin-bottom:-15px;margin-left:5px;
}
.pollalone{
	width:75%;text-align:left;margin:0 auto;display:block;
}
.pollblog label{
	font-size:1.5em; /*0.875em; /*14px;*/
	line-height:2em;
}
.pollblog label input[type='radio']
{
	transform: scale(1.5);
}
.pollimg{
	margin:0 auto;
	text-align:center;	
}
.pollimg a{
	background-color:transparent;
}
.pollimg img, .pollimg a img{
	/*width:400px;*/
	width:500px;
	margin-top:20px;
}
#votenow input[type='button']
{
	font-size:1.5em;
	margin-bottom:10px;
}
/*
=========================================================
Interview questions
==========================================================
*/

.ques {color: #000066}
ul.spacer li{padding-bottom:10px;}

/*
=======================================================
Countdown display (front page, it has been xxx days since booster...)
=======================================================
*/
.countupdisplay{
	font-weight:bold;
	text-align:center;
	font-size:1.1em;
}

/*
========================================================
MEDIA SMARTPHONE SCREEN 
========================================================
*/
@media only screen and (max-width: 1000px) {

p{
	font-size:1em;/*0.8em;*/
}
h1{
	font-size:1.7em;
}
h2{
	font-size:1.5em;
}

.ad-horizontal img, .fullwidth img{
	width:100%;
	height: auto;
}
.content {
	width:100%;
}
.blogbutton img, .bioimg img{
	width:100%;
}
.blogbuttonleft, .blogbuttonright{
	font-size:initial;
	margin:20px 0;
}
.blogfloat, .blogfloat img{
	float:none;
	width:100%;
	margin: 0 auto;
}
.boostersection, .boostersectionImage{
	width:100%;
	float:none;
}

.boostersectionHome, .boostersectionSocial, .boostersectionFooter {	
	width:90%;
	margin:0 auto;
}
.boostersection p, .boostersection img, .boostersection h2, .boosterWarning p{
	padding:0;
}
.boostersection h1{
	height:auto;
	font-size:1.7em;
	line-height:1.2em;
}
.boostersocial
{
	width:20%;
	clear:both;
}
.breadcrumbs{
	/*display:none;*/	
}
.covergallerysingle{
	float:none;
	width:100%;
	margin-top:20px;
}
.covergallerysingle img{
	border:0px solid black;
	width:100%;
	height:auto;
}
.coverlink{
	line-height:2em;
}
#footerMenu, #footerMenu li{
	width:100%;
	font-size:large;
}
#footerMenu ul{
	margin-bottom:20px;
}
.h1space{
	display:block;
}
.issuecover{
	float:none;
	margin:0 auto;
}
.issuesection{
	width:100%;
	}
.issuetitlestars{
	width:100%;
}
#map_canvas{
	width:100%; 
}
#masthead{
	overflow:hidden;
	height:auto;
}
#mastheadMenu{
	display:none;
}
.masthead-menu, .masthead-title-short{
	display:inline-block;
	float:left;
	text-align:left;
	position:static;
	left: auto;
	height:auto;
}
.masthead-menu{
	width:14%;/*14.49%;*/
}
.masthead-title-short{
	width:83%;/*85.51%;*/
}
.masthead-menu img, .masthead-title-short img{
	/*height:100%;*/
	width: 100%;
	height:auto;
}
.masthead-left, .masthead-title, .hideme{
	display:none;	
}
.news a{
	padding:inherit;
}
.newsdate{
	margin-top:10px;
}
.newsimgcenter img{
	width:100%;
	height:100%;
	font-size:0.7em;
}
.newsimgcenter a, .newsimgcenter a:hover, .newsimgcenter a:visited{
	background-color:transparent
}
.panel{
	width:100%;
	height:auto;
}
.paneladthumb{
	float:none;
}
.pollimg img, .pollimg a img{
	width:100%;
}
ul.sitemap{
	width:90%;
}
.table, .tablebooks{
	width:100%;
	font-size:smaller;
}
/* for table rows. DON'T CHANGE .tableAlpha on responsive */
.table5, .table10, .table20, .table25, .table30, .table40, .table50{
	display:block;
	width:inherit;
}
.tableAlpha{
	width:15%;
}
.statheader .table5, .statheader .table10, .statheader .table20, .statheader .table25, .statheader .table30, .statheader .table40, .statheader .table50{
	display:inline-block;
}
.statline{
	line-height:2em;	
}
.table20, .table25, .table30, .table40, .table50{
	width:100%;
}
.tabletitle, .tabledate, .tablestory{
	text-align:center;
}