/*
Bo-Blog V2.1
CSS3.0 Skin
By Jeanyo http://www.tripmind.com/
2010-2-25
*/

/****** General Styles ******/
body {
	font-size: 12px;
	font-family: Tahoma, Arial;
	background: #153056 url(images/body_bg.gif) repeat-y top center;
	margin: 0;
	color: #222;
	padding: 0;
	text-align: center;
}
* html body{
	width: 100%;
	overflow-x: hidden;
}
td{
	word-break: break-all;
}
a {
		text-decoration: none;
	color: #222;
}
a:hover {
	text-decoration: none;
	color:#000;
}
h1,h2,h3,h4,h5 {
	line-height:139%;
}
hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #222;
}
acronym {
	text-decoration: none;
	border-bottom: 1px dotted #222;
	cursor: help;
}

/****** Form Controls Styles ******/
form {
	display: inline;
}

input {
	font-family: Tahoma, Arial; 
	font-size: 14px; 
}
input.text {
	background: #fff;
	border: 1px solid #336699;
	height:20px;
	line-height:20px;
	-moz-border-radius: 3px 3px 3px 3px;
}
input.button {
	background: #fff;
	border: 1px solid #336699;
	padding:5px 10px;
}
textarea { 
	background: #fff;
	border: 1px solid #336699;
	-moz-border-radius: 5px 5px 5px 5px;
	width:95%;
}
select { 
	background: #fff;
	border: 1px solid #336699;
	font-size:12px;
	padding:2px 0;
}
/****** Main Layout Styles ******/
#wrap {height:10px;}
#wrapper_top {
	width:910px;
	margin:0 auto;
	height:5px;
}
#wrapper {
	margin:0 auto;
	margin-top:0px;
	padding:0px;
	width: 910px;
	text-align: left;
	background:#e4e6ea;
	border:10px solid #2a5a8b;
	height:100%;
	-moz-border-radius: 20px 20px 20px 20px; 
}
#innerWrapper {
	width: 890px;
	padding:0;
	margin:10px auto 5px;
	text-align: left;
	height:100%;
		-moz-border-radius: 20px 20px 20px 20px; 
}
#header {
	height:100px;
	width:890px;
	margin:0;
	background:url(images/headbg.png);
	border-bottom:1px solid #153056;
	position:relative;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	
}
#header a img {border:0px;}
#innerHeader {
	padding: 0;
	padding:20px 0 0 10px;
	height: 100px;
}

#footer {
	clear: both;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 65px;
	width: 910px;
	text-align: left;
	margin:5px auto;
	color:#ddd;
	font-family:Serif;
}
#footer a{
 color:#4f88bd;
 text-shadow: 1px 1px 1px  #111;
 
}
#footer a:hover{
 color:#ff7900;
}
#innerFooter {
	padding: 10px;
	font-size: 12px;
	text-align: center;

}

/****** Header Elements Styles ******/
/* header title */
.blog-header {
	padding: 0px;
	padding-right: 20px;
}
h2 {
	padding: 0px;
	margin: 0px;
	font-size: 30px;
}
h2 a {

}
h2 a:hover {
}
/* blog description */
.blog-desc {
position:absolute;
left:200px;
top:70px;
color:#a5b8ca;
width:400px;
display:none;
}
/* nav menu */
#menu { float:left;width: 100%; height: 43px; background: #265584 url("images/menu-bg.gif") top left repeat-x;  font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0;	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;}
#menu ul {height: 43px;padding:0;margin:0 0 0 10px;}
#menu li { display: block; float: left; margin: 0 0 0 5px; }
#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; padding: 0 15px 0;line-height:43px;}
#menu li a:hover { color: #333; }
#menu .activepage a { color: #FFF; background:url("images/current-bg.gif") top left repeat-x;-moz-border-radius: 5px 5px 5px 5px;text-shadow: 2px 2px 2px #555;}
#menu_search {
	position:absolute;
	width:240px;
	right:10px;
	top:50px;
	background:#336699;
	padding:5px;	
	border:1px solid #204c78;
}
#header_rss {
	position:absolute;
	width:32px;
	height:32px;
	top:10px;
	right:10px;
}
/****** Content Layout ******/
#mainWrapper {
	padding:5px 0;
	margin:5px 0;
	background:#f6f7f9;
	border:1px solid #cdd3de;
	float:left;
	width:100%;
	-moz-border-radius: 10px 10px 10px 10px; 
}

/* sidebar */
.sidebar {
	float:right;
	width: 220px;
	padding:0;
	margin: 10px 10px 0 0;
	_margin: 10px 0px 0 0;
	font-size:14px;
}

