*{margin:0; padding:0; list-style-type:none;}
body{font-size:12px; background:url(./images/body_bg.png) left top;}
a{text-decoration:none; color:#666;}
a:hover{color:#333;}
a img{border:none;}
.clear{clear:both;}
.img:hover img{opacity:.7;filter:alpha(opacity=70)}
.img img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

#wrap{width:1124px; margin:0 auto; margin-top:50px;}
#left{width:654px; background:#fff; padding:30px 0; float:left;}
	#left .post{margin:0 30px; margin-bottom:30px; position:relative; color:#999; min-height:100px; line-height:30px;}
	#left .post span.time{display:block; height:50px; width:100px; border-left:4px solid #999900; line-height:50px; color:#999; padding-left:10px; transform:rotate(90deg); position:absolute; right:-30px; top:20px; }
	#comment{}
	#comment textarea{width:100%; height:60px;}
	#left .post p{text-indent:24px;}
#right{width:435px; float:right; position:relative;}
ul#nav{margin-top:25px; width:50px; float:left; height:400px;}
ul#nav li{padding:11px 0; height:42px; width:50px; border-top:1px solid #fff;}
ul#nav li span{display:block;}
ul#nav li span a{display:block; width:50px; height:42px; background:url(./images/icons.png) no-repeat left -14px;}
ul#nav li.a span a{background-position:left -14px;}
ul#nav li.a span a:hover{background-position:left -412px;}
ul#nav li.b span a{background-position:left -81px;}
ul#nav li.b span a:hover{background-position:left -480px;}
ul#nav li.c span a{background-position:left -146px;}
ul#nav li.c span a:hover{background-position:left -545px;}
ul#nav li.d span a{background-position:left -214px;}
ul#nav li.d span a:hover{background-position:left -613px;}
ul#nav li.e span a{background-position:left -279px;}
ul#nav li.e span a:hover{background-position:left -679px;}
ul#nav li.f span a{background-position:left -347px;}
ul#nav li.f span a:hover{background-position:left -746px;}

#photo{width:70px; height:70px; border-radius:35px; overflow:hidden; position:absolute; right:10px; top:25px;}
#photo img{width:70px; height:70px;}

#blogtitle{width:72px; height:180px; position:absolute; top:10px; right:170px;}
#blogtitle h1{width:50px; height:180px; font-size:72px; text-align:center; line-height:90px;}
#blogtitle h1 a{color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#blogtitle h1 a:hover{color:#333;}

#footer{padding:15px 0; text-align:center; color:#999; margin-top:20px;}

#topright{width:60px; border-radius:5px; height:25px; line-height:25px; text-align:center; background:#000; position:fixed; top:5px; right:20px;}
#topright a{color:#fff;}