@charset "UTF-8";
/*  
Theme Name: ICAN Theme
Thene URI: http://www.icanmake.hk/ http://www.icandance.hk/
Description: The  ICAN's  Theme Powered by <a href="http://www.icandesign.hk">icandeisgn.hk LTD</a>
Version: 1.0
Author:Arthur
Create Time:2010.07.12
Update Time:2010.08.20
tag:ican

說明
-------------------
reset 全局輔助樣式
ican.css

頭部樣式
header.css

左側掛件樣式
sidebar.css

作者信息掛件樣式
author.css

登入掛件樣式
login.css

切換tab的樣式
tabs.css

搜索欄樣式
search.css

內容樣式
content.css

腳注樣式
footer.css

google 搜索欄樣式
google-search.css

插件wp-thumbail縮略圖樣式
thumb.css

-------------------
-------------------
COLORS 顏色值

Body background:
Container background:
Main Text:
Links:
Visited Links:
Hover links:
H1,H2,H3:
H4,H5,H6:
-------------------
*/
/* @group General styles
========================================= */
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, textarea, /* form elements 表单元素 */
th, td, /* table elements 表格元素 */ 
img/* img elements 图片元素 */
{
  border:medium none;
  margin: 0;
  padding: 0;
 }
/** 重置表格元素 **/
table { 
	border-collapse: collapse;
	border-spacing: 0;
}
ul li{
	list-style-type:none;
	}

/* @group Helper styles
========================================= */


/* @group Page structure
========================================= */
.center{
	width:1000px;
	margin:0 auto;
}

/*-----------------------------------------*/
/* @group Overrides
========================================= */



/* @group ICAN
========================================= */
/*全站超鏈接樣式 可修改a默認樣式  鼠標劃過的樣式*/
a { 
text-decoration: none; 
color:#000000;
outline:none;
}
a:hover {
	color:#008aff;
}

/*背景圖片 可替換header 和background*/
body {
	font-family: Arial, Helvetica,sans-serif;
	font-size:12px;
}
#page {
}

/*HEADER
-----------------------------------------*/
/*翻譯按鈕*/
.translate ,.translate a,#zh-hk,#zh-cn{
	background:none;
	font-size:13px;
	font-weight:bold;
	text-indent:0;
	top:8px;
	height:29px;
	position:relative;
	color:#343434;
}
.translate{
	width:200px;
}
.translate div{
	margin:0 0 0 10px;
}
#zh-hk{	
	border-right:1px solid #484848;
	height:15px;
	left:102px;
	top:-15px;
	width:30px;
}
#zh-cn{
	left:128px;
	top:-15px;
	width:30px;
}
.translate a:hover ,.email a:hover{
	color:#fff;
}
/*email 鏈接*/
li.email a{
	background:none repeat scroll 0 0 transparent;
	color:#484848;
	font-size:13px;
	font-weight:bold;
	height:29px;
	left:232px;
	position:absolute;
	text-indent:0;
	top:8px;
	}
/*-----------------------------------------*/

/*SIDEBAR
-----------------------------------------*/
#sidebar{
		float:left;
		width:340px;
		margin:5px 0 0;
}
.blocks {
	
}
ul.blocks li{
	padding:0 0 5px;
}
/*Author
------------------*/
.author{
	width:336px; 
	overflow:hidden;
	background-color:#898989;
	padding:9px 0px;
}
.author p{
	padding:10px 15px;
	text-indent:2em;
}
.author img{padding:0 6px;}
.toright{
	float:right;
	padding:15px 0 0;
	color:#FFFFFF;
}
/*Login 
------------------*/
.login{
	background-color:#5E5E5E;
	height:160px;
	width:336px;
}
.login span{
	color:#FFFFFF;
	font-size:16px;
	left:40px;
	position:relative;
	top:70px;
}
.login span a {
	color:#fff;
}
.login form{
	background-color:#FFFFFF;
	height:156px;
	margin:2px;
	width:185px;
	float:right;
	color:#5e5e5e;
	font-size:13px;
}
.login form span{
	color:#5e5e5e;
	font-weight:bold;
	position:relative;
	top:0px;
	left:5px;
	}
