/*
Copyright (c) 2009, Shawphy(shawphy.com). All rights reserved.
http://shawphy.com/2009/03/my-own-reset-css.html
Based on YUI http://developer.yahoo.com/yui/reset/ 
and Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html 
Licensed under the BSD License:
http://creativecommons.org/licenses/BSD/
version: 1.1 | 20090303
*/

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
fieldset, img {
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
	font-style: normal;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}

input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt {
	font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
	*font-size: 100%;
}
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
sup, sub {
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {
	text-decoration: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.header{background:url(./images/header_bkg.jpg) repeat-x; height:85px;}
		.header-inner{ width:960px; margin:auto;}
			.header-inner h1{ width:165px; height:50px; background:url(./images/logo.jpg) no-repeat; float:left; margin:17px 0;}
				.header-inner h1 a{ overflow:hidden; text-indent:-3000px; display:block; width:100%; height:100%;}
			.header-inner .navigator{float:right; margin:17px 0;}
				.header-inner .navigator li{ float:left;}
					.header-inner .navigator li a{ color:silver; display:inline-block; padding:0 20px; font-size:18px; height:50px; line-height:50px;}
					.header-inner .navigator li.current a{ color:#4FC216;}
	.splash{background:url(./images/splash_bkg.jpg) repeat-x; height:215px; padding:10px 0;overflow:hidden; position:relative;}
	.splash .splash-inner{ width:960px; margin:auto;}
	.splash .splash-inner a{color:#FC89A2; font-size:14px;}
	.splash-inner .item ul li a:hover{color:#FFF;}
		.splash-inner .item{ float:left; margin-right:20px; width:300px;}
			.splash-inner .item h2{ color:#FFF; font-size:16px; border-bottom:1px solid #DD5875; height:20px; line-height:20px; font-weight:bold;}
			.splash-inner .item ul li{border-bottom:1px dashed #DD5875}
			.splash-inner .item ul li a{  display:block;}
			.splash-inner .item ul li span{ color:#DD5875; font-size:12px;}
				.search-box{background:url(./images/search_bkg.jpg) no-repeat; height:34px; width:204px; padding-right:30px; line-height:34px; margin:20px 0;}
					.search-box input{ height:20px; border:none; width:170px; font-size:14px; margin:6px 0 0 5px;}
				.splash-inner .item .operation li{ border:none; padding-left:23px; margin-bottom:10px; height:16px; line-height:16px; font-size:14px;}
				.splash-inner .item .operation li{ background:url(./images/login.png) no-repeat;}
				.splash-inner .item .operation li.rss-post{ background:url(./images/rss_posts.png) no-repeat;}
				.splash-inner .item .operation li.rss-comment{ background:url(./images/rss_comments.png) no-repeat;}
				
/*------------------------------------------------------------------------------------------------------------------------------*/
	.back{position:absolute; top:316px; width:100%;}
		.back .left{float:left; width:50%; background:url(./images/content_bkg.jpg) repeat-x; height:220px;}
		.back .right{float:right; width:50%; background:url(./images/sidebar_bkg.jpg) repeat-x; height:220px;}
	.content{width:100%; position:relative;}
		.content-inner{ width:960px; margin:auto;}
		.panda{float:left; width:470px; padding:14px 10px 0 0; border-right:1px dashed;}
		.monkey{float:right; width:470px; padding-top:14px;}
			.page .page-header{width:165px; height:50px; margin:auto;}
			.page .page-header a{ display:block; text-indent:-9999px; width:100%; height:100%;}
			.panda .page-header{background:url(./images/panda.gif);}
			.monkey .page-header{background:url(./images/monkey.gif);}
/*-------------------------------------------------------------------------------------------------------------------------*/
	.page .post{ margin:10px 0; color:#5E6568; position:relative;}
			.post .post-header{ margin-bottom:23px; position:relative; font-size:12px;}
				.post-header h3{width:60%; float:left; border-bottom:4px solid #30393D;}
					.post-header h3 a{font-size:16px; color:#30393D; font-weight:bold;}
				.post-header p{ position:absolute; bottom:0; right:0; width:40%; border-bottom:4px solid #889398; color:#81888D;}
					.post-header p span{ display:block;}
					.post-header p span a{color:#000000;}
					.post-content{position:relative; background:#FFFFFF;}
					.post-comment{float:left;background:url(./images/diggbg2.gif); width:60px; height:58px; text-align:center;}
						.post-comment span a{display:block; height:35px; font-size:24px;  font-weight:bold;}
						.post-comment a{ color:#60C; text-decoration:none; font-size:12px;}
					.post-text{padding:0 30px 40px; border-bottom:1px solid silver; font-size:12px;}
					.post-footer{padding:30px 30px; position:relative;}
						.post-footer .continue{ font-weight:bold; font-style:italic; }
						.post-footer .category-menu{display:block; position:absolute; top:20px; right:30px; width:150px; z-index:10;}
						.post-footer .category-menu .category-title{ text-align:right; margin-bottom:-2px; z-index:10;height:40px; float:right; padding:0 0 0 6px;}
						.post-footer .category-menu .category-title a{ color:#5E6568;line-height:40px; display:inline-block; height:40px; padding:0 12px 0 6px;}
						.post-footer .category-menu .category-drop-down{ display:none; clear:right; background:url(./images/dropdown.png) no-repeat bottom right; width:356px;}
						.category-drop-down .drop-down-list{ margin:0 0 0 21px; padding:10px 0 19px; width:320px; border-top:1px solid #EBECEC;}
							.category-drop-down .drop-down-list li{ padding:2px 10px; border-bottom:1px solid silver; margin-left:10px;}
							.category-drop-down .drop-down-list li a{ font-size:20px; color:#000000; display:block;}
							.category-drop-down .drop-down-list li span{ font-size:12px; color:#889194;}
							.category-drop-down .drop-down-footer{ text-align:right; height:50px; padding-right:30px; font-weight:bold;}
						/*current comment*/
						.post-footer .current .category-title{ background:url(./images/cat-hover-left.gif) no-repeat; }
						.post-footer .current{width:350px;}
						.post-footer .current .category-title a{ background:url(./images/cat-hover-right.gif) no-repeat top right;}
						.post-footer .current .category-drop-down{ display:block;}
						/*current comment*/
/*--------------------------------------------------------------------------------------------------------------*/
	.single, .archive{ background:url(images/content_bkg.jpg) repeat-x;}
		.single-inner, .archive-inner{width:960px; margin:auto; padding:10px 0;}
			.single-inner .navigation a{color:#63F;}
			.single-inner .post{margin-bottom:20px;}
			.single-inner .title{ font-size:20px; font-weight:bold;}
			.archive-inner .pagetitle{font-size:20px; font-weight:bold;}
			.archive-inner .post{ margin-bottom:20px; border-bottom:1px dashed;}
			.archive-inner .post .title a{ font-size:16px; color:#30393D; font-weight:bold;}
		.navigation .alignleft{float:left;}
		.navigation .alignright{float:right;}
/*--------------------------------------------------------------------------------------------------------------*/
	.page-navigation{width:100%;position:absolute;z-index:20;}
		.page-navigation a{color:#63F;}
		.page-navigation .alignleft{float:left; }
		.page-navigation .alignleft a{ display:block; background:url(images/pagenavi.gif) no-repeat; width:32px; height:32px; text-indent:-9999px;}
		.page-navigation .alignright{float:right;}
		.page-navigation .alignright a{ display:block; background:url(images/pagenavi.gif) no-repeat 0 -32px; width:32px; height:32px; text-indent:-9999px;}
/*--------------------------------------------------------------------------------------------------------------*/
	.footer{height:215px; background:url(./images/splash_bkg.jpg) repeat-x;}
		.footer .footer-inner{ width:960px; margin:auto; padding:10px 0;}
			.footer-inner .categories{ float:left; width:25%; height:170px;}
				.footer-inner .categories h3{font-size:18px; font-weight:bold; color:#fff;}
				.footer-inner .categories ul{padding:10px;}
					.footer-inner .categories ul li{padding-left:25px; height:30px; line-height:30px; background:url(./images/bullet.gif) no-repeat;}
					.footer-inner .categories ul li{color:#FC89A2; font-size:12px;}
					.footer-inner .categories ul li a{color:#FC89A2;}
					.footer-inner .categories ul li:hover{}
					.footer-inner .categories ul li:hover a{ color:#fff;}
			.footer-inner .linkcat{ float:left; width:25%; height:170px;}
				.footer-inner .linkcat h2{font-size:18px; font-weight:bold; color:#fff;}
				.footer-inner .linkcat ul{padding:10px;}
					.footer-inner .linkcat ul li{padding-left:25px; height:30px; line-height:30px; background:url(./images/bullet.gif) no-repeat;}
					.footer-inner .linkcat ul li{color:#FC89A2; font-size:12px;}
					.footer-inner .linkcat ul li a{color:#FC89A2;}
					.footer-inner .linkcat ul li:hover{}
					.footer-inner .linkcat ul li:hover a{ color:#fff;}
						#twitter ul li{ background:none; padding-left:0;}
			.copyright{ clear:left; color:#FFF; font-size:12px; text-align:center;}