/* CSS Document */

* {
	padding:0;
	margin:0;
}
body {
	font-family: "Arial", "Helvetica", "sans-serif";
	background: rgb(241,231,103); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(241,231,103,1) 0%, rgba(254,182,69,1) 57%, rgba(114,255,71,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(241,231,103,1)), color-stop(57%,rgba(254,182,69,1)), color-stop(100%,rgba(114,255,71,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(241,231,103,1) 0%,rgba(254,182,69,1) 57%,rgba(114,255,71,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(241,231,103,1) 0%,rgba(254,182,69,1) 57%,rgba(114,255,71,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(241,231,103,1) 0%,rgba(254,182,69,1) 57%,rgba(114,255,71,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(241,231,103,1) 0%,rgba(254,182,69,1) 57%,rgba(114,255,71,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#72ff47',GradientType=1 ); /* IE6-9 */

}
div {
	max-width:960px;
	margin: 0px auto 0px auto;
}
header {
	width: 100%;
	margin-top:15px;
	height:50px;
}
header img{
	height: 50px;
}
header nav{
	float: right;
	height: 50px;
}
header nav ul li{
	list-style-type:none;
	float:left;
	padding:30px 5px 0px 5px;
}
header nav ul li a{
	text-decoration:none;
	color: #fff;
	font-weight:100;
	font-size: 15px;
}
section {
	width: 92%;
	background-color:#FFF;
	min-height: 400px;
	margin-top: 10px;
	padding: 0 4% 0 4%;
}
section article {
	width: 68%;
	float: left;
	padding: 15px 0 10px 0;
	color: #333;
}
section aside {
	width: 20%;
	background-color:#F0F0F0;
	float: right;
	padding: 15px 2% 10px 2%;
	font-size: 14px;
	color: #333;
	-webkit-box-shadow: 0 4px 4px 1px #BABABA;
box-shadow: 0 4px 4px 1px #BABABA;
}
section aside img{
	width:100%;
}
footer {
	width: 96%;
	background-color:#333;
	display:table;
	color:#FFF;
	font-size:10px;
	text-align: center;
	padding: 5px 2% 5px 2%;
}
 @media screen and (max-width: 320px) {
 header {
	height:100px;
	width:86%;
	margin: 20px 7% 0 7%;
}
header nav{
	float: none;
	width:100%;
	min-width:300px;
	height: 40px;
}
header nav ul li{
	padding:20px 5px 0px 5px;
}
header nav ul li a{
	font-size: 12px;
	font-weight: bold;
}
 section article {
 width: 90%;
 float: none;
 font-size: 14px;
 padding: 15px 5% 10px 5%;
}
 section aside {
 width: 94%;
 float: none;
 font-size:12px;
 padding: 15px 3% 10px 3%;
}
 footer {
 font-size: 10px;
}
}