@charset "utf-8";
/* file: blog.css				*/
/*   style for blog of ooboy.net*/
/* author: fdream				*/
/* homepage: http://ooboy.net	*/
/* mail: fdream@live.com		*/

/* common settings */
html,body,table,td,th,img,div,span,a{ margin:0px; padding:0px; border:none; font-family:Verdana, 宋体, Tahoma; word-wrap: break-word; word-break: noraml}
body,td,th { font-size:14px; color:#333; line-height:150%;}
body { background:#ccee9d url(bodybg.jpg) repeat-x top left; width:100%; text-align:center;}
img{ vertical-align:middle;border:none;margin:0;padding:0;}
form{ margin:0px}
a{ color:#360; text-decoration:none}
a:hover{ color:#f30; text-decoration:underline}
p{text-indent:2em;}
h2, h3, h4{font-family:"微软雅黑", "Microsoft YaHei", "黑体", Arial;text-indent:28px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}

selection{color:#f0d000;background-color:#0f581a;}
::selection{color:#f0d000;background-color:#0f581a;}
::-moz-selection{color:#f0d000;background-color:#0f581a;}

/* header */
.header{margin:0 auto;width:940px;height:100px;text-align:left;}
.header a{color:#fff;}
.header a:hover{color:#ff0;}
.navigator{position:relative;top:0px;right:0px;line-height:30px;}
.navigator a{padding:0 6px;display:inline-block; text-decoration:none;}
.navigator a:hover{color:#ff0;background:#360;}
.navigator .l, .navigator .m, .navigator .r{float:right;display:block;height:35px;font-style:normal;}
.navigator .l{width:16px; background:url(menubg.gif) no-repeat left top;}
.navigator .m{background:url(menubg.gif) repeat-x left -35px;}
.navigator .r{width:16px; background:url(menubg.gif) no-repeat left -70px;}

.blogname{margin:0;padding:24px;font-family:"微软雅黑", "Microsoft YaHei", "黑体", Arial;font-size:32px;}

.blogtitle{float:left;padding-left:24px;color:#fed;}
.blogsearch{float:right;}
.blogsearch form{display:inline;margin:0;padding:0;}
.blogsearch input{background:none;border:1px solid #f8f8f0;color:#f8f8f0;font-size:14px;vertical-align:middle;}
.blogsearch input.text{height:16px;padding:2px;}
.blogsearch input.btn{background:url(icons.gif) no-repeat 4px 2px;padding:0 4px 0 24px;>padding:0 0 0 12px;height:22px;}
.blogsearch i{font-size:11px;font-style:normal;color:#c0d8b8;}

/* main */
.body_wrap{margin:0 auto;width:960px;}
.main_wrap{float:left;width:960px;background:#efd url(mainbg.jpg) repeat-y center top;}
.main_container{float:left;width:960px;padding:24px 0;background:url(main_top.jpg) no-repeat center top;}

#notes{}

.page{ clear:both;text-align:right;padding:12px 24px 4px 12px;}
.page b, .page a{ display:inline-block; margin:0px; text-align:center; line-height:24px; width:24px; height:24px;}
.page b{ background:#60840d; color:#fff;}

/* articles */
.container{float:right;width:700px;text-align:left;}
.art_title{background:url(titlebar.png) no-repeat left top !important;background:none;width:700px;height:80px;margin-top:16px;}
* html .art_title____{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://ooboy.net/blog/images/titlebar.png');}
.art_title a.title, .art_title h1.title{display:block;margin:0px;padding:4px 0 0 10px;height:29px;line-height:29px;font-weight:bold;font-family:"微软雅黑", "Microsoft YaHei", "黑体", Arial;font-size:24px;}
.art_title .date{float:left;width:66px;height:39px;padding:3px 0 0 8px;text-align:center;}
.art_title .date b{font-size:20px; vertical-align:middle;font-family:"微软雅黑", "Microsoft YaHei", "黑体", Arial;line-height:20px;height:20px;}
.art_title .date img{width:16px;height:16px;overflow:hidden;vertical-align:middle;}
.art_title .date i{display:block;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:20px;>line-height:11px;font-style:normal;}
.art_title .info{float:left;width:620px;padding:2px 0 0 6px;overflow:hidden;}
.art_content{width:680px;padding:8px 20px 0 0;}
.art_content a{text-decoration:underline;padding:2px;color:#060;}
.art_mark{width:670px;padding:8px 20px 32px 10px;}
.art_mark a{display:block;border:1px solid #360;text-decoration:none;font-weight:bold;padding:0 4px 0 22px; background:url(icons.gif) no-repeat 2px -17px;width:90px;}
.art_mark a:hover{background-color:#360;color:#cf3;}

/* sidebar */
.sidebar{float:left;padding-left:12px;width:230px;text-align:left;}
.block_title{ margin:8px;font-weight:bold;color:#093;border-bottom:dotted 1px #093;padding:4px;}
.block_content{ margin:8px;padding-left:4px;}
.block_content ul, .block_content li{ margin:0px; padding:0px}
.block_content ul{padding-left:16px}
.block_content a{ color:#360; text-decoration:none}
.block_content a:hover{ color:#f30; text-decoration:underline}
.sidebar input.sidebarText{ background:none;border:1px solid #360;width:100px;vertical-align:middle;}
.sidebar select.sidebarText{ background:none;border:1px solid #360;vertical-align:middle;}
.sidebar input.sidebarButton{margin:4px 0px;padding:4px;height:22px;background:none;border:1px solid #360;vertical-align:middle;}

/* widgets */
.postTips{ display:none; padding:2px; background-color:#c00; color:#fff}
.quote_head, .quote_main{ text-indent:1em; clear:both; padding:4px 0px; margin:0px; background-color:#def3cb; font-weight:bold}
.quote_main{ text-indent:4px; width:100%; font-weight:normal; background-color:#ecf7cc; font-family:Consolas, Courier New;}
.code_head, .code_main{ text-indent:1em; clear:both; padding:4px 0px; margin:0px; background-color:#def3cb; font-weight:bold}
.code_main{ text-indent:4px; width:100%; font-weight:normal; background-color:#ecf7cc; font-family:Consolas, Courier New;}
.code_end{ clear:both; padding:4px 8px; margin:0 2px}
.quote_head, .code_head{margin-top:8px;}
.quote_head a, .code_head a{ font-size:12px; font-weight:normal; text-decoration:none;}
.quote_main p, .code_main p{ padding-left:12px;}

.helpread{ margin:0px 10px; padding:12px}
.comment{margin:2px 24px 8px 0px;border:1px solid #9c0;border-top:none;}
.comment_head{background:#ecf7cc url(barbgs.jpg) repeat-x 0px -22px;padding:8px 8px 4px 8px;font-weight:bold;}
.comment_head a{color:#060}
.comment_main{margin-bottom:8px;padding:8px;}
.comment_quote{display:none;}

.title_block_under{background:url(split_line.jpg) no-repeat left bottom; margin:8px 0px; padding:2px 4px; font-weight:bold}
.title_block{ background:url(split_line.jpg) no-repeat;margin-top:16px;padding:8px;font-weight:bold}
.content_block{padding:0px 8px;}
.content_block ul, .content_block li{margin:0px;padding:0px}
.content_block ul{padding-left:16px}

#commentface{ float:left; width:120px}
#commentarea{ margin-left:120px}

input.normal, input.error, input.active{margin:2px;border:1px solid #690;background:#fff;height:18px;vertical-align:middle;}
input.error{background:#fdb;}
input.active{background:#cf9;}

input.btnStyle{ margin:4px;background:#fff;border:1px solid #360;height:26px;padding:0;vertical-align:middle;}

textarea.normal{ margin:4px; border:1px solid #690; background-color:#fff;}
textarea.error{ margin:4px; border:1px solid #f00; background-color:#fdb}
textarea.active{ margin:4px; border:1px solid #9c0; background-color:#cf9}

.msgtitle{ margin:16px 24px;padding:8px; text-align:center; font-weight:bold}
.msgbox{ margin:4px 24px 4px 4px;padding:32px 16px; border:solid 1px #9c0; text-align:center; line-height:32px}
.msgbox form{ text-align:center}
.msgbox td{padding:4px 8px;}
.longmsg{ margin:4px 24px 4px 4px;padding:32px 16px; border:solid 1px #9c0}
.longmsg p{ margin:4px 0px}

.special{ color:#f30; font-weight:bold}

.gbook_post{ padding:16px 24px 16px 16px;}
.gbook_msg{ clear:both; margin:16px 24px 8px auto; border:1px solid #9c0; border-top:none;}
.gbook_msg a{ color:#060}
.gbook_msg a:hover{ color:#f60;}
.gbook_head{ padding:8px 8px 4px 8px;background:#ecf7cc url(barbgs.jpg) 0px -22px repeat-x; font-weight:bold;}
.gbook_main{ padding:8px;}
.gbook_re_head{ background-color:#ecf7cc; padding:8px 8px 4px 8px; font-weight:bold;}
.gbook_re_main{ background-color:#def3cb; padding:8px;}

.drift_layer{border:1px solid #666;background:#ffc;padding:8px;color:#f30;width:240px;position:absolute;top:100px;left:20px;z-index:11;text-align:left}
.drift_layer p{margin:0px}

/* tags */
a.tag_top1, a.tag_top2, a.tag_top3, a.tag_top4, a.tag_top5{display:inline-block; padding:4px; font-weight:bold; line-height:normal;}
a.tag_top1{font-size:32px;color:#f30;}
a.tag_top2{font-size:24px;color:#c09;}
a.tag_top3{font-size:18px;color:#06c;}
a.tag_top4{font-size:14px;color:#060;}
a.tag_top5{font-weight:normal;color:#333;}

/* footer */
.foot_container{float:left;margin:0 10px !important;margin:0px 5px;width:940px;background:url(footerbg.jpg) repeat-x center top;padding:24px 0 12px 0;}

/* code related */
ol.code_all, 
ol.code_js, 
ol.code_as, 
ol.code_html, 
ol.code_css
{margin:0 0 0 4px;>margin:0;padding:0 8px 0 36px;list-style-type:decimal-leading-zero;list-style-position:outside;color:#333;font-family:Consolas, "Courier New", Courier, Monospace;font-size:10pt;}

ol.code_all li, 
ol.code_js li, 
ol.code_as li, 
ol.code_html li, 
ol.code_css li
{ line-height:20px; border-left:3px solid #6c0;}

ol.code_all li.alter, 
ol.code_js li.alter, 
ol.code_as li.alter, 
ol.code_html li.alter, 
ol.code_css li.alter
{ background-color:#e0f3bb; line-height:20px; border-left:3px solid #6c0;}

ol.code_all span.keyword, 
ol.code_js span.keyword, 
ol.code_as span.keyword, 
ol.code_html span.keyword, 
ol.code_css span.keyword
{color:#00c}

ol.code_all span.object, 
ol.code_js span.object, 
ol.code_as span.object, 
ol.code_html span.object, 
ol.code_css span.object
{color:#099}

ol.code_all span.number, 
ol.code_js span.number, 
ol.code_as span.number, 
ol.code_html span.number, 
ol.code_css span.number
{color:#f60}

ol.code_all span.tag, 
ol.code_js span.tag, 
ol.code_as span.tag, 
ol.code_html span.tag, 
ol.code_css span.tag
{color:#00c}

ol.code_all span.comment, 
ol.code_js span.comment, 
ol.code_as span.comment,
ol.code_html span.comment, 
ol.code_css span.comment
{border:none;color:#390}

ol.code_all span.tag, 
ol.code_js span.tag, 
ol.code_as span.tag,
ol.code_html span.tag, 
ol.code_css span.tag
{color:#00c}

ol.code_all span.quote, 
ol.code_js span.quote, 
ol.code_as span.quote, 
ol.code_html span.quote, 
ol.code_css span.quote
{color:#900}

ol.code_all span.string, 
ol.code_js span.string, 
ol.code_as span.string, 
ol.code_html span.string, 
ol.code_css span.string
{color:#900}

ol.code_all span.process, 
ol.code_js span.process, 
ol.code_as span.process, 
ol.code_html span.process, 
ol.code_css span.process
{color:#00c}