/* Styles for THIS Issue (not used by "Plain" view) */

@import url('../fonts/komikatext_regular_macroman/stylesheet.css');

#page0 {
	background: #fff url('../images/newsample/newcover.jpg') center center no-repeat;
	background-size: cover;
}
#masthead {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#page0 ul {
margin: 0;
padding: 0;
list-style:none;
font-size: 24px;
font-weight: bold;
font-family: 'Impact','Arial Black','Arial', sans-serif;
color: orange;
text-shadow: 2px 2px 0px black;
width: 50%;
}
	#page0 ul li {
		margin-bottom: 20px;
	}
	#page0 ul li a {
		text-decoration: none;
		color: inherit;
	}
	#page0 ul li span.huge {
		font-size: 48px;
	}
	#page0 ul li span.big {
		font-size: 36px;
	}
#header0 { border: none;}
#header0 h1 {
	text-align: center;
}
#footer0 { display: none;}
#page1 {
	background-color: black;
	color: yellow;
}
	#page1 a {
		color: white;
	}
	#page1 .header, #page12 .header, #page13 .header {
		border: none;
	}
	#page1 .footer, #page12 .footer, #page13 .footer {
		visibility: hidden;
	}
	#page1 .header h1, #page12 .header h1,
	#page13 .header h1 {
		font-size: 10px;
		text-align: center;
	}
	#page1 .header h1, #page13 .header h1 { color: white;}
	#page1 .live p, #page12 .live p {
		line-height: 1em;
		max-width: 535px;
		margin: 1em auto;
	}
	#SBJV1 {
		width: 75%;
		height: auto;
	}
#page2 .header, #page2 .footer {
	margin: 0;
	height: 50px;
	background: #0556a5;
	border: none;
	color: white;
}
	#page2 .header h1 {
		font-size: 48px;
		line-height: 48px;
		color: white;
		margin: 10px 50px;
	}
	#page2 strong {
		font-size: 24px;
		color: #0556a5;
	}
		#page2 strong span {
			display: inline-block;
			width: 35px;
		}
	#page2 p a {
		text-decoration: none;
		color: inherit;
		font-size: 24px;
	}
	#page2 .footer p {
		margin-right: 50px;
	}
#page5 .header, #page6 .header {
	height: 129px;
	border:none;
}
	#page5 .header h1, #page6 .header h1 {
		font-family: 'Impact', 'Arial Black', 'Arial', sans-serif;
		color: white;
		text-shadow: 1px 1px 3px black;
		margin: 0;
		line-height: 140px;	
	}
	#page5 .header h1 { font-size: 48px; }
	#page6 .header h1 { font-size: 28px; }
#page5 .live, #page6 .live {
	margin-top: 140px;
}
#page5 .footer, #page6 .footer {
	border-color: white;
}

#page9, #page10 {
	font-family: 'komika_textregular','Comic Sans MS','Arial',sans-serif;
}
#page9 .header h1, #page10 .header h1 {
	font-family: 'komika_textregular','Comic Sans MS','Arial',sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}
#page12 img {
	width: 70%;
	height: auto;
}
	#page12 .live h3,
	#page1  .live h3 {
		display: table;
		margin: 10px auto;
		padding: 5px;
		color: white;
		border: 2px solid yellow;
		background-color: darkRed;
		border-radius: 9px;
		font-size: 18px;
		font-weight: bold;
		font-family: Arial, sans-serif;
	}
		#page12 .live h3:hover, #page12 .live h3:focus,
		#page1 .live h3:hover, #page1 .live h3:focus {
			background-color: red;
		}
		#page12 .live h3 a,
		#page1 .live h3 a {
			color: inherit;
			text-decoration: none;
		}
