@charset "UTF-8"; 

body {
	font: normal bold 16px/1em Arial, Helvetica, sans-serif;
	background: #559FAA;
	background: url(../_images/retro_stripe_bkgrd.png);
	color: #F16B00;
}

/*	---------- start browser resets/fixes ----------	*/
a:focus {
	outline: thin dotted;		/*	addresses outline displayed oddly in Chrome	*/
}

a:hover,a:active {
	outline: 0;				/*	improves readability when focused and also mouse hovered in all browsers (people.opera.com/patrickl/experiments/keyboard/test)		*/
}
/*	---------- end browser resets/fixes ----------	*/

/*	---------- start shared styles ------------------	*/
a {
	color:currentColor;
	text-decoration: none;
}

.outer {
	width:98%;
	min-width:960px;		/*	1024 viewport --> usable width = 980 --> 980 x 0.98 = 960	*/
	max-width:1215px;		/*	1280 viewport --> usable width = 1240 --> 1240 x 0.98 = 1215	*/
	margin:1em auto;
}

hr {
	background-color:#F16B00;
	color:#F16B00;
	height:2px;
	margin:2px 0 0;
	border-width:0;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
	letter-spacing:0.01em;
}
/*	---------- end shared styles -------------------	*/

.logo {
	background: url(../_images/retro_logo.png) no-repeat center;
	height: 225px;
	margin:0;
}

.content {
	background: #FFA927;
	width:800px;
	margin:2em auto;
	padding:2em;
	border:10px solid #F16B00;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em;
/*	-webkit-box-shadow: 0 10px #F16B00;
	-moz-box-shadow: 0 10px #F16B00;
	box-shadow: 0 10px #F16B00;	*/
	-webkit-box-shadow: 0 10px 25px #000000;
	-moz-box-shadow: 0 10px 25px #000000;
	box-shadow: 0 10px 25px #000000;
}

.content p {
	text-align:center;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#000000', Positive='true')
		progid:DXImageTransform.Microsoft.glow(color='#414141', strength=1)
		progid:DXImageTransform.Microsoft.glow(color='#FFFFFF', strength=1);	/*	text shadow for ie lte9	*/
	text-shadow: 1px 1px 1px #000000, 0 0 0.1em #000000, 0 0 0.3em #FFFFFF;
	line-height:1.5em;
	margin:2em;
}

/* clear fix - place after floats that needs to be cleared, modify/add "class" */
.class:after { 
	content: "";
	display: block; 
	visibility: hidden; 
	clear: both;
}