@charset "utf-8";
*{margin:0px;padding:0px;}
body	{color:#b1b1b1;background:url(images/bg.png) #1b1b1b repeat-x center top;text-align:center;font:12px/19px Verdana,Arial,simsun;height:100%;}
td,th	{font-size:12px;}
img		{border:none;} 
a		{color:#b1b1b1;text-decoration:none;}
a:hover	{color:#D20000;text-decoration:underline;} 
ul,ol,li{margin:0;padding:0;}
button{border:0;cursor:pointer;}
.clear	{clear:both;overflow:hidden;font-size:1px;line-height:1px;width:100%;}
.hidden	{display:block;overflow:hidden;text-indent:-2008px;} 
.line	{text-decoration:underline;}
.exp	{display:none;} 
a.line:link,a.line:visited,a.line:active{text-decoration:underline;} 
a.line:hover {text-decoration:none;}
.red{color:#cf0101}
a.red:link,a.red:visited,a.red:active {color:#cf0101;text-decoration:none;} 
a.red:hover {color:#D20000;text-decoration:underline;}
#StrongBody{background:url(images/banner.jpg) no-repeat center top;height:100%;}

/* Header */
#Header{
	position:relative;
	width:970px;
	height:215px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}
#Header h1{
	width:122px;
	height:148px;
	display:block;
	margin:0 auto;
	background:url(images/logo_center.png) no-repeat center bottom;
}
#Header .nav{position:absolute;width:590px;bottom:0;left:0;height:22px;line-height:22px;text-align:left;font-size:9px;}
#Header .nav a{color:#b1b1b1;}
#Header .nav span{display:inline-block;width:39px;text-align:center;}
#Header .nav strong{font-weight:normal;color:#cf0101;}

#Header .search{position:absolute;bottom:0;right:0;}
#Header .search input{border:1px solid #4c4c4c;color:#bdbdbd;padding:4px 2px 2px 2px;width:212px;float:right;}
#Header .search input.on{color:#000;}
#Header .search select{float:right;margin:auto 2px;font-size:13px;}
#Header .search button{background:url(images/strong.png) no-repeat -179px 0;width:57px;height:22px;float:right;}
#Header.miniMode {height:123px;text-align:left;}
#Header.miniMode h1{width:244px;height:93px;background:url(images/logo_long.png) no-repeat 0 center;margin:0;}


/* My Space */
#MySpace{
	position:relative;
	width:970px;
	height:260px;
	margin:23px auto 0 auto;
	overflow:hidden;
	background:url(images/strong.png) no-repeat 0 -474px;
}
/* My Space : my information */
#MySpace .myInfo{float:left;width:245px;font-size:9px;}
#MySpace .myInfo dl{width:215px;margin:0 auto;text-align:left;}
#MySpace .myInfo dt{height:170px;}
#MySpace .myInfo dt img{margin-top:15px;}
#MySpace .myInfo strong{font-weight:normal;color:#fff;}
#MySpace .myInfo strong.name{font-size:11px;}
#MySpace .myInfo span{display:inline-block;line-height:19px;}
#MySpace .myInfo .iL{width:130px;}
#MySpace .myInfo .iR{width:75px;}
#MySpace .myInfo .iO{width:100%;padding-top:5px;}
#MySpace .myInfo .space{display:inline-block;width:16px;height:16px;margin-right:4px;overflow:hidden;text-indent:-2000px;background:url(images/strong.png) no-repeat -179px -82px;vertical-align:top;}
#MySpace .myInfo .space.z1{background-position:-204px -82px;}
#MySpace .myInfo .space.z2{background-position:-230px -82px;}
#MySpace .myInfo .space.z3{background-position:-255px -82px;} 
#MySpace .myInfo .space.z4{background:url(images/flickr.jpg) no-repeat;} 
/* My Space : Categories */
#MySpace .Categories{
	position:absolute;
	left:255px;
	top:0;
	width:97px;
	height:100px; 
}
#MySpace .Categories ul{list-style:none;padding-top:59px;text-align:left;}
#MySpace .Categories li{width:97px;height:25px;overflow:hidden;}
#MySpace .Categories li p{width:100%;height:100%;background:url(images/strong.png) no-repeat;cursor:pointer;}
#MySpace .Categories li .Hot{background-position:0 0;}
#MySpace .Categories li .About{background-position:0 -25px;}
#MySpace .Categories li .Links{background-position:0 -50px;}

#MySpace .Categories li.on{width:97px;}
#MySpace .Categories li.on p{cursor:default;}
#MySpace .Categories li.on .Hot{background-position:0 -75px;}
#MySpace .Categories li.on .About{background-position:0 -100px;}
#MySpace .Categories li.on .Links{background-position:0 -125px;}

/* My Space : Zone */
#MySpace .zone{float:right;width:606px;height:260px;}
#MySpace .zone ul{list-style:none;}
/* My Space : HotZone */
#HotZone {position:relative;overflow:hidden;}
#HotZone .hotBar{height:49px;text-align:right;padding-right:19px;}
#HotZone .hotBar button{display:inline-block;width:6px;height:6px;background:url(images/strong.png) no-repeat -452px 0;margin:20px 0 0 9px;cursor:pointer;}
#HotZone .hotBar button.on{background-position:-437px 0;cursor:default;}
#HotZone ul{height:164px;overflow:hidden;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity:1; opacity:1;}
#HotZone li{width:199px;height:164px;background:url(images/strong.png) no-repeat 6px -253px;float:left;}
#HotZone li img{width:173px;height:103px;margin:6px auto 2px auto;}
#HotZone li p{margin:0 auto;width:173px;line-height:19px;height:38px;overflow:hidden;}

#GetShadow{position:absolute;width:597px;height:164px;background:#ccc;left:0;top:49px;z-index:10;filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

/* My Space : About zone */
#AboutZone{text-align:left;}
#AboutZone dl{float:left;width:199px;}
#AboutZone dt{font-size:10px;color:#cf0101;border-bottom:1px dashed #666;margin:0 28px 10px 0;line-height:35px;text-shadow:#660000 1px 1px 1px;}
#AboutZone dd.state{font-size:10px;height:118px;line-height:15px;color:#565656;}
#AboutZone li{background:url(images/strong.png) no-repeat -965px 0;padding-left:12px;line-height:21px;height:21px;}
#AboutZone a{color:#565656;}
#AboutZone a:hover{color:#D20000;}

/* My Space : Links zone */
#LinksZone ul{padding-top:15px;text-align:left;}
#LinksZone h3{font-size:10px;color:#fff;}
#LinksZone .linkLogo{height:35px;}
#LinksZone li {margin-bottom:5px;}
#LinksZone li a{font-size:9px;display:inline-block;margin-right:10px;}



/* Control bar */
#ControlBar{
	width:970px;
	height:12px;
	overflow:hidden;
	background:url(images/strong.png) no-repeat 0 -444px;
	clear:both;
	margin:4px auto 11px auto;
	cursor:pointer;
}
#ControlBar.miniMode{height:17px;background-position:0 -456px;margin:7px auto 18px auto;}


/* Page Show */
.pageShow{
	width:970px;
	height:60px;
	margin:0 auto;
	overflow:hidden;
	color:#565656;
	font-size:9px;
	border-top:1px solid #111; 
}
.pageShow .clear{border-top:1px solid #3e3e3e;}
.pageShow strong{color:#fff;}
.pageShow a{color:#565656;} 
.pageShow a:hover{color:#D20000;} 
.pageShow p{margin-top:8px;}

.pageShow .showMark{float:left;}
.pageShow .showMark .category{font-size:12px;}
.pageShow .showMode{float:right;padding-right:12px;} 
.pageShow .showNear{float:right;width:110px;} 
.pageShow .showNear a{float:right;background:url(images/strong.png) no-repeat -238px 0;width:53px;height:22px;margin-left:2px;}
.pageShow .showNear .nearNext{background-position:-294px 0;} 

/* Article */
#Article{
	width:970px;
	margin:0 auto;
}
#Article .Notice{text-align:left;font-weight:bold;margin-bottom:20px;;}
#Article .Near{height:40px;}
#Article .Near .prev{float:right;}
#Article .Near .next{float:left;}

#Article .Title{height:58px;background:url(images/strong.png) no-repeat -437px -32px;padding-left:26px;color:#565656;text-align:left;}
#Article .Title h3{font-size:12px;line-height:19px;height:19px;color:#cf0101;text-shadow:#660000 1px 1px 1px;}
#Article .Title h3 a{color:#cf0101;}
#Article .Title p{font-size:9px;}
#Article .Title p a{color:#565656;} 
#Article .Title p a:hover{color:#D20000;} 
#Article .Title .pubtime{display:inline-block;margin-right:17px;}
#Article .Title .category{font-size:12px;}
#Article .Content{text-align:left;line-height:21px;}
#Article .Content p{text-indent:2em;margin-bottom:1.5em;overflow:hidden;white-space:nowarp;width:100%;}

/* Footer */
#Footer{width:970px;height:120px;margin:0 auto;text-align:center;}
#Footer .footLogo{height:78px;}
#Footer .footText{color:#5a5a5a;font-size:8px;line-height:12px;}
#Footer .footText strong{color:#bababa;font-weight:normal;}
#Footer .footText a{color:#5a5a5a;} 
#Footer .footText a:hover{color:#D20000;} 


/* Comment */
#CommentZone{
	width:970px;
	margin:0 auto;
	padding-top:30px;
	text-align:left;
}
#CommentZone h3{height:10px;overflow:Hidden;margin-bottom:10px;}
.comment{text-align:left;padding-bottom:30px;} 
.comment .title{height:31px;border-bottom:1px solid #111;}
.comment .title strong{display:inline-block;margin-right:15px;}
.comment .text{border-top:1px solid #3e3e3e;padding:5px 0 0 0;}
.comment .quote{border-left:2px solid #5c0000;background:#131313;padding-bottom:5px;margin:5px 0;zoom:1;}
.comment .quote strong{display:block;clear:both;line-height:27px;height:27px;padding-left:5px;margin-bottom:5px;border-bottom:1px dashed #5e5e5e;color:#fff;}
.comment .quote strong a{color:#fff;text-decoration:underline;}
.comment .quote strong a:hover{color:#D20000;} 
.comment .quote p{padding-left:5px;} 
.comment .commentPages{padding:5px;margin:5px;}


/* Old ID */
/* Old ID */
#mainContent {
	width:970px;
	text-align:left;	
	margin:30px auto;
} 
#mainContent .content{width:970px;}

#mainWrapper {
	width:970px;
	text-align:left;	
	margin:30px auto;
}
#mainWrapper .sidebar{float:left;width:200px;}
#mainWrapper .content{float:right;width:770px;}

#commentForm{text-align:left;} 
#commentForm .formbox-comment td{font-size:9px;}
#commentForm .formbox-comment-title{font-size:12px;color:#fff;font-weight:Bold;border-bottom:1px solid #5e5e5e;}
#commentForm .button{background:url(images/strong.png) no-repeat -179px -28px;width:117px;height:22px;border:0;cursor:pointer;}
#commentForm .button.reset{background-position:-299px -28px;width:99px;height:22px;}


/****** Input Form Styles (table) ******/
.formbox{}
.formbox-comment{}

.formbox-title,
.formbox-comment-title{
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px dashed #999999;
}

.formbox-rowheader,
.formbox-comment-rowheader {
	padding: 5px;
	text-align: right;
	font-weight: bold;
	color: #ffffff;
}

.formbox-content,
.formbox-comment-content{
	padding: 5px;
}

/* smilies list */
.panel-smilies {
	padding:5px;
	text-align: center;
}
.panel-smilies-title {
	color: #ffffff;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}
.panel-smilies-content {
	padding: 5px;
	line-height: 120%;
}

/****** Upload Page ******/
.upload-page{
	margin: 0px;
	padding: 0px;
	background-image: none;
	text-align: left;
}
.upload-file{
	width: 190px;
}

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

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

/****** 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;
	font-family: "Courier New","";
	border-left: 3px solid #D6C094;
	background-color: #0c0c0c;
	color: #a8a8a8;
	margin: 5px; 
	padding: 10px;
}

.quote {
	border-left: 3px solid #b40062;
	background-color: #0c0c0c;
	margin: 10px;

}
.quote-title {
	border-bottom: 1px dashed #595959;
	padding: 5px;
	font-weight: bold;
	color: #ffffff;
}
.quote-content {
	word-wrap: break-all;
	color: #a8a8a8;
	padding: 10px; 
}

.ubb-obj-div {
	word-wrap: break-all;
	background-color: #0c0c0c;
	color: #ffffff;
	margin: 5px;
	padding: 5px;
	border-left: 3px solid #b40052;

}


/****** Form Controls Styles ******/
form {
	display: inline;
}
input {
	font-family: Verdana; 
	font-size: 11.5px; 

}
input.text {
	height: 13px;
	padding: 0px;
	border: 1px solid #000000;
	color: #d8dfe5; 
	background-color: #1c1c1c;
;
}
input.button {
	height: 16px;
	border: 1px solid #000000;
	padding: 0px;
	color: #ffffff; 
	border-left: 3px solid #b40052;

	background-color: #212121;
}
textarea {
	border: 1px solid #000000;
	background-color: #1c1c1c;
	font-family: Verdana;
	font-size: 11.5px;
	color: #d8dfe5;
	word-spacing: 10pt;
}
		word-spacing: 5mm;

select {
	font-family: Verdana;
	font-size: 11.5px;
	color: #a8a8a8;
	background-color: #f5faff;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
}

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

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



/* page links */ 
.listbox {
	text-align:left; 
}
.listbox-table {
	width: 100%;
}
.listbox-header {
	word-wrap: break-all;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}
.listbox-entry {
	word-wrap: break-all;
	color: #ffffff;
}
.listbox-entry a{
	word-wrap: break-all;
}

/* guestbook entry box */
.gbbox{
	padding-bottom: 25px;
	margin-bottom: 15px;
	background: url('images/textbox_line.gif') no-repeat bottom center;
}
.gbbox-title{
	font-weight: bold;
	background: url('images/gb_title_icon.gif') no-repeat left;
	padding-left: 35px;
	margin-bottom: 10px;
}
.gbbox-title a:link,
.gbbox-title a:visited,
.gbbox-title a:active {
	color: #b40062;
	text-shadow:#660000 1px 1px 1px;
}
.gbbox-label{
	font-weight: normal;
	color: #999999;
	font-size: 11px;
}
.gbbox-content{
	word-wrap: break-word;
	padding: 10px;
		color: #a8a8a8;

}
.gbbox-reply {
	padding: 10px;
	color: #b40062;
	font-weight: bold;
	border-top: 1px dashed #595959 ;
}
.gbbox-reply-title{
	font-weight: bold;
	margin-bottom: 5px;
}
.gbbox-reply-label{
	font-weight: normal;
	color: #999999;
	font-size: 11px;
	display: inline;
}

.formbox{margin:0 auto;text-align:left;	}
.formbox .formbox-title{text-align:center;font-weight:bold;height:50px;}