body {padding:0; margin:0; list-style:none; text-align:center; background:#d9d6d0; font-family: "Myriad Web", arial, sans-serif;
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
h1, h2, h3, h4, h5, h6, p {margin:0; font-weight:normal;}

nav {display:block; height:40px; background:#333; color:#888;}
nav ul {padding:0; margin:0 auto; list-style:none; text-align:right; width:750px;}
nav ul li {display:inline;}
nav ul li a {display:inline-block; font: bold 12px/40px "Myriad Web", arial, sans-serif;; color:#ddd; text-decoration:none; padding:0 0 0 16px;}
nav ul li span {padding:0 0 0 20px;}
header {display:block; width:900px; margin:0 auto; text-align:left; background:#fff;}
header hgroup {display:block; padding:5px 0; width:750px; margin:0 auto; font-family: "Myriad Web", arial, sans-serif;}
header hgroup h1 {font-weight:normal; padding:0;}
header hgroup h2 {font-weight:normal; padding:0; font-size:30px; color:#888;}
header hgroup h2 i {color:#bbb; float:right;}
header hgroup h1 a {font:normal 80px "Myriad Web", arial, sans-serif; color:#222; text-decoration:none; letter-spacing:-2px;}
header hgroup h1 a span {padding:0 15px; background:#222; color:#fff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
-o-border-radius: 8px 8px 0 0;
-ms-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
}
body > section {width:1024px; margin:0 auto;
-o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
section {display:block; width:900px; margin:0 auto; text-align:left; background:#fff;}
section article {display:block; width:750px; margin:0 auto; border-top:1px solid #ddd; padding:0 0 20px 0;}
section article p {color:#444; font-size:14px; line-height:20px;}
section article p.date {float:left; padding:0 30px 0 0; color:#c60;}
section article a {color:#09c;}
section article a:hover {text-decoration:none;}

section article h3 {font-size:18px;}
section section article {clear:both;}

footer {display:block; width:100%; background:#222; color:#888; padding:20px 0;
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.2)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
}
footer section {width:750px; margin:0 auto; text-align:left; background:transparent;}
footer section p {color:#aaa; font-size:13px; line-height:20px;}
footer section li {color:#888; font-size:12px; line-height:16px;}
footer section article {display:block; width:220px; padding-right:45px; float:left; text-align:left; border:0;}
footer section article h3 {color:#eee;}
footer section article.right {padding:0;}

.clear {clear:both;}
.ad {width:728px; margin:10px auto; padding:10px; border:1px solid #eee; background:#eee;
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));

-o-border-radius: 8px;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.pages {padding:0; margin:0; list-style:none;}
.pages li {float:left; padding:10px 0; font-size:20px; color:#444; margin:5px 5px 5px 0; border:1px solid #fff;}
.pages li.no {padding:10px; border-color:#444;}
.pages li.current {background:#444;}
.pages li.current a {text-decoration:none; cursor:text; color:#fff;}