.sidebar-hide {
	display: none;
	float: left;
}
#innerSidebar {
	padding: 0;
	margin:0;
}
#innerSidebarOne {
	width: 220px;padding: 0;
	margin:0;
}
#innerSidebarTwo {
	width: 220px;padding: 0;
	margin:0;

}
#innerSidebarSearch {
	padding: 10px; 
	background: url('images/search.gif') no-repeat;
	background-color: #eaefef;
	margin-bottom: 10px;
	text-align: right;
}
#innerSidebarFooter {
	margin:5px;
	font-size:11px;
	float:left;
}
#innerSidebarFooter a {font-size:10px;}
#innerSidebarFooter a:hover {color:#ff7900;}
#processtime {
	float:right;
	margin:5px;
	font-size:10px;
	color:#336699;
}
/* content */
.content {
	width: 640px;
	margin:20px 10px;
	padding:0;
	text-align:left;
	height:100%;
}
.content-wide {
	margin:20px 10px;
}
.content-only {
	width: 100%;
}
#innerContent {
	margin-left: 0;
	overflow: hidden;

	margin-top: 5px;
}

/* a style which makes mainWrapper touch the bottom of sidebar and content */
.clear{
	border-top:1px solid transparent !important;
	margin-top:-1px !important;
	border-top:0;
	margin-top:0;
	clear:both;
	visibility:hidden;
}

/****** Sidebar Panels ******/
.panel{
	padding:0;
}
.panel h5 {
	text-align: left;
	font-weight: bold;
	cursor: pointer;
	letter-spacing: 1.5pt;
	padding: 0;
	margin: 0px 0px 10px;
	width:220px;
	height:30px;
	line-height:30px;
	text-indent:10px;
	color:#111;
	border-bottom:1px solid #336699;
	font-size:16px;
	text-shadow: 2px 2px 2px #ccc;
	font-family:  Arial;
}
.panel h5 a{
	font-size:16px;
	padding:5px;

}
.panel-content{
	width: 200px;
	margin:0 auto;
	margin-bottom: 25px;
	line-height: 150%;
	color:#222;
	text-align:left;
}
.panel-content a{
 	color:#425458;
}
.panel-content a:hover {
 	color:#004985;
}

.panel-content ul{
	padding: 0px;
	margin: 0px 0 10px;
}
.panel-content li{
	padding: 0px;
	list-style:none;

}
#sideblock_category  li{
	background:url(images/cat.gif) no-repeat left center;
	padding:2px 0px 2px 15px;
	font-size:14px;
	border-bottom:1px solid #f3f6fd;
	margin:0;
		font-family:Georgia,Serif;
}

#panelCategory .panel-content  ul {
	margin:0 5px;
}

.panel-content li.indent{
	padding: 0px 0px 0px 15px;
	background: url("images/ip.gif") no-repeat left 5px;
	margin-left:5px;
}
#sidebar_entries ul li {
	background: url("images/rizhi.gif") no-repeat left 5px;
}
#sidebar_replies ul li{
	background: url("images/entries.gif") no-repeat left 5px;
}
#sidebar_archive ul li {
	background: url("images/active.gif") no-repeat left 5px;
}
#sidebar_archive ul li , #sidebar_replies ul li, #sidebar_entries ul li {
 	padding: 0px 0px 0px 15px;
	margin:2px 0;
}
/* user panel login form */
#loginForm {
	width: 95%;
}

/* calendar panel */
#calendar {
  width: 100%; 
  margin-top:1px;
  font-size:12px;
}
.calendar-top {
  text-align: center;
  padding:0px;
}
.calendar-year,
.calendar-month {
  font-weight: bold;
}
.calendar-weekdays {
  color: #4e6267;
  font-size:12px;
  text-align: center;
  width: 14%;
  padding:0px;
}
.calendar-weekday-cell {
  
  font-size:12px;
  text-align: center;
  width: 14%;
  padding:0px;
  font-weight: bold;
}
.calendar-main {
}
.calendar-day,
.calendar-day-blank,
.calendar-saturday,
.calendar-sunday,
.calendar-today{
  text-align: center;
  width: 14%;
  padding:0px;
  border:1px solid #a2a5a6;
}
.calendar-saturday,
.calendar-sunday {
  color: #336699; 
}
.calendar-today { 
  border: 1px solid #656768;
  background:#a2a5a6;
  color:#fff;
}
.calendar-day a, .calendar-saturday a, .calendar-sunday a {
  color: #336699; 
  text-decoration: underline;
}
.calendar-today a {
  color: #336699;
  text-decoration: underline;
}

