#left {width: 20%;}
#center {width: 60%;}
#right {width: 20%;}

*{margin:0; padding:0;}
ul{list-style:none;}

#main{margin: 8px auto auto auto;}
#primary{float:left; width:216px;}
#work{margin-left:222px;}
#secondary{float:right; width:216px;}
#content{margin-right:222px;}

.c{height:1%;}
.c:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.inside{float:left; width:100%;}
.clear{clear:both;}

.items{position:relative; height:100%; overflow:hidden;}
.items .body{position:relative; z-index:11; border:1px solid #acf;}
.items .tl,.items .tr,.items .bl,.items .br{background:url(../images/itembg.jpg) no-repeat; position:absolute; z-index:12; height:2px; width:2px; font-size:1px;}
.items .tl{left:0;top:0; background-position:0px 0px;}
.items .tr{right:0; top:0; background-position:-2px 0px;}
.items .bl{left:0; bottom:0; background-position:0px -2px;}
.items .br{right:0; bottom:0; background-position:-2px -2px;}

.items .title{background: url(../images/itemtbg.jpg) #ebf4fb; padding:4px 6px 2px 6px; border-bottom:1px solid #acf; font-weight:bold;}
.items .title li{float:left;}
.items .title .split{background: url(../images/itemtsplit.jpg) no-repeat 50% 50%; width:12px;}
.items .title .more{float:right; font-weight:normal;}
.items .detail li{margin:4px; padding:0px 4px; line-height:22px; border-bottom:1px dotted #ccc;}
.items ul.list{list-style-type:circle; color:#f30; margin:0px; padding:0px;}
.items ul.list li{margin:4px 4px 4px 30px;}
.items ol.detail{list-style-type:decimal;}
.items ol.detail li{margin:4px 4px 4px 35px;}

.items li.bg{background: url(../images/btbg.gif) no-repeat 0px 50%; padding-left:30px; line-height:30px; font-weight:bold; font-size:140%;}
.items h1{font-size:200%; margin:6px; border-bottom:1px dotted #ccc;}
.items .pagination{padding:0 6px 10px 6px;}
.items .pagination .prev{float:left;}
.items .pagination .next{float:right;}

.blog{margin: 6px; border-bottom:1px dotted #ccc;}
.blog .summary .date{float:right; width:82px; height:77px; background: url(../images/blog_date.jpg) no-repeat; color:#666; text-align:center;}
.blog .summary .date .month{margin: 4px auto;}
.blog .summary .date .day{font-size:24px; font-weight:bold;}
.blog .summary .date .year{margin-top:10px;}
.blog .summary .label{margin-right: 100px; font-size:200%; font-weight:bold;}
.blog .summary .label a{color:#333; text-decoration:none;}
.blog .comment{padding: 4px 0px 10px 20px; background: url(../images/blog_comment.gif) no-repeat 0px 6px; border-bottom:1px dotted #ccc;}
.blog .comment a{color:#666; text-decoration:none;}
.blog .content{margin:10px auto;}
.blog .footer{margin:10px auto; text-align:right;}

.comments{margin:6px 20px; color:#666;}
.comments .label{font-weight:bold; margin:16px 0px; color:#333;}
.comments .user{float:left;}
.comments .date{float:right;}
.comments .posted{margin: 10px 0px;}
.comments .content{padding-bottom:10px; border-bottom: 1px dotted #aaa;}

.discussion{margin:6px 20px;}
.discussion p{margin:6px 0px;}
.discussion .label{font-weight:bold;}
.discussion #comment_error{line-height:16px; height:16px; color:#e00;}
.discussion dt{margin-top:6px;}
.discussion input{border:1px solid #666; border-top:2px solid #666; width:300px;}
.discussion textarea{border:1px solid #666; border-top:2px solid #666; width:100%; height:100px;}
.discussion button{font-size:140%; font-weight:bold;}