@charset "utf-8";
/* CSS Document */
/*
Theme Name: Spot Light
Theme URI: http://wsqsite.com/blog/wsqlight/
Description: Spot Light Theme created by <a href="http://wsqsite.com">WSQSITE</a>. The theme is translation ready and involved both Simplifed Chinese and Traditional Chinese.
Author: WSQ
Author URI: http://wsqsite.com/
Tags: pink, blue, fixed-width, two-columns, right-sidebar, custom-colors, custom-header, theme-options, translation-ready
Version: 1.3
Released under <a href="http://www.opensource.org/licenses/gpl-license.php">GPL license</a>.
*/
/* Begin IE6 Scroll Bar Fix */
html, body {
overflow-x: hidden;
}
/* End IE6 Scroll Bar Fix */
/* Begin Various Tags & Classes */
body {
	font-size: 13px;
	font-family: 'Lucida Grande', Calibri, Helvetica, Arial, 微軟正黑體, 細明體;
	background: #FFF url(images/bodybg.png) repeat-x;
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
}
small, .nocomments, blockquote, strike {
	color: #777;
}
small {
	font-size: 10px;
	line-height: 1.5em;
}
code {
	font-size:10px;
}
acronym, abbr, span.caps {
	font-size: 10px;
	letter-spacing: .07em;
	cursor: help;
}
a img {
	border: none;
}
a, a:hover {
	outline: none;
	hlbr:expression(this.onFocus=this.blur());
	text-decoration:none;
}
p img {
	padding: 0;
	max-width: 100%;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
select {
	width: 130px;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.center {
	text-align: center;
}
.hidden {
	display: none;
}
.screen-reader-text {
     position: absolute;
     left: -1000em;
}
.pagetitle {
	color:#777;
	margin:5px 0 10px 20px;
}
/* End Various Tags & Classes*/
#b_wrap {
	margin:0;
	padding:0;
	width:100%;
}
#wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 950px;
}


/* Begin Header*/

.header {
	height: 140px;
	width: 950px;
}
.headernavi {
	width: 950px;
	height: 40px;
}
.headernavi_left {
	float: left;
	background: #000 url(images/headernavi_left.gif) no-repeat 0 0;
	width: 10px;
	height: 40px;
}
.headernavi_right {
	float: left;
	background: #000 url(images/headernavi_right.gif) no-repeat right;
	width: 40px;
	height: 40px;
}
.headernavi_bar {
	background: #000;
	float: left;
	width:690px;
	height: 40px;
}
.headernavi_bar a {
	color: #FFF;
}
.headernavi_bar .current_page_item {
	background: #000 url(images/headernavi_arrow.gif) no-repeat center bottom;
}
.headernavi_bar ul {
	float: left;
	font-size:13px;
	list-style:none;
	margin:13px 0 0 0;
}

.headernavi_bar ul li {
	float: left;
	height:27px;
	padding: 0 15px 0 15px;
}
.headernavi_bar ul li ul {
	display:none;
}
#header_navi_search {
	float: left;
	width:180px;
	height: 40px;
	background: #000;
	display:block;
}
#header_navi_search #searchform {
	background: #000 url(images/headernavi_serach.gif) no-repeat;
	width: 160px;
	float: right;
	margin:9px 10px 0 0;
	height: 30px;
	border: none;
}
#header_navi_search #searchform input {
	height: 15px;
	width: 115px;
	background:none;
	border: none;
	margin:3px 0 0 10px;
	color: #999;
	font-size: 11px;
}
#searchform #searchsubmit {
	height: 15px;
	width: 5px;
	background:none;
	border: none;
	cursor:pointer;
	text-indent:-99999px;
}
#navi_sub_rss {
	float: left;
	width: 30px;
	height: 40px;
	background: #000;
	display:block;
}
.sub_rss {
	background: #000 url(images/headernavi_rss.gif) no-repeat;
	float:right;
	width:21px;
	height:30px;
	display:block;
	text-indent:-99999px;
	margin:5px 0 0 0;
}
.headerlogo {
	float:left;
	width:500px;
	height:80px;
	background: transparent url(logo.gif) no-repeat;
	text-indent:-99999px;
	margin: 20px 0 0 35px;
}
.header_description {
	display:none;
}
/* End Header */
/* Begin Content */
.mainbody_topbg {
	background: #fbfbfb url(images/mainbody_topbg.gif) no-repeat;
	width:910px;
	height:29px;
}
.mainbody {
	background:#FFF;
	width:910px;
	margin:0 20px 0 20px;
}
.mainbody_bottombg {
	background:#FFF url(images/mainbody_bottombg.gif) no-repeat;
	height:30px;
	width:910px;
}
.maincontent {
	float:left;
	margin: 0 5px 0 5px;
	padding: 10px 0 10px 0;
	width: 670px;
}
.post {
	margin: 0 30px 40px 40px;
	text-align: justify;
	color:#5e5e5e;
}
.post a {
	color: #0cc0fd;
}
.post h2 {
	font-size:20px;
}
.post .hr {
	background: #FFF url(images/content_hr.gif) repeat-x;
	width:560px;
	height:17px;
	display:block;
	border:none;
	margin: 10px 20px 10px 20px;
	}
