@charset "UTF-8";
/* CSS Document */
/* Global Tag Style */
body {
	font-family:Tahoma, Arial, Helvetica, "微軟正黑體", "儷黑 Pro", "黑體-繁", sans-serif;
	background: #f5f5f5;
	color:#888;
	margin:0;
}

a {
	color:#76b900;
	text-decoration:none;
	border:none;
}
a:hover {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}

img {
	border:none;
}
ul {
	margin:0;
	padding:0;
}
ol {
	margin:0;
	padding:0;
}
li {
	display:block;
}
h2 {
	margin:0;
	font-weight:normal;
}
body {
	margin:0;
}
p {
	margin:10px;
}
td {
	padding:0;
}
#viewport {
	margin: 0px;
	width: 100%;
	padding: 0px;
	font-size: 12px;
}
.clear {
	cleat:both;
}
/* WordPress Global classes */
.aligncenter {
	display:block;
	margin: 20px auto;
}
/* Header Area */
#header { background: #000;}
#header nav { background: #f5f5f5; height: 70px; border-bottom: 7px solid #76b900; }
#header nav .inner { width: 980px; margin: 0 auto; }
#header nav .logo { width: 80px; float: left; margin-top: 6px; }
#header nav ul { width: 900px; }
#header nav li { border-left: 1px solid #ccc; height: 10px; float: left; padding: 15px; padding-top: 45px; }
#header nav li.end { border-right: 1px solid #ccc; }
#header nav li a { color: #666; }
#header nav .selected { font-weight: bold; }

.search input { border-radius: 5px; height: 25px; margin: 24px; border: 1px solid #ccc; width: 288px; padding: 3px; margin-left: 85px; }
.featured { margin: 0 auto; width: 980px; }

/* Content Area */
#content { width: 980px; margin: 0 auto; min-height: 500px; background: transparent; padding-bottom:20px; padding-top: 20px; line-height: 150%; letter-spacing: 1px; }
#posts { float:left; width: 616px; margin-right: 20px; }

.errorMsg {
	text-align:center;
	font-size:14px;
	line-height:500px;
	height:500px;
}
.post .meta {
	position:relative;
	left: -8px;
	top:15px;
	background: URL(img/postHeaderBG.png) no-repeat;
	height:88px;
	padding:10px;
	width:589px;
	overflow:visible;
}
.post .meta table {
	height:50px;
}
.post .meta table td{
	height:50px;
	vertical-align:middle;
}
.post .meta div.entry_author_image{
	position:absolute;
	right:10px;
	top:10px;
	width:50px;
	height:50px;
}
.post .meta div.entry_author_image img {
	width:50px;
	height:50px;
}
.post .meta h2.title {
	margin-top:5px;
	overflow:hidden;
	white-space:nowarp;
	width:499px;
	max-width:499px;
	font-size:14px;
	line-height:17px;
	height:17px;
}
.post .meta h2.title a:hover{
	text-decoration:underline;
}
.post .meta h2.title,.post .meta span.author {
	margin-left:80px;
	margin-bottom:7px;
}
.post .meta span.fbLikeButtonHolder {
	position:absolute;
	left:200px;
	margin-top:5px;
	width: 345px;
	height:500px;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:visible;
}
.post .meta span.publishDate {
	display:block;
	position:absolute;
	left:0;
	/*top:10px;*/
	top:0;
	color:#fff;
	font-weight:bold;
	font-size:14px;
/*	padding-top:8px; */

	height:70px;
	/*padding-left:5px;*/
	width:70px;
}
.post .meta span.publishDate table {
	width:70px;
	height:70px;
}
.post .meta span.publishDate td {
	width:50px;
	height:70px;
	vertical-align:middle;
	line-height:16px;
	padding-left:15px;
}

.post .meta .socialButtons,.post .body .socialButtons  {
	clear: both;
	display: block;
	height:20px;
	margin-top: 17px;
	/*padding-left: 62px; */
	width: auto;
	float: right;
}
.post .meta .socialButtons>div,  .post .meta .socialButtons>.fb_iframe_widget,.post .body .socialButtons>div,.post .body .socialButtons>.fb_iframe_widget  {
	float: left !important;
	width: 80px !important;
}
.post .body, .post .footer {
	position:relative;
}
.post .body {
	margin:10px;
	margin-left:62px;
	margin-right:16px;
	line-height:14pt;
}
.post .body p {
	margin-top:10px;
	margin-bottom:10px;
}
.post .body img {
	margin-top:20px;
	margin-bottom:20px;
}

.post .body a.readMore {
	text-decoration:underline;
	margin-top:30px;
	display:block;
	width:100px;
}
.post .body a.readMore img {
	display:inline;
	margin:0;
}
.post .footer {
	background: URL(img/postFooterBG.png) repeat-x;
	height:60px;
	padding-left:15px;
}
.post .footer table {
	height:60px;
}

.post .footer table td {
	height:49px;
	vertical-align:middle;
}
.post .footer span {
	display:block;
}
.post .footer span.categories a,.post .footer span.tags a {
	color:#666;
}
.post .footer div.shareButtons {
	position:absolute;
	right:15px;
	bottom:20px;
}
.post .footer div.shareButtons a{
	cursor:pointer;
}
/* Single post page */
div.postNav {
	background:#ddd; 
	text-align:center;
	height: 30px;/*
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;*/
	font-size:12px;
	padding:10px;
	padding-top:0;
	padding-bottom:0;
}
.postNav a{
	color: #000;
}
.postNav a:hover {
	color:#76b900;
	text-decoration:underline;
}

.postNav a.navHome {
}
.postNav table {
	height: 30px;
}
.postNav table td {
	
}
.postNav table td, .postNav div{
	text-align:center;
/*	width: 231px; */
	line-height:30px;
	height:30px;
	overflow:hidden;
	position:relative;
}

.postNav table td.navPrevious {
	text-align:right;
}
.postNav td.navHome, .postNav table td.navHome div{
	/*border-left:1px solid #000;
	border-right:1px solid #000;*/
	width: 56px;
	text-align:center;
}
/*
.postNav table td div img{
	position:absolute;
	top:-5px;
	margin:0 !important;
	z-index:100;
	width:10px;
	height:30px;
}
.postNav table td div img.lt {
	left:0;
}
.postNav table td div img.gt {
	right:0;
}*/
a.postNav:hover {
	color:#76b900;
}
a.postNav {
	width: 14px;
	height:14px;
}
a.postNav:hover {
	
}
a.navPriv{
	background:url(img/navBG.png) top left no-repeat;
	padding-left:16px;
}
a.navPriv:hover {
	background:url(img/navBG.png) bottom left no-repeat;
	padding-left:16px;

}
a.navNext{
	background:url(img/navBG.png) top right no-repeat;
	padding-right:16px;
}
a.navNext:hover{
	background:url(img/navBG.png) bottom right no-repeat;
	padding-right:16px;
}
/* Related Posts */
#relatedPosts {
	background: #fff;
	margin-bottom:2px;
}
#relatedPosts span {
	line-height: 18px;
}

