/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;/* 1em */
	color: #000000;
	margin: 0;
	padding: 0;
	text-align:center;
	background-color:#000099;
	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.2em;
	font-size: 1.0em;
}
h1 {
	padding:0;
	margin:0;
	font-size: 1.875em; /*30px; */
	font-weight: bold; 
	color: #000066; 
} 
h2 { 
	padding:0;
	margin:0;
	font-size: 1.125em; /* 18px; */
	font-weight: bold; 
	color: #000066; 
}
h4 { 
	font-size: 0.875em; /*14px; */
	font-weight:bold;
	padding:0;
	margin:0;
	margin-bottom:2px;
	}
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: #000099;/*000066*/
}
a:active {
	text-decoration: underline;
	color: #ff0000;
}
a:hover, p a:hover, .commentline a:hover {
	text-decoration: underline;
	/*color: #ff0000;*/
}
#legal {
	margin:0 auto;
	text-align: justify;
	width: 800px;
	position:relative;
	padding:0;
	display:block;
	clear:both;
}
#legal p{
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	text-align:justify;
	font-size:8pt;
	color:#FFCC00;
}
#masthead, #mastheadsub{
	display:block;
	width:800px;
	height:100px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background:transparent url(http://www.boosterrific.com/pics/menu/menu_100.png) no-repeat center top;
}
#masthead .headmenu, #mastheadsub .headmenusub{
	font-weight:bold;
	font-size: 0.875em; /*14px;*/
	display:inline-block;
	margin:75px 10px 0 10px;
	text-transform:uppercase;
	text-align:center;
}
.headmenu{
	margin-left:0px;
	margin-right:5px;
}
#mastheadsub {
	display:none;
	height:30px;
	background-image:none;
	background-color:white;
}
#mastheadsub .headmenusub{
	display:none;
	padding:0;
	margin:0;
	text-transform:capitalize;
	font-size:0.750em; /*12px;*/
	font-weight:normal;
}
#masthead a:link, #masthead a:visited, #mastheadsub a:link, #mastheadsub a:visited{
	text-decoration: none;
	color: #000066;
}
#masthead a:hover, #masthead a:active, #mastheadsub a:hover, #mastheadsub a:active{
	text-decoration: underline;
	color: #ff9900;
}
.admenu{
	font-size:0.750em; /*12px;*/
	}
.adminpreview{
	margin:0 auto;
	width:750px;
	padding:5px;
	margin-bottom:10px;
	border:1px solid navy;
}
.admintable{
	font-size:0.750em; /*12px;*/
	text-align:center;
	margin:0 auto;
}
.adminLabel{
	vertical-align:top;
	padding-right:10px;
	font-weight:bold;
}
.artisttable{
	font-size:0.750em; /*12px;*/
}
.boostersection{/*used for booster directory pages*/
	float:left;
	clear:left;
	width:630px;
	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;
	}
.boostersectionAdmin{
	float:none;
	margin:0 auto;
	width:770px;
}
.boostersectionAdmin h1{
	margin-top:20px;
	margin-bottom:20px;
	background-color:#ffffff;
}
.boostersectionAdmin td{
	text-align:left;
}
.boostersectionHome{
	float:none;
	width:700px;
	margin:0 auto;
}
.boosterWarning{
	width:100%;
	margin:5px 0;
	padding:2px 0;
	text-align:center;
}
.boosterSocial{
	width:600px;
	margin:5px auto;
	text-align:center;
}
/*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;
	}
.boostersearch{
	width:90%;
}
.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;
	}
.commentform{
	padding:20px;
	}
.commentwarning{
	font-size:smaller;
	font-weight:normal;
	color:#999;
}
.content{
	margin:0 auto;
	width:800px;
	padding:0;
	text-align:center;
	display:inline-block;
	background-color:#ffffff;
	display:block;
	overflow:hidden;
	}
.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:10pt;
}

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

.formholder{
	padding:0 5px;
}
.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;
}
.forminput textarea{
	width:100%;
	border:1px solid gray;
	font-size:larger;
	font-family: 'Open Sans', sans-serif;
	
    resize: none;
    overflow: auto;
	max-height:200px;
}
.forminput button{
	height:30px;
	width:200px;
	font-size:larger;
	font-family: 'Open Sans', sans-serif;
}
.formselect{	
	width:400px;
	font-size:larger;
	font-family: 'Open Sans', sans-serif;	
}
.errors{
	color:red;
}
.report{
	color:green;
}

.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{
	display:inline-block;
	width:33%;
	float:left;
	/*font-size:0.750em; /*12px;*/
	}
.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{/*issue cover for issue.php*/
	float:left;
	width:300px;
	text-align:center;
	background-color:#ffffff;
	/*display:inline-block;*/
	display:block;
	}
.issuelinksBox{
	display:inline-block;width:780px;background-color:#ffffcc;text-align:center;border:1px solid #ccc;margin:10px;
}
.issuelinksLeft{
	clear:left;float:left;width:294px;display:inline-block;text-align:left;
	/*padding:5px;*/
	}
.issuelinksRight{
	float:left;width:294px;display:inline-block;text-align:right;
	/*
	width:390px;
	padding:5px;
	*/
	}
.issuelinksCenter{
	float:left;width:180px;display:inline-block;text-align:center;
	/*padding:5px 0;*/
}
.issuesection{
	margin:0;
	padding:0;
	clear:left;
	width:620px;
	display:block;
	text-align:left;
	background-color:#ffffff;
	}
.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;
	}
.issuetitlerate{
	width:400px;margin:0 auto;text-align:center;
	}
.issuetitlestars{
	width:200px;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:0;
	margin-bottom:5px;
	}
.newscontent{
	margin-top:0px;
	}
.newsimgcenter{
	display:block;
	width:100%;
	text-align:center;
	font-size:8pt;
}
.newskeywords{
	color:#CCCCCC;
	}
.nomargin{
	margin:0;
	padding:0;
}
.panel{
	/*images for annotations*/
	margin:0 5px;
	}
/* home page statistics ouput */
.statdesc{
	width:400px;
	text-align:left
}
.statmonth{
	width:200px;
	text-align:right;
}
.statnum{
	width:200px;
	text-align:right;
	font-weight:bold;
	color:#000000;
}

.resulttable{
	font-size:0.8em; /*0.625em; /*10px;*/
	}
.reviewbox{/*used for displaying user reviews*/
	margin:0 auto;padding:10px 0;width:550px;border:1px solid navy;background-color:#ffffcc;
}
.userrate{ /*used for user rating comments for issues*/
	width:620px;padding:0 5px;
}
.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.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;
	}
.tagcloud a:link, .tagcloud a:visited, .tagcloud a:active{color:#666666;text-decoration:none;}
.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;
}
.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;
}
/*
=========================================================
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);
}
#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 screen and (max-width: 1000px) {
	
.headmenu a{
	/*font-size: 0.8em;*/
}
#masthead{
	overflow:hidden;
}
			
}