/*  
Theme Name: angel
Theme URI: http://www.blogohblog.com
Description: Angel is a light colored theme with widget ready sidebars. The theme has 3 columns and comes for free under a Creative Commons License.
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/*======================================

	1-1.Yahoo UI Library Fonts CSS ver.2.3.1
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt
	
	Font-size Adjustment
	
	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

=======================================*/

/* Don't Edit */
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

/**************BODY*****************/
* {
	margin:0; 
	padding:0;
	line-height:1.65;
	font-style: normal;
}
body 
{
	padding: 1em 0;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper_top 
{
	no-repeat bottom; 
	height:9px;
}
#wrapper 
{
	width:993px; 
	margin:35px auto; 
	repeat-y; 
	position:relative;
}
#angelbg 
{
	no-repeat;
	width:50px; 
	height:42px; 
	position:absolute; 
	bottom:10px; 
	right:10px;
	display:block;
}
#wrapper_bottom 
{
	no-repeat top;
	height:10px;
}

/**************LINKS*****************/
a, a:link, a:visited 
{
	text-decoration:none; 
	color:#000000;
}
a:hover 
{
	color: #DF3B39;
	border-bottom : 1px dotted #000000;
}

/**************NAVIGATION*****************/
#MainMenu
{
	background:#FFFFFF url("images/bmid_108.gif");
	border:0;height:54px;
	margin:0;
}
#tab
{
	margin:0;
	top:0; 
	text-transform:uppercase;
}
#tab ul
{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
#tab li
{
	display:inline;
	float:left;
	margin:0 1px 0 0;
	padding:0;
}
#tab a
{
	background:url("images/bright_108.gif") no-repeat right top;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-decoration:none;
}
#tab a span{
	background:url("images/bleft_108.gif") no-repeat left top;
	color:#FFFFFF;
	display:block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11;
	line-height:1.65;
	padding:0 25px 0 25px;
	font-weight:bold;
}
#tab a:hover,
#tab li.current_page_item a
{
	background-position:right bottom;
}
#tab a:hover span,
#tab li.current_page_item a span
{
	background-position:left bottom;
	color:#E7E7E7;
	font-style:normal;
	text-decoration:none;
}
#tab li.rsslink a 
{ 
	color:#ff6600;
	font:18px Georgia, Times, serif;
	line-height:1.65;
	padding:0 25px 0 25px;
}

/**************HEADER*****************/
#header 
{
	padding-bottom:10px; 
	height:70px;
}
#logo 
{
	padding:15px 10px 10px 33px; 
	width:600px; 
	float:left;
}
#logo h1 a 
{
	color:#333; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:22px; 
	text-transform:uppercase; 
	border-bottom:1px dotted #333333;
}
#logo h1 a:hover 
{
	color:#000;
}
#logo h2 
{
	font-size:11px; 
	font-weight:bold; 
	text-transform: lowercase; 
	margin:5px 0px 0px 2px; 
	color:#999999;
}

/**************SEARCH*****************/
#topsearch 
{
	width:278px; 
	height:30px;
	background:url(images/search.gif) no-repeat; 
	float:right; 
	margin:10px 0 0 0; 
	padding-right:42px;
}
#ls 
{
	border:0; 
	padding:6px 5px 5px 5px; 
	width:200px; 
	margin-left:40px; 
	font:13px Arial; 
	color: #999999; 
	text-transform:lowercase;
}
h2.archive 
{
	margin:10px; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:16px; 
	color:#666;
}
.noresults 
{
	text-align:center; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:16px; 
	margin-top:30px;
}

/**************RECENT POST*****************/
#entry 
{ 
	padding:0 0 0 5px;
	width:650px; 
	float:left;
}
.recent 
{
	width:650px; 
	background:#FFFFFF top no-repeat; 
	padding:10px 15px 10px 15px; 
	text-align:justify;
}
.recent h2 
{
	font-weight:normal; 
	font-family:Georgia, "Times New Roman", Times, serif;  
	font-size:22px;
}
.recent h2 a 
{
	color: #333;
}
.recent h2 a:hover 
{
	color:#FF6600;
}
.info 
{
	height:50px; 
	border-bottom:1px dotted #CCCCCC;
	
}
.latest {
	float:left;
}
h3.title 
{
	font-size:18px;
	color: #999999;
	font-weight:normal; 
	font-family:Georgia, "Times New Roman", Times, serif;
}
.date 
{
	color:#000; 
	padding:3px 0 5px 2px;
} 
.post 
{
	line-height:1.65;
	border-top:1px solid #CCCCCC;
	padding-bottom: 10px; 
}
.post p 
{
	margin:0 0 15px 0;
}
html>body #entry ul 
{ 
	margin-left: 0px; 
	padding: 0 0 0 30px; 
	list-style: none; 
	padding-left: 10px; 
	text-indent: -10px; 
} 
html>body #entry li 
{ 
	margin: 7px 0 8px 10px; 
}
#entry ul li:before
{ 
	content: "\00BB \0020"; 
}
#entry img {
	margin:2px 2px 2px 2px;
}
.content 
{
	color:#000000;
}
.recentbottom 
{
	height:5px; 
	margin:0 0 15px 0px;
	display:block; 
	display:inline; 
	border-top:1px dotted #CCCCCC;
}
.meta 
{
	margin:15px 0 10px 0; 
	font-size:11px; 
	font-weight:bold;
}
.meta a 
{
	color:#666666;
}
.meta a:hover 
{
	text-decoration:underline;
}
.cats 
{
	background:url(images/folder.gif) no-repeat left; 
	padding:0 0 0 20px; 
	font-size:12px;
}
.tags 
{
	background:url(images/maximize.gif) no-repeat left; 
	padding:0 0 0 20px; 
	font-size:12px;
}
#banner 
{
	margin:auto; 
	margin:0 0 10px 30px;
}

