@charset "utf-8";
/* 
	Supplemental CSS Document for USA Prophecy's Responsive Red 2013 Layout
		Handles devices less than 800px wide
	Development by: Joshua Moor of iRapture.com
	
	Last Modified: 2/12/2013
	Last Validated: 
	Result:
	
	Note: Units are based on 400px wrapper
*/

/* Blocks */
#page_wrapper{width:94.4175%; margin:33px auto;} /* 377.67 / 400 = 0.944175*/
		#page{float:left; clear:both; width:auto; border:.1em solid #cbcbcb; padding:.5em 1.23652924510816%; box-shadow:#000 1px 1px 9px;} /* 4.67 / 377.67 = 0.0123652924510816 */
		.mobile_supplemental{background:#DEDEE7; float:left; clear:both; width:100%; position:relative; margin:10px 0 5px 0;}
		#slide_show{display:none;}

/* Special Links */
a.logo{margin-left:1.54499960282787%;}

/* Images */
a.logo img{width:96.91000079434427%;} /* 366 / 377.67 =  0.9691000079434427*/
.page_content img{width:50%; max-width:100%;}
figure.shadowed img{width:100%;}
.mobile_supplemental img.cover{float:left; width:26.47814229353669%; margin:0 8px 5px 0; max-width:100%;} /* 100 / 377.67 = 0.2647814229353669 */

/* Text */
.mobile_supplemental h2{font-size:2em; text-align:center; color:#ffffff; font-weight:bold; font-weight:normal;}
.mobile_supplemental h2 a{color:#ffffff; text-decoration:none; background:#313139; display:block; width:100%; box-shadow:#666 3px 3px 3px; line-height:34px;}
.mobile_supplemental h2 a:hover, .mobile_supplemental h2 a:focus{background:#39396B;}
.mobile_supplemental p{padding:5px 1.32390711467683%; font-size:1.4em;} /* 5 / 377.67 = 0.0132390711467683 */
.mobile_supplemental p.quote{font-size:2.1em; text-align:center; padding-top:20px;}

/* Helpers */
.mobile_only{display:block !important;}

/*Form Styles*/
#contactForm {
	width:auto;
}		#contactForm label span {
			width:auto;
		}
		#contactForm label input {
			width:auto;
		}
		#contactForm label textarea {
			width:auto;
		}