.postdata {
	background:#FFF url(images/postdata.gif) no-repeat;
	width:351px;
	height:19px;
	font-size:11px;
}
.postdata .date {
	float:left;
	color:#CCC;
	width:101px;
	padding:3px 0 0 13px;
}
.postdata .cate {
	float:left;
	color:#999;
	width:230px;
	padding:3px 0 0 0;
}
.postdata .cate a {
	color:#777;
}
.content {
	line-height: 1.4em;
	font-size:13px;
}
.content h2 {
	color:#000;
	padding:10px 0 10px 0;
}
.content p {
	padding:10px 0 10px 0;
}
.content .thumbnail {
	text-align:center;
	padding:20px 0 10px 0;
}
.content form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}
.more-link{
	width:84px;
	height:18px;
	display:block;
	background:#FFF url(images/readmore_b.gif) no-repeat;
	float:right;
	margin: 20px 0 5px 0;
	text-indent:-99999px;
}
.postmetadata {
	margin:100px 0 0 0;
	width:550px;
}
.postmetadata .metatag {
	float:left;
	padding:2px 0 4px 25px;
	margin: 0 0 0 5px;
	width:520px;
	background: transparent url(images/metatag.gif) no-repeat 0 2px;
	border-bottom: solid #00ccff 2px;
	color:#777;
}
.postmetadata .metatag a{
	color:#777;
}
.postmetadata .trackback {
	float:left;
	width:80px;
	height:17px;
	margin:3px 0 0 30px;
	color:#fff;
}
.postmetadata .trackback a {
	color:#666;
}
#sharethis_0 {
	display: block;
  }
#sharethis_0 a {
	background: transparent url(images/sharethis.gif) no-repeat 0 2px!important;
	width: 50px;
	height:19px;
	margin:1px 0 0 5px;
	padding:1px 0 0 25px;
	float:left;
	color:#666;
}
.search_res a{
	color: #999!important;
}

/* End Content */

/* Begin Sidebar */
.sidebar {
	float:left;
	padding: 20px 10px 10px 10px;
	width: 210px;
	}
.sidebar a {
	color:#999;
	}
.sidebar ul li h1 {
	margin: 5px 0 0 0;
	padding: 0;
	color:#ababab;
	background: transparent  url(images/sidebar_head.gif) no-repeat;
	width:200px;
	height:18px;
	font-size:12px;
	padding:5px 2px 0 45px;
	}
