/*
Bo-Blog V2.1.1 and V2.1.0
Skin Canh Hoa Tan
By http://khoc.info
Y!m : l2o_steven@yahoo.com
*/
body {
	font-family: msyh, Tahoma, Arial;
	font-size: 12px;
	background: url("images/bgd_body.jpg");
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: left;
}
a {
	text-decoration: none;
	COLOR: #cccccc;
}
a:hover {
	text-decoration: none;
	COLOR: #fff;
}
hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #333;
}
acronym {
	text-decoration: none;
	border-bottom: 1px dotted #333;
	cursor: help;
}
form {
	display: inline;
	margin: 0;
}
input {
	font-family: msyh, Tahoma, Arial;
	font-size: 12px;
	margin: 3px 0 0 0;
}
input.text {
	background: #000;
	COLOR: #fff; 
	border: 1px solid #ccc;
}
input.button {
	padding: 2px 0 0 0;
	height: 24px;
}
textarea {
	clear: both;
	font-size: 12px;
	width: 400px;
	COLOR: #000; 
	background: #fff;
	margin: -1px 0 0 0;
	border: 1px solid #ccc;
}
select {
	background: #fff;
	border: 1px solid #ccc;
}
#wrapper {
	margin: 0 auto;
	width: 980px;
	BORDER-RIGHT: #2a2a2a 1px solid; 
	BORDER-LEFT: #2a2a2a 1px solid; 
	BORDER-BOTTOM: #2a2a2a 1px solid; 
	BORDER-TOP: #2a2a2a 1px solid;
}
#header {
    background: url("images/banner.jpg") repeat-x;
	margin: 0;
	padding: 0;
	height: 320px;
	width: 980px;
	font-size: 12px;
}
#header-tools {
	background: #000000 repeat-x;
	height: 310px;
}
span.header-tools-left, span.header-tools-right {
	display: block;
	width: 10px;
	height: 30px;
	background: url("") no-repeat;
}
span.header-tools-left {
	background-position: 0 0;
	float: left;
}
span.header-tools-right {
	background-position: 100% 0;
	float: right;
}
}
#quicklogin {
    float: left;
    color: #666;
    width: 60%;
    height: 30px;
}
#quicklogin a {
	color: #666;
}
#quicklogin input {
	border: none;
	height: 16px;
	margin: 6px 0 0 0;
}
#quicklogin input.text {
	color: #999;
	padding: 0 0 0 5px;
}
#quicklogin input.submit {
	background: no-repeat;
}
#header-tools-inner {
	float: left;
	width: 37.6%;
	height: 16px;
	margin: 0;
}
#tools {
	text-align: right;
	padding: 7px 0 0 0;
}
#tools a{
	text-decoration:none;
	padding: 0;
}
#innerHeader {
	margin: 0;
}
.blog-header {
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
}
.blog-desc {
	display: none;
}
.Search {
	float: right;
	margin: 25px 0 0 0;
	width: 157px;
	height: 22px;
}
.Search input.keyword { 
	color: #ffffff;
	padding: 2px 0 0 0;
	margin: 2px 0 0 30px;
	height: 16px;
	width: 120px;
}
.Search input {
	background: transparent;
	border: none;
}
.Search:hover {
	float: right;
	margin: 25px 0 0 0;
	width: 157px;
	height: 22px;
}
#menu {
	MARGIN-LEFT: 50px; 
	PADDING-TOP: 280px; 
	HEIGHT: 30px
}
#menu A {
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	BACKGROUND: no-repeat 0px 1px; 
	WIDTH: 80px; 
	COLOR: #ccc; 
	PADDING-TOP: 8px; 
	HEIGHT: 20px
}
#menu A:hover {
	BACKGROUND:  no-repeat 0% 95%; 
	COLOR: #fff;
}
#menu UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px
}
#menu LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 80px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; 
	TEXT-ALIGN: center
}
#mainWrapper {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 100%;
	float: left;
	background: #000000;
}
* html #mainWrapper {
	margin: -6px auto;
}
#maincontent {
	margin: 0;
	overflow: hidden;
}
* html #maincontent {float: left; margin: 0 5px 0 5px; word-break: break-all;}
#content {
	margin: 0;
	padding: 0;
	BORDER-RIGHT: #2a2a2a 1px solid; 
	BORDER-LEFT: #2a2a2a 1px solid; 
	BORDER-BOTTOM: #2a2a2a 1px solid; 
	BORDER-TOP: #2a2a2a 2px solid;
}
span.fcorners-bottom, span.fcorners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 10px;
	background-repeat: no-repeat;
	background-image: #000000;
	margin: 0;
}
span.fcorners-bottom {
	background-position: 0 0;
}
span.fcorners-bottom span {
	background-position: 100% -10px;
}

