html,body,pre{margin:0;padding:0}
body{
    font: 12px/1.6 arial,helvetica,sans-serif;
    text-align: center;
    background: #fff;
    padding-bottom:20px;
}
h1,h2,h3{margin:0;padding:0;}
h1 {
    font-size:28px;
    color:#2D8509;
    border-bottom: 1px solid #D8DBBC;
}
h2 {
    margin: 1em 0px .5em 0px;
}
h2,h3 {color:#777;}
p {margin:0px; padding:0.5em 0px;}
img {border:0;}
a { color: #0066B3; background: inherit; text-decoration: none;}
#wrapper{width:768px;margin:0px auto;}
#header{
    position:relative;
    width:100%;
    overflow:hidden;
    background: #333;
    background-image: url('../images/blackboard.png');
    text-align:left;
}
#header img.logo{
    vertical-align:bottom;
    padding-left:10px;
}
#header h1 {
    padding:0px 20px 0 10px;
    font-weight:bolder;
    font-size:80px;
    line-height:100px;
    margin:0 0 -9px 0;
    /*letter-spacing:-14px;*/
    color: #fff;
    float:left;
}
.nav-icons {
    float:left;
    position:absolute;
    top:16px;
    right:20px;
}
.nav-icons .nav a {
    margin:0 10px 0 0;
}
.nav-icons .nav img {
    height:36px;
}
.nav-icons .link a {
    padding:2px;
}
.nav-icons p {
    margin:0;
    padding:5px;
}
.nav-icons p.link {
    background:#666;
}
.nav-icons p.nav {
    padding-left:0;
}
#header .description {color:gray;padding-left:12%;width:40%}

#nav,#nav li{list-style-type:none;margin:0;padding:0}
#nav{float:right;font-size: 80%}
#nav li{float:left;margin-left: 3px;text-align: center}
#nav a{float:left;width: 95px;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666; border-top : 1px solid #fff; border-left : 1px solid #fff; border-right : 1px solid #fff;}
#nav a:hover{background:#fff;color: #000;}
#nav .activelink a,#nav .activelink a:hover{background: #FFF;color: #003}

#content, .postdetail {
    font-size: 14px;
    margin: 10px auto;
    background: #fff;
    text-align: left;
    position: relative;
    clear:both;
}

#middle {
    margin: 0 auto;
    text-align: left;
}

#right {
	text-align: justify;
}
#left {
	float: right;
	width: 21%;
	margin: 0 0 10px 0;
}
.postdetail {
    padding:15px 10px 0px;
    background:#fff;
}
.post {
	background: #eee;
	margin-bottom: 10px;
    padding: 10px;
    /*
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    */
}


.box {
	padding: 0.5em;
	margin: 0 0 1em 0;
    border:4px solid #D8EDBB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.post h2, .box h2 {
    font-size:20px;
}

.date {
    font-size:12px;
    color:black;
}

.more {
    text-align:center;
}
.copyright {
    text-align:center;
    font-size:12px;
    margin:0;
    padding:0;
}
.author {
    text-align:center;
    font-size:12px;
    margin:0px 0px 2em;
}
p.topic-title, a.toc-backref {
  /*color: #4E6272; */
  color: #333;
  margin:0px;
  padding:0px;
}
p.topic-title, a.toc-backref, h1, h2 {
  text-shadow: #ddd 1px 1px 0px;
}
p.topic-title, a.toc-backref, h2 {
  font-size:20px;
  margin: 1.6em 0 0em 0;
}
.announce, .share-icons {
    text-align:center;
    font-size:14px;
    margin:0px;
    padding-top:5px;
}
.announce {
    color:black;
    border-top:1px dashed #999;
}
.widget-wrapper {
    float:left;
}
.dsq-widget {
    float:left;
    width:48%;
}
.dsq-widget-title {
    text-align: left;
}
#recentcomments {
    margin-right: 30px;
}