   <style type="text/css">
  * {
   margin:0;
   padding:0;
   }
 

   body
   {
   margin:0 auto;
   width:960px;
   font-family:Arial, Times New Roman, sans-serif;
   background:url(haha.jpg) center no-repeat;
   background-size:150%;
   
   }
   a {color:#000000; text-shadow:1px 1px 1px #cccccc;}
   p {text-align:justify;}
     header, footer, aside, section {display:block;}
   h1 {
   font-size:26px;
   line-height:40px;
   padding:18px 0;
   text-align:center;
   }
 
   nav {
   width:77%;
   height:40px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   background:#f3f3f3;
   border:1px solid #cccccc;
   position:absolute;
   }
     nav ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
width:940px;
}
nav ul li {
float:left;

}
nav ul li a{
margin-right:20px;
display:block;
line-height:40px;

}
#content {
display:table;
margin-top:40px;
}
#mcontent {
display:table-cell;
padding-right:22px;
width:620px;
}
aside {
display:table-cell;
width:300px;
background:#f3f3f3;
}
.bpage div {
-webkit-column-count:2;
-moz-column-count:2;
-moz-column-gap:22px;
-webkit-coulmn-gap:22px;
}
aside section {
-moz-border-radius:11px;
-webkit-border-radius:11px;
background:#e0e0e0;
margin:22px 0 0 22px;
padding:11px 22px;
width:50%;
}
.image {margin:6px auto;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background:url(hehe.jpg)center no-repeat;
height:120px;
width:600px;
}
footer{background:#666666;
border-top:1px solid #cccccc;
padding:10px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
text-align:center;

color:#ffffff;
}
h2:hover{
color:red
}
p{font-size:18px;}
p:hover{color:blue;

}
   </style>