li#commentsArea {
	padding:0;
}

ol.relatedPosts {
	height:350px;
	margin-top:10px;
	background: #fff;
	padding-left:10px;
	padding-right:10px;
}
#relatedPosts h2 {
	background: url(img/sidebarHeaderBG.png) repeat-x;
	color: white;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 0px;
	padding-left: 8px;
	text-transform: uppercase;
}
.relatedPosts li {
	width:105px;
	height: 190px;
	float:left;
}
.relatedPosts li:hover {
	background: #e0e0e0;
	height:350px;
	
}
.relatedPosts li:hover a{
	color:#76b900;
}

.relatedPosts a {
	color:#000;
}
.relatedPosts a:hover {
	color:#76b900;
}
.relatedPosts li {
	margin-left:10px;
}
.relatedPosts li.alpha {
	margin-left:0;
}
.relatedPosts li img{
	width: 98px;
	/*height: 98px;*/
	margin: 5px;
	border: #cbcbcb 1px solid;
	display:block;
}
.relatedPosts li span {
	margin:5px;
	margin-top:0px;
	display:block;
	overflow:hidden;
}

/* Comments */
li#commentsArea {
/*	background:#fff; */
	padding-bottom:0px;
}

#commentsArea #respond {
	padding:20px;
}
#commentsArea #respond input[type=text],#commentsArea #respond textarea {
	width:100%;
	border:1px solid #323232;
}

#commentsArea #respond input[type=submit] {
	width:auto;
}

#comment_wp {
	background:#fff;
	padding: 10px;
	padding-bottom: 20px;
}
#comment_fb {
	background:#fff;
}
.commentGreenbar_fb {
	background:url(img/commentGreenbar_fb.png) no-repeat;
	height: 31px;
	width: 616px;
}

