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

/* <link rel="stylesheet" href="http://www.webresourceplus.com/style/mobile.css" media="handheld, only Screen and (max-device-width: 480px)" type="text/css" /> */

@media handheld {

body.purple{ /* your classy purple page */
background:white;
font-family: "Verdana"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
/* element background */
font-size: 100%; /* spacing between lines */
color:black; /* font color as rgb(r,g,b), name or #hex */
/* background-color:rgb(75%,40%,100%); /* can also use background-image for elements */
}

body.purple h1{ /* main header class of purple class */
background-color:white;
font-family: "Trebuchet MS"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
font-weight: 300; /* 100 to 900 */
font-size:32px;
text-align:center;
color:purple; /* font color as rgb(r,g,b), name or #hex */
}

body.purple h2{ /* subheader class of purple class */
/* border-right:2px dashed #B74E07;  /* ALL COLORS: dotted, dashed, solid, double; LIGHT: groove, ridge, inset, outset */
font-family: "Georgia"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
font-weight: 100; /* 100 to 900 */
font-style: oblique; /* oblique, normal */
font-size:16px;
text-align:center;
color:green;
}


	html, body {
		font: 12px/15px sans-serif;
		background: #fff;
		padding: 3px;
		color: red;
		margin: 0;
		}
	.footer {
		display: none;
		}
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		font-size:14px;
		}
	.wrapper, #content img { 
		max-width: 250px;
		}
	
	#one {color: purple;}
	#two {color: purple;}
	#three {color: purple;}
	
	#single {
		width:100%;}
	
	footer, .push{
		text-align:center;
		font-size:8px;
		/* padding: 5px 5px 5px 5px; */
		color: black;
		background-color:white;
	}
	
	#onepurp{ /* background, may want to use an image or a repeating image block */
width:100%;}

#header{
background-color:white;
font-weight: 400;
font-size: 24px;
width:100%;
text-align:center;
}
		
	.center {
		width: 100%; !important;
		text-align: center;
		}
	a:link, a:visited {
		text-decoration: underline;
		color: blue;
		}
	a:hover, a:active {
		text-decoration: underline;
		color: red;
		}

}