.login fieldset{
	padding:0 8px;
}
.login form fieldset label {
	font-weight:normal;
	margin:0 2px;
}
.login form fieldset input {
	margin:0 2px 4px;
	padding:1px 4px;
	font-size:100%;
}
.login ul{
	padding:0 0 0 4px;
}
.login ul li{
	background:transparent url(../images/icons.png) no-repeat 4px -818px;
	margin:0;padding:0 0 0 18px;
	}
.login ul li:hover{background-position:4px -1007px;}

#login{
	background:url("../images/login_bg.gif") repeat-x scroll 0 0 transparent;
	width:336px;
}
#login div.login{
	background:url("../images/login.gif") repeat-x scroll left bottom transparent;
	height:132px;
	}
#login  span{
	font-size:20px;
	font-weight:bold;
	color:#fff;
	position:relative;
	left:10px;
	top:5px;
}
#login div.login .alignleft {
	left:10px;
	position:relative;
	top:35px;
}
#login div.login ul.alignleft {
	left:10px;
}
#login div.login ul.alignleft li a{
	color:#fff;
	font-size:16px;
	font-weight:bold;
}

/* clearfix */
.clear-block:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}

img.alignleft,img.alignright{padding:3px;margin-top:4px;margin-bottom:4px;border-radius:4px;}
.alignleft{float:left;margin-right:8px;}
/*Tabs
------------------*/
.tabs {
	width:336px;
}
.tabs ul {
	height:49px;
	overflow:hidden;
	background:url(../images/tabs-bg.gif) repeat-x  ;
}
.tabs ul li{
	float:left;
	padding:5px 0px 0px 8px;
}
.tabs ul li a{
	width:74px;
	height:40px;
	display:block;
	background:url(../images/tabs.png) no-repeat left top;
	cursor:pointer;
}

.tabs ul li.article a{
	background-position:0px 0px;
}
.tabs ul li.archives a{
	background-position:-74px 0px;
}
.tabs ul li.popular a{
	background-position:-148px 0px;
}
.tabs ul li.reader a{
	background-position:-222px 0px;
}
	
.tabs ul li a:hover{height:39px;}
.tabs ul li.active a{height:44px;}

.tabs ul li.article.active a{
	background-position:0px -41px;
}
.tabs ul li.article a:hover{
	background-position:0px -88px;
	}
.tabs ul li.archives.active a{
	background-position:-74px -41px;
}
.tabs ul li.archives a:hover{
	background-position:-74px -88px;
}
.tabs ul li.popular.active a{
	background-position:-148px -41px;
	}
.tabs ul li.popular a:hover{
	background-position:-148px -88px;
	}
.tabs ul li.reader.active a{
	background-position:-222px -41px;
	}	
.tabs ul li.reader a:hover{
	background-position:-222px -88px;
}
.tabs ul li a span{
	display:none;
	}
/*sections
------------------*/
.sections{
	background-color:#5e5e5e;
	margin-top:-6px;
	width:336px;
}
.sections div.article{
	padding:10px;
	overflow:hidden;
}
.article #ta-post{
	background-color:#929292;
	width:316px;
}
.article #ta-post div.clearfix{
}
.article #ta-post p {
	width: 85px; 
	padding-left:15px;
	height:100%;
}
.article #ta-post p a{
	white-space:normal;
}
.article #ta-post p a span{
	height:35px;
	line-height:15px;
}
.article #ta-post img{
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
	padding:3px;
}
.article #ta-post a:hover img {
	background-color:#39b8ff;
}


div.popular ul.menuList li a span.entry{
	line-height:45px;
	background:url("../images/icons.png") no-repeat scroll 4px -806px transparent;
}
div.popular ul.menuList li a span.entry img{
	float:left;
	margin-right:5px;
}
div.popular ul.menuList li a:hover span.entry{
	background-position: 4px -995px;
}
.sections div.reader li a span.entry,.sections div.reader li a:hover span.entry{
	background:none;
	padding-left:0px;
	margin-left:40px;
	}
.sections div.reader li .avatar{
  float: left;
  margin: 2px 4px 2px 0;
}

.sections div.popular li .avatar{
  float: left;
  margin: 2px 4px 2px 0;
}