ol.commentlist {
	position:relative;
}
ol.commentlist li.comment,ol.commentlist ul.children {
	position:relative;
	margin:0 10px;
	margin-bottom:2px;
	background:#ddd;
	padding-top:10px;
	padding-bottom:10px;
}
ol.commentlist ul.children li{
	margin-left:60px;
}

ol.commentlist li p {
	margin:10px;
	margin-left: 53px;
}

.comment-author {
	margin-left:-7px;
	background:url(img/commentAuthorPhtotBG.png) left top no-repeat;
	height:66px;
	width:61px;
	float:left;
}
.comment-author img {
	width:50px;
	height:50px;
	margin-left:5px;
	margin-top:5px;
}
.comment-meta {
	position:relative;
	width:584px;
	overflow:visible;
	background: #fff;
	height:60px;
	font-size:14px;
	line-height:60px;
}
.comment-meta cite {
	color:#76b900;
	margin-left: 10px;

}
ol.commentlist ul.children li {
	border-bottom:#cfcfcf 2px solid;
}
ol.commentlist ul.children li .comment-meta {
	width: 514px;
	height: 50px;
	line-height: 50px;
}
ol.commentlist ul.children li .comment-meta .comment-author {
	width:50px;
	height: 50px;
	margin:0;
}
ol.commentlist ul.children li .comment-meta .comment-author img {
	width: 40px;
	height:40px;
}
.reply {
	background:url(img/replyBtnBG.png) no-repeat;
	height:25px;
	width:80px;
	display:block;
	margin-left: 53px;
	margin-bottom:15px;
}
.reply a {
	width:100%;
	height:100%;
	display:block;
	margin:0;
	padding:0;
	color:transparent;
}

.comment-number {
	position:absolute;
	right:0px;
	top:0px;
	padding:5px;
	background: #ddd;
	text-align:center;
	color: #fff;
	line-height: 20px;
	height:20px;
	min-width:20px;
	font-size:16px;
	font-weight:bold;
}

.commentCount {
	position:absolute;
	right: 90px;
}

.fbConnect, .fbc_connect_button_area {
/*	background:url(img/fbConnectBG.png) top left no-repeat; */
	width:71px;
	height:25px;
	display:block;
	position:absolute;
	right:10px;
	top:10px;
	text-align:center;
	line-height:22px;
	color:transparent;
	cursor:pointer;
}
.newCommentBtn {
	margin:25px 0 2px 10px;
	background:url(img/newCommentBtnBG.png) top left no-repeat;
	width:160px;
	height:31px;
	display:block;
	cursor:pointer;
	text-align:center;
	line-height:31px;
	color:transparent;
}
.newCommentBtn:hover {
	background:url(img/newCommentBtnBG.png) bottom left no-repeat;
}
#commentsArea #respond {
	margin:-2px 10px 0 10px;
	padding:20px;
	padding-top:10px;
	position:absolute;
	width:555px;
	display:none;
	z-index:999;
}
#commentsArea #respond h3 {
	font-size:12px;
	line-height:12px;
	margin:0;
	margin-bottom:10px;
}
.nomargin {
	margin:0 !important;
}

#commentsArea #comment_wp h2 {
	border-bottom: 1px #ccc solid;
	padding-bottom: 2px;
	color: #ccc;
	font-size: 14px;
	margin-bottom: 20px;
}
#commentsArea #comment_wp form label {
	display: block;
	color: #ccc;
}
#commentsArea #comment_wp input[type="text"], #commentsArea #comment_wp textarea {
	display:block;
	background: #ddd;
	border: #ccc solid 1px;
	height: 22px;
	padding: 2px;
}
#commentsArea #comment_wp .commentFormFieldFloatLeft {
	float: left;
	width:49%;
	margin:0;
	margin-bottom: 10px;
}
#commentsArea #comment_wp .alpha {
	margin-right: 2%;
}
#commentsArea #comment_wp .commentFormFieldNoFloat {
	float: none;
	clear:both;
	width: 100%;
}
#commentsArea #comment_wp textarea {
	width:100%;
	height: 100px;
}

