body {
	margin:0;
	text-align:center;
	background:#eee url('./images/bg-header.gif') top repeat-x;
	font:10px normal "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}

.b {
	font-weight:bold;
}
.center {
	text-align:center;
}

.wordtube {
	text-align:center;
}
p.framed {
	text-align:center;
}
p.framed img {
	padding:5px;
	margin:5px auto;
	line-height:1;
	background-color:#ddd;
}
img.framed {
	padding:5px;
	background-color:#ddd;
}

/* PageNavi -=START=- */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #999;
	color: #555;
}
.wp-pagenavi a:hover {	
	border: 1px solid #333;
	color: #fff;
	background-color: #333;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #666;
	border: 1px solid #ccc;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #555;
	color: #fff;
	background-color: #555;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #ccc;
	color: #666;
}
/* PageNavi -=END=- */

/* Flickr-Rss -=START=- */
#flickr-rss {
	margin:13px 10px 0;
}
#flickr-rss a {
	float:left;
	width:77px;
	height:77px;
	padding:5px;
	border:none;
	display:inline;
	margin:0 7px 15px 8px;
	background-color:#ccc;
}
#flickr-rss a:hover {
	background-color:#d00;
}
#flickr-rss a img {
	border:none;
	width:75px;
	height:75px;
	padding:1px;
	display:block;
	background-color:#eee;
}
#flickr-rss br {
	clear:left;
	height:1px;
	font-size:1px;
	line-height:1px;
}
/* Flickr-Rss -=END=- */

#container {
	width:880px;
	margin:10px auto auto;
}

selection {
	color:#fff;
	background-color:#333;
}
::-moz-selection {
	color:#fff;
	background-color:#333;
}

/***********************
** header
************************/
#header {
	height:55px;
	width:840px;
	padding:10px 5px 0;
	margin:0 auto;
}
#header h1 {
	width:103px;
	float:left;
	margin:0;
	padding-top:7px;
}
#header h1 a img {
	border:none;
}
#header h1 a, #header h2 a {
	color:#fff;
	text-decoration:none;
}
#header h2 ,#header .menu {
	/*font-size:120%;*/
	font-size: 12px;
	font-weight:normal;
	padding-top:1px;
	height:12px;
	line-height:12px;
}
#header h2 {
	float:left;
	margin:23px 0 0 7px;
	color:#fff;
}
#header .menu {
	float:right;
	margin-top:23px;
	color:#ccc;
}
#header .menu a {
	text-decoration:none;
	color:#eee;
}
#header .menu a:hover {
	color:#d00;
}

/***********************
** blog
************************/
#blog {
	clear:both;
	float:left;
	width:635px;
}
#blog div.posts {}
#blog div.post {
	background:url('./images/bg-singlepost-gap.png') no-repeat bottom center;
	padding-bottom:35px;
	margin-bottom:33px;
}
#blog div.posts div.post {
	background:url('./images/bg-blogpost-gap.gif') no-repeat bottom center;
	padding-bottom:35px;
	margin-bottom:33px;
}
#blog div.post div.post-head h1 {
	background:url('./images/bg-blogpost-title.png') no-repeat left center;
	height:20px;
	color:#333;
	font-size:14px;
	margin:0;
	text-align:left;
	padding-left:58px;
	padding-top:12px;
}
#blog div.post div.post-head span {
	color:#999;
	font-size:9px;
	font-weight:normal;
	padding-left:8px;
}
#blog div.post div.post-head a {
	text-decoration:none;
	color:#333;
}
#blog div.post div.post-head a:hover {
	color:#d00;
}

#blog div.post div.post-content {
	/*font-size:120%;*/
	font-size: 12px;
	font-weight:normal;
	padding-left:8px;
	text-align:left;
	color:#333;
	line-height:22px;
	margin:0;
}
#blog div.post div.post-content img {
	border:none;
}
#blog div.post div.post-content blockquote {
	border-top:1px solid #777;
	border-bottom:1px solid #777;
	padding:0 15px;
	background:#f6f6f6;
	color:#444;
}
#blog div.post div.post-content ul {
	list-style:square;
}
#blog div.post div.post-content ul ul {
	list-style:circle;
}
#blog div.post div.post-content .update {
	background:#fff;
	color:#000;
	/*font-size:83%;*/
	font-size:2px;
	padding:1px;
	text-transform:uppercase;
}
#blog div.post div.post-content a {
	color:#333;
}
#blog div.post div.post-content a:hover {
	color:#d00;
}

