body { margin:0; padding:0; background:#DDD url(images/bg.png) top repeat-x; color:#333; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size:12px; line-height:18px; }

a { color:#336699; text-decoration:none; }
a:hover { color:#555; }

.clear { clear:both; }

.post h2, .content { border-bottom:1px dotted #DDD; }

h1, h2, h3, h4, h5, h6 { color:#333; font-weight:normal; margin:0; padding:0; line-height:1.1em; }
h1 a, h2 a, h3 a, h4 a, h5 a { color:#333; }
h1{font-size: 32px;}
h2{font-size: 28px;}
h3{font-size: 24px;}
h4{font-size: 20px;}
h5{font-size: 16px;}
h6{font-size: 12px;}

.header:after, ul.nav li.last:after { clear:both; margin:0; padding:0; width:100%; height:0px; line-height:0px; content:"."; visibility:hidden; }

.main { margin:38px auto; width:874px; background:url(images/top.png) top no-repeat; }

.header { padding:54px 0 0 54px; }
.header h1 { margin:0; padding:0; float:left; }
.header h1 a { color:#000; text-decoration:none; }
.header .description { margin:16px 0 0 16px; float:left; }

ul.nav { clear:both; margin:55px 13px 0 13px; padding:0; height:31px; line-height:26px; background:url(images/mbg.png) repeat-x; list-style:none; font-family: Verdana, Arial, Helvetica, Sans-serif; }
ul.nav li { margin:0; padding:0; float:left; }
ul.nav li a { display:block; margin:2px 0 0 0; padding:0 12px; height:29px; color:#FFF; background:url(images/mbg-a.png) top repeat-x; border-right:1px solid #515151; text-decoration:none; text-shadow:#000 0px 1px 0px; }
ul.nav li a:hover { background:url(images/mbg-a.png) bottom repeat-x; }
ul.nav li.first { width:9px; height:31px; background:url(images/ml.png) no-repeat; }
ul.nav li.last { width:8px; height:31px; background:url(images/mr.png) no-repeat; }

.middle { margin:0; padding:0; background:url(images/mid.png) repeat-y; }

.sidemenu { margin-right:13px; padding-top:24px; float:right; width:250px; }

.sidemenu .box { margin:10px; background-color:#FFF; border:1px solid #DDD; position:relative; }
.sidemenu .box h2 { margin:0; padding:0 0 0 8px; background:#FFF url(images/hg.png) bottom repeat-x; line-height:27px; color:#666; font-weight:normal; font-size:14px; font-family: Verdana, Arial, Helvetica, Sans-serif; text-shadow:#FFF 0px 1px 0px; }
.sidemenu .box ul { margin:0 0 0 22px; padding:0; list-style:url(images/p.png); }
.sidemenu .box ul li:hover { list-style:url(images/p-a.png); }
.sidemenu .box li a { display:block; margin:0 0 0 -22px; padding:2px 2px 2px 20px; color:#336699; background:url(images/mh.png) -22px -22px repeat-x; text-decoration:none; text-shadow:#FFF 0px 1px 0px; }
.sidemenu .box li a:hover { color:#555; background:url(images/mh.png) top left repeat-x }
.sidemenu .box h2:before, .sidemenu .box h2:after, .sidemenu .box ul:before, .sidemenu .box ul:after { content:" "; zoom:1; position:absolute; display:block; width:3px; height:3px; }
.sidemenu .box h2:before { top:-1px; left:-1px; background:url(images/tl.png) no-repeat; }
.sidemenu .box h2:after { top:-1px; right:-1px; background:url(images/tr.png) no-repeat; }
.sidemenu .box ul:before { bottom:-1px; left:-1px; background:url(images/bl.png) no-repeat; }
.sidemenu .box ul:after { bottom:-1px; right:-1px; background:url(images/br.png) no-repeat; }

.content { margin:0 274px 0 24px; padding:24px 0 0 0; font-size:14px; }

.bottom { width:874px; height:21px; background:url(images/bot.png) no-repeat; }

.totop { margin:2px 24px; float:right; font-size:10px; border-bottom:1px dotted #336699; }

.footer { margin:0 274px 0 24px; text-align:center; font-size:11px; text-shadow:#FFF 0px 1px 0px; }