@import url("../css/website.css");
@import url("../css/list.css");
@import url("../css/guestbook.css");
@import url("../css/reg.css");
@import url("../css/list-by-tag.css");

/**** Global vars ****/
body { font-size:smaller; color:#333; margin:0; padding:0; }
#output{ width:100%; text-align:center; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
img { border:none; background:none;}
.clear { clear:both;}
a { text-decoration:none;}
a:link {}
a:visited {}
a:hover
{
	color:White;
	background:blue;
}
a:active {}
.seperator { height:5px; clear:both;}

/**** DetailPageModel.asp ****/
#head{ border-top:solid 10px #336600; border-bottom:solid 1px #336600; background:#dafdb7;}
#head #logo { width:970px; margin:4px auto 0; text-align:left;}
#head #logo a {}
		#logo a:hover { background:none;}
#head #logo a img { border:none;}
#head #logo h1 { font-size:small; margin:0; padding:0; color:#336600;}
#head #logo .siteDescription {font-size:small; margin:0; padding:0; color:#336600;}

/**** 导航栏 ****/
#navigator { border-bottom:dashed 1px #336600; background:#a0fc43;}
#navigator #menu { width:970px; margin:0 auto;}
#navigator #menu ul { list-style:none; margin:0; padding:0;}
#navigator #menu ul li { float:left; margin-right:2em; line-height:2em;}
#navigator #menu ul li a {}

/**** 当前位置 ****/
#position { text-align:left; line-height:2em; width:950px; margin:auto;}

/**** 文章主体 ****/
#article_main { width:950px; clear:both; margin:auto;}

/**** 首页3栏模式 ****/

/**** 470 + 230 + 230 ****/
#index_main { width:950px; margin:10px auto auto; clear:both;}
#main_bar { width:470px; float:left;  overflow:hidden;}

#mid_bar { width:230px; float:left;  margin:auto 10px; overflow:hidden;}

#side_bar { width:230px; float:left;  overflow:hidden;}
	.block { margin:0 0 10px 0; border:solid 1px #fbd969;}
		.block .title { background:url("../images/nav_block_title.jpg") left top repeat-x; height:30px; line-height:30px;}
			.block .title h2 { font-size:14px; text-align:left; text-indent:1em;}
		.block .body { text-align:left; padding:10px;}
			.body a { line-height:1.7em;}
			.body a:link {}
			.body a:visited {}
			.body a:hover {}
			.body a:active {}

/**** 左部 ****/
#main_left { width:630px; float:left;}
#article_content { border:solid 1px #336600; background:#fafafa;zoom:1;}
#article_content h1 { font-size:14px; font-weight:bold; color:#CC3300; margin:1em;}
#article_content h2 { margin:0; padding:0; line-height:2em; font-size:small; font-weight:bold; border-bottom:dashed 1px #336600; background:#a0fc43; text-align:left; text-indent:2em; }
.article_info { border-bottom:dashed 1px #336600; line-height:2em; font-size:small;}
.article_info span { margin-right:20px;}
.article_info a { margin:auto 3px;}
.articleKeywords { text-align:left;}
.articleKeywords ul { margin:0; padding:0; list-style:none; margin-left:1em;}
.articleKeywords ul li { float:left;}
.articleKeywords ul li a { white-space:nowrap; margin:auto 3px;}
.articleKeywords span { margin:auto 1em;}
.articleKeywords .blockTitle { font-size:14px; font-weight:bold; line-height:1.5; text-indent:1em;}
.google_ad_wrapper { margin:5px auto;}

#article_guide { margin:10px; border:dashed 1px #cc2514; background:#fbd09d; text-align:left;}
#article_guide p,#article_guide b { display:block; line-height:1.8em; text-indent:2em; margin:5px;}

#article_content_main { text-align:left;font-size:14px; line-height:1.7em;}
#article_content_main p { margin:1em .5em;  padding:0; word-break:break-all; text-indent:2em;}
.author { text-align:left; line-height:1.5; text-indent:1em;}
.author b { color:Blue; font-size:14px;}
.author span { color:#999999;}

#comment { margin-top:5px; border:solid 1px #336600;}
#comment h2 { margin:0; padding:0; font-size:small; font-weight:bold; border-bottom:dashed 1px #336600; background:#a0fc43; line-height:2em; text-indent:2em; text-align:left;}
#comment_body { text-align:left; line-height:1.7em; padding:10px;}
.talk_title { background:url("/images/yellow_pin_small.png") no-repeat 10px center; padding-left:40px; line-height:35px; border-bottom:dashed 1px #336600; font-family:"隶书"; font-size:13px;}
.talk_content { margin:auto 10px;}
.talk_info { margin:auto 10px; font-style:italic; }

#comment_post { margin:5px auto; border:solid 1px #336600; text-align:left;}
#comment_post h2 { line-height:2em; border-bottom:dashed 1px #336600; text-indent:2em; background:#a0fc43; margin:0; padding:0; text-align:left; font-size:small;}
#comment_post form { margin:10px;}
#comment_post div { clear:both; line-height:22px; height:22px; }
#comment_post div.comment_content_wrapper { height:auto;}
#comment_post div img { vertical-align:bottom; }
#comment_post span.label { display:block; width:80px; float:left; font-size:12px; clear:none;}
.comment_content { width:470px; height:80px;}
.formRow {}

/**** 右部 ****/
#main_right { width:310px; float:left; margin-left:10px;}
#digg_bar { border:none; margin-top:2em;}
#digg_bar_title {clear:both;}
#digg_bar_title h2 { line-height:2em; font-size:small; margin:0; padding:0; text-indent:2em; text-align:left;}

#support { width:150px; height:150px; float:left;  background:url("/images/green_ok2.png") no-repeat bottom center; margin:2px;_margin:1px;}
#negative { width:150px; height:150px; float:left; background:url("/images/red_cross.png") no-repeat bottom center; margin:2px;_margin:1px;}
#passby{ width:150px; height:150px; float:left; background:url("/images/yellow_man.png") no-repeat bottom center; margin:2px;_margin:1px;}

.small_green { border:none; margin-top:5px;}
.small_green .title {}
.small_green .title h2 { line-height:2em; text-indent:2em; font-size:small; text-align:left; margin:0; padding:0;}
.small_green ul { text-align:left; line-height:2em;}
.small_green li {}
.small_green a:link { }

.small_orange { border:none; margin-top:5px;}
.small_orange .title { }
.small_orange h2 { line-height:2em; text-align:left; font-size:small; text-indent:2em; margin:0; padding:0;}
.small_orange ul { text-align:left; line-height:2em;}
.small_orange li {}
.small_orange a:link {}

.small_google { border:solid 1px #336600; margin-top:5px;}

.footer { width:100%; margin:5px auto; clear:both; line-height:2em; text-align:center;}
.footer_link {}
	.footer_link a { color:#333;}
	.footer_link a:hover { color:White; background:blue;}
.copyright {}
.copyright a { color:#333;}
.tipicons {}
.tipicons p {}
.tipicons p a {}
.tipicons p a img { border:none;}

ul.articleList{ font-size:14px; text-align:left; list-style:none; margin:0; padding:0;}
.articleList li { line-height:2em;}
.articleItem {}
	.articleItem a{ display:block; width:320px; text-overflow:ellipsis; overflow:hidden; float:left; white-space:nowrap;}
	.articleItem a:hover { color:White; background:blue;}
	.articleItem span{ display:block; width:120px; float:right; text-overflow:ellipsis; overflow:hidden;}

.articleList2{border:solid 1px #336600;}
.articleList2 h2{margin:0; padding:0; line-height:2em; font-size:small; font-weight:bold; border-bottom:dashed 1px #336600; background:#a0fc43; text-align:left; text-indent:2em; }
.articleList2_alter { margin:10px 0;}
.articleList2_alter h2{ background:#f9d43f}

.search{ margin:10px; text-align:left;}
.member{ margin:10px; text-align:left;}
.tags{ margin:10px; text-align:left;}
.tags a{ line-height:2em; margin:0 3px; white-space:nowrap;}

#ggcontent1 { float:right; margin:5px;}

p.code { text-indent:0; background:#fefefe; margin:5px;}

/* search */
.searchResult { font-size:14px; line-height:1.77em;}
.searchResult ul {}
.searchResult li {}
.searchResult a {}
.pageinfo{ margin:5px 0;}
.pagenow{ padding:5px;}
.page{ padding:5px; margin:0 1px;}

/* website */
.standard {width:700px;}
.class-block { margin:auto;}
.class-block table { width:650px; margin:5px auto;}
.class-block td { border-collapse:collapse; border:solid 1px #eeeeee; width:130px;}
.class-block td a { color:#111111; font-size:14px; line-height:1.7em;}
.link-class-title { font-weight:bold; color:Blue; text-align:center; line-height:2em;}

/* code */
blockquote{
	margin:4px 0px 4px 10px;
	padding:4px 28px 4px 16px;
	font-size:100%;
	background-color:#fafafa;
	border-left:5px #ccc double;
}
pre,code{font-family:Consolas,"Bitstream Vera Sans Mono",monospace,"Courier New";color:#333;background-color:#f8f8f8;}
pre{
	width:590px;
	margin:4px 0;
	border:1px #bbb solid;
	line-height:1.3em;
	padding:4px 8px;
	font-size:90%;
	/*max-height:180px;*/
	overflow:auto;
	word-wrap: normal;
}
p code, li code {
	border-bottom:1px solid #bbb;
	padding:0 2px;
}

p pre code, li pre code {
	border-bottom-width:0;
}
* html blockquote{ height:1%}

textarea.runcode_text { width:550px; height:150px;}
.relateArticles{ width:250px; text-align:left; overflow:hidden; float:left; }
.relateArticles .blockTitle { font-size:14px; font-weight:bold; text-indent:1em;}
.relateArticles a { line-height:1.5;}
.regLink{ text-align:left; text-indent:1em;}