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

body { margin: 0; padding: 0; background: url(../images/bg.gif); font: 80%/1.5em Verdana, Tahoma, arial, sans-serif; color: #555; text-align: center; }
a, a:link, a:visited { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
input, textarea, select { background-color: #fcfcfc; border: 1px solid #dfdfdf; }
textarea { font: 100%/1.5em Verdana, Tahoma, Arial, sans-serif; }
input.button { border: 1px solid #dfdfdf; border-left: 4px solid #dfdfdf; background-color: #fcfcfc; }
input.sffocus, textarea.sffocus { background: #f9f9f9; border: 1px solid #ccc; }
input:focus, textarea:focus { background: #f9f9f9; border: 1px solid #ccc; }
span.date { float: right; color:#CCC; }

#wrap { margin: 0 auto; padding: 0 4px; width: 900px; text-align: left;	background: #fff; }

/*Header*/
#header { margin: 0; padding: 0; width: 100%; position: relative; border-bottom: 1px solid #99CCFF; }
#header h1 { margin: 0; padding: 8px; font-size: 16px; }
#header h1 a, a:link, a:visted { color: #000066; }
#header h2 { margin: 0; padding: 0 0 5px 20px; color: #999999; font-size: 12px; font-weight: normal; }

/*Menu*/
#menu { float: left; margin-bottom: 10px; font-weight: normal; height: 25px; width: 400px; line-height:25px; }
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu ul li { display: inline; font-weight: bold; }
#menu ul li a { display: block; float: left; padding: 0 10px; color: #00; text-decoration: none; font-size:14px; }
#menu ul li.last a { padding-right: 20px; }
#menu ul li a:hover { color: red; }
#menu ul li#current a { color: red; }

/*top google adsense*/
#topad { float: right; margin-bottom: 10px; font-weight: normal; height: 25px; width: 480px; line-height:25px; padding: 5px; }

#container { width: 100%; position: relative; }

#topContent { display: inline; width: 100%; }
#topContent ul { list-style: none; }
#topContent #right { float: right; width: 385px; }
#topContent #right .content_list { margin: 0; padding: 5px; clear: both; }
#topContent #right .content_list ul { margin: 0; padding: 0; width: 100%; background: #fff; list-style: none; }
#topContent #right .content_list ul li { list-style: none; height: 20px; line-height: 20px; background: url(../images/left_dot.gif) no-repeat 1px 1px; padding-left: 15px; }
#topContent #right #tab_body { width: 382px;   height: 189px; padding: 0px;    margin: -1px 0 4px; border: 1px solid #99ccff; }
#topContent #right #tab_body li { margin-bottom: 3px; }
#topContent #right #nav_tab { overflow: hidden; margin: 0; padding: 0; }
#topContent #right #nav_tab li.current { height: 17px; border: 1px solid #99ccff; border-bottom: 0; background: #fff; position: relative; }
#topContent #right #nav_tab li { background: #FFF; height: 16px; float: left; padding: 4px 10px; margin: 0 3px 0 0; border: 1px solid #99ccff; background: #f5f5f5; border-bottom: 0; cursor: pointer; }

#topContent #slide { border: 1px solid #99ccff; padding: 2px; width: 500px; height: 210px; }

#login { margin-top: 8px; clear: both; }
#login fieldset { border: 0; margin: 0; padding: 0; }
#login form, #login input { margin: 0; padding: 0; }
#login p { margin: 0; padding: 0; float: left; line-height: 25px; height: 25px; }
#login .b { font-weight: bold; }

/*Content*/
#content { clear: both; float: left; }

#content ul { list-style: none; }

/*sidebar*/
#sidebar { width: 225px; float: right; background: #f5f5f5; }
#sidebar h5 { color: #0084c9; font-size: 12px; font-weight: bold; margin: 4px; padding-left: 12px; height: 22px; line-height: 22px; border-bottom: 2px solid #0084c9; }
#sidebar #announce { text-indent: 24px; margin: 0; padding: 0; }
#sidebar .picture { text-align: center; margin: 4px; padding: 2px; }
#sidebar .picture p { padding: 0; margin: 0; }
#sidebar .picture p img { border: 1px solid #ccc; }
#sidebar .picture img { border: 0; padding: 2px; margin: 0 2px; width: 160px; height: 100px; }
#sidebar .picture span { margin: 0; padding: 0; }
#sidebar .link { text-align: center; }
#sidebar .link img { border: 0; }
#sidebar ul { margin: 0; padding: 0; }
#sidebar ul li { list-style: none; background: url(../images/chevron_single.gif) no-repeat 5px 8px; padding-left: 15px; }

/*Main*/
#main { width: 670px; }
#main h3, #full-main h3 { font-size: 14px; font-weight: bold; margin: 4px; padding-left: 12px; height: 22px; line-height: 22px; border-bottom: 2px solid #0084c9; }
#main h3 a, #full-main h3 a { color: #0084c9; }
#main h3 a:hover, #full-main h3 a:hover { color: red; text-decoration: none; }
#main div.left, div.right { width: 50%;	height: 200px; }
#main .left { float: left; }
#main .right { float: right; }
#main .left ul, #main .right ul { margin: 0 4px; padding: 0; }
#main .left ul li, #main .right ul li { list-style: none; border-bottom: 1px dashed #efefef; background: url(../images/homepage.gif) no-repeat 0 4px; padding-left: 18px; }
#full-main { width: 900px; }
.clear { font-size: 1px; clear: both; visibility: hidden; width: 100%; height: 4px; line-height: 4px; }
#footer { clear: both; padding: 5px; font-size: 10px; text-align: center; border-top: 1px solid #99ccff; }

#cat_nav { margin: 4px; border: 1px solid #0084c9; padding: 8px; }

#pagebar { margin: 6px 0; padding: 1px 0; float: right; height: 26px; line-height: 26px; color: #999; overflow: hidden; }
#pagebar li { margin: 0 1px; display: inline; list-style: none; border: 1px solid #cad9ea; padding: 1px 4px; line-height:26px; }
#pagebar li a { padding: 0; }
#pagebar li a:hover { color: red; text-decoration: none; }
#pagebar .current { margin: 0; padding: 1px 4px; line-height: 26px; font-weight: bold; color: #090; background: #CAD9EA; }
#pagebar .total { line-height: 26px; padding: 1px 10px; }
#pagebar .kbd { padding: 1px 4px; line-height:26px; margin: 0; }
#pagebar input { padding: 0; margin: 1px 0; border: 0; line-height: 16px; height: 16px; }

#articleList { padding: 4px 8px; }
#articleList .article_list { margin: 8px; }
#articleList h1 { font-weight: bold; font-size:12px; color: red; padding: 5px 0 5px 25px; border-bottom: 1px solid #99CCFF; background: #fff; }
#articleList h1 a { color: #0084c9; }
#articleList h1 a:hover { color: red; text-decoration: none; }
#articleList .summary { margin-top: 8px; font-size:12px; overflow: hidden; }
#articleList .bottom { text-align: right; background: #fafafa; border: 1px solid #f2f2f2; padding: 5px; margin: 20px 10px 0 10px; }
#articleList .bottom .readmore { background: url(../images/page.gif) no-repeat; padding-left: 20px; }
#articleList .bottom .comments { background: url(../images/comment.gif) no-repeat; padding-left: 20px; }
#articleList .bottom .datetime { background: url(../images/clock.gif) no-repeat; padding-left: 20px; }
#main #sub_cat_list fieldset { border: 0; margin: 0; padding: 4px 8px; }
#rss { float: right; }
#rss img { border: 0; }

#text { padding: 4px 8px; }
#text h1 { margin: 8px; padding: 10px; font-size: 16px; text-align: center; border-bottom: 1px solid #f2f2f2; }
#text #slug { text-align: center; font-size: 12px; }
#text #summary { margin: 4px; padding: 6px; border: 1px dashed #ddd; }
#text #text-body { margin: 16px 4px; padding: 2px; overflow: hidden; }

#text #articlePageBar { margin: 4px; height: 20px; line-height: 20px; text-align: center; }
#text #articlePageBar ul { display: inline; }
#text #articlePageBar ul li { padding: 4px; text-align: center; display: inline; list-style: none; border: 1px solid #000; }
#text #articlePageBar #current { font-weight: bold; color: red; }

#nplinks ul { margin: 0; padding: 0; }
#nplinks .np { font-weight: bold; }
#bottom_nav { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 10px 0; padding: 4px; text-align: center; }
#bottom_nav a { border: 1px solid #ccc; padding: 2px 4px; }
#bottom_nav a:hover { border: 1px solid #0084c9; text-decoration: none; background: #CAD9EA; }

#full-main { width: 900px; }
#search-form { padding: 0 8px; }
#search-form #search-left, #search-form #search-right { width: 49%; }
#search-form #search-left { float: left; }
#search-form #search-right { float: right; }
#limit { float: left; width: 40%;}
#result{ float: right; width: 60%; }
#search-bottom { clear: both; text-align: center; padding: 5px; }

#comment1 { list-style-type: none; margin: 0; padding: 0; }
#comment1 .comment_list { margin: 6px; background-color: #fff; padding: 4px 8px; border: 1px solid #999; overflow: hidden; }
#comment_form { border-top: 1px solid #ccc; marging: 10px 0; padding: 4px; }
#comment_form p { margin-left: 15px; font-style: italic; }

#sitemap { padding: 4px 8px; }
#sitemap ul { margin: 0; padding: 0; }
#sitemap li { list-style-type: none; border-bottom: 1px solid #ccc; }
#sitemap .left { border-right: 1px solid #ccc; width: 20%; float: left;	padding: 4px; font-weight: bold; color: #000; text-align: center; }
#sitemap .right { width: 77%; float: left; padding: 4px; }

#two-row {
    padding: 4px;
}
#two-row ul {
    margin: 0; padding: 0;
}
#two-row li {
    list-style-type: none;
}
#two-row .left-row {
    width: 20%;
	float: left;
	padding: 4px;
}
#two-row .right-row {
    width: 77%;
	float: left;
	padding: 4px;
}

#mypost {
    padding: 4px;
}
#mypost ul {
    margin: 0; padding: 0;
}
#mypost li {
	padding: 4px;
	float: left;
	text-align: center;
	height: 24px;
	line-height: 24px;
	border-bottom: 1px solid #ddd;
}
#mypost .subject {
    width: 50%;
	text-align: left;
}
#mypost .category {
    width: 20%;
}
#mypost .status {
    width: 8%;
}
#mypost .operate {
    width: 15%;
}