/****** Search Panel ******/
.search-field {
	background: #4f88bd;
	border: 1px solid #204c78;
	height:20px;
	font-size:14px;
	line-height:20px;
	width:150px;
	float:left;
}
.searchbtn {
	border:1px solid #4f88bd;
	background:#336699;
	color:#75a5d1;
	font-size:12px;
	display:block;
	float:left;
	margin-left:5px;
	width:75px;
	height:23px;
}
/****** Announcement Box ******/
.announce{
	margin-bottom: 15px;
	border-bottom: 1px solid #bfcad6 dotted;
}
.announce-content{
	padding: 10px; 
	color:#999;
}

/****** Defaul Page Elements ******/
.article-top {
	padding: 5px;
	margin-bottom: 15px;
}
.article-bottom {
	padding: 5px;
	margin-top: 15px;
}

/* page links */
.pages {
	color: #3F68A6;
	padding: 3px;

}
.pages span span a {
border:1px solid #336699;
padding:2px 5px;
}
.pages span span a:hover {
background:#336699;
color:#fff;
}
.pagelink-current {
	font-weight: bold;
	border:1px solid #336699;
padding:2px 5px;
background:#fff;
}

.listbox {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left:5px;
}
.listbox-table {
	width: 98%;
}
.listbox-header {
	font-weight: bold;
	text-align: center;
	background-color: #336699;
	color: #fff;
	height: 25px;
}
.listbox-entry {
	word-wrap: break-all;
	border-bottom: 1px solid #336699;
	line-height:120%;
}
.listbox-entry a{
	word-wrap: break-all;
}