#blog div.post div.post-info {
	background:url('./images/bg-blogpost-info.png') no-repeat right center;
	height:21px;
	/*font-size:120%;*/
	font-size: 12px;
	font-weight:normal;
	padding-right:38px;
	padding-top:8px;
	text-align:right;
	color:#777;
	margin:0;
}
#blog div.post div.post-info a {
	text-decoration:none;
	color:#777;
}
#blog div.post div.post-info a:hover {
	color:#333;
}
#blog div.post div.post-tag {
	background:url('./images/bg-tag.gif') no-repeat 7px 11px;
	text-align:left;
	padding:8px 5px 8px 22px;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	/*font-size:120%;*/
	font-size: 12px;
	color:#333;
}
#blog div.post div.post-tag a {
	text-decoration:none;
	color:#555;
}
#blog div.post div.post-tag a:hover {
	text-decoration:underline;
	color:#333;
}
#blog div.post div.post-content ul.links {
	list-style:none;
	margin-left:10px;
	margin-right:10px;
	padding:0;
}
#blog div.post ul.links li.linkcat {
	clear:left;
}
#blog div.post ul.links li.linkcat h2 {
	border-bottom:2px solid #bbb;
	font-size:12px;
	color:#444;
	width:590px;
	padding-top:20px;
	margin-bottom:5px;
	line-height:12px;
	height:15px;
}
#blog div.post ul.links li.linkcat ul {
	width:600px;
	list-style:none;
	margin:0;
	padding:0;
}
#blog div.post ul.links li.linkcat ul li {
	width:190px;
	margin-right:10px;
	float:left;
}
#blog div.post ul.links li.linkcat ul li a {
	display:block;
	width:190px;
	border-bottom:1px solid #ccc;
	text-decoration:none;
	background:transparent;
}
#blog div.post div.reading-title {
	color:#555;
	font-size:13px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}