#mainWrapper-bottom {
	background: #000000;
	clear: both;
}
#left_column {
	float: left;
}
#right_column {
	float: right;
}
#left_column, #right_column {
	width: 200px;
	background: #000000;
	margin: 0 10px 0 10px;
}
.sidebarOne, .sidebarTwo{
	width: 200px;
	overflow: hidden;
}
* html #left_column, * html #right_column {margin: 0 5px 0 5px;}
.panel{
	padding: 0;
	background: #000000;
	color: #ffffff;
	margin: 0 0 10px 0;
}
.panel H5 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	BACKGROUND: url(images/thanhngang.gif) no-repeat left top; 
	MARGIN: 0px; 
	TEXT-TRANSFORM: uppercase; 
	WIDTH: 200px; 
	CURSOR: hand; 
	COLOR: #fff; 
	PADDING-TOP: 8px; 
	HEIGHT: 28px; 
	TEXT-ALIGN: center
}
.panel h5 a{
	color: #ffffff;
}
.panel-content {
	PADDING-LEFT: 20px; 
	BACKGROUND: url(images/duoi.jpg) no-repeat left bottom; 
	PADDING-BOTTOM: 15px;
	MARGIN: 0px;
	WIDTH: 200px; 
	COLOR: #fff; 
	LINE-HEIGHT: 100%; 
	PADDING-TOP: 0px
}
.panel-content ul{
	padding: 0;
	margin: 0;
}
.panel-content LI {
	PADDING-RIGHT: 5px; PADDING-LEFT: 20px; color: #777578; BACKGROUND: url(images/emots.png) no-repeat; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px
}

.panel-content li.indent{
	padding: 0px;
	text-indent: 15px;
}
#calendar {
  width: 80%; 
  margin-top:10px;
  BORDER-RIGHT: #2a2a2a 1px solid; 
BORDER-TOP: #2a2a2a 1px solid; 
BORDER-LEFT: #2a2a2a 1px solid; 
BORDER-BOTTOM: #2a2a2a 1px solid;
  margin-bottom:10px;
}
.calendar-top {
  text-align: center;
  padding:0px;
}
.calendar-year,
.calendar-month {
  font-weight: bold;
}
.calendar-weekdays {
  color: #585858;
  font-size:11px;
  text-align: center;
  width: 14%;
  padding:2px;
  background-color: #000;
}
.calendar-weekday-cell {
  color: #fff;
  font-size:11px;
  text-align: center;
  width: 14%;
  padding:2px;
BORDER-TOP: #2a2a2a 1px solid;  
BORDER-BOTTOM: #2a2a2a 1px solid;
  font-weight: bold;
  background-color: #000;
}
.calendar-main {
}
.calendar-day,
.calendar-day-blank,
.calendar-saturday,
.calendar-sunday,
.calendar-today{
  text-align: center;
  width: 14%;
  padding:2px;
  background-color:#111111;
}
.calendar-saturday, .calendar-sunday,.calendar-saturday a, .calendar-sunday a{
  color: #777578;
}
.calendar-saturday a, .calendar-sunday a{
}
.calendar-today { 
  color: #c8c8c8;
  background: #000;
  border: 1px solid #2a2a2a;
}
.calendar-day a {
  color: #777578;
}
.calendar-today a {
  color: #c8c8c8;
}
.calendar-today a:hover, .calendar-day a:hover, .calendar-saturday a:hover, .calendar-sunday 
a:hover {
  color: #777578;
}
#loginForm {
	width: 95%;
}
.announce {
	margin: 0 0 10px 0;
	padding: 0;
}
.announce-content{
	color: #ffffff;
	padding: 0 10px 0 10px;
	BACKGROUND: #000;  
}
.article-top {
	padding: 5px 0 0 0;
	margin: 0 0 20px 0;
}
.article-bottom {
	padding: 0;
	margin: 20px 0 0 0;
}
.pages {
	color: #333;
	padding: 0;
}
.pagelink-current {
	font-weight: bold;
	color: #ff9900;
}
.listbox {
	line-height: 180%;
}
.listbox-table {
	width: 99%;
}
.listbox-header {
	font-weight: bold;
	background: #e9e9e9;
	text-align: center;
	color: #333;
	height: 20px;
	border-bottom: 1px solid #2a2a2a;
}
.listbox {
	border-bottom: 1px solid #ccc;
}

