/*
=== css of tigerhood'blog template ====================================
       Author: Tigerhood
Personal site: www.tigerhood.net
  Last Update: 2009-11-8
==============================================================
*/
@charset "utf-8";
html { overflow-x:hidden; }
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background: #13181f url(images/bg.jpg);
	font-family: Segoe UI, Arial, Sans-Serif;
	color: #333;
	line-height: 18px;
}
form {
	margin: 0;
	padding: 0;
}
em {
	font: italic 13px "Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑", verdana;
	margin: 0;
	padding: 0;
}
a {
	color: #1a70c9;
	text-decoration: none;
}
a:hover {
	color: #974643;
}
#wrapper {
	background: url(images/bg_img.jpg) no-repeat center top;
}
#innerWrapper {}
#header {
	width: 958px;
	height: 103px;
	margin: 0 auto;
}
#innerHeader {
	padding-left: 4px;
}
	.blogLogo {
		margin-top: 17px;
		float: left;
	}
		.blogLogo a {
			display: block;
			width: 143px;
			height: 73px;
			background: url(images/blogLogo.png) no-repeat !important;
			background: url(images/blogLogo.jpg) no-repeat;
			text-indent: -999px;
			overflow: hidden;
		}
	.blogMenu {
		width: 778px;
		height: 50px;
		margin-top: 37px;
		float: right;
	}
		.nav {
			width: 526px;
			float: left;
		}
			a.nBlog, a.nProtfolio, a.nDownload, a.nMicro, a.nAbout {
				background: url(images/topMenu_bg.png) no-repeat;
				_background: url(images/topMenu_bg.jpg) no-repeat;
				height: 50px;
				float: left;
				text-indent: -999px;
				overflow: hidden;
			}
			a.nBlog { width: 88px; }
			a.nProtfolio {
				width: 101px;
				background-position: -88px 0;
			}
			a.nDownload {
				width: 116px;
				background-position: -189px 0;
			}
			a.nMicro {
				width: 131px;
				background-position: -305px 0;
			}
			a.nAbout {
				width: 90px;
				background-position: -436px 0;
			}
			a.nBlog:hover, body#pagelocation-index a.nBlog { background-position: 0 -50px; }
			a.nProtfolio:hover { background-position: -88px -50px; }
			a.nDownload:hover, body#pagelocation-star a.nDownload { background-position: -189px -50px; }
			a.nMicro:hover, body#pagelocation-guestbook a.nMicro { background-position: -305px -50px;  }
			a.nAbout:hover, body#pagelocation-page a.nAbout { background-position: -436px -50px; }
		.search {
			width: 252px;
			height: 50px;
			background: url(images/topMenu_bg.png) no-repeat -526px 0 !important;
			background: url(images/topMenu_bg.jpg) no-repeat -526px 0;
			float: left;
		}
			.keys {
				margin: 15px 0 2px 23px;
				*margin: 14px 0 2px 23px;
				width: 171px;
				background: url(images/topMenu_bg.png) no-repeat -550px -15px !important;
				background: url(images/topMenu_bg.jpg) no-repeat -550px -15px;
				padding: 2px;
				border: none;
				font: normal 12px verdana;
				color: #999;
			}
			.go {
				width: 32px;
				background: url(images/topMenu_bg.png) no-repeat -724px -15px; !important;
				background: url(images/topMenu_bg.jpg) no-repeat -724px -15px;
				text-indent: -99px;
				border: none;
				overflow: hidden;
				cursor: pointer;
			}