/****************COMMENTS*********************/
#commentform h2 
{
	margin:10px 5px 10px 5px; 
	font-family:Georgia, "Times New Roman", Times, serif; 	font-size:16px; 
	color:#333333; 
	background:url(images/comments.gif) left no-repeat; 
	padding-left:20px;
}
#comments 
{
	margin:15px 5px 15px 5px; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:16px; 
	color:#333333;
}

ol.commentlist
{
	margin:0;
	padding:0; 
	width:96%;
}
.commentlist li
{
	list-style:none;
	margin-bottom:14px; 
	margin-left:5px;
}
.commentlist cite
{ 
	background-color:#FFFFFF; 
	border:1px solid #ccc; 
	border-bottom:0; color: #666666;
	display:block;
	font-style:normal;
	padding:7px;
	font-size:11px; 
	line-height:1.65;
}
.commentlist a:link, 
.commentlist a:visited
{
	color: #333333;
}
.commentlist a:hover, 
.commentlist a:active
{
	color: #000000;
}
.commentlist cite img
{
	border:1px solid #aab59a;
	float:left;margin-right:9px;
	padding:1px;
}
.commentlist .author
{
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	font-size:13px; 
	font-weight:bold;
}
.commentlist 
.time
{
	background:url(images/time.gif) no-repeat;
	padding-left:20px; 
	padding-bottom:1px; 
	line-height:1.65;
}
.commenttext
{
	background-color: #F2F2F2; 
	color:#666;
	padding:10px; 
	border:1px solid #ccc; 
	border-top:0; 
	line-height:1.65;
}

#author, 
#email, 
#url 
{
	width:12em;
	font-size:13px; 
	color:#666666;
	padding:3px; 
	margin:5px; 
	border:1px solid #cccccc; 
	background:#FFFFFF url(images/bloglight.gif) top left no-repeat;
}
#submit
{
	font:bold 1em Tahoma;
	margin:5px;
	padding:2px;
}
#respond
{
	padding-top:20px;
	padding-bottom:10px; 
	font-weight:lighter;
}
#comment
{
	width:95%;
	font:13px Tahoma;
	color:#666666;margin:5px; 
	border:1px solid #cccccc;
}

li.bypostauthor {
    /* 作者留言的CSS?式 */
	width:95%;
	font:13px Tahoma;
	color:#000;margin:5px; 
	border:1px solid #cccccc;
	background-color: #FFCECD; 
}

/**************SIDEBAR*****************/
.about 
{
	margin-bottom:10px; 
	padding-bottom:10px; 
	color: #666;
}
h1.abouttitle 
{
	font-size:16px; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:normal; 
	margin-bottom:10px; 
	color:#000000; 
	padding-left:250px; 
	height:21px;
}
.abouttext 
{ 
	border-top:1px dotted #666; 
	padding-top:10px;
}
.rsstext 
{ 
	border-top:1px dotted #666; 
	padding-top:10px;
}
.rsstext a 
{ 
	background:url(images/rss.gif) left no-repeat; 
	padding-left:220px;
}
#sidebar 
{
	width:290px; 
	float:right; 
	position:relative;
}
#sidebar a 
{
	color:#333;
}
#sidebar a:hover 
{
	text-decoration:underline;
}
#ads li {
	display:inline; 
	margin:0px 20px 20px 0px; 
	float:left;
}

