body {
				color: #ffffff;
				background-color: rgb(255,255,255);
				background-image: url("images/");
				background-position: center;
				font-family: Georgia, Times, serif;
				line-height: 1.4em;
				margin: 0px;
				}
				#pagewrap {
	padding: 1px;
	width: 800px;
	margin: 1px auto;
	background: transparent;
}

		
			p {
				padding-left: 10px;
				padding-right: 60px;
				background-color: rgb(255,255,255);
				font-family: Georgia, Times, serif;
				color: #000000;}
h3 {
				padding-left: 10px;
				padding-right: 60px;
				background-color: rgb(255,255,255);
				font-family: Georgia, Times, serif;
				color: #000000;
				}
article {
 width: 60%;
 }
 aside {
  float: left;
  margin: 0 1.5%;
  width: 60%;
  background-color: #FFF;
}
.main {
   float: left;
   margin: 15px;
   /*padding: 10px;*/
   max-width: 310px;
   height: 550px;
   border: 1px solid black;
   background-color: gray;

}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 94%;
	}
	
	#content {
		width: auto;
		float: none;
	}
	
	header, footer {
		padding: 1% 4%;
	}
}

/* for 700px or less */
@media screen and (max-width: 600px) {

	#content {
		width: auto;
		float: none;
	}
	
}

/* for 480px or less */
@media screen and (max-width: 480px) {

	header {
		height: auto;
	}
	h1 {
		font-size: 2em;
	}
	
}
#content {
	background: #ffffff;
}

header, #content,  {
	margin-bottom: 5px;
}

#pagewrap, header, #content, footer {
	border: solid 0px #3f6006;
}