// Code styles
.Bold {
font-weight: bold;
}
.Title {
font-weight: bold;
font-size: 18px;
color: #c30;
}
.codeHead {
font-weight: bold;
font-size: 12px;
padding: 5px;
padding-left: 15px;
background: #fff;
border-bottom: 1px solid #ddd;
}
.codeText {
border: 1px solid #ddd;
width: 98%;
overflow: auto;
margin: 0 0 1.1em;
padding: 0;
word-break: break-all;
background: #fff;
font: 12px 'Courier New', Monospace;
}
.codeText ol {
list-style: decimal-leading-zero;
margin: 0 1px 0 45px;
padding: 5px 0;
color: #5C5C5C;
border-left: 1px solid #ddd;
background: #fff;
}
.codeText ol li {
padding-left: 10px;
background: #FFF;
}
.codeText ol li.alt {
background: #FFF;
}
.codeText ol li span {
color: #000;
}
.codeText .comment, .codeText .comments {
color: #008200;
}
.codeText .string {
color: blue;
}
.codeText .keyword {
color: #069;
font-weight: bold;
}
.codeText .preprocessor {
color: gray;
}
.dp-c .comment {
color: green;
}
.dp-c .string {
color: blue;
}
.dp-c .preprocessor {
color: gray;
}
.dp-c .keyword {
color: blue;
}
.dp-c .vars {
color: #d00;
}
.dp-vb .comment {
color: green;
}
.dp-vb .string {
color: blue;
}
.dp-vb .preprocessor {
color: gray;
}
.dp-vb .keyword {
color: blue;
}
.dp-sql .comment {
color: green;
}
.dp-sql .string {
color: red;
}
.dp-sql .keyword {
color: #7f0055;
}
.dp-sql .func {
color: #ff1493;
}
.dp-sql .op {
color: blue;
}
.dp-xml .cdata {
color: #ff1493;
}
.dp-xml .comments {
color: green;
}
.dp-xml .tag {
font-weight: bold;
color: blue;
}
.dp-xml .tag-name {
color: #7f0055;
font-weight: bold;
}
.dp-xml .attribute {
color: red;
}
.dp-xml .attribute-value {
color: blue;
}
.dp-delphi .comment {
color: #008200;
font-style: italic;
}
.dp-delphi .string {
color: blue;
}
.dp-delphi .number {
color: blue;
}
.dp-delphi .directive {
color: #008284;
}
.dp-delphi .keyword {
font-weight: bold;
color: navy;
}
.dp-delphi .vars {
color: #000;
}
.dp-py .comment {
color: green;
}
.dp-py .string {
color: red;
}
.dp-py .docstring {
color: green;
}
.dp-py .keyword {
color: blue;
font-weight: bold;
}
.dp-py .builtins {
color: #ff1493;
}
.dp-py .magicmethods {
color: #808080;
}
.dp-py .exceptions {
color: brown;
}
.dp-py .types {
color: brown;
font-style: italic;
}
.dp-py .commonlibs {
color: #8A2BE2;
font-style: italic;
}
.dp-rb .comment {
color: #c00;
}
.dp-rb .string {
color: #f0c;
}
.dp-rb .symbol {
color: #02b902;
}
.dp-rb .keyword {
color: #069;
}
.dp-rb .variable {
color: #6cf;
}
.dp-css .comment {
color: green;
}
.dp-css .string {
color: red;
}
.dp-css .keyword {
color: blue;
}
.dp-css .colors {
color: darkred;
}
.dp-css .vars {
color: #d00;
}
.dp-j .comment {
color: #3f7f5f;
}
.dp-j .string {
color: #2a00ff;
}
.dp-j .keyword {
color: #7f0055;
font-weight: bold;
}
.dp-j .annotation {
color: #646464;
}
.dp-j .number {
color: #C00000;
}
.dp-cpp .comment {
color: #e00;
}
.dp-cpp .string {
color: red;
}
.dp-cpp .preprocessor {
color: #CD00CD;
font-weight: bold;
}
.dp-cpp .keyword {
color: #5697D9;
font-weight: bold;
}
.dp-cpp .datatypes {
color: #2E8B57;
font-weight: bold;
}