/*
=== LBS^2 StyleSheet File ====================================
 Style Name: photo
    Version: 1.0
     Author: conjee
Last Update: 2008-04-10 17:01:00
==============================================================
*/

/****** General Styles **zong ti****/
html{
SCROLLBAR-FACE-COLOR: #ffffff;
 SCROLLBAR-HIGHLIGHT-COLOR: #848284;
 SCROLLBAR-SHADOW-COLOR: #000000;
 SCROLLBAR-3DLIGHT-COLOR: #ffffff;
 SCROLLBAR-ARROW-COLOR: #6c6e6c;
 SCROLLBAR-TRACK-COLOR: #ffffff;
 SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
 SCROLLBAR-BASE-COLOR: #ffffff
}
body {
  margin:0px;
  padding:0px;
  font-family:Tahoma, Verdana;
  color:#333;
  font-size:12px;
  text-align: center;
}
table {

}
td {
}

a:link {
  color:#000000;
  text-decoration:none;
  }
a:visited {
  color:#000000;
  text-decoration:none;
  }
a:hover {
  color:#669900;
  text-decoration:none;
  }
a img {
  border-width:0;
  }

img{
	vertical-align: middle;
}
hr {

}

/****** Form Controls Styles ***kong zhi***/
form {
	display: inline;
	margin:0px;
	padding:0px;
}
input {

}
input.text {
	background-color:#FFFFFF;
	border:1px solid #000000;
	font-size: small;
	color: #000000;
}
input.button {
	background-color:#D4D0C8;
	border:1px solid #000000;
    font-size: 7pt;
}
textarea {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color:#FFF;
	border:1px solid #000;
}
select { 
	background-color:#FFF;
	border:1px solid #000;

}

/****** Main Layout Styles ****bu ju**/
#wrapper {
	position: relative;
	text-align: center;
	margin:0px auto;
	width: 1000px;
	WORD-WRAP: break-word;
}
#innerWrapper {
	text-align: left;
	margin:0 auto;
	padding:0px;
}

#header {
	width: 100%;
	margin:0px;
	padding:0px;
	position: relative;
	}
#innerHeader {
	text-align:left;
}

#footer {
	clear: both;
}
#innerFooter {
	padding: 10px;
	padding-top: 25px;
	color: #808080;
	font-size: 11px;
	text-align: center;
	background-color: #FFF;
}
#innerFooter b {}
#innerFooter a {color: #808080;font-size: 11px;}


/****** Header Elements Styles ******/
#blogLogo {
	margin:0px;
	margin-top:10px;
	margin-left:20px;
	padding:0px;
}
#logo {}

/* header title */
.blog-title {
display: none
}
.blog-header {
	margin:0px;
	padding:0px;
}
h1 {

}
h1 a:link,
h1 a:visited {

}
h1 a:hover {

}

/* blog description */
.blog-desc {
display: none
}

/* nav menu */
#menu {
margin:0px;
padding:0px;
padding-right:100px;
text-align: right;
}
#menu ul{
	margin:0px;padding:0px;
}

#menu a {
	border-bottom: none;
	color: #323232;
	font-size: 12px;
	text-decoration: none;
}

#menu a:hover, #nav #current {
	color: #323232;
}

#menu li {
	display: inline;
	margin: 0;
	padding: 0px;
}

/****** Content Layout ******/
#mainWrapper {  
  width: 100%;
  margin:0px;
  margin-top:100px;
  padding:0px;
  text-align:left;
}

/* sidebar */
.sidebar {
	float: right;
	width: 22%;
}
.sidebar-hide {

}
#innerSidebar {
    margin:0px;
	padding:0px;

}

/* content */
.content {
	float: left;
	width: 76%;
	border-right:1px solid #cccccc;
}
.content-wide {

}
.content-only {

}
#innerContent {
	padding: 0px 40px 0px 0px;

}

/* a style which makes mainWrapper touch the bottom of sidebar and content */
.clear{}