.sections div.archives,.sections div.popular, .sections div.reader{
	display:none;
	padding-left:15px;
	}
.section{
	position:relative;
	display:none;
}
.box{
	max-width:600px;
	position:relative;
	z-index:5;
	color:#eee;
}



/* menu list 
------------------*/
 ul.menuList{
	background:transparent url(../images/dot2.gif) repeat-x left bottom;
	/*margin-bottom:.6em;*/
	padding-bottom:2px;
	height:auto;
}
 ul.menuList li{
	background:transparent url(../images/dot2.gif) repeat-x left top;
	display:block;
	padding:2px 0;
	float:none;
}
 ul.menuList li li{
	background-image:none;
	}
 ul.menuList li a{
	display:block;
	text-decoration:none;
	padding:3px 25px 3px 0;
	color:#ccc;
	width:auto;
	height:auto;
	background-image:none;
}
 ul.menuList.categories li a{
	padding-right:25px;
	} /* rss icon space */
 ul.menuList li a:hover{
	color:#fff;
	}
 ul.menuList li a span.entry{
	background:transparent url(../images/icons.png) no-repeat 4px -818px;
	padding-left:18px;
	display:block;
	font-weight:bold;
	width:278px;
	overflow:hidden;
}
 ul.menuList li a span.entry .details{
	font-weight:normal;
	font-style:italic;
	display:block;
	}
 ul.menuList li a span.entry .details.inline{
	display:inline;
}
 ul.menuList li a:hover span.entry{
	background-position: 4px -1007px;
	}
 ul.menuList li li a span.entry{background:none;}
 ul.menuList .fadeThis{
	position:relative;
	z-index:1;
	}
 ul.menuList span.hover{
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:100%;
	width:100%;
	background-color:#747474;
	z-index:-1;
	padding:0!important;
	}

/* sub menus
------------------*/
.box ul.menuList li li a{
	text-transform:none;
	padding:0;
	font-size:100%;
	font-style:italic;
	}
.box ul.menuList li li a:hover{background:none;}
/*search
------------------*/
.search{
	height:44px; 
	position:relative;
	background:url(../images/search.gif);
	width:336px;
	}
.search fieldset{
	padding:0 12px;
}
.search form{
	padding:10px;
}
#content .search {
	margin:10px 45px;
	background:none;
	}
.search fieldset input{
	border:0 none;
}
.searchfield,.submit{
}
.searchfield{
	background-position:left top;
	background-repeat:no-repeat;
	height:34px;
	width:250px;
	display:block;
}
.searchbox{
	margin:3px 0 0 15px;
	}