#commentsArea #comment_wp .commentAdditionalInfo {
	color: #ccc;
	clear: both;
	margin-bottom: 10px;
}
#commentsArea #comment_wp input[type="text"] {
	background: #ddd;
	border: #ccc solid 1px;
	width: 300px !important;
}
#commentsArea #respond p {
	margin-bottom:8px;
}
#submit, #cancel {
	border:none;
	color:transparent;
	width:314px !important;
	height:28px !important;
	margin: 15px 15px 0 0;
	cursor:pointer;
}
#submit {
	background:url(img/submitBtnBG.png) bottom left no-repeat;
}
#cancel {
	background:url(img/cancelBtnBG.png) bottom left no-repeat;
}
.connect_widget {
	display:none;
}
#pager {
	position:relative;
	z-index:2000;
/*	border: 1px solid #717171; */
	height:50px;
	line-height:50px;
	text-align:center;
}
#pager .wp-pagenavi a,#pager .wp-pagenavi .extend{
	border:none;
	color:#76b900;
	text-decoration:none;
	
}
#pager .wp-pagenavi span.extend{
	display:none;
}
#pager .wp-pagenavi .current{
	color:#76b900;
	text-decoration:underline;
	border:none;
}
#pager .wp-pagenavi .previouspostslink, #pager .wp-pagenavi .first, #pager .wp-pagenavi .nextpostslink, #pager .wp-pagenavi .last,#pager .wp-pagenavi a,#pager .wp-pagenavi span {
	width:14px;
	height:14px;
	/*line-height:14px; */
	padding:0 5px;/*
	padding-left:3px;
	padding-right:3px;*/
}
#pager .wp-pagenavi .previouspostslink {
	background: URL(img/navPreviousPage.png) no-repeat top center;
}
#pager .wp-pagenavi .previouspostslink:hover {
	background: URL(img/navPreviousPage.png) no-repeat bottom center;
}

#pager .wp-pagenavi .first {
	background: URL(img/navFirstPage.png) no-repeat top center;
}
#pager .wp-pagenavi .first:hover {
	background: URL(img/navFirstPage.png) no-repeat bottom center;
}
#pager .wp-pagenavi .nextpostslink {
	background: URL(img/navNextPage.png) no-repeat top center;
}
#pager .wp-pagenavi .nextpostslink:hover {
	background: URL(img/navNextPage.png) no-repeat bottom center;
}
#pager .wp-pagenavi .last {
	background: URL(img/navLastPage.png) no-repeat top center;
}
#pager .wp-pagenavi .last:hover {
	background: URL(img/navLastPage.png) no-repeat bottom center;
}
#sidebar {
	float:left;
	width: 296px;
	padding:1px;
	margin-right:20px;
	background: transparent;
	min-height:500px;
	color:#fff;
}
#sidebar a {
	color:#888;
}
#sidebar a:hover{
	text-decoration:underline;
	color:#888;
}
#sidebar h2 {
	height:30px;
	line-height:30px;
	padding-left:8px;
	text-transform: uppercase;
	font-size:14px;
	color:#888;
	margin-bottom:10px;
}

#sidebar>li {
	margin-bottom:20px;
	background: #fff;
	padding-bottom:20px;
	border: 1px solid #ccc;
	border-bottom: 4px solid #76b900;
}

#sidebar li ul,#sidebar li div,#sidebar li select {
	margin-left:10px;
	margin-right:10px;
	width: 274px;
}
#sidebar li div ul {
	margin:0;
}
#sidebar li ul li {
	line-height:20px;
}
#sidebar .widget_categories,#sidebar .categories {
	height:70px;
}

#sidebar .widget_categories ul, #sidebar .categories ul{
	overflow:hidden;
	height:20px;
	line-height:20px;
	background: #fff;
}

#sidebar .widget_categories ul li a, #sidebar .categories ul li a{
	width:100%;
	display:block;
}
#sidebar .widget_categories ul:hover ,#sidebar .categories ul:hover {
	overflow:visible;
	height:auto;
	position:absolute;
	background: #fff;
}
#sidebar .widget_categories ul li:hover ,#sidebar .categories ul li:hover {
	background: #ddd;
}

#sidebar .widget_categories ul li.noHover:hover ,#sidebar .categories ul li.noHover:hover {
	background: #323232;
}
#sidebar .widget_categories ul a:hover, #sidebar .categories ul a:hover {
	color: #76b900;

}
#sidebar .widget_categories li, #sidebar .categories li {
	height:23px;
	line-height:23x;
	padding-left:10px;
}

#sidebar .recentcomments {
	color:#fff;
}
#sidebar .recentcomments a{
	display:block !important;
}
#sidebar .seriesArticle li{
	height:20px;
}
#sidebar .seriesArticle a{
	color:#76b900;
	margin-left: 5px;
	line-height:20px;
}
#sidebar .seriesArticle a:hover {
	text-decoration:underline;
	color:#76b900;
}