/****** Sidebar Panels ******/
.panel{
	font-family:"Verdana";
	margin:0px 5px 20px 0px;
	padding:0px 35px 0px 0px;
}
.panel h5 {
	font-size:12px;
	margin:0px;
	margin-bottom:10px;
	padding:5px;
	padding-left:15px;
	color:#666666;
	border-bottom:1px dashed #999999;
}
.panel-content{
	word-wrap: break-all;
	color: #000000;
	line-height:160%;
	font-family: "Tahoma", "Verdana", "Arial";
	font-size: 12px;
}
.panel-content ul{
	margin:0px;
	padding:0px;
	word-wrap: break-word;
	font-size: 12px;
}
.panel-content li{
	margin:0px 0px 0px 15px;
	padding:2px 0px 2px 0px;
	list-style: none;
	font-size: 12px;
	list-style: url('images/dot.gif') outside;
}

.panel-content1{
	word-wrap: break-all;
	color: #000000;
	line-height:160%;
	font-family: "Tahoma", "Verdana", "Arial";
	font-size: 11px;
}
.panel-content1 ul{
	margin:0px;
	padding:0px;
	word-wrap: break-word;
	font-size: 11px;
}
.panel-content1 li{
	margin:0px 0px 0px 3px;
	padding:1px 0px 1px 0px;
	list-style: none;
	font-size: 11px;
	list-style: url('images/dot.gif') outside;
}
.panel-content3{
	word-wrap: break-all;
	color: #000000;
	line-height:160%;
	font-family: "Tahoma", "Verdana", "Arial";
	font-size: 10px;
}
.panel-content3 ul{
	margin:0px;
	padding:0px;
	word-wrap: break-word;
	font-size: 10px;
}
.panel-content3 li{
	margin:0px 0px 0px 15px;
	padding:2px 0px 2px 0px;
	list-style: none;
	font-size: 10px;
	list-style: url('images/dot.gif') outside;
}
/* user panel login form */
#loginForm {width: 100%;}
#loginForm td{
	margin:0px;
	text-align:left;
}

/* calendar panel */
#calendar {
	font-family:Verdana, Tahoma;
	font-size: 10px;
	width: 170px;
	text-align:center;
}

.calendar-top {
	text-align:center;
	font-weight:bolder;
	height:30px;

}
.calendar-year,
.calendar-month {
	font-family:Verdana, Tahoma;
font-size: 10px;
	font-weight: normal;
}

.calendar-weekdays {
}
.calendar-weekday-cell {
	font-size: 10px;
	font-weight:bold;
	color:#000;
}