#mainWrapper {
	width: 950px;
	margin: 0 auto;
	position: relative;
}
	#mainTop, #mainBot {
		background: url(images/main_bg.png) no-repeat;
		_background: url(images/main_bg.gif) no-repeat;
		height: 8px;
		overflow: hidden
	}
	#mainMid {
		background: url(images/mainMid_bg.png) repeat-y;
	}
	#content {
		width: 700px;
		float: left;
	}
	#innerContent {
		padding: 0 0 30px 0;
	}
	#announce {
		width: 620px;
		margin: 30px auto 0 auto;
	}
	#notice {
		width: 620px;
		margin: 0 auto;
	}
	.noticePace {
		padding: 200px 0;
	}
		.aTop, .aBot {
			background: url(images/main_bg.png) no-repeat;
			height: 6px;
			overflow: hidden
		}
		.aTop {
			background-position: 0 -16px;
		}
		.aMid {
			background: #f5f5d6 url(images/announce.png) no-repeat 0 4px !important;
			background: #f5f5d6 url(images/announce.gif) no-repeat 0 4px;
			padding: 5px 40px;
			color: #974643;
			font: normal 12px "宋体";
			line-height: 20px;
			border-right: 1px solid #E0C184;
			border-left: 1px solid #E0C184;
		}
		.aMid h3 {
			font: bold 14px arial;
			margin: 0;
			padding-bottom: 10px;
		}
		.aMid ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.aMid p {
			margin: 0;
			text-align: center;
			padding: 5px;
		}
		.aBot {
			background-position: 0 -22px;
		}
	#articleTop {
		margin-top: 30px;
		padding: 0 40px;
		color: #909090;
		font-size: 13px;
	}
		.prevArticle {
			float: left;
		}
		.nextArticle {
			float: right;
		}
	.textBox {
		padding: 30px 0;
		background: url(images/textBoxBot.png) repeat-x left bottom;
	}
		.tTitle {
			padding: 0 50px;
		}
			.tData {
				background: url(images/data_bg.png) no-repeat;
				width: 51px;
				height: 52px;
				margin-right: 10px;
				text-align: center;
				float: left;
			}
				.tMonth {
					color: #fff;
				}
				.tDay {
					color: #545454;
					font: normal 20px "Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑", verdana;
					line-height: 33px;
				}
			h4 {
				font: normal 22px "Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑", verdana;
				margin-right: 10px;
				color: #974643;
				display: inline;
			}
			.aMid a, h4 a {
				color: #974643;
			}
			.aMid a {
				padding:0 3px;
			}
			.aMid a:hover, h4 a:hover {
				color:#fff;
				background-color:#974643;
				padding:0 3px;
				-moz-border-radius:4px;
				-khtml-border-radius:4px;
				-webkit-border-radius:4px;
				border-radius:4px;
			}
			.conSize {
				float: right;
			}
			.conSize span {
				margin-left: 10px;
			}
			.tDetail {
				padding: 2px 0 0 2px;
				color: #909090;
			}
	.tContent {
		padding: 20px 60px;
		font-size: 14px;
		line-height: 24px;
		word-wrap: break-word;
		text-align: justify;
		text-justify: inter-ideograph;
	}
		.tContent img {
			margin: 8px 0;
		}
		.more {
			margin-top: 18px;
			color: #909090;
			font-size: 13px;
		}
		.tContent a, .more a, #articleTop a, .tBot a, .conSize a, .tDetail a {
			padding:0 3px;
		}
		.tContent a:hover, .more a:hover, #articleTop a:hover, .tBot a:hover, .conSize a:hover, .tDetail a:hover {
			color:#fff;
			background-color:#1A70C9;
			-moz-border-radius:4px;
			-khtml-border-radius:4px;
			-webkit-border-radius:4px;
			border-radius:4px;
		}
		.tContent img a:hover {
			padding:0;
			border: 0;
		}
		#share {
			display: none;
			width: 210px;
			height: 33px;
			margin: 30px auto 0 auto;
			color: #eba211;
			font-size: 13px;
			line-height: 33px;
			background: url(images/bg_share.png) right -33px;
		}
		#share span {
			float: left;
			width: 15px;
			height: 33px;
			background: url(images/bg_share.png) left top;
		}
		#share img {
			vertical-align: middle;
			margin-left: 5px;
		}
		#near {
			margin-top: 30px;
		}
		#near h5 {
			margin: 5px 0;
			padding: 0;
			font: normal 16px "Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑", verdana;
		}
		#near ul {
			margin: 0;
			padding: 0;
			list-style: none;
			font-size: 13px;
		}
		.nCon ul li {
			font-size: 13px;
			color: #909090;
		}
		.nCon ul li.list {
			line-height: 28px;
			border-bottom: 1px solid #ddd;
		}
		.nCon ul li span {
			float: right;
		}
		#commentList {
			padding: 0 70px;
			color: #545454;
		}
		#commentList h3 {
			font-family: "Times New Roman", Times, serif;
			font-size: 25px;
			color: #7b95bc;
			font-style: italic;
			margin: 30px 0 20px 0;
			padding: 0;
		}
		.aComment {
			margin-top: 30px;
		}
			.cTit {
				background: url(images/comment_t.png) no-repeat center bottom;
				height: 50px;
			}
			.cUser {
				font: bold 16px "Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑", verdana;
				font-style: italic;
				padding-left: 20px;
				color: #53a94b;
				float: left;
			}
			.cUser span, .rUser span {
				font: normal 10px "Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑", verdana;
				font-style: italic;
				color: #545454;
				padding-left: 10px;
			}
			.cTool {
				float: right;
				color: #909090;
			}
			.cCon {
				padding: 5px 20px 10px 20px;
				font-size: 13px;
				line-height: 22px;
				word-wrap: break-word;
				background: #ECEEF7 url(images/comment_b.png) no-repeat center bottom;
			}
			.commentbox-label {
				color: #EBA211;
				font-size: 12px;
			}
		.rePly {
			margin: 10px 0;
		}
			.rTit {
				background: url(images/reply_b.png) no-repeat center top;
				height: 40px;
			}
			.rUser {
				font: bold 14px "Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑", verdana;
				font-style: italic;
				color: #c33;
				text-align: right;
				padding: 25px 20px 0 0;
			}
			.rUser a {
				font: bold 14px "Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑", verdana;
				font-style: italic;
				color: #c33;
			}
			.rCon {
				padding: 10px 20px 5px 20px;
				font-size: 13px;
				line-height: 22px;
				color: #666;
				word-wrap: break-word;
				background: #fff url(images/reply_t.png) no-repeat center top;
			}
		#lReply {
			margin: 30px 0;
		}
			.lTit {
				background: url(images/comment_t.png) no-repeat center top;
				height: 22px;
			}
			.lCon {
				padding: 5px 20px 10px 20px;
				background: #ECEEF7 url(images/comment_b.png) no-repeat center bottom;
			}
			.lCon p {
				margin: 5px 0 8px 0;
			}
			.lInput, input.text {
				width: 240px;
				color: #909090;
				padding: 2px;
				margin-right: 5px;
			}
			.lTextarea {
				width: 510px;
				height: 80px;
				color: #909090;
				padding: 1px 2px;
				margin-right: 5px;
			}
			.lSubmit, .button {
				padding: 3px 20px;
			}
	.tBot {
		color: #909090;
		padding: 5px 50px 20px 50px;
	}
		.tTags {
			float: left;
		}
		.tCon {
			float: right;
		}
		.textbox-tburl, .textbox-adminbar  {
			clear: both;
			color: #666;
			padding-top: 10px;
			text-align: right;
		}
		/* page links */
		.pages {
			margin-top: 30px;
			color: #909090;
			text-align: center;
		}
		.pages a {
			font: normal 18px tahoma;
			padding: 0 6px;
		}
		.pages a.pagelink {
			text-decoration: underline;
		}
		.pagelink-current {
			padding: 0 6px;
			font: normal 18px verdana;
		}

	#siderBar {
		width: 250px;
		float: right;
		padding-top: 20px;
	}
		#microWords {
			width: 208px;
			margin: 10px auto;
		}
			.mTop {
				background: url(images/bg_mircoWords.gif) no-repeat;
				height: 7px;
				overflow: hidden;
			}
			.mMid {
				background: #e7f6e2 url(images/bg_mircoWordsMid.gif) no-repeat right bottom;
				border-right: 1px solid #b6dea8;
				border-left: 1px solid #b6dea8;
				padding: 3px 12px;
			}
			.mMid a {
				color: #7a9265;
			}
			.mMid a:hover {
				color: #ec8708;
			}
			.mMid p {
				color: #86c87f;
				margin: 0;
				padding: 0;
			}
			.mBot {
				background: url(images/bg_mircoWords.gif) no-repeat 0 -7px;
				height: 43px;
			}

		.panel {}
			.panel h5 {
				height: 37px;
				background: url(images/bg_panel_tit.gif) no-repeat left bottom;
				color: #909090;
				font: bold 14px arial;
				line-height: 37px;
				padding-left: 20px;
				margin: 0;
			}
			.panel h5 span {
				margin-left: 5px;
			}
			.panel h5 img {
				vertical-align: middle;
			}
			.pCon {
				margin: 10px 0 20px 0;
			}
			.pCon ul {
				list-style: none;
				margin: 0;
				padding-left: 20px;
			}
			.pCon ul li {
				line-height: 22px;
				color: #909090;
			}
			.pCon ul li span {
				font: normal 10px tahoma;
			}
			.pCon ul li.rowcouple, .pCon ul li.rowodd, .nCon ul li, .aMid ul li {
				background: url(images/icon_comOther.gif) no-repeat 0 6px;
				padding-left: 19px;
			}
			.pCon ul li.indent {
				background: url(images/icon_links.gif) no-repeat 0 6px;
				padding-left: 19px;
			}
			#sidebar_link li strong {
				color: #888;
				font-weight: normal;
			}

	#mainBot {
		background-position: 0 -8px;
	}
	#rss {
		position: absolute;
		top: -26px;
		right: 25px;
		z-index: 999;
	}
	#rss a {
		background: url(images/rss.png) no-repeat !important;
		background: url(images/rss.jpg) no-repeat;
		display: block;
		width: 45px;
		height: 48px;
		text-indent: -99px;
		overflow: hidden;
	}
	#side {
		height: 80px;
		background: url(images/bg_side.png) no-repeat !important;
		background: url(images/bg_side.gif) no-repeat;
	}
		#side ul {
			margin: 1px 0;
			padding: 0;
			list-style: none;
		}
		a.top, a.contact, a.bot {
			background: url(images/sideNav.png) no-repeat;
			_background: url(images/sideNav.gif) no-repeat;
			display: block;
			width: 26px;
			height: 26px;
			text-indent: -99px;
			overflow: hidden;
		}
		a.contact { background-position: 0 -26px; }
		a.bot { background-position: 0 -52px; }
		a.top:hover { background-position: 0 -78px; }
		a.contact:hover { background-position: 0 -104px; }
		a.bot:hover { background-position: 0 -130px; }
	#formbox {
		margin-top: 30px;
		padding: 0 70px;
	}
		.fCon ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.fCon li {
			clear: both;
			line-height: 22px;
			margin-bottom: 8px;
		}
		.fCon li .fInfo {
			float: left;
			font-size: 13px;
			color: #666;
			text-align: right;
			margin-right: 10px;
			width: 100px;
		}
		.fCon li .fInp {
			float: left;
			font-size: 12px;
			color: #999;
		}