.submit{
	background-position:right -34px;
	background-repeat:no-repeat;
	background-color:transparent;
	width:58px;
	height:29px;
	position:absolute;
	right:15px;
	top:8px;
	cursor:pointer;
	background:url(../images/search.gif) no-repeat -263px -8px;
}
.submit:active,.submit:hover{background-position: -263px -44px;}	
/*Search Result*/
#cse{
	width:100%;
	text-align:center;
	line-height:20px;
}
#cse .gsc-results{
	text-align:left;
}
/*隱藏廣告*/
.gsc-wrapper .gsc-adBlock{
	display:none;
}
#content.cse{
	border: 0px none ;
}
/*搜索關鍵字*/
a.gs-title b ,.gs-snippet b{
	color:#CC0033 !important;
}
/*clearField
------------------*/
.clearFieldBlurred { color: #666; font-style: italic; font-size:13px;}
.clearFieldActive { color: #000; }
/*-----------------------------------------*/
/*CONTENT
-----------------------------------------*/
#content{
	float:left;
	margin:5px 0 0 0;
	width:658px;
	border-left:1px solid #000;
	border-right:1px solid #000 ;
	overflow:hidden;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 4px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 4px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
	text-align:center;
}
.blog-nav{
	background:url("../images/nav_bg.gif") repeat-x scroll 0 0 transparent;
	float:left;
	width:100%;
	height:30px;
}
.single{
	width:650px;
}
.blog-nav ul{
	float:right;
	padding-top:3px;
}
.blog-nav li{
    display:inline;
}
.blog-nav li a{
    line-height:24px;
    height:24px;
    margin:0;
    padding:0 5px 0 0;
}
.post {
	border-bottom:1px dotted #000;
    margin-bottom:0px;
	padding:5px 5px 10px 8px;	
	background-color:#f3f3f3;
	clear:left;
}
.single .post{
	padding-bottom:0px;
	
}
.home .post{
	height:250px;
}
.home .post h1{
	padding:10px 0;
	width:415px;
}
.home .post p { 
    margin: 0.5em 0 1.0em 0;
	font-size:15px;
	width:400px;
}
.post h1{
	padding:10px 0;
}
.entry {
	padding:0;
	margin:0;
	line-height:18px;
}
.post p { 
    margin: 0.5em 0 1.0em 0;
	font-size:15px;
	text-indent:2em;
}
.post p.read-more{
	text-indent:0;
}
.postmeta{
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}
.entry a { 
	font-weight: normal; 
	color:#008aff; 
	text-decoration:none;
	}
.entry a:hover { 
	color:#000;
	}
.entry h1 a,.entry .postmeta a{
	color:#000;
	font-weight:bold;
	}
.entry h1 a{
	font-size:20px;
}
	
.single .clearfix p{
	margin:5px 3px;
}
.single #ta-post p a span{
	height:35px;
	line-height:15px;
}
.archives #ta-post p a span{
	height:25px;
	line-height:15px;
}
.addthis_org_cn{
	display:block;
margin:5px;
}
/*page nav*/
.page-numbers , .single-pagenavi a {
	margin:10px 2px; 
	padding:5px 8px;  
	text-decoration:none; 
	border:1px solid #ccc;
}
.page-numbers:hover{
	background-color:#FFD200;
	color:white;
	text-decoration:none; 
}
.current, .current:hover{
background-color:#FFD200;
color:#000000;
	text-decoration:none; 
}
.pagenavi{
	padding:10px 10px 10px 8px;
	text-align:right;
	width:640px;
	height:12px;
	background-color:#F3F3F3;
}
.single-pagenavi{
	height:25px;
	text-align:center;
	clear:both;
}
/*COMMENTS
------------------------------------------*/

#comments {
	margin:0;
	padding:0;
}
h2#comments,h3#comments {
	padding:8px;
	font-size:13px;
	float:left;
	width:50%;
}
.commentlist {
	margin:0;
	padding:0;
	background-color:#C7C7C7;
}
.commentlist p{
	float:left;
	padding-left:5px;
}
.commentlist span{
	padding-left:8px;
	display:block;
	height:15px;
	font-size:15px;
	height:18px;
	border:1px dotted #000;
}
.commentlist li.comment-author-admin,.commentlist li.comment.bypostauthor  {
    margin-top:0px;
    padding:0px;
    position:relative;
    width:100%;
}/*y*/
.commentlist .alt {
	/*margin:10px 0;
	padding:5px;*/
}
.commentlist .comment-author {
    font-weight: bold;
    display: block;
}
.commentlist .comment-author .says {
    display: none;
}
.commentlist .comment-meta a {
	color: #000;
}
.commentlist .comment-meta {
    display: inline;
	float:right;
	padding-right:5px;
}
.commentlist li {
	list-style: none;
	padding-left:10px;
	padding-top:6px;
	height:72px;
	border-bottom:1px dotted #000000;
}
.commentlist li .avatar { 
	/*display: none;*/
	float:left;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-size: 13px;
	font-style: normal;
	padding-left:5px;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
#commentform textarea {
	font-size:12px;
    margin:0 0 0 8px;
}
#commentform #email, #commentform #author, #commentform #url {
	margin:2px 8px;
}
#commentform textarea:hover,#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
}
#commentform #submit {
	margin:0;
    padding:3px;
	font-size: 14px;
	cursor: pointer;
}
#commentform #submit:hover {
}
.dd_4_input_2 {
    height:25px;
    width:98px;
}
.w_m_blog_input {
    background-image:url(../images/input.png);
    border:1px solid silver;
    height:120px;
    overflow:hidden;
    padding:5px;
    width:350px;
}
#respond{
	background-color:#c7c7c7;
}
#respond span{
	color:#FFFFFF;
	display:block;
	font-size:15px;
	font-weight:bold;
	padding-left:10px;
}
.reply {
	
	display:none;}