.calendar-main {
}
.calendar-day,
.calendar-day-blank,
.calendar-saturday,
.calendar-sunday,
.calendar-today{
	font-size: 10px;

}
.calendar-saturday,
.calendar-sunday {

}
.calendar-today {
	padding:0px;
	margin:0px;
	background-image: url(images/clander_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.calendar-day a:link,
.calendar-day a:visited,
.calendar-day a:hover,
.calendar-saturday a:link,
.calendar-saturday a:visited,
.calendar-saturday a:hover,
.calendar-sunday a:link,
.calendar-sunday a:visited,
.calendar-sunday a:hover {
	font-weight:bolder;
}

.calendar-today a:link,
.calendar-today a:visited {
	color:#000000;
	font-weight:bolder;

}

/****** Search Panel ******/
.search-field {
	width: 150px;
	border: 1px solid #000000;
}

/****** Announcement Box ******/
.announce{
	border-bottom:1px dashed #999999;
	height: 45px;
}
.announce-content{
	padding: 10px;
}
.announce-time{
display: none
}
.article-bottom {
	padding:15px 0px 5px 10px;
	font-size: 12px;
	font-family: "Tahoma", "Verdana", "Arial";
	}

/* page links */
.pages {
	color:#CCCCCC;
	font-size: 10px;
}
.pagelink-current {
	color:#669900;
	font-weight:normal;
}

.view-mode {
float: right;
	font-size: 10px;
}

.listbox {
	border-top: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
	background:#FFFFFF;}
.listbox-table {
	width: 99%;
}
.listbox-header { word-wrap: break-all; color: #666666; text-decoration: underline; font-weight: bold;}
.listbox-entry {
	word-wrap: break-all;
	color: #000000;
	font-family: "Tahoma", "Verdana", "Arial";
	font-size: 12px;
	line-height: 200%;
}
.listbox-entry a{ word-wrap: break-all}
.listbox-date {
	word-wrap: break-all;
	color: #000000;
	font-family: "Tahoma", "Verdana", "Arial";
	font-size: 10px;
}

/* no entry to display box */
.no-entry { border: 1px solid #CCCCCC; margin-top: 15px;}
.no-entry-message { padding-top: 25px; padding-bottom: 25px; color: #333333; background: white; text-align: center;}

.prev-article{float:left;}
.next-article{float:right;}
.category-label{text-align: center;}

/* text box */
.textbox{
	margin:25px 10px 40px 10px;
	padding:0px 0px 25px 0px;
	border-bottom:1px dashed #999999;
}
.textbox-title{
	margin:0px 0px 10px 0px;
}
.textbox-title h4{
	margin:0px;padding:0px;
	font-size:14px;
}

.textbox-title a:link, .textbox-title a:visited{
	color:#666666;
	font-size:14px;
	text-decoration:none;
  }
.textbox-title a:hover{
	color:#669900;
  }

.textbox-label{
	padding:0px 0px 0px 0px;
	color:#666666;
	font-size:10px;
	font-family: "Tahoma", "Verdana", "Arial";
}
.textbox-label a:link,.textbox-label a:visited{
	font-size:10px;
	color:#666666;
}

.textbox-fontsize{
	display:none;
}
.textbox-content{
	padding:5px 0px 10px 0px;
	line-height:160%;
	text-align: justify;
	font-size: 12px;
	font-family: "Tahoma", "Verdana", "Arial";
}
.textbox-bottom {
	/*display:none;*/
	font-size:11px;
	color:#BBB;
	padding:10px 0px 10px 0px;
}
.editmark {
	margin:10px;
	font-size:11px;
	color:#FFFFFF;
}
.textbox-urls {
	font-size:10px;
	margin:10px;
	font-family:"Geneva", "Arial", "Helvetica", "sans-serif";
}

/* guestbook entry box */
.gbbox{
	padding-bottom: 10px;
	margin: 10px;
	border-bottom: 1px solid #EDEDED;
}
.gbbox-title{
	font-weight: bold;
	padding-left: 0px;
	margin-bottom: 10px;
}
.gbbox-title a:link,
.gbbox-title a:visited,
.gbbox-title a:active {
	color: #58595B;
}
.gbbox-label{
	display: inline;
	font-weight: normal;
	color: #939598;
	font-size: 11px;
}
.gbbox-content{
	word-wrap: break-word;
	padding: 10px;
}

.gbbox-reply {
	padding: 5px;
	margin:10px;
	margin-left: 60px;
	color: #518FBB;
    background: #f7f7f7;
	border: 1px dashed #dddddd;
}
.gbbox-reply-title{
	font-weight: bold;
	padding-bottom:15px;
	padding-left:25px;
	color: #444444;
    background: url('images/reply.gif') no-repeat top left;
}
.gbbox-reply-label{
	font-weight: normal;
	color: #666666;
	font-size: 11px;
	display: inline;
}

/* comments wrapper */
.comment-wrapper{margin-left:10px;}

/* comments top box */
.comment-top{
	margin-top:-30px;
	padding:0px;
	font-size:12px;
	text-align: center;
}
.comment-pages{
padding:5px; margin: 5px;
}

/* commnet box */
.commentbox{
	word-wrap: break-word;
	margin: 5px;
	margin-top: 15px;
	border-bottom: 1px dashed #cccccc;
	font-size: 12px;
}
.commentbox-title{
	padding:3px;
}
.commentbox-label{
	display: inline;
	color: #939598;
}
.commentbox-content{
	padding: 3px;
	line-height:160%;
}
.no-comment-box{
	padding:5px;
	background: #eeeeee;
	color: #939598;
}
.commentbox-reply {
	padding: 5px;
	margin:10px;
	margin-left: 60px;
    background: #f7f7f7;
	border: 1px dashed #dddddd;
}
.commentbox-reply-title{
	font-weight: bold;
	padding-bottom:15px;
	padding-left:25px;
	color: #939598;
    background: url('images/reply.gif') no-repeat top left;
}
.commentbox-reply-label{
  display: inline;
  color: #939598;
  font-size: 11px;
}
.commentbox-reply-content{
  padding: 3px;
  	line-height: 160%;
}

/* trackback box */
.trackbackbox{
	padding: 5px;
	margin: 5px;
}
.trackbackbox-title{
	padding: 3px;
	border-bottom: 1px dashed #C0C0C0;
}
.trackbackbox-label{
	display: inline;
	color: #666666;
	font-size: 11px;
}
.trackbackbox-content{
	padding: 3px;
	color: #333333;
}
.trackbackbox a{
	color: #000000;
}

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

/****** normal message box ******/
.messagebox{
	width: 500px;
	border: solid 1px #CCCCCC;
	text-align: center;
	background: #FCFCFC;
}
.messagebox-title{
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #CCCCCC;
}
.messagebox-content{
	padding: 10px;
	padding-bottom: 20px;
	color: #666666;
	text-align: left;
}
.messagebox-bottom{
	padding: 5px;
	color: #FFFFFF;
	background-color: #F3F3F3;
}

/****** error message box ******/
.errorbox{
	width: 500px;
	text-align: center;
	background: #FFEEDD;
	border: solid 1px #CC0000;
}
.errorbox-title{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #CC3300;
	padding: 5px;
}
.errorbox-content{
	padding: 10px;
	padding-bottom: 20px;
	color: #990000;
	text-align: left;
}
.errorbox-bottom{
	padding: 5px;
	color: #FFFFFF;
	background-color: #FFE3D0;
}

/****** Input Form Styles (table) ******/
.formbox{ border: solid 1px #CCCCCC; background: #FFFFFF;}
.formbox-comment{ font-size:12px;margin-left: 6px;}
.formbox-title,
.formbox-comment-title{ 
	color: #666666; 
	font-weight: bold; 
	padding: 5px; 
	text-align: center; 
}
.formbox-rowheader,
.formbox-comment-rowheader { padding: 5px; text-align: center; font-weight: bold; color: #333333;}
.formbox-content,
.formbox-comment-content{ padding: 5px;}

/****** Upload Page ******/
.upload-page{
	margin:0px;
	padding:0px;
	float:left;
}
.upload-file{
	margin:0px;
	padding:0px;
	width:250px;
}

.upload-error { color: #990000;}
.upload-done { color: #003300;}

/****** Misc Styles ******/
.comment-text,
.hidden-note{
	font-size:12px;
}
.red {
	color: red;
}
.highlight {
	font-weight: bold;
	color: #FF6600;
	background: #FFFF00;
}
.meta-button {

}

/****** UBB Code Custom Styles ******/
/* IE fix for ul */
* html .ubb-list { margin:5px; margin-left: 25px;  margin-bottom: 15px;}
.ubb-list li{
	margin: 1px;
	padding: 1px;
}

.code {
	word-wrap: break-all;
	border: 1px dotted #45765F; 
	background-color: #F7F7F7;
	color: #58595B;
	margin: 5px;
	padding: 10px;
}

.quote {
	padding: 5px;
	margin:10px;
    background: #f7f7f7;
	border: 1px dashed #dddddd;
}
.quote-title {
	font-weight: bold;
	padding-bottom:15px;
	padding-left:25px;
	color: #939598;
    background: url('images/reply.gif') no-repeat top left;
}
.quote-content {
	word-wrap: break-all;
	color: #58595B;
	padding: 10px; 
}

.ubb-obj-div {
	word-wrap: break-all;
	margin: 5px;
	padding: 5px;
	color: #666666;
	border-left: 1px solid #009966;
}

/****** Defaul Page Elements ******/
.article-top {
	font-family: "Tahoma", "Verdana", "Arial";
}
/****** Defaul Page Elements ******/
.article-top { 	padding:15px 0px 5px 10px;
	font-size: 12px;
 } 

a.nav1{
width:70px;height:50px;line-height:50px;
background:url(images/menu/index.gif) no-repeat;
background-position:0 0;
}

a.nav1:hover{
background-position:0 -50px;
} 

a.nav2{
width:102px;height:30px;line-height:30px;
background:url(images/menu/diary.jpg) no-repeat;
background-position:0 0;
}

a.nav2:hover{
background-position:0 -30px;
} 

a.nav3{
width:70px;height:50px;line-height:50px;
background:url(images/menu/shop.gif) no-repeat;
background-position:0 0;
}

a.nav3:hover{
background-position:0 -50px;
} 

a.nav4{
width:70px;height:50px;line-height:50px;
background:url(images/menu/album.gif) no-repeat;
background-position:0 0;
}

a.nav4:hover{
background-position:0 -50px;
} 

a.nav5{
width:70px;height:50px;line-height:50px;
background:url(images/menu/guest.gif) no-repeat;
background-position:0 0;
}

a.nav5:hover{
background-position:0 -50px;
}