/****** UBB Code Custom Styles ******/
/* IE fix for ul */
.code {
	word-wrap: break-all;
	border-left: 4px solid #D7D7D7;
	border-top: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	background: #fff url(images/bg_code_line.gif);
	color: #666;
	font-size: normal 13px verdana;
	padding: 0 10px;
}

.quote {
	border-left: 0px solid #333;
}
.quote-title {
	border-bottom: 2px solid #D7D7D7;
	font: bold 12px tahoma;
	color: #7B95BC;
	padding: 5px 0;
}
.quote-title img {
	vertical-align: middle;
	padding-right: 5px;
}
.quote-content {
	word-wrap: break-all;
	font-size: 13px;
	padding: 10px;
	background: #fff;
	border: 1px solid #D7D7D7;
}
.quote-content div {
	margin-top: 10px;
}

/****** Footer ******/
#footer {
	width: 950px;
	margin: 20px auto;
}
#innerFooter {
	color: #666;
	text-align: center;
}
	#innerFooter a {
		color: #959595;
	}
	#innerFooter a:hover {
		color: #838383;
	}
/*clear both*/
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
zoom:1;
display: inline-block;
_height:1px;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.shitIE6 {
	width: 100%;
	color: #fc0;
	background-color: #882E30;
	border-bottom: 1px solid #fff;
	line-height: 32px;
}
.shitIE6 a {
	color: #fff;
}
.shitIE6 a:hover {
	color: #fff;
	text-decoration: underline;
}
.shitIE6 span {
	padding:  0 10px;
}