/* 	Note that if Sepia or Black are chosen in Font Color panel
	it will NOT override the author's intent for how the back cover
	will be displayed, it will be a white background with an image
	and black text.
*/
#page13 {
	background: white url('../images/newsample/1990_newsagent_byStewDean.jpg') top center no-repeat;
	background-size: contain;
	color: black;
}
	#page13 .adtop {
		height: 200px;
		border-bottom: 10px solid #0556A5;
	}
	#page13 .live h1 {
		font-family: 'Impact','Arial Black', sans-serif;
		font-size: 60px;
		color: #27aae1;
		margin: 0;
		text-shadow: 4px 4px 0px #0556A5;
	}
	#page13 .glowicon {
		border-radius: 9px;
		box-shadow: 0px 0px 25px #0556A5;
	}
	#page13 .newsprint {
		font-family: 'Times New Roman', 'Georgia', serif;
		font-size: 12px;
		font-weight: bold;
		padding: 10px;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		-ms-column-count: 2;
		column-count: 2;
	}
	#page13 .live h3 {
		display: table;
		margin: 10px auto;
		padding: 5px;
		color: white;
		border: 2px solid #0556a5;
		background-color: #27aae1;
		border-radius: 9px;
		font-size: 18px;
		font-weight: bold;
		font-family: Arial, sans-serif;
	}
		#page13 .live h3:hover, #page13 .live h3:focus {
			border-color: #27aae1;
			background-color: #0556a5;
		}
		#page13 .live h3 a {
			color: inherit;
			text-decoration: none;
		}

@media screen {
	/* See ui.css file */
}
/*====================*/
/* Widescreen Monitor */
@media only screen and (min-width: 1600px) {
	/*	Font Color panel option will never override the specific intent
		for pages 5 and 6 to have white text on a blue background.
	*/
	#page5 {
		background: #1b76c9 url('../images/newsample/1536_top.jpg') top left no-repeat;
		background: url('../images/newsample/1536_top.jpg') top left no-repeat,
					url('../images/newsample/blueprint.jpg') 0 0 repeat,
					#1b76c9;
		color: white;
	}
	#page6 {
		background: #1b76c9 url('../images/newsample/1536_top.jpg') top right no-repeat;
		background: url('../images/newsample/1536_top.jpg') top right no-repeat,
					url('../images/newsample/blueprint.jpg') 0 0 repeat,
					#1b76c9;
		color: white;
	}
	/*	Font Color panel option WILL override background color on
		pages 9 and 10 because no color is specified.  By NOT using
		background shorthand the PNG images will remain in place, and
		only the background COLOR will change.  Also notice that no
		specific color is given for the page text, which will allow
		the color scheme to be determined by the Font Panel.
	*/
	#page9 {
		background-image: url('../images/newsample/jimback.png');
		background-position: bottom left;
		background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-ms-background-size: 100% auto;
		background-size: 100% auto;
	}
		#column9 {	margin-left: 100px;}
		#fallcon {
			display: table;
			margin: 5px;
			margin-left: -100px;
			float: left;
		}
	#page10 {
		background-image: url('../images/newsample/jimpunch_bg.png');
		background-position: bottom right;
		background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-ms-background-size: 100% auto;
		background-size: 100% auto;
	}
		#column10 { margin-right: 150px;}
		#coverart {margin: 5px; margin-right: -150px;}
		
	#page13 .adtop {
		height: 305px;
	}
	#page13 .live h1 {
		font-size: 100px;
	}
	#page13 .glowicon {
		height: 114px;
		width: 114px;
	}
	#page13 .newsprint {
		font-size: 18px;
	}
	#page13 .live h3 {
		font-size: 24px;
	}
}

