/*  
Theme Name:Macool
Theme URI: http://hooken.cn
Description: This is my first WPTHEME !! It's very cool,isn't it?
Version: 1.0
Author:HookenWu
Author URI:http://hooken.cn
*/
body {
	background:url(images/body-bg.gif) center top  repeat-x #efefef;
	font:0.80em sans-serif,微软雅黑, 华文细黑, Arial, Helvetica, Genevaif;
	line-height:1.5em;
	color:#333;
}
body, h1, h2, h3, h4, h5, h6, p, form, ul {
	margin: 0;
	padding: 0;
}
li {
	list-style:none;
}
a {
	color:#828282;
	text-decoration: none;
}
a:hover {
	color:#6e6e6e;
	text-decoration:none;
}
p {
	padding-top:5px;
	padding-bottom:5px;
}
.clear {
	clear:both;
}
/* ====================================== header BEGIN!! ==================================*/
#header {
	height:108px;
	width:982px;
	margin:0 auto;
	margin-bottom:2px;
	background:url(images/headerbg.gif) repeat;
}
h2 {
	color:#000;
	padding:10px 0 0 0;
}
h2 a, h2 a:visited {
	color: #444;
	text-decoration: none;
}
h2 a:hover {
	color: #828282;
	text-decoration: none;
}
#description {
	color:#666666;
	font-family:微软雅黑, 华文细黑, Arial, Helvetica, Genevaif;
	font-size:14px;
	font-weight:bold;
	padding:0 0 5px 20px;
	float:left;
	width:250px;
}
#description h2 {
	margin:8px 0 2px;
}
#logo {
	margin:5px 0;
	margin-right:10px;
	height:60px;
	width:60px;
	float:right;
	font-size:20px;
	background:url(images/toplogo.gif) no-repeat center top;
}
/*----------------------------menunav--------------------------------*/
.menunav {
	float:left;
	height:auto;
}
.menunav_wrap {
	height:38px;
	width:982px;
	margin:0 auto;
	background:url(images/heart_bg.gif) no-repeat center top;
}
/*------------------------navcontainer------------------------------*/
#navcontainer {
	float:left;
	width:710px;
	height:38px;
	padding-left:118px;
	z-index:9998;
}
#navcontainer ul {
	list-style:none;
	padding-left:0;
	margin-left:0;
}
#navcontainer ul li {
	float:left;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#727272;
	width:117px;
	height:36px;
	background:url(images/navlia.gif) no-repeat left top;
	display:block;
}
#navcontainer ul li a {
	text-decoration: none;
	display:block;
	color:#666;
	padding-top:8px;
	padding-bottom:4px
}
#navcontainer li a:visited {
	text-decoration: none;
	color: #666666;
}
#navcontainer ul li a:hover {
	text-decoration: none;
	background: #ffffff url(images/navlia.gif) no-repeat left bottom;
	height:24px;
	color: #ffffff;
	display:block;
}
#navcontainer .current_page_item a, #navcontainer .current_page_item a:visited, #navcontainer .current-cat a, #navcontainer .current-cat a:visited {
	text-decoration: none;
	background: #ffffff url(images/navcur.gif) no-repeat;
	color:#ffffff;
	height:24px;
}
/* ------------------------------------- search  ------------------------------- */
#search {
	float:right;
	height:38px;
}
.searchform {
	height:18px;
	margin-right:20px;
	padding-top:11px;
	text-align:center;
	width:130px;
}
.searchform .s {
	color: #848484;
	margin-left:5px;
	margin-bottom:4px;
}
.searchform input {
	border:0px none;
	font-size:13px;
	height:13px;
	width:70px;
}
.searchform .text {
	background: #FFF;
	color: #666;
	font-size: 12px;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin-bottom:1px;
	margin-left:20px;
}
.searchform .submit {
	background:none;
	color:#848484;
	height:15px;
	margin-top:1px;
	line-height:normal;
	position:absolute;
	text-align:left;
	width:29px;
}
/*------------------------------slickbox-----------------------------*/
.headright {
	float:right;
}
#navcontainer ul.navlist li.headright a {
	border-right: 0px;
}
#slickbox {
	float : left;
	position : relative;
	margin : 0 auto;
	width : 100%;
	padding-bottom: 10px;
	text-transform : lowercase;
	font-size : 0.9em;
}
#slickbox h4 {
	text-transform : uppercase;
	padding : 3px 0 3px 0;
}
#slickcats {
	float : left;
	position : relative;
	width : 100%;
	padding : 0;
	background:url(images/headerbg.gif) repeat;
}
ul.headcats {
	color : #444444;
	text-align : left;
	height : auto;
	width : 100%;
	margin: 10px 0 0;
	background-color : inherit;
}
ul.headcats li {
	display : inline;
	list-style-type : none;
	margin-left : 2%;
	border-bottom : 1px solid #ddd;
	float : left;
	text-align : right;
	display : block;
	width : 22%;
}
ul.headcats li:hover {
	background : #f3f3f3 !important;
}
ul.headcats li a {
	float : left;
	color : #333;
}
ul.headcats li a:hover {
	background : #f3f3f3 !important;
	color : #444444;
}
/*===========================header END!!!===============================*/
/*===========================mac_dock BEGIN!!!===============================*/
#mac_dock {
	height: 58px;
	width: 100%;
	display: block;
	position: absolute;
	top: -58px;
}
#nav {
	height: 58px;
	width: 542px;
	margin: 0px auto;
	padding: 0px;
	background-image:url(images/right.png);
	background-repeat: no-repeat;
	background-position: right;
}
#nav ul {
	margin: 0px;
	padding: 0px 0px 0px 21px;
	height: 58px;
	list-style-type: none;
	background-image: url(images/left.png);
	background-repeat:no-repeat;
}
#nav li {
	margin: 0px;
	padding: 0px;
	float: left;
}
#nav li a:link, #nav li a:active, #nav li a:visited {
	background-image: url(images/middle.png);
	background-repeat:repeat-x;
	height: 58px;
	width: 100px;
	display: block;
	line-height: 58px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 120%;
}
#nav li a:focus, #nav li a:hover {
	text-decoration : none;
	color: #ffffff;
	background-image:url(images/rollOver.png);
	background-repeat:repeat-x;
}
/*===========================mac_dock END!!!===============================*/
/*=======================wrapper BEGIN!!!=======================*/
#wrapper {
	width: 970px;
	margin:0 auto;
	margin-top:1px;
	text-align: left;
}
#main_bg {
	float: left;
	width:970px;
	height:auto;
	background:url(images/main-bg.gif) repeat-y;
}
#main_top {
	float:left;
	margin-top:3px;
	width:970px;
	height:10px;
	background:url(images/main-top.gif) no-repeat bottom;
}
#main_btm {
	float:left;
	width:970px;
	height:10px;
	margin-bottom:5px;
	background:url(images/main-btm.gif) no-repeat;
}
/*---------------------content----------------------*/
#content {
	float: left;
	width: 692px;
	padding:0 6px 0 10px;
}
.posttop {
	margin-top:5px;
	height:23px;
	background:url(images/post-top.gif) no-repeat left top;
	padding-left:2px;
	border-top:1px #ccc solid;
	border-right:1px #999 solid;
	border-left:1px #999 solid;
}
.post {
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
}
.post h2 a {
	font-family:"微软雅黑", "华文细黑", Arial, Helvetica, Geneva, sans-serif;
	font-weight:bold;
	font-size:18px;
	line-height:25px;
	margin-left:15px;
}
.date {
	float: right;
	height: 56px;
	width: 60px;
	background: url(images/calendar.gif) no-repeat;
	font: normal 22px Arial, Helvetica, Sans Serif;
	color: #666666;
	text-align: center;
	margin:4px 2px 0 0;
	line-height: 100%;
}
.date strong {
	width: 49px;
	display: block;
	color: #fff;
	font: 900 14px "Georgia", Times New Roman, Times, serif;
	padding:7px 7px 0 0;
}
.date em {
	width: 49px;
	font: 900 22px/22px "Georgia", Times New Roman, Times, serif;
	color: #666666;
	margin:0;
	padding:5px 7px 0 0;
	display: block;
}
.postdatatop {
	float: left;
	width:606px;
	margin:4px 10px;
	border-top:1px dashed #828282;
	color: #222;
}
.author {
	padding-left:11px;
	margin-left:10px;
	width:50px;
	background:url(images/author.gif) no-repeat left center;
}
.entry {
	clear:both;
	padding:3px 8px 10px;
}
.postdatabtm {
	width:678px;
	margin:0 auto;
	height:23px;
	border:1px dashed #CDCDCD;
}
.postcomments {
	float:right;
}
.postbtm {
	margin:8px 0;
	height:20px;
	background:url(images/post-btm.gif) no-repeat center bottom;
	padding-left:2px;
}
.notfound {
	margin:100px;
	width:408px;
	height:120px;
	background:url(images/not%20found.gif) no-repeat center bottom;
}
/*-------------------single.php-post navigation-------------------*/
.post-nav {
	font-size:12px;
	height:22px;
	line-height:22px;
	margin:15px 0pt 20px;
}
.post-nav a, .post-nav a:visited {
	text-decoration: none;
}
.post-nav a:hover {
	text-decoration: none;
}
.post-nav .previous a {
	float: left;
	padding-left: 20px;
	padding-top: 2px;
	background:url(images/arrow.gif) no-repeat left center;
}
.post-nav .next a {




	float: right;
	padding-right: 20px;
	padding-top: 2px;
	background:url(images/arrow2r.gif) no-repeat right center;
}
/*-------------------TabPanel---------------- */
#TabPanel {
	float:right;
	width:252px;
	padding-right:5px;
}
.TabPanel-top {
	margin-top:4px;
	background:url(images/tabpane_top.gif) no-repeat;
	height:30px;
	cursor:pointer;
}
.TabPanel-body {
	background:#fff;
	border-left:#dfdfdf 1px solid;
	border-right:#dfdfdf 1px solid;
	float:left;
	width:250px;
}
.TabPanel-btm {
	height:5px;
	float:left;
	width:252px;
	background:url(images/tabpane_btm.gif) no-repeat;
}
#tab-content {
	float:left;
	margin:8px 5px 1px;
	width:240px;
}
.TabbedPanels {
	float: left;
	width: 240px;
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 0px;
	font:1.2em sans-serif "微软雅黑";
	list-style: none;
	cursor: pointer;
	width:78px;
	background:url(images/Tabpane.gif) repeat-x;
	text-align:center;
	color:#767c79;
}
.TabbedPanelsTabHover {
	color:#000000;
}
.TabbedPanelsTabSelected {
	background:url(images/Tabselecet.gif) no-repeat;
	color:#000000;
	border-bottom:1px solid #fff;
	width:83px;
}
.TabbedPanelsTab a {
	color:#767c79;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	float: left;
	color:#767C79;
	font:0.9em sans-serif "微软雅黑";
	font-weight:normal;
	line-height:1.5em;
	width: 240px;
	padding:8px 0;
}
.TabbedPanelsContentGroup li {
	list-style:none;
	padding:1px 5px;
}
.TabbedPanelsContentGroup li a {
	color:#767c79;
}
.TabbedPanelsContentGroup li a:hover {
	padding-left:1px;
	color:#000000;
}
.TabbedPanelsContent {
	padding:2px;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
#other-info {
	border-top:1px solid #cdcdcd;
	float:left;
	padding:0 10px 5px;
	width:230px;
}
.info-title {
	font: normal 120%/100% "Lucida Grande", Arial, 微软雅黑;
	border:1px solid #D1D1D1;
	font-weight:bold;
	color:#333333;
	display:block;
	line-height:14px;
	height:14px;
	width:228px;
	margin:5px 0;
	padding:0.34em 0px;
	background:#EDEDED;
	text-align:center;
}
.info-body {
	width:230px;
	float:left;
}
/*----------------------sidebar-------------------------*/
.sidebar {
	float:left;
	width: 236px;
	display: inline;
}
.sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
}
.sidebar ul li {
	padding: 10px 0 10px 0;
}
.sidebar ul li h2 {
	font-family: Georgia, Sans-serif;
	font-size: 14px;
	color:#828282;
}
.sidebar ul ul li {
	padding: 0;
	line-height: 24px;
}
/*--------------------------footer ----------------------*/
#footer {
	float:left;
	margin:0 auto;
	margin-bottom:5px;
	width:970px;
	background:url(images/footer-bg.gif) repeat-y;
}
#footer-top {
	background:url(images/footer-top.gif) no-repeat;
	width:970px;
	height:18px;
	float:left;
}
#innerfooter {
	float:left;
	width:965px;
	margin:0 2px 0 2px;
	text-align:center;
	background:#FFFFFF;
}
#footer-btm {
	background:url(images/footer-btm.gif) no-repeat;
	width:970px;
	height:18px;
	float:left;
}
#footer p {
	line-height: 18px;
}
.btt {
	float:left;
	width:45px;
	height:45px;
	margin-left:5px;
	background:url(images/mac.gif) no-repeat center top;
}
.rightbtm {
	float:right;
	width:187px;
	background:url(images/Logo.gif) right center no-repeat;
	margin-right:13px;
	line-height:45px;
}
#copyright {
	float:right;
	width:496px;
	margin:0 27px;
       *margin-top:5px;
	padding-top:5px;
	text-align:center;
	line-height:45px;
	background:url(images/copyright-bg.gif) no-repeat center;
}
/*===================wrapper END!!!=======================*/
/*=======================Addon BEGIN!!!=======================*/
/*----------------------comments-template-------------*/
.comments-template {
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}
.comments-template p {
	margin:8px 0;
}
.comments-template ol {
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}
.comments-template ol li {
	line-height: 18px;
	list-style:none;
	padding:10px;
	margin:10px;
	background:url(images/headerbg.gif) repeat;
	border:1px solid #ccc;
	min-height:90px;
}
.comments-template h2, .comments-template h3 {
	background:#ECECEC;
	border:1px solid #CDCDCD;
	font-family:Georgia, Sans-serif;
	font-size:16px;
	padding:5px;
	text-align:center;
	margin:5px auto;
	width:668px;
}
.commentmetadata {
	font-size: 12px;
}
.commentmetadata1 {
	float:left;
	font-size:15px;
}
.commentmetadata2 {
	float:right;
}
.comments-template p.nocomments {
	padding: 0;
}
.comments-template textarea {
	font-size: 12px;
}
.gravatar {
	float: right;
	margin-bottom:5px;
	width: 75px;
	height: 75px;
	border: 1px solid #ccc;
}
#submit {
	background: url(images/button.gif) no-repeat;
	border: none;
	width:84px;
	height:18px;
	line-height:18px;
	text-align:center;
	color:#ececec;
}
#respond {
	line-height:14px;
	background:#ECECEC none repeat scroll 0%;
	border:1px solid #CDCDCD;
	font-family:Georgia, Sans-serif;
	font-size:14px;
	padding:5px;
	margin-left:0;
	text-align:center;
	width:109px;
}
#author, #email, #url, #mcspvalue {
	border:1px solid #CDCDCD;
	width:145px;
	height:18px;
	line-height:18px;
	padding:2px;
	background:#ECECEC;
}
#comment {
	border:1px solid #CDCDCD;
	background:#ECECEC;
}
#commentform textarea:focus, #commentform input[type="text"]:focus, .textareafocus {
	border: solid 1px #3e3e3e;
	background:#FFF;
}
#commentform textarea {
	width:400px;
	padding:5px;
	width:400px;
}
.comment-entry-owner {
	background: #cdcdcd;
}
#trackbacks {
	list-style:none;
	padding:0;
	width:100%;
}
.postgrav {
	float: right;
	padding: 3px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #000;
	background:#fff;
}
/*---------------------doc&innerdoc----------------------------*/
.doc {
	float:left;
	width:238px;
	padding:10px 0;
}
.doc h3 {
	font: bold 14px 微软雅黑, 华文细黑, Arial, Helvetica, Genevaif,sans-serif;
	color:#999900;
	margin:2px;
}
.doc .innerdoc {
	float:left;
	width:238px;
	color:#a5a5a5;
}
.doc .innerdoc a {
	color:#333;
}
.doc .innerdoc a:hover {
	color:#858585;
}
.doc .innerdoc ul {
	margin:0px;
	padding:0px;
}
.doc .innerdoc ul li {
	list-style:none;
	background:url(images/li.gif) left 8px no-repeat;
	padding-left:6px;
	border-bottom:1px solid #d9dce0;
	width:228px;
}
/*-----------------archive.php--------------------------------*/
.pagetitle {
	text-align:center;
	color: #333333;
	padding-bottom: 4px;
	font: normal 150%/100% "Lucida Grande", Arial, 微软雅黑;
	height:24px;
	line-height:24px;
	margin-bottom:10px;
}
/*----------------wp-pagenavi plugin---------------------*/
.wp-pagenavi {
	height:20px;
	padding:5px 0 5px 0;
	margin-top:10px;
}
/*-----------------simple tags plugin - related posts----------------*/
.posts-related {
	padding-top:10px;
	margin-top:10px;
}
.st-related-posts {
	float:left;
	width:270px;
	color:#a5a5a5;
	margin:0px;
	padding:0px;
	width:50%;
}
.posts-related h3 {
	margin-left:20px;
}
.st-related-posts a {
	color:#858585;
}
.st-related-posts a:hover {
	color:#222;
}
.st-related-posts ul {
	margin:0px;
	padding:0px;
}
.st-related-posts li {
	list-style:none;
	background:url(images/li.gif) left 8px no-repeat;
	padding-left:10px;
	border-bottom:1px solid #d9dce0;
	width:80%;
	margin:0 10px;
	float:left;
}
/*------------------------flickrrss plugin---------------------*/
#flickrrss {
	width:163px;
	margin:0 28px 0 29px;
}
#flickrrss a {
	text:expression(target="_blank");
}

