@charset "utf-8";
/* CSS Document */

div.top,div.blog,nav,section,footer{ width: 100%; max-width: 1200px; margin: 0 auto; display: block; overflow: hidden;}

header,div.banner,div.nav{ width: 100%;}
div.top{ height:30px; line-height: 30px; background-color: #fcfcfc;}

div.banner{ height:300px; background: url("../img/banner3.jpg") no-repeat;background-size: 100% 100%;}
div.banner .blog .title{ margin: 100px 0 0 500px;}
div.banner .blog .title .name{ font-size: 28px; text-shadow: 1px; color: coral}
div.banner .blog .title .tag{ padding-left: 10px; color:coral;}
div.banner .blog .title .desc{ color:coral}

div.nav{ height: 30px; font-size: 18px; background-color: #E4BB44;}
nav{ height: 30px; line-height: 30px;}
nav a{ display: block; padding: 0 10px; float: left; text-align: center; color: #FFF;}
nav a.action,nav a:hover{ background-color: #FFF; color: #E4BB44;}

footer .copyright{ text-align: center; color: #999; font-size: 10px; padding: 20px 0;}

section{ min-height: 600px;}
article{ width: 73%;}
aside{ width: 25%;}

.newestJotting{ width: 100%;}
.newestArticle{ width: 100%;}

.jotting{ width:100%-20px; border: 1px solid #F7ECB4; border-radius: 5px; padding: 10px; overflow: hidden;}
.jotting .detail{ min-height: 60px;}
.jotting .more{ width:100%; display: block; font-size: 12px;}
.jotting .more a{ color:#B7580E}

.article{ width:100%-20px; border: 1px solid #F7ECB4; border-radius: 5px; padding: 10px; overflow: hidden;}
.article .picture{ width: 18%;}
.article .picture img{ height:120px; width: 120px;}
.article .content{ width:82%;}
.article .content .detail{ min-height: 100px;}
.article .content .detail a{ font-size: 16px; color:#00D7C6; }
.article .content .detail a:hover{ text-decoration:underline;}
.article .content .detail label{ text-indent:12px}
.article .content .detail .view{ color:#B7580E; font-size: 14px;}
.article .content .more{ width:100%; display: block; font-size: 12px;}
.article .content .more a{ color:#B7580E; margin-left: 5px;}

.music{ overflow: hidden;}
.weather{ overflow: hidden;}
.hotArticle{ overflow: hidden;}
.hotArticle ul{ padding-left: 20px;}
.hotArticle ul li{ list-style:circle;}
.hotArticle ul li a:hover{ color: #00D7C6; text-decoration: underline;}

.hotTag{ overflow: hidden;}
.hotTag .tagList a{ border: 1px solid #00D7C6; color: #00D7C6; border-radius: 3px; padding: 1px 5px; display: block; float: left; margin: 0 5px 5px 0}
.hotTag .tagList a:hover{ color: #B7580E; border-color: #B7580E;}

span.title{ height: 30px; line-height: 30px; color: #565656; font-size: 16px; font-weight: bold;}