.reply a{
	background:#FF0066;
	color: #fff;
	text-decoration: none;
	margin:0;
	padding: 2px 5px;
	border: 1px solid #444;
}
.reply a:hover {
	background:#FF0066;
	color: #fff;
	text-decoration: none;
	border: 1px solid #A9A9A9;
}
#commentform p {
	padding:5px;
}
/*------------------------------*/
/*FOOTER
-----------------------------------------*/
#footer{
	clear:both;
}
.bottom{
	color:#FFF;
	background-image: url(../images/blog_footer.gif);
	overflow:auto;
	padding:0 10px 0 10px;
	line-height:20px;
	font-size:16px;
	text-align:center;
}
.bottom a{
}
/*wp-thumbnail style css
--------------------------------*/
/*首页缩略图*/
div.ta-pageimg-right img {
  display: inline;
  padding: 3px;
  overflow: hidden;
  border: 1px solid #ddd;
	background-color: #f3f3f3;
}

div.ta-pageimg-right {
   display: inline;
  float: right;
  padding: 2px 0px 2px 8px;
  position:relative;
  top:-30px;
}

div.ta-pageimg-left img {
  display: inline;
  padding: 3px;
  overflow: hidden;
  height: auto;
  border: 1px solid #ddd;
	background-color: #f3f3f3;
}

div.ta-pageimg-left {
  display: inline;
  float: left;
  padding: 2px 8px 2px 2px;
}

div.ta-pageimg-center img {
  display: block; 
	margin-left: auto; 
	margin-right: auto; 
  padding: 3px;
  overflow: hidden;
  height: auto;
  border: 1px solid #ddd;
	background-color: #f3f3f3;
}

div.ta-pageimg-center {
	display:block;
}

.clear-float{clear:both} /* 用来清除上文样式 */


.clr{font-size:0;width:1px;clear:both;visibility:hidden;line-height:1px;}
#ta-bg{ width:100%; height:0px; margin:0px auto;}


/*日志缩略图*/
#ta-post {
white-space:normal;
		/* 隐藏超出部分 overflow:hidden;*/
		margin:0 auto;
	}
#ta-post p{
	  /* white-space:nowrap; 禁止自动换行 */
	  /* 隐藏超出部分 overflow:hidden;*/
	  /* text-overflow:ellipsis; 用省略号代替结尾, 只对 IE 有效 */
		margin:5px 0;
		text-align:left;
		float:left;
		text-indent:0em;
	}
#ta-post p a{
	white-space:normal;
	font-size:12px;
}
#ta-post p a b{
	line-height:14px;
}
#ta-post p a span{
	display:block;
	height:10px;
	font-weight:bold;
}
#ta-post img{
		padding: 3px;
		border: 1px solid #ddd;
	}
/* Clear Fix */ 
.clearfix:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
} 
.clearfix { 
	display:inline-block; 
} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
/* end of clearfix */

#ta-single-list {
	margin:0px auto;
	padding:0px;
}

#ta-single-list img {
	padding:3px;
	border: 1px solid #ddd;
	display: inline;
}


.ta-entry-left {
	/*position: relative;*/
	padding: 10px 8px 1px 0;
}
	.ta-entry-left .img_holder {
		margin: 0 10px 0 0;
		float: left; display: inline;
	}
	.ta-entry-left .img_holder img {
		padding: 3px;
		border: 1px solid #ddd;
	}
	.ta-entry-left .ta_info{
		position: relative;
		float: left; display: inline;
	}
	.ta-entry-left .ta_text{
	}

.ta-entry-right {
	/*position: relative;*/
	padding: 10px 0 1px 8px;
}
	.ta-entry-right .img_holder {
		margin: 0 0 0 10px;
		float: right; display: inline;
	}
	.ta-entry-right .img_holder img {
		padding: 3px;
		border: 1px solid #ddd;
	}
	.ta-entry-right .ta_info{
		position: relative;
		float: right; display: inline;
	}
	.ta-entry-right .ta_text{
	}
/*-------------------------------*/
.ta-pageimg-right a:hover img ,.article #ta-post a:hover img ,#ta-post a:hover img{
	background-color:#39b8ff;
}