/*  
Theme Name: Simplicity Zen
Theme URI: http://www.kenming.idv.tw/
Description: The Simplicity-Zen is a simple and pure 3-columns theme.
Version: 1.0
Author: Kenming Wang
Author URI: http://www.kenming.idv.tw/

Created: 2009/02/17

reference:
====================================================================
95%的中國網站需要重寫CSS
http://jorux.com/archives/95-websites-of-china-need-to-rewrite-css/
====================================================================
*/

@import url("reset-default.css");

/***************************************************************************/
/* HTML Tags */
/***************************************************************************/
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background: #f6f7e7;
    min-width:780px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	text-align:center;	
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-style: normal;
	font-weight: bold;
	}
	
h1 {
	font-size: 3em;
	}
h2 {
	font-size: 2em;
	}
h2.pagetitle {
	font-size: 2em;
	font-family: "Comic Sans MS", sans-serif, Arial;
	padding-left: 12px;
	}

h3, h4, h5, h6 {
	font-size: 1.8em;
	}

h3.comments {
	font-weight: normal;
	padding-top: 8px;
	padding-left: 12px;
}

p {
	margin-top: 8px;			/* 預設段落與段落間的距離 */
	margin-bottom: 12px;
}

blockquote {
	padding: 5px 10px;
	margin: 12px 20px;
	background-color: #fffff0;
}

pre {
	display: block;
	overflow: auto;
	margin: 10px 5px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	color: #333333;
	font-family: Tahoma,Verdana, "Courier New", Courier, mono;
}

b, strong {
	font-weight: bold;
}

cite, em {
	font-style: italic;
}

/* default table style */
table {
	margin: 8px 12px;
	border: 1px solid #BCBCBC;
	border-spacing: 1px; 
}

caption, th, td{
	padding: 4px 6px;	/* 文字與儲存格的間距 */
	border: 1px solid #BCBCBC;
	border-spacing: 1px; 
}

/* image style */
a img, img {
}

/* hyperlink style */
a {
	text-decoration: none;
	color: #517ED0;
}
a:visited {
	text-decoration: none;
	color: #517ED0;
}
a:hover {
	text-decoration: none;
	color: #FF0066;
	background: #E6E6E6;
}

/* default list style*/
ul {
	margin: 4px;
}
ul li{
	list-style-type: disc; /* 實心圓形 */
}

ol {
	margin: 4px;
}
ol li{
	list-style-type: decimal; /* 數字列表 */
}

/***************************************************************************/
/* This is the container for the whole page */
/***************************************************************************/
#wrapper {
	position: relative;
	width: 96%;				/* 使用頁面寬度 96% 為顯示區 */
	margin: 0 auto;			/* 左右置中 */
	background: #FDFDFA;	/* 米白色 */
	text-align: left;	
	overflow: hidden;		/* 一定要加，否則 IE 會出現水平捲軸 */
	border: 2px solid #eee8aa;
}

/***************************************************************************/
/* Header Tags */
/***************************************************************************/
#header {
	float: left;
	width: 100%;
	height: 120px;
	border-bottom: 1px solid #BCBCBC;
	background: #dbf3ff;
}

#sub-title {
	font-size: 1.4em;
	font-family: 微軟正黑體, 新細明體, sans-serif;
}

/***************************************************************************/
/* Tab Menu Tags */
/***************************************************************************/
 /* tab menu container */
 #tabs {
	position:relative;
	width:100%;
	margin-bottom: 12px;
	background: #FDFDF0;
	font-size: 1.6em;
	text-align: center;
	line-height: 2.0em;
}
#tabs ul {
	margin-top: 4px;
	margin-bottom: 1px;
	list-style:none;
	white-space: nowrap;
}
#tabs li {
	display: inline;
	font-family: "Comic Sans MS", sans-serif, Arial;
	margin: 0;
	padding: 1px 2px;
 }
#tabs a {
 	color: #0000CD;
	border:1px solid #D3C543;
	margin:0;
	padding: 2px 4px;
	text-decoration:none;
}
#tabs a:link{
	color: #0000CD;
	text-decoration: none;
}
#tabs a:hover{
	color: #FF1493;
	background: #FDFDFA;
	font-weight: bold;
	text-decoration: none;
}

/***************************************************************************/
/* Content */
/***************************************************************************/
colmask {
	position: relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    float: left;
    width: 100%;			/* width of whole page */
}

