@charset "GB2312";
* { margin: 0; padding: 0; }
body { font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif; font-size: 14px; }
a { text-decoration: none; }
a img { border: none; }
p, li, blockquote, .message { line-height: 20px; }
td { vertical-align: top; }
#wrap { width: 910px; height: auto; margin: 0 auto; }

#header { height: auto; }
	#title { text-indent: -9999px; background: url(../images/header-title.png) left center no-repeat; }
		#title a { display: block; height: 30px; }
	#header h1 { background: url(../images/header.jpg) left center no-repeat; }
		#header h1 a { text-indent: -9999px; display: block; height: 145px; }

#middler { height: auto; }
	.c { height: auto; margin: 5px 0; padding: 5px; background: #efefef; }
		#intro,
		#focus { border: 1px solid #c1c1c1; }
		#intro { width: 500px; padding: 10px; }
			#intro strong,
			#intro h2 { text-align: center; font-weight: bolder; letter-spacing: 3px; color: #930; }
			#intro strong { display: block; font-size: 18px; line-height: 24px; }
			#intro h2 { font-size: 24px; line-height: 39px; }
			#intro .message { letter-spacing: 1px; }
			#intro .detail { margin: 0 0 0 12px; font-weight: bold; }
			#intro a.detail:hover { color: #f00; }
		#focus { width: 370px; padding: 55px 0 15px; text-align: center; background: #fff url(../images/heading-bg-focus.png) center 15px no-repeat; }
			#focus img { width: 340px; height: 255px; }
		div.split { height: 8px; line-height: 8px; font-size: 1px; }
		td.split { width: 5px; }
		td.wide { width: 625px; padding: 10px; border: 1px solid #c1c1c1; background: #fff; }
			td.wide h2,
			td.wide h3 { padding: 0 0 0 90px; font-size: 20px; line-height: 33px; letter-spacing: 5px; color: #fff; background: url(../images/heading-bg.jpg) center top no-repeat; }
				td.wide span { color: #000; }
				td.wide h3 a { color: #fff; }
					td.wide h3 a span { color: #000; }
				td.wide h3 a:hover { color: #F00; }
			td.wide ul { width: 570px; margin: 5px auto; list-style: none; }
				td.wide ul.photos li { float: left; margin: 0 1px 0 0; }
					td.wide ul.photos li img { width: 189px; }
			td.wide h4 { margin: 10px 0; padding: 0 0 0 18px; font-size: 16px; line-height: 26px; letter-spacing: 2px; color: #630; background: url(../images/bullet-cicle.png) left center no-repeat; }
				td.wide h4 a { color: #630; }
			td.wide div.articles { width: 569px; margin: 10px auto; }
				td.wide .article { border-top: 1px dashed #630; letter-spacing: 1px; }
					td.wide .article .message { margin: 10px 10px 18px; }
					td.wide .article .detail { margin: 0 0 0 12px; }
			div.content { width: 569px; margin: 10px auto; }
				div.content p,
				div.content ul,
				div.content ol,
				div.content blockquote,
				div.content pre,
				div.content address { margin: 12px 0; letter-spacing: 1px; }
				/* Overide */
				td.wide div.content h3 { margin: 16px 0; padding: 0; font-size: 16px; letter-spacing: 2px; color: inherit; background: none; }
				td.wide div.content h4 { margin: 14px 0; padding: 0; font-size: 14px; letter-spacing: 1px; color: inherit; background: none; }
				td.wide div.content h5,
				td.wide div.content h6 { margin: 12px 0; font-size: 12px; letter-spacing: 1px; }
				td.wide div.content ul,
				td.wide div.content ol { margin: 12px; list-style-position: inside; }
				td.wide div.content ul { list-style-type: disc; }
				td.wide div.content blockquote { margin: 12px; padding: 0 12px; border: 1px solid #ccc; background: #eee; }
			div.comments { padding: 20px; border: 1px solid #c1c1c1; background: #eee; }
				div.comments .more { margin: 0 0 12px; line-height: 20px; font-weight: bold; }
				div.comments .list { line-height: 20px; }
					div.comments .list dl { margin: 12px 0; }
				div.comments .post { line-height: 30px; }
					div.comments .post label { font-weight: bold; }
					div.comments .post .btn { width: 100p; height: 40px; margin: 10px 0 0; font-size: 14px; font-weight: bold; }
				div.comments dl span { color: #666; }
			div.page { margin: 20px 0; }
				div.page a { padding: 5px 8px; border: 1px solid #c1c1c1; background: #fff; }
				div.page a:hover { background: #eee; }
					div.page a.current { font-weight: bold; color: #f00; }
		td.n { width: 245px; } /* n = narrow */
			td.n h3 { padding: 0 0 0 65px; letter-spacing: 12px; font-size: 16px; line-height: 27px; color: #C00; background: url(../images/heading-bg-narrow.gif) center center no-repeat; }
				td.n h3 a { display: block; color: #C00; }
			ul.medias { list-style: none; }
				ul.medias li { margin: 10px 0; text-align: center; font-size: 14px; font-weight: bold; letter-spacing: 1px; }
					ul.medias li img { width: 200px; padding: 3px; border: 1px solid #c1c1c1; }
					ul.medias li a { color: #000; }
					ul.medias li a:hover { color: #f00; }
			ul.list { margin:10px; list-style: none; }
				ul.list li { font-size: 14px; line-height: 23px; letter-spacing: 2px; }
					ul.list li a { color: #000; }
					ul.list li a:hover { color: #F00; }
			ul.photos { margin: 10px 5px; list-style: none; }
				ul.photos li { margin: 10px 0; font-weight: bold; color: #000; }
					ul.photos li a { color: #000; }
					ul.photos li a:hover { color: #F00; }
					ul.photos li a.link { margin: 5px 0 0; }
			td.n div.voice { margin: 10px 0; letter-spacing: 1px; }
				td.n div.voice a.photo img { width: 200px; padding: 3px; border: 1px solid #c1c1c1; }
				td.n div.voice a.link { font-size: 14px; line-height: 23px; font-weight: bold; color: #000; }
				td.n div.voice a.link:hover { color: #F00; }
				td.n div.voice div.message { padding: 5px 10px; line-height: 20px; }
					td.n div.voice div.message a.detail { margin: 0 0 0 12px; }

#footer { clear: both; margin: 20px 0; }
	#footer p.copyright { text-align: center; line-height: 20px; }
		#footer p.copyright span { font-weight: bold; color: #F00; }

#front {}
	#front div.comments { margin: 10px 0 0; padding: 10px; background: #fff; }
		#front div.comments .more { margin: 0; padding: 0 4px 5px; line-height: normal; border-bottom: 1px solid #c1c1c1; }
			#front div.comments .list dl { margin: 5px 0; padding: 0 0 5px; border-bottom: 1px dashed #999; }
		#front div.comments .textarea { width: 200px; }
#view {}
	#view div.comments { width: 530px; margin: 0 auto; }
		#view div.comments .textarea { width: 100%; }

.clear { clear: both; height: 0; line-height: 0; font-size: 1px; }
.block { display: block; }
.center { text-align: center; }