/* .prev-article {
	float: left;
}
.next-article{
	float: right;
}
*/
.textbox{
	CLEAR: both; 
	color: #cccccc; 
	BACKGROUND: #000;  
	padding-left: 10px;
	MARGIN-BOTTOM: 5px;
	PADDING-BOTTOM: 25px; 
	BORDER-BOTTOM: #2a2a2a 1px solid; 
	BORDER-TOP: #2a2a2a 1px solid;
}
.textbox-calendar {
	BACKGROUND: #000; 
	FLOAT: left; 
	WIDTH: 48px; 
	HEIGHT: 50px; 
	TEXT-ALIGN: center
}
.textbox-calendar-day {
	PADDING-RIGHT: 5px; 
	DISPLAY: block; 
	PADDING-LEFT: 5px; 
	FONT-SIZE: 22px; 
	PADDING-BOTTOM: 5px; 
	COLOR: #fff; 
	PADDING-TOP: 5px; 
	FONT-FAMILY: Arial
}
.textbox-calendar-month {
	DISPLAY: block; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9px; 
	PADDING-TOP: 5px;
	MARGIN: -8px 0px 0px; 
	TEXT-TRANSFORM: uppercase; 
	COLOR: #fff; 
	FONT-FAMILY: Arial
}
.textbox-calendar-month {
	MARGIN-TOP: -11px
}
.textbox-title{
	font-size: 14px;
	height: 45px;
}
.textbox-title h4{
	color: #fff;
	font-size: 16px;
	display: inline;
	font-weight: bold;
}
.textbox-title h4 a {
	font-weight: bold;
	color: #fff;
}
.textbox-title h4 a:hover { 
	color: #fff; 
	text-decoration: none;
}
.textbox-label{
	padding-top: 3px;
	font-size: 12px;
}
.textbox-fontsize{
	color: #fff;
	float: right;
	text-align: right;
	padding: 20px;
	font-size: 12px;
	BORDER-RIGHT: #2a2a2a 1px solid; 
	BORDER-LEFT: #2a2a2a 1px solid; 
	BORDER-BOTTOM: #2a2a2a 1px solid; 
	BORDER-TOP: #2a2a2a 1px solid; 
}
.textbox-fontsize a{
	color: #999;
}
.textbox-content{
	color: #cccccc;
	line-height: 180%;
}
.textbox-bottom {
    margin: 0px 0 0px 0;
    padding: 3px;
    color: #999;
    font-size: 11px;
    background: #000000;
    border-top: 1px solid #2a2a2a;
}
.textbox-adminbar {
	margin: -20px 0 5px 0;
	color: #999;
	text-align: left;
}
.textbox-tburl {
	margin: -10px 0 5px 0;
	color: #333;
	text-align: left;
}
.comment-wrapper{}
.comment-pages{
	padding: 0;
	margin: 10px 0 10px 0;
	color: #fff;
	border-bottom: 1px dashed #ccc;
}
.commentbox, .trackbackbox {
	padding: 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dashed #ccc;
}
.commentbox-odd {
	background: #000000;
	color: #fff;
	border-bottom: 1px dashed #ccc;
}
.commentbox-couple {
	background: #000000;
	color: #ffffff;
}
.trackbackbox {
	background: #000000;
	color: #ffffff;
}
.commentbox-title, .trackbackbox-title{
	padding: 0 10px 0 10px;
	color: #fff;
}
.commentbox-replier{
	font-weight: bold; 
	color: #ffffff;
}
.commentbox-title a, .trackbackbox-title a{
 	color: #fff;
}

.commentbox-label, .trackbackbox-label{
	display: block;
	color: #fff;
	font-size: 12px;
}
.commentbox-label a, .trackbackbox-label a{
	font-weight: normal;
	color: #ffffff;
}

.commentbox-content, .trackbackbox-content{
	padding: 5px 10px 0 10px;
	color: #ffffff;
}
#commentForm {
	margin: 0 0 10px 0;
	color: #ffffff;
}
.messagebox {
	width: 550px;
	margin-top: 120px;
	border-bottom: 1px dashed #ccc; 
	border-top: 0px; 
	text-align: center; 
	background: #000000;
	color: #ffffff;
}
.messagebox-title {
	color: #ffffff; 
	font-weight: bold; 
	padding: 5px;
}
.messagebox-content {
	color: #ffffff; 
	background: #000000;
	padding: 10px; 
	padding-bottom: 20px; 
	text-align: left;
}
.messagebox-bottom {
	color: #ffffff; 
	background: #000000; 
	padding: 5px;
}
.messagebox-bottom a {
	color: #ffffff; 
}
.formbox {}
.formbox-comment {
	margin: 0;
	padding: 0 10px 5px 10px;
	background: #000000;
	color: #ffffff;
}
.formbox-title,
.formbox-comment-title {
	font-size: 18px; 
	border-bottom: 1px dashed #ccc;
	padding: 7px 0 5px 35px; 
	margin: 0 0 10px 0;
	color: #ffffff;
	background: url("images/3tim.gif") 0 5px no-repeat;
}
.formbox-rowheader {
	padding: 0;
	color: #ffffff;
	font-weight: bold;
}
.formbox-comment-input {
	width: 400px;
	margin: 0px; 
}
.formbox-comment-tool {
	height: 20px;
	margin: 4px 0 0 0;
	padding: 5px 0 0 0;
	background: #000000;
	width: 400px;
	border: 1px solid #ccc;
}
* html .formbox-comment-tool {width: 402px;}
*+html .formbox-comment-tool {width: 402px;}
.formbox-content {
	padding: 0;
}
#smileybuttons {
	text-align: right;
	margin-top: 10px;
}