#sidebar1
{ 
	width:130px; 
	float:left; 
	padding:5px 5px 5px 0;
}
#sidebar1 h2
{ 
	font-size:14px; 
	color:#333333; 
	text-transform:uppercase; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	padding-bottom:5px;
	border-bottom:1px dotted #666;
}
#sidebar1 ul
{
	list-style-type:none;
}
#sidebar1 ul li
{
	list-style-type:none;
	margin-top:20px; 
}
#sidebar1 ul li ul
{
	font-style:normal;
	margin-top:10px;
	padding:0px;
}
#sidebar1 ul li ul li
{
	border:0; 
	background:url(images/file.gif) no-repeat; 
	margin:0 0px 5px;
	padding:0 0 5px 20px; 
	font-size:12px;
}
#sidebar1 p
{
	padding:0 5px;
}

#sidebar2
{ 
	width:130px;
	float:left; 
	padding:5px;
}
#sidebar2 h2
{ 
	font-size:14px;  
	color:#333333; 
	text-transform:uppercase; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	padding-bottom:5px;
	border-bottom:1px dotted #666;
}
#sidebar2 ul
{
	list-style-type:none;
}
#sidebar2 ul li
{
	list-style-type:none;
	margin-left:10px;
	margin-top:20px;
}
#sidebar2 ul li ul
{
	font-style:normal;
	none;margin-top:10px;
	padding:0px;
}
#sidebar2 ul li ul li
{
	border:0;
	background:url(images/file.gif) no-repeat;
	margin:0 0px 5px;
	padding:0 0 5px 20px;  
	font-size:12px;
}
#sidebar2 p
{
	padding:0 5px;
}

/**************FOOTER*****************/
.footer p 
{
	font-size:10px; 
	text-transform:uppercase; 
	padding:10px 10px 10px 20px; 
	color:#999; 
	font-weight:bold;
}
.footer a 
{
	color:#666666;
}
.footer a:hover 
{
	text-decoration:underline; 
	color:#333333;
}

/****************GALLERY*********************/
.gallery 
{
	text-align:center;
}
.gallery img 
{
	padding:1px;
	height:100px; 
	width:100px; 
	border:1px solid #333;
}
.gallery a:hover 
{
	background-color:#ffffff;
}
.attachment 
{
	text-align:center;
}
.attachment img 
{ 
	padding:1px; 
	border:1px solid #333;
}
.attachment a:hover 
{
	background-color:#FFFFFF;
}
.imgnav 
{
	text-align:center;
}
.imgleft 
{
	float:left;
}
.imgleft a:hover 
{
	background-color:#FFFFFF;
}
.imgleft img
{ 
	padding:1px; 
	border:1px solid #333; 
	height:100px; 
	width:100px;
}
.imgright 
{
	float:right;
}
.imgright a:hover 
{
	background-color:#FFFFFF;
}
.imgright img
{ 
	padding:1px; 
	border:1px solid #333; 
	height:100px;
	width:100px;
}

/****************MISC*****************/
acronym, abbr, span.caps 
{ 
	cursor: help; 
}
acronym, abbr 
{ 
	border-bottom: 1px dashed #999; 
}
blockquote 
{ 
	margin: 15px 30px 15px 10px; 
	padding-left: 20px; 
	border-left: 5px solid #ddd; 
}
blockquote cite 
{ 
	margin: 5px 0 0; 
	display: block; 
}
.center 
{ 
	text-align: center; 
}
hr 
{ 
	display: none; 
}
a img 
{ 
	border: none; 
}
.alignright
{
	float:right;  
	padding:20px 20px 20px 0;
}
.alignright a 
{ 
	padding:0 20px 0 20px; 
	background:url(images/arrow_forward.gif) right no-repeat; 	color:#666666; 
	text-transform:uppercase; 
	font-size:12px; 
	font-weight:bold;
}
.alignright a:hover 
{
	color:#000000;
}
.alignleft
{
	float:left;  
	padding:20px 0 20px 0; 
}
.alignleft a 
{
	color:#666666;  
	padding:0 20px 0 20px; 
	background:url(images/arrow_back.gif) left no-repeat;
	text-transform:uppercase; 
	font-size:12px; 
	font-weight:bold; 
}
.alignleft a:hover 
{
	color:#000000;
}
pre 
{
	border: solid 1px #9a9a9a;
	color: blue;
	margin: 10px;
	padding:10px;
	background: #f3f2ed;
}
code 
{
	font-size:1.0em;
	color: #000
}
/************/
p.breadcrumbs {
	margin: 0 0 0.7em;
	padding-top: 0.6em; /* ie6 */
	line-height:1.65;
	font-size: 100%;
}

