@CHARSET "utf-8";

/* common */
body{
    font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size   : 12px;
    color: #666666;
    background-color : #FFFFFF;
}
a,a:link{
    text-decoration: none;
    color       :#0066CC;
}
a:hover{
    text-decoration: underline;
}
h1{
    margin: 0px;
    padding: 0px;
}
h2{
    margin: 0px 10px;
    padding: 0px;
}
ul{
	margin      : 0px;
    padding-left: 16px;
}
blockquote{
    margin      : 0px;
    padding-left: 16px;
    color       : #888888;
}
img{
    vertical-align: middle;
}

/* layout */
#header {
    width: 800px;
    padding-top: 20px;
    padding-left: 20px;
}
#contents {
    float: left;
    width: 520px;
    margin-top: 10px;
    padding-left: 20px;
    text-align: left;
}
#sidebar {
    float: left;
    width: 260px;
    margin-top: 10px;
    margin-left: 20px;
    text-align: left;
}

/* weblog */
.blogtitle{
    font-weight: bold;
    font-size:  20px;
    color       :#0066CC;
}
.blogdesc{
	font-size: 10px;
	margin-left: 12px;
}
.flash_notice{
    margin: 0px 0px 0px 10px;
    padding: 0px;
    color: red;
}
.pagination{
	margin-left: 10px;
	font-size: 14px;
}
.paginationCurrent{
	font-weight: bold;
}

/* article */
.attitle{
    font-size:  14px;
    font-weight: bold;
    color       :#0066CC;
    margin: 10px 10px 0px 4px;
    padding: 0px;
}
.atdate{
    font-size: 12px;
    color: #336699;
    margin-left: 14px;
    padding: 0px;
}
.atattr{
	text-align: right;
	margin-right: 14px;
    font-size: 12px;
    color: #336699;
    padding: 5px 0px 0px 0px;
    border-color: #0066CC;
}
.atmenulink{
    color: #336699;
    padding: 0px;
}
.atportal{
    margin: 6px 16px 0px 16px;
    padding: 0px;
    border-bottom: solid 1px #cbcbcb;
}
.atbody{
    margin: 6px 16px 0px 16px;
    padding: 0px;
    border-bottom: solid 1px #cbcbcb;
}
.atbody pre, .atportal pre, .fbbody pre{
	white-space: pre-wrap;
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}
.precontent {
    font-family: Verdana,Arial,sans-serif;
}

/* feedback */
.fbtitle{
    font-weight: bold;
    font-size:  14px;
    color       :#0066CC;
    margin: 10px 10px 0px 10px;
    padding: 0px;
}
.fbinput{
    margin: 6px 16px 10px 16px;
    padding: 0px;
}
.fbauthor{
    font-weight: bold;
    color   :#0066CC;
    margin: 10px 10px 0px;
    padding: 0px;
    text-decoration: underline;
}
.fbbody{
    margin: 0px 10px 10px;
    padding: 0px;
}

/* sidebar */
.sbtitle{
    font-weight: bold;
    color   :#555555;
    margin: 0px 10px 0px 10px;
    padding: 0px;
}
.sblist{
	margin-left: 15px;
    padding: 0;
    list-style-type: none;
}
.sbslist{
	margin-left: 15px;
    padding: 0;
    list-style-type: none;
}
.sblink{
    color: #0066CC;
    padding: 0px;
}

/* box */
.box {
    padding:0 12px 0 0;
    background:#fff url(/public/imgs/borderr.gif) 100% 0 repeat-y;
}
.bi {
    padding:0 0 0 12px;
    background:#fff url(/public/imgs/borderl.gif) 0 0 repeat-y;
}
.bt {
    height:17px;
    margin:0 -12px;
    background:url(/public/imgs/box.gif) 100% 0 no-repeat;
}
.bt div {
    width:18px;
    height:17px;
    background:url(/public/imgs/box.gif) 0 0 no-repeat;
}
.bb {
    height:17px;
    margin:0 -12px;
    background:url(/public/imgs/box.gif) 100% 100% no-repeat;
}
.bb div {
    width:18px;
    height:17px;
    background:url(/public/imgs/box.gif) 0 100% no-repeat;
}

/* writing */
.ath{
	color: #0066CC;
	font-weight: bold;
	border-left: 0.4em solid #6699CC;
	padding: 0.7em 0.4em 0;
}
code {
    color: #667799;
    font-size: 12px;
    display: block;
    margin-right: 10px;
    font-family: monospace;
    border: 1px solid #EEEEEE;
    padding: 0.5em;
}