@charset "utf-8";
/* CSS Document */

@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
body, html {
	height:100%;
	margin:0;
	padding:0;
}
/*@font-face
{
font-family: Georgia, serif;
src: url(../fonts/ROCKB.ttf);
}*/
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	overflow-x: hidden;
/*	background: url(../images/bkg.jpg) repeat fixed;	*/
	background:#FFF;
}
/* fix for jquery font change */
.ui-widget {
	font-family:Tahoma, Geneva, sans-serif !important;
}
p{
	line-height:150%;
	
}
ul, li {
	list-style:none;
	padding-left:0px;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#C00;
}
h1, h2, h3, h4, h5 {
	color:#666;
}
h3{
	font-size:1.2em;
}
.articleList h1{
	font-size:2em !important;
}
div, ul, li{	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */	
}
img {
	border:none;
}
#footer, #header, #page, #main, #shadow {
	min-width:320px;	
}
#page{
	width:100%;
	height: 100%;
	margin:0;
	padding:0;
}
#header{
	margin: 20px 10px 10px 20px;
}
#header p { margin-bottom: 0; }

.stretch {
	width:100%;
	height:100%;
}
#main{
	height:100%;
	padding:11px;
	max-width:1200px;
	/*width: 80%;*/
	margin: 0 auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
}
#column70{
	float:left;
	width:70%;
}
#content{
	width:100%;
	padding:10px;
	float:left;
	background:#fff;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 0px 40px rgba(0, 0, 0, 0.1) inset;
	margin:10px 0;
}
#sidebar{
	width:28%;
	float:right;
}
#sidebar #content{
	width:100%;
}
p.break, .break a{
	-ms-word-break: break-all;

     /* Be VERY careful with this, breaks normal words wh_erever */
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;

}
.newsPanelDate, .eventPanelDate, .reviewPanelDate, .featurePanelDate { color:#999; display:block;}

#footer{
	display:none;
}

#inner{
	max-width:1200px;
	width: 80%;
	margin: 0 auto;
	min-height:100%;
	clear:both;
	position:relative;
	z-index:0;
}
.f-col{
	color:#fff;
	width:30%;
	margin: 20px 5px;
	float:left;
	border-left:1px solid #999;
	padding-left:10px;
}
.white{
	font-size:1.6em;
	color:#fff;
	font-weight:bold;
}

/* adverts */

#leader, .mpu {
	clear:both;
	text-align:center;
	position:relative;
	margin:5px 0px;
}
	
#adHeader {
	position: absolute;
	right:0px;
	top:115px;
}
.advert{
	padding:15px 5px;
}	
/* adverts */

.extra{
	display:inline-block;
	padding:8px;
	color:#000;
	background:#FCD700;
	float:right;
	margin-bottom:5px;
}
.extra:hover{
	color:#fff;
}
/* New Menu  */
/* change the styles here to match the site */
.nav{
	width:100%;
	height: 2.5em;
	float:left;
	background: #000; /* Old browsers */
}
/* New Menu  */
/* change the styles here to match the site */
#navigation {
 font-size: 14px;
 font-weight:bold;
 margin: 0 10%;
 padding: 0 1em;
 background: #000;
 height: 2em;
 list-style: none;
 font-family: Arial, Helvetica, sans-serif;
 text-transform: uppercase;
}
#navigation a {
 text-decoration: none;
}
#navigation > li {
 float: left;
 height: 100%;
 margin-right: 0.5em;
 padding: 0 0.5em;
}

#navigation > li > a {
 float: left;
 height: 100%;
 line-height: 2;
}

#navigation > li.sub {
 position: relative;
}

#navigation > li.sub ul {
 width: 12em;
 margin: 0;
 padding: 0.5em 0;
 list-style: none;
 background: #fff;
 position: absolute;
 top: -1000em;
 left:0em;
 border-radius:0 0px 5px 5px;
 box-shadow:2px 2px 10px #333;
 color:#000;
 font-size:12px;
}

#navigation > li.sub ul li {
 width: 90%;
 margin: 0 auto 0.3em auto;
}

#navigation > li.sub ul li a {
 height: 100%;
 display: block;
 padding: 0.4em;
 color:#000!important;
}
#navigation > li.sub ul li a:hover {
 color:#666!important;
}
#navigation > li.sub:hover ul {
 top: 2.3em;
 z-index:99;
}
.mainNav a { color: white !important; }

