body
{
	font-family: Helvetica, Arial, sans-serif; 
	color:#ccc; 
	font-size:100%; 
	line-height:1.5em; 
	font-weight:normal;
	background: #000;
	padding: 0;
	margin: 0;
}
h1
{
	font-size: 1.3em;
	text-align: center;
	font-weight: normal;
	background: #222;
	background: -moz-linear-gradient(top, #222, #333);
	background: -webkit-linear-gradient(top, #222, #333);
	background: -ms-linear-gradient(top, #222, #333);
	line-height: 1.5em;
	padding: 0.1em;
	margin: 0;
}
.countSmall
{
	font-size: 0.7em;
}
.bLink, .bLink:visited, .bLink:hover
{
	color: #f93;
	text-decoration: none;
}

#contactBlock
{
	font-size: 1.5em;
	line-height: 1.5em;
}
#contactBlock img
{
	float: right;
	width: 62.5% /* 600 in a 960 */
}
#cbText
{
	float: left;
	margin: 0.903em 0;
}

#container
{
	width: 100%;
	margin: 0 auto;
	background: #000;
}	

#showContainer
{
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
}

img
{
	max-width: 100%;
}

.imageContainer
{
	width: 100%;
	padding: 1em 0;
	background: #000;
	background: -moz-linear-gradient(top, #333, #000 10%, #000 75%, #333);
	background: -webkit-linear-gradient(top, #333, #000 10%, #000 75%, #333);
	background: -ms-linear-gradient(top, #333, #000 10%, #000 75%, #333);
	border-bottom: 0.0625em solid #f93;
}

.showImage
{
	margin: 0 2%;
}
.showImage img
{
	display: block;
	margin: 0 auto;
	border: 0.2em solid #fff;
 	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;	
}
#logoContainer
{
	/* width: 62.5%;  600 */
	width:20.833333%; /* 200 */
	margin: 0;
	float: left;
}
.showCaption
{
	width: 93.75%; /* 900 in a 960 */
	margin: 0.3em auto 0;
}
.extraCaption
{
	width: 85%;
	margin: 0.2em auto 0;
	font-size: 0.8em;
	padding: 0.5em;
	border: 0.0781em solid #444; /* (1/0.8) * .0625 = .0781 */
	background: -moz-linear-gradient(top, #333, #000 50%, #333);
	background: -webkit-linear-gradient(top, #333, #000 50%, #333);
	background: -ms-linear-gradient(top, #333, #000 50%,  #333);
	
}
.buyPrintContainer
{
	text-align: center;
}
.buyPrintButton
{
	width: 6em;
	color: #fff;
	cursor: pointer;
	margin: 0.2em auto;
	background: #333;
	background: -moz-linear-gradient(top, #666, #333 50%, #666);
	background: -webkit-linear-gradient(top, #666, #333 50%, #666);
	background: -ms-linear-gradient(top, #666, #333 50%, #666);
	border-radius: 0.75em;
	border: 0.15em solid #f93;
}
.buyPrintPromo
{
	font-size: 0.8em;
}


#navContainer
{
	width:70%;
	float: left;
	margin-top: 0.6em;
	/* height: 7.1875% */
}
#navContainer ul
{
	list-style-type: none;
	list-style: none;
	padding-left: 0;
	font-size: 1.3em;
	display: flex;
}
#navTitle
{
	font-size: 3em;
	line-height: 2em;
	margin-left: 1em;
	color: #f93;
	float: left;
}
.nav
{
	cursor: pointer;
	margin: 0 0.5em;
	padding: 0.3em 1em 0.1em 1em;
	background: #333;
	border-bottom: #666 0.2em solid;
	margin-bottom: 0.2em;
}
.nav a, .nav a:visited, .nav a:hover
{
	color: #ccc;
	text-decoration: none;
}
.navSel a, .navSel a:visited, .navSel a:hover
{
	color: #f93;
	text-decoration: none;
}

.navSel
{
	color: #f93;
	border-bottom: #f93 0.2em solid;
}


.iaTitle
{
	text-align: center;
	font-size: 3em;
	line-height: 1.5em;
}
#studFormContainer
{
	display: flex;
}
#studFormContainer input[type=text]
{
	border: 0.0625em solid #f93;
	background: #000;
	color: #f93;
	font-size: 1.2em;
	border-radius: 0.3em;
}

.blogEntry, .blogDetail
{
	padding: 1em;
	background: #000;
	background: -moz-linear-gradient(top, #333, #000 10%, #000 75%, #333);
	background: -webkit-linear-gradient(top, #333, #000 10%, #000 75%, #333);
	background: -ms-linear-gradient(top, #333, #000 10%, #000 75%, #333);
	border-bottom: 0.0625em solid #f93;
}
.blogEntry a, .blogEntry a:visited, .blogEntry a:hover, .blogDetail a, .blogDetail a:visited, .blogDetail a:hover
{
	color: #f93;
	text-decoration: none;
}

.blogEntry img
{
	width: 33.333333333333333%;
	max-width: 33.333333333333333%;
	float: left;
	border: 0.2em solid #fff;
	margin: 0 1em 1em 0;
}

.blogDetail img
{
	border: 0.4em solid #fff;
	margin: 0.2em auto 1em;
	display: block;
}


.blogEntryTitle, .blogDetailTitle
{
	color: #f93;
	font-size: 1.4em;
	margin-bottom: 0.3em;
}

#wnMore
{
	text-align: center;
	font-size: 1.4em;
	padding: 0.2em 0;
	background: -moz-linear-gradient(top, #f93, #6A4016 50%, #f93);
	background: -webkit-linear-gradient(top, #f93, #6A4016 50%,#f93);
	background: -ms-linear-gradient(top, #f93, #6A4016 50%, #f93);
	
}

#copyContainer
{
	width: 100%;
	text-align: center;
	font-size: 0.8em;
	margin: 0.4em 0;
	line-height: 1.2em;
}

#condorMore
{
	margin-top: 1em;
	border-top: 0.0625em solid #333;
	padding-top: 1em;
}

#printInfo
{
	width: 25%;
	float: right;
	background: #333;
	border: 0.0625em solid #999;
	padding: 1em;
	line-height: 1.2em;
	margin: 0 2em 0 1em;
}
.printContainer
{
	line-height: 1.2em;
}

#backDiv
{
	font-size: 0.75em;
	line-height: 1.5em;
}
#linkToPrint
{
	font-size: 0.75em;
	line-height: 1.5em;
	text-align: center;
}

#backDiv a, #backDiv a:visited, #backDiv a:hover,
#linkToPrint a, #linkToPrint a:visited, #linkToPrint a:hover,
.pageNav a, .pageNav a:visited, .pagenav a:hover,
.extraCaption a, .extraCaption a:visited, .extraCaption a:hover,
.oLink, .oLink:visited, .oLink:hover,
.cLink, .cLink:visited, .cLink:hover
{
	text-decoration: none;
	color: #f93;
}

.special
{
	font-size: 1.2em;
	text-align: center;
	padding: 0.2em;
	width: 100%;
}
.promoIntro
{
	color: #fff;
	margin: 1em 0;
}
.promoIntro span
{
	font-size: 1.2em;
}

.orderCaveat
{
	font-size: 0.85em;
	line-height: 1.2em;
	margin: 0.25em 0;
}
.fpHeader
{
	text-align: center;
	font-size: 1.2em;
	color: #f93;
}
.print
{
	background: #333;
	border: 0.07em solid #999;
	padding: 1em;
	width: 44%;
	margin: 0.5em;
	float: left;
	font-size: 0.9em;
}
.featurePrint
{
	background: #333;
	border: 0.07em solid #999;
	padding: 1em;
	width: 44%;
	margin: 0.5em auto;
	font-size: 0.9em;
}
.print img, .featurePrint img
{
	display: block;
	margin: 0.5em auto;
}
.pTitle
{
	font-size: 1.1111111em;
}
#ppLogo
{
	float: right;
	margin-right: 2em;
	font-size: 0.75em;
}
#ppLogo img
{
	vertical-align: middle;
}
.fullWhite
{
	color: #fff;
}

.printNavContainer
{
	height: 2em;
	width: 100%;
	clear: both;
	padding: 0.3em 0;
}

.pnOption
{
	float: left;
	margin: 0.5em 0.5em 0 0;
	color: #f93;
	vertical-align: text-bottom;
	cursor: pointer;
}

.pnoOn
{
	margin: 0 0.5em 0 0;
	font-size: 2em;
	cursor: default;
	color: #ccc;
}
.studBlock
{
	display: flex;
	flex-wrap: wrap;
}
.studContainer
{
	width: 4em;
	font-size: 1.6em;
	text-align: center;
	margin: 0.2em;
	padding: 0.2em;
	background: #804d19; // rgba(255, 153, 51, 0.5);
	color: #ccc;
	border-radius: 0.2em;
	cursor: pointer
}
.ocContainer
{
	width: 100%;
	display: flex;
	font-size: 0.5em;
}
.orientationContainer
{
	width: 2em;
	height: 2em;
	padding: 0.2em;
	margin: 0.1em;
	background: #000;
	color: #ccc;
	border-radius: 0.2em;
	line-height: 2em;
}
.cbSurround
{
	width: 1em;
	height: 1em;
	padding: 0.2em;
	margin: 0.1em;
	background: #000;
	color: #ccc;
	border-radius: 0.2em;
	line-height: 1em;
}
.oc_0
{
	border-top: 0.25em solid #804d19;
	border-bottom: 0.25em solid #804d19;
	height: 1.5em;
	line-height: 1.4em;
}
.oc_1
{
	border-left: 0.25em solid #804d19;
	border-right: 0.25em solid #804d19;
	width: 1.5em;
}
.studTitle
{
	font-size: 1.5em;
	width: 100%;
	margin: 0.3em 0;
}
.orientationSurround
{
	width: 4em;
	font-size: 1.6em;
	text-align: center;
	margin: 0.2em;
	padding: 0.2em;
	background: #f93;
	border-radius: 0.2em;
	display: flex;
}
@media screen and (min-width: 1260px)
{
	#container
	{
		width: 1260px;
	}

}

@media screen and (max-width: 960px)
{
	#navContainer
	{
		font-size: 0.8em;
	}

}

@media screen and (min-width: 400px) and (max-width:640px) /* and (orientation: landscape) */
{
	#logoContainer
	{
		width: 41.66667%;	/* 200 / 480 */
		margin: 0 auto;
		float: none;
	}
	#navContainer
	{
		width:100%;
		margin: 0;
		font-size: 0.8em;
	}
	.nav
	{
		box-sizing: border-box;
		padding: 0.3em 0.2em 0.1em 0.2em;
		background: #333;
		border-bottom: #666 0.4em solid;
		margin: 0 2% 0.4em 2%;
		margin-bottom: 0.4em;
		width: 21%;
		text-align: center;
	}
	#contactBlock img
	{
		width: 100% 
	}
	#cbText
	{
		margin: 0.5em 0;
	}
	#copyContainer
	{
		font-size: 0.6em;
	}
	.blogEntry img
	{
		width: 50%;
		max-width: 50%;
		float: left;
		border: 0.2em solid #fff;
		margin: 0 1em 1em 0;
	}
	.print
	{
		background: #333;
		border: 0.07em solid #999;
		padding: 1em;
		width: 80%;
		margin: 0.5em auto;
		font-size: 0.9em;
	}
	.featurePrint
	{
		background: #333;
		border: 0.07em solid #999;
		padding: 1em;
		width: 80%;
		margin: 0.5em auto;
		font-size: 0.9em;
	}

}

@media screen and (max-width: 400px) /* and (orientation: portrait) */
{
	body
	{
		/* background: #f00; */
	}
	#logoContainer
	{
		width: 62.5%;	/* 200 / 320 */
		margin: 0 auto;
		float: none;
	}
	#navContainer
	{
		width:100%;
		font-size: 0.8em;
		margin: 0;
	}
	.nav
	{
		box-sizing: border-box;
		padding: 0.3em 0.2em 0.1em 0.2em;
		background: #333;
		border-bottom: #666 0.4em solid;
		margin: 0 2% 0.4em 2%;
		margin-bottom: 0.4em;
		width: 21%;
		text-align: center;
	}
	#contactBlock img
	{
		width: 100% 
	}
	#cbText
	{
		margin: 0.5em 0;
	}
	#copyContainer
	{
		font-size: 0.6em;
	}
	.blogEntry img
	{
		width: 50%;
		max-width: 50%;
		float: left;
		border: 0.2em solid #fff;
		margin: 0 1em 1em 0;
	}
	.print
	{
		background: #333;
		border: 0.07em solid #999;
		padding: 1em;
		width: 90%;
		margin: 0.5em auto;
		font-size: 0.9em;
	}
	.featurePrint
	{
		background: #333;
		border: 0.07em solid #999;
		padding: 1em;
		width: 90%;
		margin: 0.5em auto;
		font-size: 0.9em;
	}
	.pageNav a	
	{
		margin: 0 0.5em;
	}
}

.clear
{
	clear: both;
}