#colleft {
    float:left;
    width:200%;
    margin-left:-410px; 		/* Width of sidebar column */
    position:relative;
    right:100%;
}

/* 在螢幕上不會顯示。作用為將 colleft 左半邊(50%)給隔離遮罩起來。*/
#colwrap {
    float: left;
    width: 50%;
}

#content {
    margin-left:415px;		/* 左邊界寬度 = Sidebar 寬度 + content 左邊界(padding)寬度 */
	margin-right: 10px;		/* 右邊界與父元素的距離 */
    position:relative;
    left:100%;				/* 左邊界與父元素(colwrap)偏移 100% 寬度 */
    overflow:hidden;
}

/***************************************************************************/
/* Content styles (contain post and comment) */
/***************************************************************************/
#content p {
	margin-top: 8px;			/* 預設本文段落與段落間的距離 */
	margin-bottom: 14px;
	line-height: 1.6;
}

/* list-style */
#content ul {
	margin-top: 8px;
	margin-bottom: 12px;
}
#content ul li{
	margin-left: 1.8em;
	margin-bottom: 12px;
}

#content ol {
	margin-top: 8px;
	margin-bottom: 12px;
}
#content ol li{
	margin-left: 2.4em;
	margin-bottom: 12px;
}

/* img style*/
#content a img, #content img {
	color: #dfdfdf;
	padding: 2px;
	margin: 10px 8px;
	border: 1px solid #e1e1e1;
}

/* 表情圖示 */
#content img.wp-smiley {
	border: 0;
	padding: 0;
	margin: 0;
}

/***************************************************************************/
/* Post styles */
/***************************************************************************/
/* for each container which contain post-title and post-content*/
.post {
	margin: 6px;
	padding: 0 10px 0 8px;
	border: 1px solid #BCBCBC;
}

/* post title */
.post-title {
	color: #517ED0;
	font-size: 1.8em;
	font-family: 微軟正黑體, Verdana, "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 4px 6px 0 2px;
}

/* post content */
.post-content {
	font-size: 1.5em;			/* 預設字體大小 (inherit from <body>)*/
	font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	margin: 24px 8px 12px 8px;
}
.post-content h1{
	font-size: 1.5em;
	margin: 12px 2px 16px 2px;
}
.post-content h2{
	margin: 12px 2px 16px 2px;
}
.post-content h3, h4, h5, h6 {
	font-size: 1.3em;
	margin: 18px 2px 12px 2px;
}
.post-content blockquote {
	border: 1px solid #BCBCBC;
}

.post-content pre {
	font-size: 0.9em;
}

/* Post 文內頂端相關資訊的樣式 */
.postmeta_top {
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	color: #6f6f6f;
	margin-left: 2px;
	padding-bottom: 4px;	/* top-meta 與下緣邊界線的間距 */
	border-bottom: 1px double #a3eeb9;
}
/* post meta date style */
.postmeta_top .d {
	font-family: "Comic Sans MS", sans-serif, Arial;
	font-size: 1.2em;
}
.postmeta_top .t{
	font-family: "Comic Sans MS", sans-serif, Arial;
	font-size: 1.2em;
}

/* Post 文內底部相關資訊的樣式 */
.postmeta_bottom {
	position: relative;
	margin-bottom: 10px;
	padding-top: 6px;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	color: #6f6f6f;
	border-top: 1px double #a3eeb9;
}

div .postmeta_bottom span.left {
	float: left;
	text-align: left;
	width: 49%;
}

div .postmeta_bottom span.right {
	float: left;
	text-align: right;
	width: 49%;
}

/* Post 文內的迴響樣式 */
.postmeta-comment {
	background-image: url(images/meta-comment-icon.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;			/* 左側圖片與文字的距離 */
}

/* Post 文內的 permalink 樣式 */
.postmeta-permalink {
	background-image: url(images/meta-permalink-icon.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;			/* 左側圖片與文字的距離 */
}

/* single_page 位於 post content 下的 container */
.postfoot_wrapper {
	font-size: 1.2em;
	margin: 10px;
	border: 2px solid #BCBCBC;
}

.pfoot-trackback_url {
	padding: 8px 10px;
}

.pfoot_navigation {
	font-size: 1.2em;
	position: relative;
	padding: 6px 6px;
}

/* 延伸參考資訊 style */
#extra-info {
	font-size: 1.3em;
	margin: 10px;
}


#extra-info p {
	font-size: 1.1em;
}