.sidebar ul, .sidebar ul ol {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.sidebar ul li {
	margin-bottom: 0px;
	list-style: none;
	}
.sidebar ul li ul {
	background:#FFF url(images/sidebar_bg.gif) repeat-y;
	width:200px;
}
.sidebar ul li ul li{
	margin: 0;
	background: transparent url(images/sidebarlist.gif) no-repeat 10px 6px;
	padding: 4px 2px 0 25px;
}
.sidebar ul li ul li:hover{
	background: transparent url(images/sidebarlist_b.gif) no-repeat 10px 6px;
}
.sidebar .bottombg {
	background:#FFF url(images/sidebar_bottombg.gif) no-repeat;
	width:200px;
	height:26px;
	margin:0 0 40px 0;
}
.sidebar ul ul li h2 {
	background: transparent url(images/sidebarh2.gif) no-repeat;
	color:#ababab;
	width:200px;
	height:30px;
	font-size:14px;
	padding:6px 2px 0 14px;
}
.sidebar ul ul li ul li {
	background: #FFF url(images/sidebarlist.gif) no-repeat 10px 6px;
}
.sidebar ul ul li ul li:hover {
	background: #FFF url(images/sidebarlist_b.gif) no-repeat 10px 6px;
}
.cumulus {
	margin:0 2px 0 2px;
}
/* End Sidebar */
/* Begin Footer */
.footer {
	background: #454545 url(images/footer_bg.gif) repeat-x;
	margin:50px 0 0 0;
	padding:0;
}
.footer_wrapper {
	text-align: left;
	margin: auto;
	padding: 0;
	width: 750px;
}
.footer_item {
	width:200px;
	float:left;
	color:#CCC;
	margin:20px 25px 20px 25px;
}
.footer_item a {
	color:#CCC;
}
.footer_item a:hover {
	color:#FFF;
}
.footer_item p {
	text-align: justify;
}
.footer_item .r-more {
	background:#555;
	display:block;
	float:right;
	width:57px;
	margin:25px 0 0 0;
	padding:2px 4px 2px 4px;
}
.footer_item h2 {
	color:#FFF;
	font-size:20px;
}
.footer_item ul, .footer_item li ,.footer_item ul li {
	list-style:none;
	margin:0;
	padding:0;
}
.footer_item ul li, .footer_item ul li ul li , .footer_item ul li ul.linkcat {
	margin:0;
	padding:0 0 0 15px;
}
.footer_powered {
	float:left;
	width:160px;
	height:60px;
	padding: 20px 0 0 0;
	margin:0;
}
.footer_copyright {
	float:left;
	width:550px;
	height:60px;
	color:#777;
	padding: 30px 0 0 20px;
	margin:0;
}
.pwwp{
	float:left;
	background: #454545 url(images/wordpress.gif) no-repeat;
	width:30px;
	height:30px;
	display:block;
	text-indent:-99999px;
	margin:0 20px 0 0;
}
.wsqsite {
	float:left;
	background: #454545 url(images/wsqsite.gif) no-repeat;
	width:48px;
	height:30px;
	display:block;
	text-indent:-99999px;
	margin:0px 20px 0 0;
}
/* End Footer */

/* Begin Comments*/
/* Comments */
.comment_wrapper {
	margin:10px 20px 10px 20px;
	font-size:12px;
}
.comment_wrapper a {
	color:#777;
}
.comments {
	padding: 0 25px;
	margin-bottom: 30px;
}
.comments a {
	text-decoration: none;
}
.comments_wrap {
	margin:0 0 0 80px;
}
.comment_wrap em {
	color:#888;
	padding: 0 0 0 15px;
}
.comments li {
	list-style: none;
	padding: 0px;
	margin: 10px 0px;
	padding-top: 1px;
}
.comments span.comment-reply {
	position: absolute;
	bottom: 10px;
	left: 20px;
	font-size: 10px;
	text-transform: uppercase;
}
.comments .comment_wrap {
	position: relative;
	background: #fff url(images/comment_bg.gif) repeat-x bottom;
	border: 1px solid #e4e4e4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.comments .comment_author {
	position: absolute;
	left: -110px;
	width: 80px;
	color: #555;
	font-size: 11px;
	line-height: 14px;
	display:block;
}
.comment_author .avatar {
	border: 1px solid #ddd;
	padding: 2px;
	background: #fff;
}
.comments .comment_author span {
	display: block;
	margin: 4px 0 0 0;
}
.comments .comment_arrow {
	position: absolute;
	top: 20px;
	left: -32px;
	background: #fff url(images/comment_arrow.gif) no-repeat;
	display:block;
	width:32px;
	height:32px;
}
.comments .single_comment {
	padding: 20px;
	padding-bottom: 60px;
}
.comments .children {
	padding:0;
	margin:0;
}
.comments .children li {
	padding-left: 40px;
}
.comments .children .comment_wrap {
	background: #fcfcfc;
	border: 1px solid #e4e4e4;
}
.comments .children .comment_arrow {
	position: absolute;
	background: #fff url(images/comment_bg_alt.gif) no-repeat;
	top: 10px;
	left: -25px;
	display:block;
	width:25px;
	height:25px;
}
.comments .children .comment_author {
	position: absolute;
	left: auto;
	right: 20px;
	bottom: 10px;
	width: 140px;
	height: 55px;
	font-size:11px;
}
.comments .children .comment_author p {
	position: absolute;
	right: 50px;
	bottom: -20px;
	text-align: right;
}
.comments .children .comment_author span {
	display: block;
}
.comments .children .comment_author img {
	width: 40px;
	height: 40px;
	float: right;
}
/* Comments Form */
#respond {
	margin: 0 20px 0 20px;
}
.form_author small, .form_email small, .form_url small{
	margin:0 0 0 20px;
}
.form_author input, .form_email input, .form_url input{
	border: 0;
	margin: 5px 0 0 30px;
	height: 20px;
	width: 130px;
	background-color: transparent;
	font-size: 12px;
	color: #999;
}
.form_author:hover, .form_author:focus, .form_email:hover, .form_email:focus, .form_url:hover, .form_url:focus {	
	background-position: 0 -24px;
}
.form_author {	
	height: 24px;
	width: 400px;
	margin:5px 0 5px 5px;
	background: #fff url(images/form_name_b.gif) left top no-repeat;
}
.form_email {	
	height: 24px;
	width: 400px;
	margin:5px 0 5px 5px;
	background: #fff url(images/form_mail_b.gif) left top no-repeat;
}
.form_url {	
	height: 24px;
	width: 400px;
	margin:5px 0 5px 5px;
	background: #fff url(images/form_web_b.gif) left top no-repeat;
}
.form_comment {	
	height: 200px;
	width: 400px;
	margin:5px 0 5px 0;
	background: #fff url(images/form_comment_b.gif) left top no-repeat;
}
.form_comment textarea {
	border: 0;
	margin: 10px 0 0 10px;
	height: 180px;
	width: 280px;
	background-color: transparent;
	font-size: 12px;
	color: #555;
}
.form_comment:hover, .form_comment:focus {
	background-position: 0 -200px;
}
.form_comment small{
	margin:0 0 0 10px;
}
.form_submit {
	background: #fff url(images/form_btn.gif) no-repeat;
	width:82px;
	height:23px;
}
.form_submit:hover, .form_submit:focus {
	background-position:0 -23px;
}
.form_submit input {
	background:none;
	border:none;
	width:82px;
	height:23px;
	color:#555;
}
.form_submit input:hover, .form_submit input:focus {
	color:#000;
}
#cancel-comment-reply {
	float: left;
	width: 120px;
	height: 30px;
	margin-top: 8px;
}
#cancel-comment-reply-link {
	background: #eeeeee url(images/form_btn.gif) no-repeat;
	border:none;
	font-size: 9px;
	text-transform: uppercase;
	height: 23px;
	width: 82px;
	text-align: center;
	letter-spacing: -0.05em;
	cursor: pointer;
	display: block;
	line-height: 22px;
}
*+html #cancel-comment-reply-link {
	height: 23px;
	padding-bottom: 0px;
}
#cancel-comment-reply-link:hover {
	color: #232323;
	background: #eeeeee url(images/form_btn.gif) no-repeat 0 100%;
}