/*==============================================================*/
/* Widescreen Monitor (High Density) */
@media only screen and (min-width: 1600px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 1600px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-width:1600px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-width:1600px) and (min-device-pixel-ratio: 2) {

}
/*==============================================================*/
/* Desktop Screen 1280 to 1600 px */
@media only screen and (min-width: 1280px) and (max-width: 1599px) {
	#page5 {
		background: #1b76c9 url('../images/newsample/1280_top.jpg') top left no-repeat;
		background: url('../images/newsample/1280_top.jpg') top left no-repeat,
					url('../images/newsample/blueprint.jpg') 0 0 repeat,
					#1b76c9;
		color: white;
	}
	#page6 {
		background: #1b76c9 url('../images/newsample/1280_top.jpg') top right no-repeat;
		background: url('../images/newsample/1280_top.jpg') top right no-repeat,
					url('../images/newsample/blueprint.jpg') 0 0 repeat,
					#1b76c9;
		color: white;
	}
	#page9 {
		background-image: url('../images/newsample/jimback.png');
		background-position: bottom left;
		background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-ms-background-size: 100% auto;
		background-size: 100% auto;
	}
		#column9 {	margin-left: 100px;}
		#fallcon {
			display: table;
			margin: 5px;
			margin-left: -100px;
			float: left;
		}
	#page10 {
		background-image: url('../images/newsample/jimpunch_bg.png');
		background-position: bottom right;
		background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-ms-background-size: 100% auto;
		background-size: 100% auto;
	}
		#column10 { margin-right: 140px;}
		#coverart {margin: 5px; margin-right: -140px;}
	#page13 .adtop {
		height: 254px;
	}
	#page13 .live h1 {
		font-size: 72px;
	}
	#page13 .newsprint {
		font-size: 14px;
	}
}
/*==============================================================*/
/* Desktop Screen 1280 to 1600 px */
@media only screen and (min-width: 1280px) and (max-width: 1599px) and (max-height: 749px) {
	#page5 {
		background: #1b76c9 url('../images/newsample/1280_top.jpg') top left no-repeat;
		background: url('../images/newsample/1280_top.jpg') top left no-repeat,
					url('../images/newsample/blueprint.jpg') 0 0 repeat,
					#1b76c9;
		color: white;
	}
	#page6 {
		background: #1b76c9 url('../images/newsample/1280_top.jpg') top right no-repeat;
		background: url('../images/newsample/1280_top.jpg') top right no-repeat,
					url('../images/newsample/blueprint.jpg') 0 0 repeat,
					#1b76c9;
		color: white;
	}
	#page9 {
		background-image: url('../images/newsample/jimback.png');
		background-position: bottom left;
		background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-ms-background-size: 100% auto;
		background-size: 100% auto;
	}
		#column9 {	margin-left: 100px;}
		#fallcon {
			display: table;
			margin: 5px;
			margin-left: -100px;
			float: left;
		}
	#page10 {
		background-image: url('../images/newsample/jimpunch_bg.png');
		background-position: bottom right;
		background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-ms-background-size: 100% auto;
		background-size: 100% auto;
	}
		#column10 { margin-right: 100px;}
		#coverart {margin: 5px; margin-right: -100px;}
	#page13 .adtop {
		height: 254px;
	}
	#page13 .live h1 {
		font-size: 72px;
	}
	#page13 .newsprint {
		font-size: 14px;
	}
}
/*==============================================================*/
/* Desktop Screen (High Density) */
@media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-height: 800px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 1280px) and (max-width: 1599px) and (min-height: 800px) and (min--moz-device-pixel-ratio: 2),
only screen and (min-width: 1280px) and (max-width: 1599px) and (min-height: 800px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-width: 1280px) and (max-width: 1599px) and (min-height: 800px) and (min-device-pixel-ratio: 2) {

}
/*===================*/
/* iPad in Landscape */
@media only screen and (min-width: 1024px) and (max-width: 1279px)  {
	#page5 {
		background: #1b76c9 url('../images/newsample/1024_top.jpg') top left no-repeat;
		background: url('../images/newsample/1024_top.jpg') top left no-repeat,
					url('../images/newsample/blueprint.jpg') 0 0 repeat,
					#1b76c9;
		color: white;
	}
	#page6 {
		background: #1b76c9 url('../images/newsample/1024_top.jpg') top right no-repeat;
		background: url('../images/newsample/1024_top.jpg') top right no-repeat,
					url('../images/newsample/blueprint.jpg') 0 0 repeat,
					#1b76c9;
		color: white;
	}
	#page9 {
		background-image: url('../images/newsample/jimback.png');
		background-position: bottom left;
		background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-ms-background-size: 100% auto;
		background-size: 100% auto;
	}
		#column9 {	margin-left: 100px;}
		#fallcon {
			display: table;
			margin: 5px;
			margin-left: -100px;
			float: left;
		}
	#page10 {
		background-image: url('../images/newsample/jimpunch_bg.png');
		background-position: bottom right;
		background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-ms-background-size: 100% auto;
		background-size: 100% auto;
	}
		#column10 { margin-right: 100px;}
		#coverart {margin: 5px; margin-right: -100px;}
}

/*===================================================*/
/* iPad Retina and other hi-res tablets in Landscape */
@media only screen and (min-width: 1024px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio : 2.0),
only screen and (min-width: 1024px) and (max-width: 1279px) and (min--moz-device-pixel-ratio: 2.0),
only screen and (min-width: 1024px) and (max-width: 1279px) and (-o-min-device-pixel-ration: 2/1),
only screen and (min-width: 1024px) and (max-width: 1279px) and (min-device-pixel-ratio : 2.0) {

}

