/*
Theme Name: TicTac - Wuhan
Theme URI: http://wuhan.authenticasian.com/

Description: My lousy attempt to reproduce a masterpiece by <a href="http://www.simplebits.com">Dan Cederholm</a>.

Version: 0.2
Author: Meng Gao
Author URI: http://wuhan.authenticasian.com/

	TicTac is a template created by Dan Cederholm for Blogger and it's one of my
	favorite designs. Therefore, I've created a WordPress theme in which I tried
	my best to make it look like Dan's original design. As much as I want to use the
	original graphics, I had to make slight changes to them so as not to run into
	copyright problems.

	Since this theme is an obvious attempt to reproduce TicTac, I take absolutely
	no credit in it. If you like this theme, write an email to Dan and let him
	know.
																	-- Meng Gao
*/

/* Main Sections 
------------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: small;
    text-align: center;
    color: #000;
    background: #f6f6f6;
}
div, p, img, a, td, ul, ol {
    font-size: 1em; 
}

ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    /*padding: 0 0 .5em.3em;*/
    list-style: decimal;
}
h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: .5em 0;
	
}
h1 { font-size: 218% }
h2 { font-size: 164%; }
h3 { font-size: 125%; }
h4 { font-size: 118%; letter-spacing: .15em }



a, a:link { 
    text-decoration: none;
    color: #336699;
  
}
a:visited { color: #336699; border-color: #669; }
a:hover { color: #336699; border-color: #693; text-decoration: underline; }
a:active { color: #336699; border-color: #c33 }


a img, img {
    border: none;
}




.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}


#page {
    width: 937px;
    margin: 0 auto;
    text-align: left;
    background: url(images/center_bg.png) repeat-y;
}

/* Header 
------------------------------------------------------------------------- */

#header { 	
    background: #f6f6f6 url(images/top_bg.png) no-repeat top left;
	width:937px;
	height: 90px;	
	padding-top: 14px!important;
	padding-bottom: 0px;
	padding-left: 20px;
}


/* banner 
------------------------------------------------------------------------- */

#banner_ad {   
	width: 880px;
	background-color:#fff;
	height: 300px;	
	margin: 10px 20px 0px 28px;	
	
}

/* Sidebar 
------------------------------------------------------------------------- */

#sidebar {
	background-color:#fff;
  	float : left;
	text-align:left;
	margin: 6px 0px 0px 28px;
	font-weight: bold;	
	width: 231px;
	min-height: 300px;
}

#sidebar #category {
	background:url(images/cat_top.jpg) no-repeat;
	background-color:#8ae255;
	padding-top: 50px;
	padding-bottom: 0px;
	margin-bottom: 6px;
	font-weight: bold;	
	width: 231px;
	height:auto;
}

#sidebar #category_general {
	background:url(images/cat_gtop.jpg) no-repeat;
	background-color:#8ae255;
	padding-top: 12px;
	padding-bottom: 0px;
	margin-bottom: 6px;
	font-weight: bold;	
	width: 231px;
	height:auto;
}

#sidebar #category_footer {
	background:url(images/cat_bottom.jpg) no-repeat;
	background-color:#8ae255;
	height: 7px;
	width: 231px;	
}

#sidebar #category ul, #category_general ul{
	text-align: left; /*set value to "left", "center", or "right"*/
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 10px;
}

#sidebar #category ul li, #category_general ul li{
	display: block;
	padding-left: 0px;
	border-bottom: dotted 1px #666666;
	margin-right: 21px;
	padding-bottom:4px;
	padding-top: 4px;
}

#sidebar #category ul li a ,#category_general ul li a{
	color: #000;
	font-family:verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding: 6px 1px 2px 3px; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 10px; /*spacing between each menu link*/
	text-decoration: none;
}

#sidebar #category ul li a:hover, #sidebar ul li a.selected{
	
}

#sidebar  #category a {
	
}

#sidebar #search {
	
	background:url(images/search_box.jpg) no-repeat;
	height:55px;
	padding:40px 0px 0px 10px;
	margin-top: 00px;
	width:230px;

}
#sidebar #newsletter_signup {
	
	background:url(images/newsletter_box.jpg) no-repeat;
	height:55px;
	padding:40px 0px 0px 10px;
	margin-top: 5px;
	width:230px;

}
/* content
------------------------------------------------------------------------- */
#content {
	
	background-color:#ffFFFF;
    width: 635px;
    margin: 6px 0 0 264px;
	padding: 5px;
    line-height: 1.5em;
	min-height: 300px;
}
#main-site {
	padding-left:40px;
	padding-right:40px;
	padding-top: 15px;
	
}
#main-site h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
}
/* Footer 
------------------------------------------------------------------------- */
#footer {
	background-color:#FFCCFF;
    margin: 0px;
    padding: 0 0 9px 0;
    font-size: 85%;
    color: #000;
    background: url(images/bottom_bg.png) no-repeat bottom left;
}

#footer p {
    padding: 20px 20px 20px 20px;
	text-align:center;
   
}

#footer a {border-bottom: none;}

/*Allcata
--------------------------------------------------------------------------*/
.pd_set {  margin:10px auto;cursor:default; width:630px;}
.pd_set td{ vertical-align:top;}

.pl_block{ 
	float:left; 
	_width:180px;
	width:100%;
	min-height:100px;
	margin-bottom: 20px;
	border-top:2px solid #CC0000;

}
.pl_block a{ 
	text-decoration:none;
}
.pd_block{ 
	float:left; 
	width:630px;
	margin:0 10px;
	
}
.pd_block a{ 
	text-decoration:none;
}

.pd_block .photo a{
	display:block;
	border:1px solid #C4CCD2;
	width:190px; 
	height:90px;
	margin:0 auto; 
}

.pd_photo {
	width: 30%;
	float:left;
}
.pd_data {
	width: 430px;
	float:left;
}
.pd_remark {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	clear: both;
}
.pd_item {
	width: 600px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.pd_block h2{ font:bold 12px Arial; padding:5px 0; margin:0;}
.pd_block h2 a{color:black;}

/*.pd_title*/
.pd_title a{ display:block; margin-left:15px; margin-top:5px;color:#000;font-weight:bold;}
.pd_title a:hover{color:#36f;}
.pd_cata{
	margin:0px 0 0 0px;
	padding:0;
	list-style-type:none;
	_width:100%; 
	width:70%; 
	float:right;
}

.pd_cata li{
	display:block;
	background: transparent url(icon04.gif) 0px 50% no-repeat;
	line-height:180%;
	white-space:nowrap;
	width:50%; 
	float:left;
}
.pd_cata li a{ display:block;  padding-left:10px; color:#333;}
.pd_cata li a:hover{color:#36f ; text-decoration:none;}

/*pd_block*/

#pd_header{  padding:0 0 0 15px; background:#f1f1f1 url(bg_pdheader.png) repeat-x; height:39px; }
#pd_header .pd_name{ display:block;float:left; font:bold 18px Verdana; padding:5px 0; position:absolute; z-index:3;}

/*location*/
#location{
	text-align:left;
	padding:5px 0px;
	color:#000;
	font:normal 14px Arial,sans-serif;
	

}

#location a{ 
	color:#708090;
}

#location a:hover{ 
	text-decoration:underline;
}
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}