@charset "utf-8"; 
/*
	5/July/2009
	Powered by emlog
	http://www.emlog.net/
	Transferred for Bo-blog v2.1.1 by Millin Wang
	http://www.yaoyao.name/
	You are free to have all rights on this template,all you must do is keep the information above. 
*/

/****** General Styles ******/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
body{
line-height:1.5;
font-family:Arial,Helvetica,sans-serif;
background-color:#f7f7f7
}
table{
border-collapse:separate; 
border-spacing:0
}
caption, th, td{
text-align:left; 
font-weight:normal
}
table, td, th{
vertical-align:middle
}
blockquote:before, blockquote:after, q:before, q:after{
content:""
}
blockquote, q{
quotes:""""
}
a:link, a:active{
color:#0079b7; 
text-decoration:none
}
a:visited{
color:#0079b7; 
text-decoration:none
}
a:hover{
color:#0079b7; 
text-decoration:underline
}
a img{
border:none}

li{
list-style:none
}
.clear{
clear:both
}

/****** Main Layout Styles ******/
#wrapper{
width:912px;
margin:0 auto;
margin-top:15px; 
text-align: left;
background:url(images/comment_back.gif) repeat-y
}
#innerWrapper{
}
#header{
background:url(images/top_back.png) no-repeat top; 
padding:50px 0px 37px 45px;
}
#innerHeader{
}
.blog-header{
}
h1{
font-size:18px; 
font-weight:800;
text-align: left;
}
.blog-title{
margin-top:-25px
}
#header a:link, #header a:visited, #header a:active, #header a:hover{
color:white; 
text-decoration:none
}
.blog-desc{
font-size:12px; 
color:#D8D8D8;
padding-left:5px
}

/* nav menu */
#menu{
font-size:14px; 
float:right; 
margin:1px 12px 0px 0px; 
height:1%;
}
#menu li{
float:left; 
margin-right:2px
}
#menu li a{
width:73px; 
padding:4px 0px 2px; 
display:block; 
text-align:center
}
#menu a{
background:url(images/button.png) no-repeat -74px 0px
}
#menu a:hover{
background:url(images/button.png) no-repeat -74px -29px; 
color:#FFF; 
text-decoration:none
}
#menu .activepage a{
background:url(images/button.png) no-repeat 0px -29px; 
color:#FFF; 
text-decoration:none
}
.announce{
	margin-bottom: 5px;
	margin-left:0px;
}
.announce-content{
font-weight:bold;
}

/****** Main Layout Styles ******/
#mainWraper{ 
}
.content{
width:582px; 
float:left; 
padding:10px 33px 10px 25px; 
font-size:14px; 
color:#333; 
line-height:1.6; 
overflow:hidden
}
#innerContent{
}

/*textbox*/
.textbox{
width:582px; 
float:left; 
padding:10px 33px 10px 25px; 
font-size:14px; 
color:#333; 
line-height:1.6; 
overflow:hidden
}
.textbox p{
margin-bottom:10px
}
.textbox img{
max-width:540px
}
.textbox ul li{
margin-bottom:20px
}
.textbox-title{
font-size:16px; 
float:left; 
font-weight:800; 
color:#ff7a15;
display:inline;
}
.textbox-title a:link{
color:#ff7a15; 
text-decoration:none
}
.textbox-title a:hover{
color:#ff7a15; 
text-decoration:none;
}
.textbox-title a:visited{
color:#ff7a15; 
text-decoration:none
}
.line{ 
border-bottom:1px #f0f0f0 solid;
}
.act{
color:#c1c1c1; 
font-size:12px; 
float:left; 
margin:5px 0px 0px 5px
}
.act a:link{
color:#a5a5a5; 
text-decoration:none
}
.act a:active{
color:#a5a5a5; 
text-decoration:none
}
.act a:visited{
color:#a5a5a5; 
text-decoration:none
}
.act a:hover{
color:#a5a5a5; 
text-decoration:underline
}
.textbox-content{
width:582px; 
padding:10px 0 0; 
overflow:hidden;
}
.textbox-content p img{ 
margin:0px 8px;
vertical-align:top;
}
.textbox-bottom{
margin-top:20px; 
font-size:12px; 
background:url(images/c_m.gif) repeat-y; 
color:#418bc5
}
.textbox-bottom  .tag{
color:#87b342
}
.textbox-bottom .tag a:link, .under .tag a:active{
color:#87b342; 
text-decoration:none
}
.textbox-bottom .tag a:visited{
color:#87b342; 
text-decoration:none
}
.textbox-bottom .tag a:hover{
color:#87b342; 
text-decoration:underline
}
.textbox-bottom .top{
background:url(images/c_top.gif) no-repeat; 
height:9px
}
.textbox-bottom .bottom{
background:url(images/c_bottom.gif) no-repeat;
height:9px; font-size:0
}
.under_p{
padding:0px 20px;
}
.textbox-label{
color: #999999; 
font-size:12px;
}
.text-label-indented{
font-size: 12px;
display: block;
text-align: right;
float: right;
}
.textbox .editor{ 
float:right; 
padding-top:6px;
font-size:12px;
}

/*trackback*/
#trackback_address{
font-size:12px; 
color:#999
}
#trackback_address input{
border:#f1f1f1 solid 1px; 
background-color:#fffdf1; 
padding:2px 8px; 
color:#999; 
font-size:11px
}
#trackback{
font-size:12px; 
color:#333; 
line-height:16px; 
overflow:hidden; 
margin:5px 0; 
padding:0px 0px 3px 0px; 
border-bottom:1px #f5f5f5 solid
}
#trackback li{
margin:5px 0px; 
padding:0px; 
clear:both
}

 /*comment*/
.textbox .comment{
margin:15px 0px 5px 25px
}
 .comment-wrapper{
 }
.commentbox{
width:582px; 
margin-top:10px; 
background:url(images/c_m.gif) repeat-y; 
margin-left:25px;
}
.commentbox .top{
background:url(images/c_top.gif) no-repeat; 
height:9px
}
.commentbox .bottom{
background:url(images/c_bottom.gif) no-repeat; 
height:9px;
font-size:0;
}
.commentbox-title{
padding-bottom: 0px;
color: #333;
margin-left:10px;
font-weight: normal; 
}
.commentbox-label{
display: inline;
color: #333;
font-size: 11px;
}
.commentbox-content{
margin-left:10px;
margin-right:10px;
font-size:12px;
line-height: 150%;
padding: 5px 0px 5px 0px;
color:#808080;
}
.commentbox-content a{
}
.commentbox-content a:hover{
}
.button{
background:url(images/em_button.gif) no-repeat; 
border:0; 
color:#FFF; 
width:111px; 
height:29px; 
text-align:center; 
cursor:pointer;
}

/*sidebar*/
.sidebar{
float:right; 
width:185px; 
font-size:12px; 
color:#0079b7;
padding-right:30px;
padding-top:0px; 
display:inline; 
overflow:hidden
}
.sidebar img{
max-width:540px
}
.sidebar ul li ul{
margin:10px 0
}

/*footer*/
#footer{
clear:both;
text-align:
center;
width:912px; 
margin:auto;
background:url(images/bottom.png) no-repeat #f7f7f7;
color:#FFF; 
font-size:12px;
padding-bottom:20px;
margin-bottom:10px;
text-align:center; 
}
#footer a{
color:#FFF;
}
#footer a:link, #footer a:active{
color:#fff; 
text-decoration:none
}
#footer a:visited{
color:#fff; 
text-decoration:none
}
#footer a:hover{
color:#000; 
text-decoration:underline
}
#innerFooter{
padding-top:5px;
}

/*calendar*/
.calendar{
/*background-image:url(images/bg.jpg); */
margin-bottom:10px
}
.calendar-year, 
.calendar-month,.calendar td{
font-size:12px; 
text-align:center; 
padding:1px 6px; 
line-height:1.6;
}
.calendar a:visited{
color:#F30; 
text-decoration:none
}
.calendar td a:link{
color:#F30; 
text-decoration:none
}
.calendar td a:hover{
color:#F30; 
text-decoration:none
}
.calendar-today{
background:url(images/bg_cal_today.gif)  no-repeat -2px 0px
}
.calendar-day a, .calendar-saturday a, .calendar-sunday a{
font-weight:bold
}
.calendar-saturday, 
.calendar-sunday{
background-color:#F5F5F5; 
color:#333; 
font-weight:bold
}
.calendar-weekdays{
background-color:#F5F5F5; 
color:#333
}
.calendartop{
text-align:center; 
font-size:14px;
margin-left:41px
}

/* quote */
.quote {
border-left: 0px solid #333;
margin: 10px;
}
.quote-title {
background-color: #FBFEFF;
color:#000;
padding: 5px;
font-weight: normal;
}
.quote-content {
color: #008080;
padding: 10px; 
background-color: #FBFEFF;
}

/****** Input Form Styles (table) ******/
.formbox{
}
.formbox-comment{
padding-top: 10px;
}
.formbox-title,
.formbox-comment-title{
color: #000;
font-weight: bold;
font-size: 14px;
}
.formbox-content {
padding: 5px;
}
.panel-smilies {
text-align: center;
position:relative;
height:0px;
}
.panel-smilies-title {
display:none;
}
.panel-smilies-content {
padding: 3px;
line-height: 120%;
position:absolute;
border: 1px solid #BFCAD2;
background:#fff;
left:160px;
top:-1px;
}

/****** normal message box ******/
.messagebox{
 width: 550px;
 margin-top: 120px;
 border: 1px solid #008080; 
 border-top: 0px; 
 text-align: center; 
 background-color: #0079b7;
}
.messagebox-title{
 color: #FFFFFF; 
 font-weight: bold; 
 padding: 5px;
}
.messagebox-content{
 color: #000; 
 background:#FFFFFF;
 padding: 10px; 
 padding-bottom: 20px; 
 text-align: center;
}
.messagebox-bottom{
 color: #000; 
 background-color: #c0c0c0; 
 padding: 5px;
}

/****** Sidebar Panels ******/
.panel{
padding-top:10px;
}
.panel h5{
text-align: left;
font-size:14px; 
font-weight:300; 
color:#000; 
border-bottom:1px #e1e1e1 solid; 
margin-bottom:5px; 
cursor:pointer; 
}
.panel h5 a{
}
.panel-content{
}
.panel-content a{
}
.panel-content a:hover{
}
.panel-content ul{
}
.panel-content li{
background:url(images/arrow.gif) no-repeat;
text-indent: 20px;
}
.panel-content li.indent{
margin-left:5px;
padding:0px;
text-indent: 15px;
background:url(images/list.gif) no-repeat;
}