.smileybut {
	margin-right: 5px;
	vertical-align: middle;
	color: #ffffff;
}

.smileybut a{
    padding: 0 3px 0 3px;
	border: 1px solid #ccc;
}
.choose-options {
	text-align: center;
	position: relative;
}
.choose-options-title {
	display: none;
}
.choose-options-content {
	position: absolute;
	left: 0px;
	top: 21px;
	padding: 8px;
	line-height: 120%;
	background:	#000000;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
}
* html .choose-options-content {top: 29px;}
#choose-options-panel {
	float: left;
	margin: 0 0 0 5px;
}
#ubb {
	margin: -3px 0 0 70px;
}
* html #ubb {margin: 0 0 0 70px;}
*+html #ubb {margin: 0 0 0 70px;}
.code {
	border-left: 4px solid #ccc;
	background: #CED3D6;
	color: #FF0000;
	margin: 5px;
	padding: 10px;
}

.quote {
	margin: 5px;
	border: 1px solid #ccc;
}
.quote-title {
	background: #000000;
	padding: 5px;
	color: #c1bfc0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #2a2a2a;
	border-right-color: #2a2a2a;
	border-bottom-color: #2a2a2a;
	border-left-color: #2a2a2a;
	font-weight: bold;
}
.quote-content {
	word-wrap: break-all;
	color: #999999;
	padding: 10px;
	background-color: #000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #2a2a2a;
	border-right-color: #2a2a2a;
	border-bottom-color: #2a2a2a;
	border-left-color: #2a2a2a;
}
.linkover {
	margin: 5px;
	height: auto;
	clear: both;
}
.linkbody {
	float: left;
	padding-bottom: 14px;
}
.linkimg {
	float: left;
	text-align: right;
	margin-right: 5px;
}
.linktxt {
	float: left;
	padding: 5px;
}
.linktitle a {
	font-weight: bold;
}
.linkgroup {
	font-weight: bold;
	font-size: 14px;
	color: #96BE31;
	text-indent: 5px;
}
.pagebox {
	clear: both;
	margin: 10px 5px 0 5px;
}
.pagebox-title {
	font-size: 16px;
	height: 30px;
}
.pagebox-title h4 {
	color: #96BE31;
	font-size: 16px;
	padding: 0;
	margin: 0;
	display: block;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.pagebox-content {
	margin: 0;
	clear: both;
	padding: 0;
	line-height: 180%;
}
#openid_url {
	background: #000000 0 1px no-repeat;
	padding-left: 18px;
	width: 201px
}
b.rtop, b.rbottom {
	display: block;
	background: #000000;
}
b.rtop b, b.rbottom b {
	display: block;
	height: 1px;
	overflow: hidden;
	background: #000000;
}
b.r1 {
	margin: 0 5px;
}
b.r2 {
	margin: 0 3px;
}
b.r3 {
	margin: 0 2px;
}
b.rtop b.r4, b.rbottom b.r4 {
	margin: 0 1px;
	height: 2px;
}
#footer {
	CLEAR: both; 
	MARGIN-TOP: 0px; 
	BACKGROUND: url(images/bottom.gif) no-repeat top; 
	PADDING-TOP: 0px; 
	HEIGHT: 100px;
	WITH: 980px;
}
#footer a{
	color: #666;
}
span.fcorners-top, span.fcorners-top span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 0px;
	background-repeat: no-repeat;
	background-image: #000000;
	margin: 0;
}
span.fcorners-top {
	background-position: 0 0;
}
span.fcorners-top span {
	background-position: 100% -10px;
}

#footer-top {
	background: #000000;
	clear: both;
}
#innerFooter {
	color: #666;
	padding: 0 10px 10px 10px;
}
#w3c {
	float: right;
	margin: 0;
}

.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.left {float:left}
.right {float:right}
#stats_members a.member, .bday_strip {white-space:nowrap}
.calendar li span {cursor:default}
#c_tos li {display:list-item;margin-left:25px}
#c_tos ul li {list-style:disc}
#c_tos ol li {list-style:lower-alpha}
#shoutrefresh {cursor:pointer}