.mainNav a:hover {color:#FCD700 !important;}

/* End Menu  */

#navigation > li.socialMedia a{
	background:none;
	padding:4px 2px 0 !important;
	height:85% !important;
}
.socialMedia{
	padding:4px 2px 0 !important;
	float:right !important;
	height:85% !important;
}
.socialMedia img {
	border:none;
}
#navigation > li.socialMedia > a {
	float:right;
}
.miniNav{
	display:none;
}
.size-med {
	max-width:200px;
	max-height:200px;
}
.size-large{
	width:100%;
}

.clear{
	clear:both;
	line-height:0px;
}

/* Double column lists */
.ul_double li{
	width:50%;	
	float:left;
	border-bottom:1px dashed #999;
	border-right:1px dashed #999;
	height:120px;
	text-align:center;
	display: inline-block;
	margin-left:0px;
}
.ul_double img{
	max-height:100px;
	vertical-align:middle;
/*	padding:5px 0px*/
}
.li-center{
	display:inline-block;
	height:100%;
	vertical-align: middle;
}
.ul_double a {
	display: inline-block;
    vertical-align: middle;	
}
.ul_double li:nth-child(even){
	float:right;
	border-right:0px none;
}
.ul_double li:last-child, .ul_double li:nth-last-child(2){
	border-bottom:0px none;
}

.ul_horizontal li {
	float:left;
	margin: 0 10px;
}

#sidebar li {
	padding:4px 0;
}

#train{
	float:right;
	margin:4% auto 0px auto;
	width:30%;
	text-align:right;
	
}

/* *******************
   SECTION TABS STYLES
   *******************/
ul#tabsNav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px; /* set font as desired */
color: #72C5EF;
border-bottom: 1px solid #94c0e9; /* set border COLOR as desired */
list-style-type: none;
padding: 5px 10px;
word-spacing:normal;
letter-spacing: 0.05em;
}

ul#tabsNav li { /* do not change */
display: inline;
line-height: normal;
padding:10px 0;
}

ul#tabsNav li.tabSelected li { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

ul#tabsNav li.tabSelected a { /* settings for selected tab link */
background: #fff; /* set selected tab background color as desired */
color: #555; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding: 5px; /* must change with respect to padding (X) above and below */
}
ul#tabsNav li a { /* settings for all tab links */
padding: 5px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #94c0e9; 
border-radius: 5px 5px 0 0;

background: rgb(197,222,234); /* Old browsers */
background: -moz-linear-gradient(top, rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,222,234,1)), color-stop(31%,rgba(138,187,215,1)), color-stop(100%,rgba(6,109,171,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* IE6-9 */

color: #fff; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabsNav a:hover { /* settings for hover effect */
background: rgb(197,222,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(71,134,170,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,222,234,1)), color-stop(31%,rgba(138,187,215,1)), color-stop(100%,rgba(71,134,170,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(71,134,170,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(71,134,170,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(71,134,170,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(71,134,170,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#4786aa',GradientType=0 ); /* IE6-9 */
}

/*facebook fix for responsive layout */

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
	overflow:hidden;
	border: 1px solid #d5d5d5;
}
/* end facebook fix for responsive layout */

/*Slideshow home page */
#slideshow { 
    margin: 0px auto 5px auto; 
    position: relative; 
    width: 100%; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    width: 100%; 
	overflow:hidden;
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; }
/*
.Absolute-Center{
    width:100%;
    margin: 0 auto;
    overflow:hidden;
    position: relative;
    height: 220px;
}
*/
.Absolute-Center img {
    position:absolute;
	width:100%;
}

/*End Slideshow home page */
#slideshowBuy { 
    margin: 0px auto 5px auto; 
    position: relative; 
    width: 100%;
	min-height:150px; 
    padding: 10px; 
}

#slideshowBuy > div { 
    width: 100%; 
    height: 100%; 
	overflow:hidden;
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; }



.shadow{
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 0px 40px rgba(0, 0, 0, 0.1) inset;
}

/* Issue Panel */
#coverPanel {
	margin:5px;
	padding:5px;
	float:left;
	max-width:45%;
}
#issuePanelCoverDiv{
	width:136px;
	float:left;
	border:2px solid #fff;
}
#issuePanelCoverDiv img{
	float:right;
	width:132px;
	border:none;
}
#issuePanelText {
	float:left;
	width: 150px;
	padding:0px 5px;
}
a.issueDate:link, a.issueDate:active, a.issueDate:visited{
	color:#ffffff !important;
	font-size:0.85em;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
a.issueDate:hover {
	text-decoration:underline;
}
/* End of Issue Panel */


/* please wait overlay div */
#waitingDiv { position: fixed; display: none; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index:1000; min-height: 100%;
	cursor: default;
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
#waitingDiv #waitingBG {
	width: 100%; height: 100%; position: absolute; 
/*	was: background: #000; opacity:0.3; filter:alpha(opacity=30); /* For IE8 and earlier */
/*	http://www.colorzilla.com/gradient-editor/... */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.25)), color-stop(1%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.8) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#cc000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#waitingDiv #waitingBox { position: relative; width: 250px; padding: 3px; left: 50%; margin-left: -125px; top: 40%; display: none;
	-webkit-box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.1);
}
#waitingDiv .ui-widget-header { padding: 5px; }
#waitingDiv .waitingBody { margin: 15px; text-align: center; }
#waitingDiv .waitingBody img { margin-bottom: 10px; }
#waitingDiv #waitingMsg p { margin-top: 10px; padding-top: 10px; border-top: 1px dotted black; }