/***************************************************************************/
/* Comments styles */
/* comments list 內字型大小均以 px 為單位,以免相互影響 */
/***************************************************************************/
/* comments list container */
#comment_wrapper {
	margin: 8px;
	border: 2px solid #BCBCBC;
}

.comment-navigation {
	font-size: 1.2em;
	position: relative;
	padding: 8px 28px;
}

ol.commentlist {
	margin: 0 10px 4px -12px;	/* 左邊距為負, 原因為往左偏移原數字編號所在位置 */
	padding: 0;
}

/* comment 內的內容,其預設列表樣式 */
ol.commentlist ul li {
	list-style: disc;
}
ol.commentlist ol li {
	list-style: decimal;
}

/* 每一層表頭的列表樣式為 none */
ol.commentlist li.depth-1,
  ol.commentlist ul.children li.depth-2, 
    ol.commentlist ul.children li.depth-3,
	  ol.commentlist ul.children li.depth-4,
	    ol.commentlist ul.children li.depth-5 {
	list-style: none;
}

/* depth-2~5 的每一層框架往左移 */
ol.commentlist ul.children, 
  ol.commentlist ul.children,
	ol.commentlist ul.children,
	  ol.commentlist ul.children {
	  margin-left: -20px;
}

ol.commentlist .comment {
	font-size: 14px;		/* default comment font-size */
	padding: 6px 8px 6px 12px;
	margin-bottom: 12px;
}

ol.commentlist  li .comment-meta {
	font-size: 12px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 2px;
	padding-left: 2px;
}
ol.commentlist li .comment-author{
	font-size: 13px;
}
ol.commentlist li .avatar {
	float: right;
	position: relative;
	padding-left: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
ol.commentlist li cite {
}
ol.commentlist li span.says {
	padding-left: 12px;
}
ol.commentlist .reply{
	font-size: 12px;
	margin-top: 10px;
}

/* thread comment 深度 */
.depth-1 {
	border: 1px solid #ddd;
}
.depth-2 {
	border: 1px solid #ddd;
}
.depth-3 {
	border: 1px solid #ddd;
}
.depth-4 {
	border: 1px solid #ddd;
}
.depth-5 {
	border: 1px solid #ddd;
}

/***************************************************************************/
/* SideBar Tags */
/***************************************************************************/
#sidebar_wrap {
    float:right;
    width:410px;        	/* Width of sidebar column content (sidebar column width minus left and right padding) */
    position:relative;
    left:410px;         	/* 左邊界與父元素(colleft)偏移 400px 寬度 */
	font-size: 1.2em;
}

#top_sidebar {
    width: 406px;				/* Sidebar 內部 container 寬度 */
	margin: 0 2px 4px 2px;		/* width= sidebar_width - left+right padding */
}
#left_sidebar {
	float: left;
    width: 220px;			/* left-sidebar 寬度 */
	margin: 0 2px;
	overflow:hidden;
}
#right_sidebar {
	float: right;			/* right-sidebar 寬度 */
    width: 182px;			/* width= (sidebar width) - (left_sidebar width+left/right padding) */
	margin: 0 2px;
	overflow:hidden;
}

/***************************************************************************/
/* Sidebar widget styles */
/***************************************************************************/
/* widgets, the class name is set by the register_sidebar function. */
.wp-widget {
	font-size: 1.1em;			/* default sidebar font size */
	border: 1px solid #BCBCBC;
}
.wp-widget a:link,
.wp-widget a:visited, {
	color: #006ED8;
	text-decoration:none;
}
.wp-widget a:hover {
	color: #006400;
	font-weight: bold;
	background: #F0FFF0;
	text-decoration: none;
}

.wp-widget-title {
	background: #f5f5dc;
	text-align: center;
	font-size: 1.2em;
	font-family: "Comic Sans MS Bold", sans-serif, Arial;
}

.wp-widget ul {
	margin: 4px 6px;
	padding: 0;
}

.wp-widget ul li, .wp-widget ul li ul li {
	list-style: none;	 /* 將原本的項目符號設為隱藏 */
	margin-bottom: 2px;
	padding-left: 2px;
}

/* 最近迴響 widget sylte */
.widget_recentcomments ul{
}
.widget_recentcomments ul li{
}

.widget_archive select{
	margin: 4px 10px;
	width: 160px;
}

