/*
=== LBS^2 StyleSheet File ====================================
 Style Name: YiXia Pink
    Version: 1.0
     Author: YiXia
Last Update: 2005-04-28
==============================================================
*/

/* General Styles*/
body {
	font-size: 12px;
	font-family: Tahoma, Arial;
	color: #666;
	background: #FFF;	
	margin: 0;
	padding: 0;
	text-align: left;
}
table {
	font-family: Tahoma, Arial;
	color: #666;
	font-size: 12px;
}
a:link,a:visited {
	text-decoration: none;
	color: #A52A2A;
}
a:hover {
	text-decoration: underline;
	color:#87CEEB;
}
hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #FFC0CB;
}

/* Form Control Styles*/
form { display: inline }
input {
	font-family: Tahoma, Arial; 
	font-size: 12px; 
}
img{
	vertical-align: middle;
	border: 0 none;
	max-width: 100%;
	height: auto;
}
input.text {
	padding: 1px;
	border: 1px solid #999;
	color: #666; 
	background: #FFF;
}
input.button {
	height: 20px;
	border: 1px solid #999;
	background: #FFF;
}
textarea { 
	border: 1px solid #999;
	background: #FFFAFA;
	font-family: Tahoma, Arial; 
	font-size: 12px; 
	color: #000; 
}
select { 
	font-family: Tahoma, Arial; 
	font-size: 12px;  
	color: #666; 
	background: #FFF;
}

/* Common Styles*/
#wrapper {
	margin:0;
	width: 100%;
	position: relative;
	text-align: left;
	background: #FFF;
}
#innerWrapper {
	width: 100%;
}
#header {
	background: url('images/pinkcloud.gif');
}
#innerHeader {
	padding: 10px 0;
	height: 166px;
	vertical-align: bottom;
	background: url(images/lasy_girl.gif) no-repeat top right;
}
#logo { 
	display: none;
	float: right; 
	margin-right: 10px;
}
#menu {
	margin: 0;
	padding: 6px 0;
	background: url('images/pinkstar.gif');
	position: absolute; 
	width: 100%;
	height: 16px; 
	top: 158px; 
}
#menu a:link, #menu a:visited
{
	padding: 3px 10px 0 10px;
	text-decoration: none;
	font-weight: bold;
}
#menu a:link.active, #menu a:visited.active, #menu a:hover {
	padding-top: 0;
}
#menu ul{
    margin: 0 6px;
    padding: 0;
    text-align: left;
    list-style: none;
}
#menu li{
	display: inline;
	list-style: none;
	padding: 0;
	padding-right: 3px;
	margin: 0;
	margin-right: 5px;
}
.blog-header {
    width: 370px;
    position: absolute;
    left: 120px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    text-indent: 2px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width:360px;
    top: 55px;
}
h1 { 
	padding: 0; 
	margin: 0; 
	color: black; 
	font-size: 24px; 
	font-weight: bold;
}
h1 a:link, h1 a:visited {
    width:100%;
    display: block;
    color: #87CEEB;
    background-color: #FFF; 
}
h1 a:hover { 
    text-decoration: underline;
}
.blog-desc { 
	color: #FFF;
	background: #87CEEB;
	top: 85px; 
}
#footer {
	clear: both;
	background: url('images/pinkcloud.gif');
	height:50px;
}
#innerFooter { 
	padding: 10px;
	padding-top:15px;
	font-size: 10px;
	text-align: center;
}
#innerFooter a{
	text-decoration: underline;
}
h3 { 
	font-size: 18px; 
	font-weight: bold;
}
.comment-text,
.hidden-note{
	font-size: 12px; 
	color: gray
}
.red {
	color: red;
}
.highlight {
	font-weight: bold; 
	color: #F60; 
	background: #FF0;
}

/* Main Content Layout */
#mainWrapper {}
.sidebar {
	float: right;
	width: 220px;
	border-bottom:1px solid #FCFFEC;
}
.sidebar-hide {
	float: right;
	display: none;
}
#innerSidebar {
	padding: 10px;
}
.content {
	float: left;
	width: 100%;
	margin-right: -222px;
	background: #FFF;
}
.content-wide {
	width: auto;
}
.content-only {
	width: auto;
	margin-right: -222px;
}
#innerContent {
	margin: 0 220px 0 5px;
	overflow: visible;
	background: #FFF;
	padding: 10px;
}
#innerContent-wide {
	margin: 0 0 0 5px;
	overflow: visible;
	background: #FFF;
	padding: 10px;
}