/* End Comments */


/* Begin Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Hidden elements*/
/* End Hidden elements*/

/* Begin Clearfix Hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End Clearfix Hack */

/* Begin Page Navi */
.navigation {
	display: block;
	padding:30px 20px 20px 20px;
	clear:both;
	width:100%;
}
.navigation a {
	color:#777;
}
.navigation ul {
	list-style:none;
}
.navigation ul li {
	float:left;
	margin: 0 3px 0 3px;
}
.navigation ul li a {
	background: #fff url(images/pagenavi_btn.gif) no-repeat 0 0;
	width:27px;
	height:22px;
	color: #777;
	padding:5px 0 0 0;
	text-align:center;
	display:block;
}
.navigation ul li a:hover {	
	background: #fff url(images/pagenavi_btn.gif) no-repeat 0 100%;
}
.navigation ul li span.current {
	background: #777 url(images/pagenavi_btn_current.gif) no-repeat;
	width:27px;
	height:22px;
	color: #fff;
	padding:5px 0 0 0;
	text-align:center;
	display:block;
}
/* End Page Navi */
/* custom */
.custom_ads {
	margin: 0;
	padding:0;
	text-align:center;
	width:100%;
}
.jumptop {
color:#ccc;
padding:2px 3px 2px 3px;
background: #565656;
}