/*------------------Readers_Post plugin---------------------------------*/
.hotposts li, #commentstitle li {
	float:left;
	width:200px;
}
.hotcomment {
	float:right;
	display:block;
	width:90px;
	text-align:right;
}
.hotposttitle {
	float:left;
	display:block;
}
.readerscount {
	float:right;
	padding-right:10px;
}
/*-----------------calendar----------------------------*/
.widget_calendar {
	padding:0;
	margin:0;
	height:130px;
}
.widget_calendar h2 {
	margin:0;
	padding:0;
	height:1px;
}
#calendar_wrap {
	margin:0;
	padding:0;
}
table#wp-calendar {
	width:200px;
	height:30px;
	margin:0 auto;
	margin-right:0;
}
table#wp-calendar a {
	color:#000000;
	font-weight:bold;
}
/*------------链接-----------------*/
.linkcat h2 {
	color:#828282;
}
.linkcat ul li {
	float:left;
	list-style-type:none;
	width:100px;
	margin-left:3px;
}
/*----------post-id for special----------------*/
#post-7 {
	width:100%;
	height:151px;
	padding:0;
	margin:10px auto 20px auto;
	text-align:center;
	background:url(images/guestbook.gif) no-repeat center top;
	border:none;
}
#post-7 h2 {
	text-align:left;
}
#post-2, #post-5 {
	width:100%;
	height:200%;
	margin:20px 0;
	border:none;
}
#post-2 h2 {
	text-align:center;
}
/*========================Addon END!!=========================*/