*{margin:0px;padding:0px;text-align:center;}body{width:100%;display:-webkit-box;-webkit-box-pack:center;background:#331a00;font-size:16px;font-family:Arial,Verdana;}a:link{color:yellow;text-decoration:none;}a:visited{color:#00ff00;}a:hover{color:red;}a:active{color:blue;}h1{font-size:2em;font-weight:bold;color:#00ffff;}h2{font-size:1.4em;font-weight:bold;color:yellow;line-height:1.8em;}h3{font-size:1.8em;font-weight:bold;color:#00ff00;}h4{font-size:2em;font-style:italic;font-weight:bold;color:#00ff00;}h5{font-size:1em;font-style:italic;font-weight:bold;color:red;}p{color:yellow;font-size:2em;font-weight:bold;line-height:1.8em;}.img{height:400px;}.img{border-radius:25pt;}@media screen and (max-width: 980px) {body{font-size:.8em;}.img{height:350px;}}@media screen and (max-width: 640px) {body{font-size:.6em;}.img{height:275px;}}@media screen and (max-width: 320px) {body{font-size:.4em;}.img{height:200px;}}@media screen and (max-width: 320px) {#wrapper{width:280px}}@media screen and (max-width: 640px) {#player{width:200px;}}@media screen and (max-width: 320px) {#player{width:150px;}}header,section,footer,nav,bottom{display:block;}}


 



#wrapper{
	

	width: 95%;
	margin: 20px auto;
	display:-webkit-box;
	-webkit-box-orient: vertical;
	background: #804100;
	border: 10px solid black;
    border-radius: 25pt;
	
}



#header{
	background: black;
	padding: 5px;
	margin: 5px;
	border: 5px solid #FFE1A4;
    border-radius: 15pt;
    text-shadow:rgb(255,0,0) 4px 3px 2px;
    min-height: 150px;
}


#section{
	background: black;
	-webkit-box-flex: 1;
	margin: 5px;
	padding: 5px;
	  border: 5px solid #FFE1A4;
   border-radius: 15pt;
}
.button {
   border: 3px solid yellow;
   background: #05a61d;
   background: -webkit-gradient(linear, left top, left bottom, from(#0dff00), to(blue));
   background: -webkit-linear-gradient(top, #00ff00, blue);
   background: -moz-linear-gradient(top, #00ff00, blue);
   background: -ms-linear-gradient(top, #00ff00, blue);
   background: -o-linear-gradient(top, #00ff00, blue);
   padding:0px 5px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #yellow;
   font-size: 1.4em;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #d0ff00;
   background: #d0ff00;
   color: #000000;
   }
.button:active {
   border-top-color: red;
   background: red;
   }


#footer{
	
	background: black;
	text-align: center;
	margin: 5px;
	padding: 5px;
	border: 5px solid #FFE1A4;
    border-radius: 15pt;
}


#bottom{
	
	background: black;
	text-align: center;
	margin: 5px;
	padding: 5px;
	border: 5px solid #FFE1A4;
    border-radius: 15pt;
}


.newspaper {
	-moz-column-width: 160px;
	-webkit-column-width: 160px;
	column-width: 160px;
	-webkit-column-rule-color: lightblue; /* Chrome, Safari, Opera */
    -moz-column-rule-color: lightblue; /* Firefox */
    column-rule-color: lightblue;
}