body{
    margin:0;
    background:#e7e8ec;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    color:#555;
}
#top{
    height:42px;
    background:#33343a;
    border-bottom:1px solid #222329;
    color:#ddd;
}
#topin{
    width:980px;
    margin:0 auto;
    line-height:42px;
}
#top a{
    color:#ddd;
    text-decoration:none;
    padding:0 13px;
    border-right:1px solid #4a4b52;
    font-size:12px;
}
#top a:hover{background:#292a2f;color:#fff;}
#top .user{float:right;color:#aaa;}
#page{width:980px;margin:18px auto;}
#header{
    height:82px;
    background:#fff;
    border:1px solid #d0d1d6;
    position:relative;
    box-shadow:0 1px 2px #ccc;
}
#logo{
    position:absolute;
    left:16px;
    top:10px;
    max-width:235px;
    max-height:62px;
}
#search{position:absolute;right:16px;top:17px;}
#search input[type=text]{
    width:230px;height:25px;border:1px solid #c7c8cc;
    border-radius:3px;padding:0 8px;color:#888;box-sizing:border-box;
}
#search input[type=submit]{
    height:25px;margin-left:4px;border:1px solid #aaa;
    background:#f5f5f5;border-radius:3px;color:#555;
}
#headerlinks{position:absolute;right:16px;bottom:11px;}
#headerlinks a{color:#777;text-decoration:none;margin-left:16px;}
#headerlinks a:hover{color:#a33f76;}
#nav{
    margin-top:10px;height:40px;background:#fff;
    border:1px solid #d0d1d6;box-shadow:0 1px 2px #ccc;
}
#nav a{
    display:inline-block;line-height:40px;padding:0 19px;color:#555;
    text-decoration:none;border-right:1px solid #e3e3e6;font-weight:bold;
}
#nav a:hover,#nav a.active{background:#f4edf3;color:#a33f76;}
#content{margin-top:12px;}
#left{float:left;width:650px;}
#right{float:right;width:300px;}
.card{
    background:#fff;border:1px solid #d0d1d6;border-radius:3px;
    box-shadow:0 1px 2px #ccc;margin-bottom:12px;
}
.cardtitle{
    padding:9px 12px;border-bottom:1px solid #e1e1e5;color:#555;
    font-size:13px;font-weight:bold;
}
.cardbody{padding:12px;}
.profile{min-height:145px;}
.avatar{
    float:left;width:120px;height:120px;margin-right:14px;border:1px solid #ccc;
    background:#f4f4f4;text-align:center;line-height:120px;color:#aaa;
}
.username{margin:0;color:#444;font-size:20px;font-weight:normal;}
.handle{color:#aaa;margin-top:2px;}
.bio{margin-top:12px;line-height:18px;}
.action{
    display:inline-block;margin-top:12px;padding:5px 11px;border:1px solid #bbb;
    border-radius:3px;background:#fafafa;color:#555;text-decoration:none;
}
.action:hover{background:#a33f76;color:#fff;border-color:#8d3263;}
.post{padding:13px 0;border-bottom:1px solid #ededf0;}
.post:last-child{border-bottom:0;}
.post h2{margin:0 0 4px 0;color:#444;font-size:17px;font-weight:normal;}
.post h2 a{color:#444;text-decoration:none;}
.post h2 a:hover{color:#a33f76;}
.meta{font-size:10px;color:#aaa;margin-bottom:8px;}
.post p{line-height:18px;margin:8px 0;}
.tags{color:#a06a88;font-size:10px;}
.ad{
    background:#fff;border:1px solid #d0d1d6;border-radius:3px;
    box-shadow:0 1px 2px #ccc;margin-bottom:12px;overflow:hidden;
}
.adhead{
    background:#f3eef2;color:#9b4b77;padding:7px 9px;
    font-weight:bold;font-size:11px;
}
.adbody{padding:10px;line-height:17px;}
.adbody a{color:#a33f76;font-weight:bold;text-decoration:none;}
.sidebarlist{margin:0;padding:0;list-style:none;}
.sidebarlist li{padding:7px 0;border-bottom:1px solid #eee;}
.sidebarlist li:last-child{border-bottom:0;}
.sidebarlist a{color:#666;text-decoration:none;}
.sidebarlist a:hover{color:#a33f76;}
.badge{
    display:inline-block;background:#eee;border:1px solid #ddd;border-radius:2px;
    padding:2px 5px;font-size:9px;color:#888;
}
.counter{
    background:#34353b;color:#bbb;font-family:monospace;padding:5px;
    text-align:center;font-size:10px;
}
.clear{clear:both;}
#footer{margin-top:15px;padding:20px;text-align:center;color:#999;font-size:10px;}
#footer a{color:#888;text-decoration:none;margin:0 7px;}