/*
Theme Name: wp
Theme URI: http://wpnote.tw/
Description: 
Version: 1.0
Author: Scorpio
Author URI: http://wpnote.tw/
Tags:
*/
/* Body */
body{
background:#abcdef;
padding:0;
margin:0;
font-family:Comic Sans MS,Arial,sans-serif;
}
a{
outline: none;
text-decoration:none;
hlbr:expression(this.onFocus=this.blur());
font-family:Comic Sans MS,Arial,sans-serif;
}
img {
border:none;
margin:0;
}
.topline{
background:url(img/topline.gif) no-repeat;
width:990px;
height:10px;
margin-top:10px;
}
.btline{
background:url(img/btline.gif) no-repeat;
width:990px;
height:10px;
margin:0;
}
/* Header */
#header{
background:#222;
height:100px;
margin:0;
border-bottom:2px solid #eee;
}
#headwrap{
margin:0 auto;
width:990px;
}
#hdbt{
margin:10px auto;
width:990px;
height:110px;
}
#hdads{margin-top:10px;
float:left;
width:740px;
}
#rssfeed{
width:250px;
float:right;
margin:0;
}
#rss{
float:right;
}
#emailfeed{
float:right;margin:0 20px;
}
#rss a{background:url(img/rss.gif) no-repeat;width:101px;height:101px;display:block;opacity:0.8;filter:alpha(opacity=80);zoom:1;}
#rss a:hover{background:url(img/rss.gif) no-repeat;width:101px;height:101px;display:block;opacity: 1;filter:alpha(opacity=100);zoom:1;}
#emailfeed a{background:url(img/emailfeed.gif) no-repeat;width:101px;height:101px;display:block;opacity:0.8;filter:alpha(opacity=80);zoom:1;}
#emailfeed a:hover{background:url(img/emailfeed.gif) no-repeat;width:101px;height:101px;display:block;opacity: 1;filter:alpha(opacity=100);zoom:1;}

#hometitle{
margin:0;
width:740px;
float:left;
height:65px;
}
#hometitle h1{
margin:0;
}
#hometitle h1 a{
font-size:28px;
color:#FFF;
font-weight:900;
background:url(img/wplogo.gif) no-repeat left;
padding-left:50px;
}
#hometitle h2{
margin:0;
font-size:16px;
color:#FFF;
font-weight:100;
}
#search{
width:240px;
float:right;
margin:5px;
height:55px;
}
input#shform{
background:#5A5A5A;
border:1px solid #666666;
color:#AAAAAA;
float:left;
}
input#ssubmit{
background:#666666;
border-color:#888888;
color:#BBBBBB;
margin-left:5px;
text-shadow:none !important;
}
#nav {
padding:0;
float:right;
margin-top:15px;
}
#nav a {
display: block;
font-weight:bold;
padding:0 5px;
color:#eee;
font-size:13px;
}
#nav a:hover{
color:#FFF;
}
#nav li{
margin:0;
float:left;
list-style-type:none;
}
#nav ul li{
list-style-type:none;
}
/* Content */
#page{
width:990px;
margin:0 auto;
}
#wrap{
width:970px;
display:inline-block;
padding:0 10px;
margin:0;
background:#FFF url(img/ctbg.gif) repeat-y top left;
}
#content{
margin-left:25px;
width:640px;
float:left;
display:block;
overflow:hidden;
padding-right:5px;
word-wrap:break-word;
}
.entry{
display:inline-block;
width:100%;
padding:0;
}
.entry p{
margin:5px 0 5px 0;
}
.entry img{
padding:3px;
border:1px solid #DDD;
display:inline-block;
}