/*================================*/
/* Desktop Screen 1024 to 1280 px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) and (min-height: 690px) {

}



/*===================================*/
/* iPad + Android Tablet in Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#page0 ul {
font-size: 36px;
}
	#page0 ul li span.huge {
		font-size: 60px;
	}
	#page0 ul li span.big {
		font-size: 48px;
	}
	#page5 {
		background: #1b76c9 url('../images/newsample/1536_top.jpg') top left no-repeat;
		background: url('../images/newsample/1536_top.jpg') top left no-repeat,
					url('../images/newsample/blueprint.jpg') 0 0 repeat,
					#1b76c9;
		color: white;
	}
	#page6 {
		background: #1b76c9 url('../images/newsample/1536_top.jpg') top right no-repeat;
		background: url('../images/newsample/1536_top.jpg') top right no-repeat,
					url('../images/newsample/blueprint.jpg') 0 0 repeat,
					#1b76c9;
		color: white;
	}
	#page9 {
		background-image: url('../images/newsample/jimback.png');
		background-position: bottom left;
		background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-ms-background-size: 100% auto;
		background-size: 100% auto;
	}
		#column9 {	margin-left: 100px;}
		#fallcon {
			display: table;
			margin: 5px;
			margin-left: -100px;
			float: left;
		}
	#page10 {
		background-image: url('../images/newsample/jimpunch_bg.png');
		background-position: bottom right;
		background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-ms-background-size: 100% auto;
		background-size: 100% auto;
	}
		#column10 { margin-right: 150px;}
		#coverart {margin: 5px; margin-right: -150px;}
	#page13 .adtop {
		height: 300px;
	}
	#page13 .live h1 {
		font-size: 100px;
	}
	#page13 .glowicon {
		height: 114px;
		width: 114px;
	}
	#page13 .newsprint {
		font-size: 18px;
	}
	#page13 .live h3 {
		font-size: 24px;
	}
}

/*==============================================================*/
/* iPad Retina + Hi-Res Other Tablet in Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio : 2.0),
only screen and (min-width: 768px) and (max-width: 1023px) and (min--moz-device-pixel-ration: 2),
only screen and (min-width: 768px) and (max-width: 1023px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-width: 768px) and (max-width: 1023px) and (min-device-pixel-ratio: 2) {

}

/*==============================================================*/
/* Android HVGA and WVGA in Landscape */
@media only screen and (min-width: 600px) and (max-width: 767px) {
	#page5 {
		background: #1b76c9 url('../images/newsample/1024_top.jpg') top left no-repeat;
		background: url('../images/newsample/1024_top.jpg') top left no-repeat,
					url('../images/newsample/blueprint.jpg') 0 0 repeat,
					#1b76c9;
		color: white;
	}
	#page6 {
		background: #1b76c9 url('../images/newsample/1024_top.jpg') top right no-repeat;
		background: url('../images/newsample/1024_top.jpg') top right no-repeat,
					url('../images/newsample/blueprint.jpg') 0 0 repeat,
					#1b76c9;
		color: white;
	}
	#page9 {
		background-image: url('../images/newsample/jimback.png');
		background-position: bottom left;
		background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-ms-background-size: 100% auto;
		background-size: 100% auto;
	}
		#column9 {	margin-left: 100px;}
		#fallcon {
			display: table;
			margin: 5px;
			margin-left: -100px;
			float: left;
		}
	#page10 {
		background-image: url('../images/newsample/jimpunch_bg.png');
		background-position: bottom right;
		background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-ms-background-size: 100% auto;
		background-size: 100% auto;
	}
		#column10 { margin-right: 140px;}
		#coverart {margin: 5px; margin-right: -140px;}
	#page13 .adtop {
		height: 254px;
	}
	#page13 .live h1 {
		font-size: 72px;
	}
	#page13 .newsprint {
		font-size: 14px;
	}
}

/*==============================================================*/
/* Android Landscape (High Density) */
@media only screen and (min-width: 600px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio : 2.0),
only screen and (min-width: 600px) and (max-width: 767px) and (min--moz-device-pixel-ration: 2),
only screen and (min-width: 600px) and (max-width: 767px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-width: 600px) and (max-width: 767px) and (min-device-pixel-ratio: 2) {

}