#sidebar li.omega {
	margin-bottom:0;
	padding-bottom:10px;
}

#sidebar .widget_adrotate_widgets { border-bottom: 1px solid #ccc; margin: 0px; padding: 0px; }
#sidebar .widget_adrotate_widgets img { width: 100%; }

.quick-flickr-item {
	width: 75px !important;
	display: block;
	float: left;
	margin-bottom: 10px
}

.tagcloud a { white-space: nowrap; margin-right: 3px; border: 1px solid #ccc; background: #eee; color: #888 !important; padding: 5px; border-radius: 5px; font-size: 12px !important; line-height: 32px; }
.tagcloud:after { clear: both; }
/* Footer Area */

#footer {
	margin: 0 auto;
	display:block;
	width: 980px;
	height: 55px;
	padding-top:3PX;
	margin-top:0px;
}

#footer table{
	width:100%;
	height:55px;
}

#footer table td {
	vertical-align:center;
}

.socialButtons li {
 float: left;
 padding-right: 10px;
 list-style: none;
 width:80px;
}

.socialButtons {
 height: 30px;
 zoom: 1;
 margin: 8px 0 4px 0;
}

.socialButtons li.tw-btn {
  width:100px;
}

.socialButtons li.gp-btn {
  width:60px;
}

.socialButtons li.fb-btn {
  width:60px;
}

*+html .socialButtons li.gp-btn {
    display:none;
}

.clear {
  clear:both;
}

.post { background:#fff; padding: 10px; position: relative; margin-bottom: 10px;  border: 1px solid #ccc;  border-bottom: 4px solid #76b900;}
.post > table { border-collapse: collapse; width: 100%; }
.post > table .column1 { width: 70%; }
.post > table .column2 { width: 30%; }
.post > table td { padding: 3px; border: 1px solid #76b900; vertical-align: middle; }
.post > table tr:first-child td { border-top: 0; }
.post > table tr:last-child td { border-bottom: 0; }
.post > table tr td:first-child { border-left: 0; }
.post > table tr td:last-child { border-right: 0; }
.post > table td[rowspan] { border-bottom: 0; }
.post h2 { color: #888; font-weight: bold; font-size: 14px; }
.post h2 a { color: #888; }
.post .feature-img1 { width: 150px; height: 150px; overflow: hidden; float: left; margin-right: 10px; }
.post .content .imgcenter { text-align: center; padding: 10px 0px; font-style:italic; } 
.post .content .imgleft { text-align: center; float: left; padding: 10px 10px 10px 0px; font-style:italic; }
.post .content .imgright { text-align: center; float: right; padding: 10px 0px 10px 10px; font-style:italic; }
.post .content .video { width: 560px; margin: 0 auto; }
.post .content ul { padding-left: 40px; }
.post .content li { display: list-item; list-style-type: disc; }
.post .author img { width: 50px;  }
.post .author .entry_author_image { width: 50px; height: 50px; border-radius: 50%; float: left; overflow: hidden; } 
.post .author a[rel="author"] { line-height: 50px; margin-left: 10px; } 

.singular .feature-img2 { width: 100%; height:300px; overflow: hidden; position: relative; }
.singular .feature-img2 img { width: 100%; height: 300px; }
.singular .feature-img2 .social-buttons { position: absolute; bottom: 0px; right: 0px; }
.singular .post h2 { font-size: 20px; line-height: 130%; }
.singular .post h3 { font-weight: bold; }
.singular .post > div { margin-top: 10px; }
.singular .post .author .desc { }
.singular .post .author a[rel="author"] { line-height: 12px; margin-left: 0px; font-size: 18px; }

.social-button { width: 35px; height: 35px; float:right; }
.social-button.facebook { background: url('img/facebook.jpg') no-repeat; }
.social-button.plusone { background: url('img/google.jpg') no-repeat; }
.social-button.twitter { background: url('img/twitter.jpg') no-repeat; }

.author-intro { margin: 0 auto; width: 930px; float: left; margin-bottom: 20px; }
.author-intro .author-image { width: 200px; height: 200px; overflow: hidden; margin-right: 25px; float: left; }
.author-intro .author-image img { width: 200px; }
.author-intro .author-name { font-size: 18px; color: #76b900; line-height: 24px; }
.author-intro .author-title { font-size: 14px; color: #76b900; line-height: 24px; }