p.breadcrumbs span.current {
	padding: 0 0.5em;
	color: #000;
	background-color: #f5f5f5;
}

/* Reaction trackpingCount&commentCount
-----------------------------*/

div.entry ul.reaction {
	margin-top: 0;
}

div.entry ul.reaction li {
	margin: 0.1em 10px 0.1em 0;
	display: inline;
}

div.entry ul.reaction li a {
	border-bottom: none;
}

.count 
{
float:right; 
padding:0; 
font-size:12px; 
text-transform:uppercase;
color: #DF3B39;
}
/* pagenavi
-----------------------------*/
#paviinfo
{
	border: 1px solid #666;
	padding:2px 5px;
	margin:0 2px;
	float:left;
	text-align:center;
}
#spagenavi
{
	float:right;
	font-size:13px;
	font-family:Arial;display:inline-block;
}
#spagenavi a
{
	color: #333;
	float:left;
	padding:2px 5px;
	border: 1px solid #69c;
	margin:0 2px;
	text-decoration:none;
}
#spagenavi a:hover
{
	border-color: #000;
}
#spagenavi a.current
{
	border-color: #0075b8;
}

/* Continue Reading
-----------------------------*/

.more-link 
{
	float : right; /*標籤元素向右靠.文字圍繞在左邊*/
}

.more-link:hover 
{
	color: #DF3B39;
	border-bottom : 1px dotted #000000;
}
/* jquery-tabs格式
-----------------------------*/
.jquery-tabs
{
	background-color:#fff;
}
.jquery-tabs p span
{
	margin-right:2px;
	padding:2px 3px;
	background-color:#fff;
	cursor:pointer;
	border: 1px solid #000;
}
.jquery-tabs p span.current
{
	border: 0 ;
}
.jquery-tabs p
{
	padding:6px;
	margin-right:5px; 
	background: #fff; 
	color: #000;
}
.jquery-tabs ul{}
.jquery-tabs ul li 
{ 
	padding:2px 0 3px 0; 
}

.jquery-tabs ul li 
{ 
list-style:none; 
	background:url(images/file.gif) no-repeat 0 5px; 
	padding-left:20px; 
} 
.jquery-tabs ul li a 
{ 
	padding:6px;
	margin-right:5px; 
	background: #fff; 
	text-decoration:none;
}
.jquery-tabs ul li a:link 
{
}
.jquery-tabs ul li a:visited 
{
}
.jquery-tabs ul li a:hover 
{ 
	color: #DF3B39;
	border-bottom : 1px dotted #000000;
}
.jquery-tabs .mhot,.jquery-tabs.allhot
{
	display:none;
}
/* jquery-tabs1格式
-----------------------------*/
.jquery-tabs1
{
	background-color:#fff;
}
.jquery-tabs1 p span
{
	margin-right:2px;
	padding:2px 3px;
	background-color:#fff;
	cursor:pointer;
	border: 1px solid #000;
}
.jquery-tabs1 p span.current
{
	border: 0 ;
}
.jquery-tabs1 p
{
	padding:6px;
	margin-right:5px; 
	background: #fff; 
	color: #000;
}
.jquery-tabs1 ul{}
.jquery-tabs1 ul li 
{ 
	padding:2px 0 3px 0; 
}

.jquery-tabs1 ul li 
{ 
list-style:none; 
	background:url(images/file.gif) no-repeat 0 5px; 
	padding-left:20px; 
} 
.jquery-tabs1 ul li a 
{ 
	padding:6px;
	margin-right:5px; 
	background: #fff; 
	text-decoration:none;
}
.jquery-tabs1 ul li a:link 
{
}
.jquery-tabs1 ul li a:visited 
{
}
.jquery-tabs1 ul li a:hover 
{ 
	color: #DF3B39;
	border-bottom : 1px dotted #000000;
}
.jquery-tabs1 .mhot,.jquery-tabs.allhot
{
	display:none;
}

strong.search-excerpt 
{ 
	background: yellow; 
}