/*==============================================================*/
/* iPhone + iPod Touch + Android Phone in Landscape */
@media only screen and (min-width: 480px) and (max-width: 599px),
only screen and(min-width:600px) and (max-width:767px) and (max-height:480px) {
	#page5 {
		background: #1b76c9;
		color: white;
	}
	#page6 {
		background: #1b76c9;
		color: white;
	}
	#page5 .live, #page6 .live {
		margin-top: 0px;
		padding-left: 10px;
		padding-right: 10px;
		border-left: 1px dashed white;
		border-right: 1px dashed white;
	}
	#page9 {
		background-image: url('../images/newsample/jimback.png');
		background-position: bottom left;
		background-repeat: no-repeat;
		-webkit-background-size: 480px auto;
		-moz-background-size: 480px auto;
		-ms-background-size: 480px auto;
		background-size: 480px auto;
	}
		#column9 {	margin-left: 100px;}
		#fallcon {
			display: table;
			margin: 5px;
			float: right;
		}
	#page10 {
		background-image: url('../images/newsample/jimpunch_bg.png');
		background-position: bottom right;
		background-repeat: no-repeat;
		-webkit-background-size: 480px auto;
		-moz-background-size: 480px auto;
		-ms-background-size: 480px auto;
		background-size: 480px auto;	
	}
		#column10 { margin-right: 100px;}
		#coverart {float: left; margin: 5px;}
	#page13 {
		background: white;
	}
	#page13 .adtop {
		padding-top: 10px;
		background: white url('../images/newsample/1990_newsagent_byStewDean.jpg') top center no-repeat;
		background-size: cover;
	}
	#page13 .newsprint {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-ms-column-count: 1;
		column-count: 1;
	}

}

/*==============================================================*/
/* iPhone + iPod Touch + Android Phone in Landscape (High Density) */
@media only screen and (min-width: 480px) and (max-width: 599px) and (-webkit-min-device-pixel-ratio : 2.0),
only screen and (min-width: 480px) and (max-width: 599px) and (min--moz-device-pixel-ration: 2),
only screen and (min-width: 480px) and (max-width: 599px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-width: 480px) and (max-width: 599px) and (min-device-pixel-ratio: 2) {

}

/*==============================================================*/
/* iPhone + iPod Touch + Android Portrait */
@media only screen and (max-width: 479px) {
	#page5 {
		background: #1b76c9;
		color: white;
	}
	#page6 {
		background: #1b76c9;
		color: white;
	}
	#page5 .header, #page6 .header {
		height: 44px;
		border-bottom: 1px dashed white;
	}
	#page5 .header h1, #page6 .header h1 {
		font-size: 28px;
		line-height: 44px;
	}
	#page5 .live, #page6 .live {
		margin-top: 45px;
	}
	.live img {
		display: block;
		margin: 5px auto !important; /* need to over-ride inline styles */
		float: none;
		clear: both;
	}
	.live img.inline {
		display: inline-block;
		vertical-align: middle;
	}
	#footer5, #footer6 {
		border-style: dashed;
	}
	#column9 {
		background: url('../images/newsample/jimback.png') bottom left no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-ms-background-size: 100% auto;
		background-size: 100% auto;
		padding-bottom: 120px;
	}
		#fallcon { 
			margin: 5px auto;
			display: table;
		}
	#column10 {
		background: url('../images/newsample/jimpunch_bg.png') bottom right no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-ms-background-size: 100% auto;
		background-size: 100% auto;
		padding-bottom: 120px;
	}
		#coverart {
			margin: 5px auto;
			display: table;
		}
	#page13 {
		background: white;
	}
	#page13 .adtop {
		padding-top: 10px;
		background: white url('../images/newsample/1990_newsagent_byStewDean.jpg') top center no-repeat;
		background-size: cover;
	}
	#page13 .newsprint {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-ms-column-count: 1;
		column-count: 1;
	}

}

/*==============================================================*/
/* iPhone Retina + Android (High Density) Portrait */
@media only screen and (max-width: 479px) and (-webkit-min-device-pixel-ratio : 2.0),
only screen and (max-width: 479px) and (min--moz-device-pixel-ration: 2),
only screen and (max-width: 479px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 479px) and (min-device-pixel-ratio: 2) {

}