/* entry display box */
.prev-article a,.next-article a{color:#444;}
.prev-article a:hover,.next-article a:hover{color:#336699;}
/* text box */
.textbox{
	padding-bottom: 25px;
	margin-bottom: 5px;
	clear: both;
}
.textbox-calendar {
	float: left;
	height: 57px;
	width: 50px;
	text-align: center;
	background:url(images/date1.png) no-repeat;
	padding:0;
	margin:0;
}
.textbox-calendar-day {
	display: block;
	font-family: Arial;
	color: #fff;
	font-size: 28px;
}
.textbox-calendar-month {
	margin: 0px;
	display: block;
	font-family: Arial;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;

}

.textbox-title{
	font-size: 16px;
	margin:0 0 10px 10px;
	padding:4px 0 0;
}
.textbox-title h4,.textbox-title h1{
	font-size: 18px;
	padding:0;
	margin:0;
	font-weight: bold;
	text-transform:uppercase;

}
.textbox-title h4 a, .textbox-title h1 a {
	color:#222;
	font-size: 20px;
	font-family:Georgia,"Times New Roman",Serif;
	padding:0;
	text-shadow: 2px 2px 2px #aaa;
}

.textbox-title h4 a:hover, .textbox-title h1 a:hover{
	color:#336699;

}
.textbox-label{
	font-size: 12px;
	margin:0;
	padding-top:3px;
	border-top:1px solid #eb6600;
	color:#aaa;
}
.textbox-label a {
	color:#aaa;
		text-decoration: underline;
}
.textbox-label a:hover, .textbox-content  a:hover {
	color:#000;
}
.text-label-indented {
	font-size: 12px;
	display: block;
	text-align: right;
	float: right;
	margin-top: -10px;
}
*+html .text-label-indented {margin-top: -10px;}
.textbox-fontsize{
	color: #979797;
	float: right;
	text-align: right;
	padding: 3px;
	font-size: 12px;
}
.textbox-fontsize a{
	color: #979797;
}
.textbox-content {
	clear: both;
	word-wrap: break-word;
	padding: 0 10px 10px;
	line-height: 139%;
	color:#222;
	margin-top:5px;
	font-size: 14px;
	font-family:Georgia,Serif;
}
.textbox-content  a{
	color:#336699;
	text-decoration: underline;
	}

.textbox-bottom{
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 1px;
	font-size: 12px;

	text-align: left;
}
.textbox-bottom a {

	text-decoration: none;
}
.textbox-bottom a:hover {
	background-color: #ffffff;
	text-decoration: none;
}
.textbox-adminbar, .textbox-tburl{
	padding: 5px;
	margin-left:10px;
	background:#336699;
	font-size: 12px;
	color:#fff;
	text-align: left;
		-moz-border-radius: 5px 5px 5px 5px;
}
.textbox-adminbar a, .textbox-tburl a{color:#fff;}
.textbox-adminbar a:hover, .textbox-tburl a:hover{color:#111;}


.tags {
	padding:5px 10px;
	font-size: 12px;
	color: #3fbe48;
	text-align:left;
	margin:5px;
	-moz-border-radius: 5px 5px 5px 5px;
	background:#3fbe48;
}
.tags a {
	color: #eee;
	padding:4px 8px;
	background:#3fbe48;
}
.tags a:hover {
	color: #111;
}
/* comments wrapper */
.comment-wrapper{margin-top:20px;}

/* comments top box */
.comment-top{
	padding:5px;
	padding-top: 0px;
	margin: 5px;

	text-align: right;
}
.comment-pages{
	padding:5px;
	margin: 5px;

}
.comment, .reads{
float:left;margin:5px 5px 20px;	
}
.enttb {
float:right;margin:5px 5px 20px;
}
.comment a, .reads a, .enttb a{display:block;color:#fff;padding:5px 10px;
background:#336699;}
.comment a:hover, .reads a:hover, .enttb a:hover{background:#111;color:#fff;}
/* commnet box */
.commentbox, .trackbackbox {
	word-wrap: break-word;
	padding: 0px;
	margin: 5px;
}
.commentbox-odd, .commentbox-couple {
	background: #f1efef;
	padding-bottom:10px;
	border:1px solid #d2cfcf dotted;
	-moz-border-radius: 10px 10px 10px 10px; 
}
.trackbackbox {
	background: #E9FDF1;
	border-top: 1px solid #336699;
}
.commentbox-title, .trackbackbox-title{
	padding: 5px;
	margin-left:5px;
	color: #111;
}
.commentbox-title a, .trackbackbox-title a{
 	color: #111;
	font-weight: bold;
}

.commentbox-label, .trackbackbox-label{
	display: block;
	margin:5px 0;
	font-size: 10px;
	color:#c60000;
	font-weight: bold;
}
.commentbox-label a, .trackbackbox-label a{
	font-weight: normal;
		font-size: 12px;
	color: #097c24;
}
.commentbox-label a:hover, .trackbackbox-label a:hover,.commentbox-title a:hover {
	color:#c60000;
	text-decoration:underline;
}
.commentbox-content, .trackbackbox-content{
	padding: 5px;
	padding-bottom: 14px;
	clear:both;
}


/* comment form wrapper */
#commentForm {
	width: 100%;
}

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


/****** Input Form Styles (table) ******/
.formbox{}
.formbox-comment{
	padding-top: 10px;
	border-top: 10px solid #336699;
}

.formbox-title,
.formbox-comment-title{

	font-weight: bold;

}

.formbox-rowheader {
	padding: 5px;
	font-weight: bold;
}

.formbox-content {
	padding: 5px;
}

/****** UBB Code Custom Styles ******/
/* IE fix for ul */
.code {
	word-wrap: break-all;
	border-left: 4px solid #336699;
	background-color: #dbdce0;
	margin: 5px;
	padding: 10px;
	font-size:12px;
	line-height:120%;
font-family:"Times New Roman",Georgia,Serif;
}

.quote {
	background:#e5e5e5;
	margin: 10px;
	-moz-border-radius: 10px 10px 10px 10px; 
}
.quote-title {
	padding: 5px;
	font-weight: bold;
}
.quote-title img {
	padding-right: 3px;
	margin-bottom: -4px;
}
.quote-content {
	word-wrap: break-all;
	padding: 10px; 
	margin:5px 0;
}

/****** Link ******/
.linkover {
	margin-bottom: 20px;
	height: auto;
	clear: both;
}
.linkbody {
	float: left;
	padding-bottom: 14px;
}
.linkimg {
/*	width: 35%;*/
	float: left;
	text-align: right;
	margin-right: 4px;
}
.linktxt {
	float: left;
}
.linktitle a {
	font-weight: bold;
}
.linkgroup {
	font-weight: bold;

	color: #336699;
	text-indent: 3px;
}

/*Page*/
.pagebox {
	padding-bottom: 25px;
	margin-bottom: 5px;
	clear: both;
}
.pagebox-title{
	font-size: 16px;
	height: 68px;
	margin-left: 5px;
}
.pagebox-title h4{
	color: #336699;
	font-size: 16px;
	padding: 5px;
	margin: 0;
	display: block;
	border-bottom: 3px solid #336699;
	font-weight: bold;
}
.pagebox-content{
	margin-top: -30px;
	clear: both;
	word-wrap: break-word;
	padding: 0;

	line-height: 120%;
}

/* smilies list */
.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;
}

/* Emot Page Selection */
#smileybuttons {
	text-align: right;
	margin-top: 9px;
}

.smileybut {
	margin-right:3px;
	padding: 3px;
	vertical-align: middle;
	font-weight: bold;
}

.smileybut  a{
	border: 1px solid #BEE6FD;
}

/*OpenID input area */
#openid_url {
	background: url(../../images/others/openid.gif) no-repeat;
	text-indent: 20px;
}