.entry h3{
display:inline-block;
text-decoration: none;
background: url(img/h3line.gif) repeat-x 100% 100%;
padding:0px;
margin:5px 0;
font-weight:bold;
font-size:18px;
color:#0000ff;
}
.post{
color:#555;
font-size:15px;
line-height:25px;
margin-bottom:10px;
word-spacing:3px; 
}
.post blockquote {
margin-left:20px;
padding:0 5px 0 15px;
line-height:21px;
background:url(img/qutoline.gif) repeat-y left;
}
.post a{
color:#738ABE;
text-decoration:none;
}
.post a:hover{
text-decoration:none;
background:#eee;
-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;-moz-box-sizing:content-box;
}
.post .more-link{
float:right;
padding:0;
margin:0;
font-size:13px;
}
.title{
display:inline-block;
}
.title a:hover{
display:inline-block;
text-decoration:none;
background:none;
}
.title  h2{
font-size:18px;
padding:0;
margin:5px 0;
width:590px;
float:left;
}
.title  h2 a{
color:#222;
display:inline-block;
text-decoration: none;
background: url(img/h2line.gif) repeat-x 100% 100%;
padding:0px;
}
.title h2 a:hover{
color:#666;
display:inline-block;
text-decoration: none;
background: url(img/h2line.gif) repeat-x 100% 100%;
padding:0px;
}
.pagetitle{
display:inline-block;
}
.pagetitle a:hover{
display:inline-block;
text-decoration:none;
background:none;
}
.pagetitle  h2{
font-size:18px;
padding:0;
margin:5px 0;
float:left;
}
.pagetitle  h2 a{
color:#222;
display:inline-block;
text-decoration: none;
background: url(img/h2line.gif) repeat-x 100% 100%;
padding:0px;
}
.pagetitle h2 a:hover{
color:#666;
display:inline-block;
text-decoration: none;
background: url(img/h2line.gif) repeat-x 100% 100%;
padding:0px;
}
.commentcts{
float:left;
width:46px;
height:40px;
background:url(img/comment.gif) no-repeat;text-align:center;font-size:15px;font-weight:900;
padding-top:5px;
}
.meta{padding-left:5px;background:#666;width:99%;color:#FFF;font-size:11px;margin-bottom:5px;}
.meta a{color:#FFF;font-size:11px;}
.meta a:hover{background:none;}
/* Sidebar */
#rsidebar{float:left;display:block;width:295px;padding:0;color:#555;margin-left:5px;text-align:left;font-size:13px;}
#rsidebar a{cursor: pointer;margin:0;color:#555;}
#rsidebar a:hover{background:#CCC;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;-moz-box-sizing:content-box;}
#tab-title h3{color:#222;margin:0;font-size:13px;}
#tab-title .selected{color:#222;background:#eee;padding:0 8px;margin:0 3px;}
#tab-title{display:inline-block;margin-left:5px;}
#tab-title span{padding:0 8px;margin:0 3px;border:1px solid #ccc;cursor:pointer;float:left;}
#tab-content .hidecom{display:none;} 
#tab-content .hidepou{display:none;} 
.srtab{float:left;width:285px;padding:0 10px 10px 10px;margin-bottom:10px;display:block;font-size:13px;line-height:21px;text-align:left;}
.srtab li{background: url(img/listpost.gif) no-repeat;list-style-type:none;background-position:0 4px;padding-left:16px;line-height:21px;}
.srtab li:hover{background:#CCC url(img/listpost.gif) no-repeat;background-position:0 4px;padding-left:16px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;-moz-box-sizing:content-box;}
.srtab ul{list-style-type: none;overflow:hidden;padding:0;margin:0;}
#tab-content .hidecom li{background: url(img/listcom.gif) no-repeat;list-style-type:none;background-position:0 4px;padding-left:16px;line-height:21px;}
#tab-content .hidecom li:hover{
background:#CCC url(img/listcom.gif) no-repeat;background-position:0 4px;padding-left:16px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;-moz-box-sizing:content-box;}
#tab-content .hidepou li{background: url(img/popular.gif) no-repeat;list-style-type:none;background-position:0 4px;padding-left:16px;line-height:21px;}
#tab-content .hidepou li:hover{background:#CCC url(img/popular.gif) no-repeat;background-position:0 4px;padding-left:16px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;-moz-box-sizing:content-box;}
.sidebar{float:left;width:285px;padding:0 10px 10px 10px;margin-bottom:10px;display:block;font-size:13px;line-height:21px;text-align:left;}
.sidebar h3{
color:#222;
font-size:15px;
font-weight:bold;
margin:0 0 5px 0;
padding:0 5px;
border-bottom:3px dotted #abcdef;
}
.sidebar li{
background: url(img/list.gif) no-repeat;
list-style-type:none;
background-position:0 4px;
padding-left:16px;
line-height:21px;
}
.sidebar li:hover{background:#CCC url(img/list.gif) no-repeat;background-position:0 4px;padding-left:16px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;-moz-box-sizing:content-box;}
.sidebar ul{
list-style-type: none;
overflow:hidden;
padding:0;
margin:0;
}
.sidebarcate{float:left;width:285px;padding:0 10px 10px 10px;margin-bottom:10px;display:block;font-size:13px;line-height:21px;text-align:left;}
.sidebarcate h3{
color:#222;
font-size:15px;
font-weight:bold;
margin:0 0 5px 0;
padding:0 5px;
border-bottom:3px dotted #abcdef;
}
/* Comments */
#comments-nav{padding:2px 5px;float:right;margin-top:10px;}
#comments-nav a{background:#F0F3F7;height:22px;
color:#5279AD;
padding:2px 5px;
margin:0 2px;
text-decoration:none;
border:1px solid #EEE;}
#comments-nav a:hover{color:#FFF;
background:#336699;}
#comments-nav span.current{color:#FFF;padding:2px 5px;
background:#336699;}
#respond h3,#comments h3,h3#post_comment{
color:#738ABE;
font-size:14px;
margin:0;
border-bottom:1px solid #CCCCCC;
}

#comments {
margin:0;
}
ol.commentlist{
clear:both;
display:block;
list-style-type:none;
padding:0;
margin:0;
}
ol.commentlist li{
margin:35px 0 0 0;
list-style-type:none;
background:url(img/postline.jpg) no-repeat top;
}
ol.commentlist li blockquote{
border-top:3px dotted #B7EA5D;
}
ol.commentlist p{
margin:10px 0;
color:#666;
font-size:15px;
font-family:Comic Sans MS,Arial,sans-serif;
word-spacing:3px; 
}
.comment-author{
padding:5px;
font-size:13px;
color:#666;
margin:0;
}
.comment-author img{
padding:2px;
border:1px dotted #DDD;
}
.children .comment-author {
padding:2px;
font-size:13px;
color:#666;
margin:0;
border-left:1px solid #A8D3E4;
}
.children .comment-author img {
width:32px;
height:32px;
}
.comment-author a{
color:#738ABE;
word-spacing:5px; 
font-family:Comic Sans MS,Arial,sans-serif;
}
.comment-meta{
font-size:13px;
color:#666;
margin:0;
font-family:Comic Sans MS,Arial,sans-serif;
}
.comment-meta a{
font-size:13px;
color:#666;
margin:0;
}
.reply{
float:right;
}
.reply a{
font-size:13px;
color:#1E73D5;
font-weight:bold;
}
#commentform input#author {
background:url(img/name.png) no-repeat left center;
border:1px solid #A8D3E4;
padding:3px 5px 3px 40px;
}
#commentform input#email {
background:url(img/email.png) no-repeat left center;
border:1px solid #A8D3E4;
padding:3px 5px 3px 40px;
}
#commentform input#url {
background:url(img/url.png) no-repeat left center;
border:1px solid #A8D3E4;
padding:3px 5px 3px 40px;
}
#commentform textarea {
border:1px solid #A8D3E4;
margin:5px 0;
padding:4px;
width:97%;
}
#commentform input {
margin:5px 3px 0 0;
}
#commentform #submit {
margin:0

}
#commentform .button {
cursor:pointer;
background:url(img/comsubmit.png) no-repeat left center;
border:1px solid #A8D3E4;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
padding:2px 6px 2px 38px;
width:auto;
margin:0;
}
#cancel_comment_reply{
margin:10px 0 5px 0;
}
#cancel_comment_reply a{
font-size:13px;
color:#FF3333;
font-weight:bold;
}
/* BottomWidget */
#topwt{
width:990px;
margin:10px auto;
}
#topwidget{
background:#FFF;
display:inline-block;
margin:0;
font-size:13px;
color:#555;
text-align:left; 
}
#topwidget h3{
margin:0;
font-size:15px;
padding:0 5px;
border-bottom:3px dotted #abcdef;
}
#topwidget a{
margin:0;
color:#555;
cursor: pointer;
}
#topwidget a:hover{
background:#ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
-moz-box-sizing:content-box;
}
#topwidgetleft{
float:left;
width:310px;
padding:0 10px;
margin:0;
}
#topwidgetleft li{
float:left;
list-style-type:none;
line-height:21px;
width:290px;
}
#topwidgetleft li:hover{
background:#ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
-moz-box-sizing:content-box;
}
#topwidgetleft ul{
overflow:hidden;
margin:0;
}
#topwidgetcenter{
float:left;
width:310px;
padding:0 10px;
margin:0;
}
#topwidgetcenter li{
background:url(img/link.gif) no-repeat;
padding-left:18px;
background-position:0 4px;
float:left;
list-style-type:none;
line-height:21px;
width:290px;
}
#topwidgetcenter li:hover{
background:#ccc url(img/link.gif) no-repeat;
padding-left:18px;
background-position:0 4px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
-moz-box-sizing:content-box;
}
#topwidgetcenter ul{
overflow:hidden;
margin:0;
}
#topwidgetright{
float:left;
width:310px;
padding:0 10px;
margin:0;
}
#topwidgetright li{
background:url(img/listcom.gif) no-repeat;
padding-left:16px;
background-position:0 4px;
float:left;
list-style-type:none;
line-height:21px;
width:290px;
}
#topwidgetright li:hover{
background:#ccc url(img/listcom.gif) no-repeat;
padding-left:16px;
background-position:0 4px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
-moz-box-sizing:content-box;
}
#topwidgetright ul{
overflow:hidden;
margin:0;
}
/* pagebar	*/
#paviinfo{
background:#F0F3F7;
padding:2px 5px;
margin:0 2px;
float:left;
text-align:center;
color:#5279AD;
font-size:13px;
}
#spagenavi{
float:right;
font-size:13px;
display:inline-block;
height:22px;
}
#spagenavi a{
background:#F0F3F7;
color:#5279AD;
float:left;
padding:2px 5px;
margin:0 2px;
text-decoration:none;
border:1px solid #EEE;
}
#spagenavi a:hover{
color:#FFF;
background:#336699;
}
#spagenavi a.current{
color:#FFF;
background:#336699;
}
.pagenav{
padding:5px;
margin:0 0 10px 0;
font-size:13px;
}
.pagenav a{
color:#738ABE;
font-size:13px;
}
.pagenav a:hover{
color:#738ABE;
font-size:13px;
background:#eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
-moz-box-sizing:content-box;
}
/* related & random post */
#rrp{
display:inline-block;
margin:10px 0;
}
.rare{
width:47%;
float:left;
display:block;
font-size:13px;
padding:5px;
line-height:21px;
}
.rare h3{
color:#222;
border-bottom:3px dotted #B7EA5D;
font-size:16px;
font-weight:bold;
margin:0;
padding:0 0 5px 0;
}
.rare a{
color:#666633;
text-decoration:none;
}
.rare a:hover{
color:#666633;
text-decoration:none;
}
.rare li{
background: url(img/list.png) no-repeat;
list-style-type:none;
background-position:0 2px;
padding-left:18px;
line-height:21px;
text-decoration:none;
}
.rare li:hover{
background:#F5F5F5 url(img/list.png) no-repeat;
list-style-type:none;
background-position:0 2px;
padding-left:18px;
line-height:21px;
text-decoration:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
-moz-box-sizing:content-box;
}
.rare ul{
list-style-type: none;
overflow:hidden;
padding:0;
margin:0;
}
#footercopyright{
width:990px;
margin:0 auto;
font-size:13px;
color:#4C4C4C;
text-align:right;
}
#footercopyright a{
font-size:13px;
color:#4C4C4C;
text-decoration:none;
}
/* TreeMenu	*/
.ul.children li
{
	margin:0;
	padding:0;
}
.simpleTree li
{
	list-style: none;
	margin:0;
	padding:0 0 0 34px;
	line-height: 14px;
}
.simpleTree li span
{
	display:inline;
	clear: left;
	white-space: nowrap;
}
.simpleTree ul
{
	margin:0; 
	padding:0;
}
.simpleTree .categories
{
	margin-left:-16px;
	background: url(img/root.gif) no-repeat 16px 0;
}
.simpleTree .line
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url(img/line_bg.gif) 0 0 no-repeat transparent;
}
.simpleTree .line-last
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url(img/spacer.gif) 0 0 no-repeat transparent;
}
.simpleTree .line-over
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url(img/line_bg_over.gif) 0 0 no-repeat transparent;
}
.simpleTree .line-over-last
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url(img/line_bg_over_last.gif) 0 0 no-repeat transparent;
}
.simpleTree .folder-open
{
	margin-left:-16px;
	background: url(img/collapsable.gif) 0 -2px no-repeat;
}
.simpleTree .folder-open-last
{
	margin-left:-16px;
	background: url(img/collapsable-last.gif) 0 -2px no-repeat;
}
.simpleTree .folder-close
{
	margin-left:-16px;
	background: url(img/expandable.gif) 0 -2px no-repeat;
}
.simpleTree .folder-close-last
{
	margin-left:-16px;
	background: url(img/expandable-last.gif) 0 -2px no-repeat;
}
.simpleTree .doc
{
	margin-left:-16px;
	background: url(img/leaf.gif) 0 -1px no-repeat;
}
.simpleTree .doc-last
{
	margin-left:-16px;
	background: url(img/leaf-last.gif) 0 -1px no-repeat;
}
.simpleTree .ajax
{
	background: url(img/spinner.gif) no-repeat 0 0;
	height: 16px;
	display:none;
}
.simpleTree .ajax li
{
	display:none;
	margin:0; 
	padding:0;
}
.simpleTree .trigger
{
	display:inline;
	margin-left:-32px;
	width: 28px;
	height: 11px;
	cursor:pointer;
}
.simpleTree .text
{
	cursor: default;
}
.simpleTree .active
{
	cursor: default;
	padding:0px 2px;
}
/* Link */
#link{
margin-bottom:20px;
width:100%;
}
#link li,#link li:hover{
list-style-type:none;
float:left;
width:48%;
}
#link a{
color:#555;
display:inline-block;
text-decoration: none;
background: url(img/linkline.gif) repeat-x 100% 100%;
padding:0px;
}