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

* { margin:0; padding:0; list-style:none; }
a { color:#c0272d; text-decoration:none; }
body { font:12px/1.8 Arial, Helvetica, sans-serif; color:#333; background:url(../icon/body.jpg) repeat-x 0 0; border-top:4px solid #222; }
.clear { clear:both; }

#index, #detail { margin:auto; width:1000px; background:#fff; border-left:1px solid #dadada; border-right:1px solid #dadada; }
#container { padding:18px 20px; }
#header { margin-bottom:24px; padding-bottom:120px; background:url(../icon/header.jpg) no-repeat 0 100%; }
#header .headerContainer { float:left; padding-left:164px; width:500px; height:110px; overflow:hidden; background:url(../icon/logo.png) no-repeat 4px 6px; }
#header h1 { font-size:26px; color:#c0272d; }
#header h1 a { color:#c0272d; }
#header .description { color:#666; }

#navigation { float:left; /*padding-top:14px; */padding-bottom:10px; width:740px; overflow:hidden; }
#navigation a { text-decoration:none; }
#navigation a:hover { text-decoration:underline;  }

#content { float:left; padding-top:14px; width:740px; overflow:hidden; }

#content #posts .postHeader { margin-bottom:24px; padding-bottom:10px; background:url(../icon/dot.jpg) repeat-x 0 100%; overflow:hidden; zoom:1; }
#content #posts .postHeader h2 { font:bold 18px/1.2 Verdana, Geneva, sans-serif; background:url(../icon/postbullet.png) no-repeat 4px 4px; text-indent:26px; margin-bottom:5px; float:left; width:600px; }
#content #posts .postHeader h3 { font-size:10px; font-weight:normal; color:#999; text-indent:2px; letter-spacing:1px; float:right; padding-right:10px; padding-top:3px; }

#content #posts .postBody { padding:0 0 24px 0; font-size:14px; font-family:verdana,arial,sans-serif; color:#000; letter-spacing:1px; }
#content #posts .postBody a { text-decoration:none; }
#content #posts .postBody a:hover { text-decoration:underline;  }
#content #posts .postBody p {margin-bottom:1em;}
#content #posts .postBody br { letter-spacing:0; }
#content #posts .postBody li {list-style: square inside; padding-left:10px;}
#content #posts .postBody img.large { width:640px; border:0;}
#content #posts .postBody img.small { width:320px; height:240px; border:0;}
#content #posts .postBody img.largeVert { width:320px; height:480px; border:0; }
#content #posts .postBody img.smallVert { width:240px; height:320px; border:0; }
#content #posts .postFooter { font-size:16px; line-height:2.2; padding-bottom:16px; border-bottom:4px solid #e7e7e7; }
#content #posts .postFooter a { color:#c0272d; }
#content #posts .postFooter a:hover { color:#c0272d; text-decoration:underline; }
#content #posts .postFooter .tags { font-weight:bold; }

#sidebar { float:right; width:200px; overflow:hidden;}
#sidebar a { color:#000; }
#sidebar a:hover { color:#c0272d; }
#sidebar h2 { height:22px; line-height:22px; border-bottom:1px solid #ddd; text-indent:10px; overflow:hidden; background:url(../icon/stripe.jpg); font-size:12px; color:#c0272d; margin-bottom:6px; letter-spacing:3px; }
#sidebar li { height:22px; line-height:22px; overflow:hidden; margin-bottom:4px; padding-left:10px; border-bottom:1px solid #dadada; border-left:3px solid #dadada;letter-spacing:2px; }

#comments { margin:10px 0 20px 0; padding:0; color:#333; font-size:14px; }
#content p {margin-bottom:1em;}

#comments h2{ font-size:14px; font-weight:bold; margin-top:0; margin-bottom:20px; font-family: Verdana, san-serif; color:#333; }
#comments .hint p{color:blue; font-style:italic;font-weight:bold;}

#comments li { padding-bottom:20px; line-height:160%; font-size:12px; word-wrap:break-word; word-break:break-all; color:#333; }
#comments li a { color:#C0272D; text-decoration:none; }
#comments li a:hover { color:#333; }
#comments li .menubar { letter-spacing:normal; padding-top:8px; color:#999; }
#comments li .menubar .author {  }
#comments li .menubar .author a {color:#C0272D;}
#comments li .menubar .author a:hover { }

#commentForm { margin:10px 0 20px 0; padding:0; color:#333; font-size:14px; }
#commentForm div { margin-bottom:10px; }
#commentForm label { width:40px; display:block; float:left; vertical-align:bottom; color:#C0272D; }


#footer {margin-top:40px; padding:16px 0 10px; background:url(../icon/dot.jpg) repeat-x 0 0; color:#666; }