#blog div.post div.reading-content ul li a {
	background:none;
	text-decoration:none;
}
#blog div.post div.reading-more {
	margin-bottom:25px;
}
#blog div.post dt {
	margin: 10px 0 0;
}
#blog div.post dd {
	margin: 0;
	padding: 0;
	padding: 5px 0;
}
#blog .navi {
	/*font-size:120%;*/
	font-size: 12px;
	height:25px;
	line-height:25px;
	text-align:left;
}
#blog div.comments {}
#blog div.comments-head, #blog div.response-head {
	/*font-size:140%;*/
	font-size: 14px;
	padding:0 0 1px 3px;
	font-weight:bold;
	color:#999;
	border-bottom:3px solid #ddd;
}
#blog div.comments-head{
	margin-bottom:20px;
}
#blog div.comments-head small, #blog div.response-head small {
	/*font-size:80%;*/
	font-size: 9px;
	padding-left:1em;
	color:#bbb;
}
#blog div.comment {
	background:url('./images/bg-comment-top.gif') no-repeat left 25px;
	margin-bottom:25px;
	color:#444;
}
#blog div.comment-head {
	background:url('./images/bg-commenter.gif') no-repeat left 2px;
	height:31px;
	padding-left:15px;
	text-align:left;
	/*font-size:120%;*/
	font-size: 12px;
}
#blog div.michael {
	background:url('./images/bg-michael.gif') no-repeat left 2px;
}
#blog div.comment-head small {
	float:right;
	display:block;
	padding-right:3px;
	color:#999;
}
#blog div.comment-head a {
	text-decoration:none;
	color:#333;
}
#blog div.comment-head a:hover {
	text-decoration:underline;
}
#blog div.comment-content {
	background:#f1f1f1;
	color:#555;
	padding:15px;
	text-align:left;
	/*font-size:120%;*/
	font-size: 12px;
	border:1px solid #bdbdbd;
	border-top:none;
	clear:right;
}
#blog div.comment-content p {
	margin:0;
}
#blog div.response {}
#blog div.response a {
	color:#333;
}
#blog div.response a:hover {
	color:#000;
}
#blog div.response-form {
	/*font-size:120%;*/
	font-size: 12px;
	text-align:left;
	color:#444;
	margin-top:5px;
}
#blog div.response-form p {
	margin:0;
}
#blog div.response-form p.textinput,
#blog div.response-form p.textinput-hover {
	background:#f3f3f3;
	border:3px solid #e6e6e6;
	margin:0 0 2px;
	padding:3px 0 3px 5px;
}
#blog div.response-form p.textinput-hover {
	border:3px solid #bbb;
}
#blog div.response-form p.textinput label,
#blog div.response-form p.textinput-hover label {
	margin-right:3px;
	color:#999;
}
#blog div.response-form p.textinput input,
#blog div.response-form p.textinput-hover input {
	width:530px;
}
#blog div.response-form form#commentform {
	margin:0;
	padding:0;
}
#blog div.response-form input#author,
#blog div.response-form input#email,
#blog div.response-form input#url,
#blog div.response-form input#securitycode {
	background:transparent;
	border:none;
	font-size:12px;
	color:#444;
}
#blog div.response-form textarea.comment,
#blog div.response-form textarea.comment-hover {
	float:right;
	background:#f6f6f6;
	border:3px solid #e6e6e6;
	font-size:12px;
	color:#444;
	width:475px;
	height:114px!important;
	height:107px;
	margin:8px 0 0 0;
}
#blog div.response-form textarea.comment-hover {
	border:3px solid #bbb;
}
#blog div.response-form input#submit {
	clear:both;
	display:block;
	width:635px;
	height:28px;
	background:#f1f1f1 url('./images/bg-textinput.gif') repeat-x center;
	border:3px double #bbb;
	font-size:12px;
	font-weight:bold;
	color:#777;
}
/***********************
** sidebar
************************/
#sidebar {
	float:right;
	width:225px;
}
.sidebar-btn {
	background:url('./images/bg-sidebar-button.gif') no-repeat;
	color:#fff;
	height:20px;
	width:65px;
	font-size:12px;
	margin-left:8px;
	border:none;
}
#sidebar #about {
	padding-bottom:4px;
}
#sidebar #email {
	background:url('./images/img-sidebar-email.png') no-repeat;
	background-position:65px 3px;
	padding-left:4px;
	clear:left;
}
#sidebar #rss {
	background:url('./images/bg-gapline.gif') repeat-x top;
	padding-top:5px;
	padding-left:4px;
	margin-top:2px;
}
#sidebar #rss a {
	background:url('./images/bg-sidebar-rss.gif') no-repeat left center;
	padding-left:15px;
	color:#333;
	text-decoration:none;
}
#sidebar #rss a:hover {
	color:#000;
	text-decoration:underline;
}
#sidebar dd#postinfo ol {
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar dd#postinfo ol li {
	border-bottom:1px solid #bbb;
	background:url('./images/bg-sidebar-listbox.gif') no-repeat 3px 7px;
	margin:2px 0;
	padding:0 3px 0 10px;
}
#sidebar dd#postinfo a {
	text-decoration:none;
	color:#333;
}
#sidebar dd#postinfo a:hover {
	text-decoration:underline;
	color:#d00;
}
#sidebar div.menghao, #sidebar div.menghao-hover {
	background:url('./images/img-sidebar-menghao.gif') no-repeat top left;
	float:left;
	margin:0 6px 0 4px!important;
	margin:0 2px;
	width:43px;
	height:42px;
	padding:0;
}
#sidebar div.menghao-hover{
	background:url('./images/img-sidebar-menghao.gif') no-repeat 0px -42px;
}
#sidebar dt {
	/*font-size:120%;*/
	font-size: 12px;
	color:#333;
	margin-bottom:5px;
	text-align:left;
	padding-left:3px;
	border-bottom:3px double #666;
	font-weight:bold;
}
#sidebar dt span {
	/*font-size:80%;*/
	font-size: 9px;
	padding-left:6px;
	text-transform:uppercase;
	font-family:Tahoma;
}
#sidebar dd {
	background:url('./images/bg-sidebar-gap.gif') no-repeat bottom center;
	padding:0;
	padding-bottom:30px;
	margin:auto auto 25px auto;
	/*font-size:120%;*/
	font-size: 12px;
	color:#333;
	text-align:left;
	line-height:22px;
}
#sidebar dd#archives {
	padding-top:3px;
	text-align:center;
}
#sidebar dd#archives select {
	width:133px;
	height:20px;
	/*font-size:98%;*/
	font-size: 12px;
	color:#444;
}
#sidebar dd#fanfou li {
	border-bottom:1px solid #ccc;
}
#sidebar dd#search {
	padding-top:3px;
	padding-left:6px;
}
#sidebar dd#search form {
	margin-top:0;
	padding-top:0;
}
#sidebar dd#search input#sbi {
	width:135px;
	height:15px;
	background:#fff;
	border:none;
	border-top:1px solid #777;
	border-left:1px solid #777;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	font-size:98%;
	color:#444;
}
#sidebar dd ul {
	list-style:none;
	padding:0;
	margin:0;
}
#sidebar dd ul li a {
	text-decoration:none;
	color:#333;
}

#sidebar dd ul#category li {
	background:url('./images/bg-sidebar-listdot.gif') no-repeat 5px 9px;
	border-bottom:1px solid #ccc;
	padding-left:17px;
	padding-top:3px;
	line-height:19px;
	height:20px;
}
#sidebar dd ul#comment li {
	border-bottom:1px solid #ccc;
	padding-top:3px;
	line-height:19px;
	height:20px;
}
#sidebar dd ul#comment li a:hover {
	color:#d00;
}
#sidebar dd ul#category li a:hover {
	color:#d00;
	font-weight:bold;
}

/***********************
** footer
************************/
#footer {
	clear:both;
	height:70px;
	overflow:hidden;
	line-height:115px;
	background:url('./images/bg-footer.gif') top repeat-x;
	color:#fff;
	text-transform:uppercase;
}
#footer span {
	padding:0 5px;
}
#footer a {
	text-decoration:none;
	color:#fff;
}