/* A div to make 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: 1px;
	margin-bottom: 10px;
	border-left: solid 1px #FFC0CB;
}
.panel h5 {
	color: #CD5C5C;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	margin: 0;
	background: url('images/pinkflower.gif') no-repeat left;
	border-bottom: solid 1px #FFC0CB;
}
.panel-content{ 
	padding: 15px 0 15px 15px; 
	line-height: 120%;
	color: #999;
}
.panel-content ul{
	padding: 0;
	margin: 0 0 0 10px;
}
.panel-content li{
	padding: 0;
	margin: 0;
	list-style: url('images/star.gif') outside;
}
#panelLinks-link { height: 200px; overflow: auto; }
#loginForm {
	width: 95%;
}
.panel-smilies { padding:5px 0; text-align: center;}
.panel-smilies-title {
    color: #CD5C5C;
    text-align: left;
    border-bottom: 1px solid #FFC0CB;
}
.panel-smilies-content { padding: 5px; line-height: 120%; }
.meta-button { margin: 1px; }
/* page links */
.multipage { color: #999; }
.multipage-current {color: #999; font-weight: bold; text-decoration: underline }
/* calendar */
#panelCalendar { position: absolute; top: 12px; left: 24px; z-index: 3; border: none }
#panelCalendar h5 { display: none }
#calendar { 
	width: 176px; 
	background: url(images/back.gif);
}
#calendar td {
    height: 12px;
    padding: 0 0 1px;
    color: #BC8F8F;
}
.calendar-top {
    color: #CCC;
    font-weight: bold;
    text-align: center;
    background: #FFE4E1;
    border: 2px solid white;
    padding: 3px 2px;
}
.calendar-year,
.calendar-month { font-weight: bold;}
.calendar-weekdays {}
.calendar-weekday-cell {
    color: #999;
    font-size:10px;
    font-weight:bold;
    text-align: center;
    width: 14%;
    padding:2px!important;
}
.calendar-main { background: #FFF; }
.calendar-day,
.calendar-day-blank,
.calendar-saturday,
.calendar-sunday,
.calendar-today{
    color: #666;
    text-align: center;
    width: 14%;
    padding:2px;
}
.calendar-saturday,
.calendar-sunday { color: #999; font-weight:bold; }
.calendar-today {
    color: #960;
    font-weight:bold;
    background: url('images/bg_today.gif') no-repeat
}
.calendar-day a:link,
.calendar-day a:visited,
.calendar-saturday a:link,
.calendar-saturday a:visited,
.calendar-sunday a:link,
.calendar-sunday a:visited,
.calendar-today a:link,
.calendar-today a:visited {
    text-decoration: underline;
    font-weight: normal;
    font-weight: bold;
}
.announce{
	padding-bottom: 10px;
}
.announce-content{
	word-wrap: break-all;
	padding: 5px;
	padding: 10px;
	color: #000; 
	border: 1px solid #FFC0CB;
	background: #F9F9F9;
}
.announce-time{
	float: right;
	font-size: 12px;
	color: #999; 
}

/* article page elements */
.article-top { padding: 5px; margin-bottom: 5px; }
.article-bottom { padding: 5px; margin-top: 5px; }
.pages { color: #999; }
.pagelink-current {font-weight: bold;}
.view-mode {float: right; color: #999;}
.listbox {
    padding: 5px 0 5px;
    border-top: 1px dashed #FFC0CB;
    border-bottom: 1px dashed #FFC0CB;
}
.listbox-table { width: 99%; }
.listbox-header {
    word-wrap: break-all;
    color: #666;
    text-decoration: underline;
    font-weight: bold;
}
.listbox-entry { word-wrap: break-all; color: #666; }
.listbox-entry a { word-wrap: break-all; }
.no-entry { border: 1px solid #FFC0CB; margin-top: 15px; }
.no-entry-message {
    padding: 25px 0;
    color: #666;
    background: #FEFFFA;
    text-align: center;
}
.prev-article { float: left; }
.next-article { float: right; }
.category-label { text-align: center; }
/* text box */
.textbox{
	padding-top:8px;
	border:1px dashed #FFC0CB;
	margin: 0 0 10px 0;
}
.textbox-title{
	word-wrap: break-all;
	padding: 0 0 5px 5px;
	border-bottom:1px dashed #FFC0CB;
}
.textbox-title h4{
	color: #000;
	padding-left: 5px;
	font-size: 14px;
	font-weight: bold;
	display: inline;
}
.textbox-title h4 a:link,
.textbox-title h4 a:visited,
.textbox-title h4 a:active {}
.textbox-label{
	padding-left: 5px;
	color: #999;
	font-size: 12px;
	display: inline;
}
.textbox-fontsize{
	text-align: right;
	color: #666;
	padding: 5px;
}
.textbox-content{
	word-wrap: break-word;
	padding: 16px 10px;
}
.textbox-bottom{
	padding: 10px 5px 5px;
	font-size: 12px;
	color: #666;
}
.textbox-bottom a:link,
.textbox-bottom a:visited,
.textbox-bottom a:active {}
.editmark {
	margin: 20px 0 0;
	font-size: 12px;
	color: #999;
}
.textbox-urls {
	margin: 25px 0 0;
	padding: 15px 0 0;
	border-top: 1px dashed #FFC0CB;
}
/* Guestbook */
.gbbox{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border: 1px dashed #FFC0CB;
	background: #FCFCFC
}
.gbbox-title{
	font-weight: bold;
	padding-left: 0;
	margin-bottom: 10px;
}
.gbbox-title a:link,
.gbbox-title a:visited,
.gbbox-title a:active {
	color: #000;
}
.gbbox-label{
	font-weight: normal;
	color: #999;
	display: inline
}
.gbbox-content{
	word-wrap: break-word;
	padding: 10px;
}
.gbbox-reply {
	padding: 10px;
	color: #333;
	border-top: 1px dashed #CCC;
}
.gbbox-reply-title{
	font-weight: bold;
	margin-bottom: 5px;
}
.gbbox-reply-label{
	font-weight: normal;
	color: #999;
	font-size: 12px;
	display: inline;
}

/* Comment box */
#commentForm { width: 100%; border: 1px solid #FFC0CB; }
.comment-wrapper {}
.comment-top { padding: 5px; margin: 5px; color: #666; }
.comment-pages { padding: 5px; margin: 5px; color: #999; }
.commentbox { word-wrap: break-word; padding: 5px; margin: 5px; }
.no-comment-box { padding: 10px; border: 1px solid #FFC0CB; color: #666;}
.commentbox-title { padding: 5px; border-bottom: 1px dashed #FFC0CB; }
.commentbox-label { display: inline; color: #666; font-size: 12px; }
.commentbox-content { padding: 8px 3px;}
.trackbackbox { padding: 5px; margin: 5px;}
.trackbackbox-title { padding: 3px; border-bottom: 1px dashed #FFC0CB;}
.trackbackbox-label { display: inline; color: #666; font-size: 12px;}
.trackbackbox-content { padding: 3px; color: #333;}
.trackbackbox a { color: #000;}

/* Boxes for redirection */
.messagebox,
.errorbox {
    width: 80%;
    margin: 30px;
    border: solid 1px #FFC0CB;
    text-align: center;
    background: #FCFCFC;
}
.messagebox-title,
.errorbox-title {
    color: #CD5C5C;
    font-size: 13px;
    font-weight: bold;
    background: #FFC0CB;
    padding: 5px;
    margin: 1px;
}
.messagebox-content, .errorbox-content{
    color: #666;
    padding: 20px;
    text-align: left;
}
.messagebox-bottom, .errorbox-bottom { padding: 5px; }
/* Form Table styles */
.formbox{
    border: solid 1px #FFC0CB;
    background: #FCFCFC;
    width: 90%;
    margin: 30px auto;
}
.formbox-comment{}
.formbox-title,
.formbox-comment-title{
    color: #CD5C5C;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    background: #FFC0CB;
}
.formbox-rowheader,
.formbox-comment-rowheader {
    padding: 5px;
    text-align: right;
    font-weight: bold;
    color: #333;
}
.formbox-content,
.formbox-comment-content{ padding: 5px;}
.upload-error { color: #000;}
.upload-done { color: #000;}
.member-list{ background: #F6F6F6 }

/* UBB Code Custom Styles*/
/* IE only */
* html .ubb-list { margin: 5px 5px 15px 25px; }
.ubb-list li { margin:1px; padding:1px; }
.code {
	word-wrap: break-all;
	font-family: "Courier New","ËÎÌå";
	border-left: 3px solid #E0E0E0;
	background: #F9F9F9;
	color: #000;
	margin: 5px;
	padding: 10px;
}
.quote {
	border-left: 3px solid #E0E0E0;
	background: #F9F9F9;
	margin: 10px;
}
.quote-title {
	border-bottom: 1px dashed #E0E0E0;
	padding: 5px;
	font-weight: bold;
	color: #666;
}
.quote-content {
	word-wrap: break-all;
	color: #666;
	padding: 10px; 
}
.ubb-obj-div {
	word-wrap: break-all;
	background: #FFF;
	color: #666;
	margin: 5px;
	padding: 5px;
	border: 1px dashed #CCC;
}
.upload-page{
	margin: 0;
	padding: 0;
	background: #FFF;
	text-align: left;
}