/* Post 文內的迴響樣式 */
.widget_recent_entries ul li{
	background-image: url(images/k-pad.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;			/* 左側圖片與文字的距離 */
}

/* Twitter style */
ul.twitter {
	margin-bottom: 12px;
}
ul.twitter li {
	list-style-type: disc;
	list-style-position: inside;
	padding-bottom: 6px;
}
ul.twitter li a.twitter-link {
	word-break: break-all;
}

/* category list-style */
.widget_categories ul li.cat-item{
	background-image: url(images/cat_round-cyan.png);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding-left: 18px;			/* 左側圖片與文字的距離 */
	margin: 0;
}

.widget_categories ul.children li.cat-item{
	background-image: url(images/cat_dimple.png);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding-left: 16px;			/* 左側圖片與文字的距離 */
	margin-left: -12px;
}

/* tag cloud style */
.wp-widget .st-tag-cloud {
	padding: 6px;
}

/* search content */
.search_wrapper {
	margin: 8px 12px;
	border-bottom: 1px solid #BCBCBC;
}

/* Search Form */
#search {
	margin: 0px 20px 0 0;
	padding: 0;
	text-align: right;
}
	
#searchform #s {
	width: 200px;
	margin: 6px 6px 10px 12px;
}

#searchform #searchsubmit {
	color: #fff;
	background: #424242;
	border: 1px solid #424242;
	margin-left: 12px;
}

#searchform input {
	border: 1px solid #ccc;
	font-family: Verdana;
	font-size: 1.4em;
}

/* Begin Calendar */
/*框架設定*/
#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	width: 200px;
	margin: 8px 8px 8px 12px;
	text-align: center;
	background-color: #E1E1FF;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 1.1em;
}
/*次月按鈕*/
#wp-calendar #next a {
	padding-right: 1px;
	text-align: right;
	text-decoration: none;
	background-color: #ffffff;
}
/*前月按鈕*/
#wp-calendar #prev a {
	padding-left: 1px;
	text-align: left;
	text-decoration: none;
	background-color: #ffffff;
}
/*發文日*/
#wp-calendar a {
	display: block;
	color: #527434;
	background-color: #E1E1FF;
}
/*月份標題*/
#wp-calendar caption {
	text-align: center;
	font-family: "Arial Black";
	color: #A04444;
	font-size: 1.1em;
	text-transform: uppercase;
}
/*一般日期*/
#wp-calendar td {
padding: 0px;
text-align: center;
background-color: #FFFFFF;
}
/*今天*/
#wp-calendar #today {
display: block;
color: #000000;
background-color: #FF6666;
}
/* End Calendar */

/* Add a wrapper for PageNavi (under the colmask)*/
#navi-wrap {
	position: relative;	
    float: left;
    width: 100%;
}

/***************************************************************************/
/* Respond and Form widgets */
/***************************************************************************/
/* 迴響 container */
#respond {
	margin: 8px 12px 8px 16px;
}

#respond h3{
	margin-bottom: 12px;
	font-size: 1.8em;
	font-family: "Comic Sans MS", sans-serif, Arial;
}

#respond #author_name, #respond #email_addr,
#respond #site_url {
	font-size: 12px;
	padding-left: 8px;
}

input#author, input#email, input#url {
	width: 220px;
	font-size: 13px;
	color: #555;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-left: 4px;
}

textarea#comment {
	width:75%;
	font-size: 14px;
	color:#555;
	border-left: 1px solid #aaa;
	border-top:1px solid #aaa;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding: 4px 6px;
}

/* 登入者字串 */
#commentform #logged {
	font-size: 13px;
}

/* quiz plugin font-size */
#commentform #commentquiz {
	font-size: 14px;
}

#commentform #submit {
	font-size: 13px;
	margin: 0 0 5px auto;
}

#respond #meta-info {
	font-size: 13px;
}

#commentform .subscribe-to-comments {
	font-size: 13px;
}

/***************************************************************************/
/* Footer */
/***************************************************************************/
#footer {
	clear: both;
	text-align: center;
	height: 40px;
}

/***************************************************************************/
/* Begin Various Tags & Classes */
/***************************************************************************/
.center {
	text-align: center;
}

/***************************************************************************/
/* Clear Floats Without Structural Markup */
/* http://www.positioniseverything.net/easyclearing.html */
/***************************************************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

<!--[if IE]>
.clearfix {
	zoom: 1;     /* triggers hasLayout */
	display: block;     /* resets display for IE/Win */
}  /* Only IE can see inside the conditional comment
	and read this CSS rule. Don't ever use a normal HTML
	comment inside the CC or it will close prematurely. */
<![endif]-->