.top-icon{
	display:block;
	height:40px;
	width:48px;
	background:url(../images/top-icon.png) no-repeat #FCD700 center;
	margin:3px;
	border-radius:20px 20px 0px 0px;
	margin:10px auto 0px auto;
	clear:both;
}

input#searchFor { width:140px; margin:5px;}
#searchPanelForm p { margin: 0px; text-align:left;}

.infoPanel h3 {
	background:#FCD700;
	color:#000;
	padding:5px 10px;
}

.infoPanel ul{
	margin:5px 0px;
}
.instantIssuePanelCover{
	float:left;
	margin:0px 5px 5px 0px;
}
.notes{
	font-size:0.8em;
}
@media screen and (min-width:1201px){
	.Absolute-Center img {
		top: 50%;
		margin-top: -120px;
	}
}

@media screen and (max-width:1030px) {
	#navigation{
		margin:0px;
	}
}

@media screen and (max-width:950px) {
/*	.Absolute-Center img {
		top: 50%;
		margin-top: -120px;
	}*/
	#inner, #main{
		width:95%;
	}
	#issuePanelCoverDiv{
		width:100px;
	}
	#issuePanelCoverDiv img{
		width:100px;
	}

}
@media screen and (max-width: 850px) {
	#navigation > li.socialMedia{
		display:none;
	}

}
@media screen and (max-width: 810px) {
	#navigation > li {
		margin-right: 0.3em;
	}
	
}
@media screen and (max-width: 650px) {
	body{
		font-size:1em;
	}
	#inner, #main{
		width:100%;
	}
	#logo{
		width:40%;
	}
	#title {
		margin-top:5px;
		font-size:0.7em;
	}
	#content, .f-col, #column70, #centralFooter .footerColumn{
		width:100%;
	}
	#centralFooter .footerColumn{
		font:1.1em;
		float:none;
	}
	.f-col{
		border-bottom:1px solid #999;
		border-left:0px none;
	}
	#sidebar{
		width:100%;
		border-left:none;
		border:none;
		padding:none !important;
	}
	.ul_double li{
		width:100%;
		float:none;
		border-right:0px none;
	}
	.ul_double li:nth-last-child(2){
		border-bottom:1px dashed #999;
	}

	.Absolute-Center img {
    	margin-top:0px;
		bottom:0;
	}
	#footer{
		
		float:left;	
		min-height:15px;
		width:100%;
		position:inherit;
		bottom:0;
		text-align:left;
		display:block;
	}
	#footer ul {
		width:100%;
	}
	#footer li a:hover {
		background-color:#000;
		color:#FCD700;
	}
	#footer li a {
		background:#FCD700;
		margin:3px;
		padding:20px;
		color:#000;
		display:block;
	}
	#footer h1,#footer h2,#footer h3, #footer h4, #footer h5 {
		color:#fff;
	}	



	#coverPanel{
		margin:0px 10px;
		background:none;
		border:none;
	}
	#issuePanelText {
		display:none;
	}
	
	
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		text-align:center;
	}
	
/*	td:before { 
		/* Now like a table header */
/*		position: absolute;
		/* Top/left values mimic padding */
/*		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
		
*/
.subEntry td {
	border-bottom:none !important;
}

	#navigation{
		display:none;
	}
	.nav{
		height:40px;
	}
	.miniNav{
		display: block;
	}
	
	ul.miniNav{
		margin-top:3px;
	}
	.menu-icon{
		display:block;
		height:27px;
		width:27px;
		background:url(../images/menu-icon.png) no-repeat #c10000;
		margin:3px;
		border-radius:5px;
		float:right;
	}

	.search-icon{
		display:block;
		height:27px;
		width:27px;
		background:url(../images/search-icon.png) no-repeat #c10000;
		margin:3px;
		border-radius:5px;
		float:right;
	}
	#adHeader{
		top:135px;
		right:10px;
		
	}
}

@media screen and (max-width:480px){
	#adHeader{
		top:155px;
		
	}
	
}