/******* Default Option *****************/
* {
	margin: 0;
	border: 0;
	padding: 0;
	word-break: break-all; /* Wrap in IE */
}

html, body {
	width: 100%;
	background: #fff;
	color: #333;
	text-align: left;
}

html, body, td, input, select, textarea, button, h1, h2, h3, h4, h5, h6, h7 {
	font: 12px Arial, sans-serif;
}

ul {
	list-style: none;
}

input, select, button {
	vertical-align: middle;
}

cite {
	font-style: normal;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #ff8c00;
	text-decoration: underline;
}

/******* Input, Select, Button *****************/
.editBox {
	border: 1px solid;
	border-color: #696969 #c0c0c0 #c0c0c0 #696969;
	padding: 2px;
	background: #fff;
}

.searchBox {
	height: 16px;
}

.selectList {
	border: 1px solid;
	border-color: #696969 #c0c0c0 #c0c0c0 #696969;
	padding: 1px;
	behavior: url('templates/hellowind/js/selectbox.htc');
}

.commonButton {
	border: 1px solid;
	border-color: #f3f3f3 #665b8e #665b8e #f3f3f3;
	padding: 0 5px;
	background: #c0c0c0;
	cursor: pointer;
}

.noteText {
	color: #a9a9a9;
}

.smallText {
	font-size: 11px;
}

a.noteLink {
	color: #a9a9a9;
	text-decoration: none;
}

/******* Layout *****************/
/******* Logo & Search Bar *****************/
#header {
	display: inline;
	float: left;
	width: 740px;
	margin: 20px 0 0 20px;
}

#header h1, #header h4 {
	float: left;
	width: 235px;
	height: 30px;
	margin-right: 10px;
	background: url(../images/logo.gif) no-repeat left;
}

#header h1 a, #header h4 a {
	display: block;
	width: 100%;
	height: 30px;
	text-indent: -9999px;
}

#header h2 {
	float: left;
	width: 136px;
	height: 30px;
	background: url(../images/slogan.gif) no-repeat left;
	text-indent: -9999px;
}

#header h2.news { background: url(../images/heading_news.gif) no-repeat left; }
#header h2.blog { background: url(../images/heading_blog.gif) no-repeat left; }
#header h2.album { background: url(../images/heading_album.gif) no-repeat left; }
#header h2.space { background: url(../images/heading_space.gif) no-repeat left; }

#searchBar {
	float: right;
	padding-top: 9px;
	text-align: right;
}

#searchBar button {
	width: 21px;
	height: 21px;
	margin-left: 0 !important; margin-left: 3px;
	background: url(../images/button_search.gif) no-repeat;
	text-indent: -9999px;
	vertical-align: middle;
	cursor: pointer;
}

/******* Sub-Menu *****************/
#subMenu {
	clear: both;
	width: 100%;
	height: 23px;
	background: #f5f5f5;
	overflow: hidden;
}

/******* Column Catogories *****************/
#columnMenu {
	height: 24px;
	border-bottom: 1px solid #65ab31;
}

#columnMenu ul {
	float: right;
	width: auto;
}

#columnMenu li {
	display: inline;
	float: left;
	margin-left: 1px;
}

#columnMenu li a {
	display: block;
	width: 80px;
	background: url(../images/channel_menu.gif);
	text-align: center;
	line-height: 24px;
}

#columnMenu li a.thisCat {
	background: url(../images/channel_menu_hover.gif);
	color: #fff;
}

#columnMenu li a:hover {
	background: url(../images/channel_menu_hover.gif);
	color: #fff;
	text-decoration: none;
}

/******* Main Block *****************/
.wrap {
	display: inline;
	float: left;
	clear: both;
	width: 740px;
	margin: 10px 0 0 20px;
}

/******* Left-side, Right-side *****************/
.sideL {
	float: left;
	width: 560px;
	margin-right: 10px;
}

.sideR {
	float: left;
	width: 170px;
}

.blockR {
	clear: both;
	margin-top: 10px;
	border-bottom: 1px solid #c0c0c0;
	padding: 5px 10px;
	background: url(../images/bg_blockR.gif) no-repeat top;
}

.blockR h4 {
	height: 20px;
	border-bottom: 1px solid #c0c0c0;
	line-height: 20px;
}

.blockR ul {
	margin-top: 5px;
	height: 60px;
}

.blockR li {
	width: 140px;
	height: 20px;
	padding-left: 10px;
	background: url(../images/icon_li_square_orange.gif) no-repeat left;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/******* Left-side, Right-side (2) *****************/
.side2L {
	float: left;
	width: 480px;
	margin-right: 10px;
}

.side2R {
	float: left;
	width: 250px;
}

.block2R {
	background: #f5f5f5;
}

.block2R ul {
	padding: 5px 10px 10px 10px;
}

.block2R dl {
	padding: 5px 10px 10px 10px;
}

.block2R dt {
	margin-top: 5px;
	line-height: 24px;
}

.block2R dd {
	color: #a9a9a9;
}

.block2R dd * {
	color: #a9a9a9;
}

/******* Latest News by Category *****************/
.wrapCat {
	display: inline;
	float: left;
	clear: both;
	width: 750px;
	margin-left: 10px;
}

.blockCat {
	display: inline;
	float: left;
	width: 365px;
	height: 292px;
	margin: 10px 0 0 10px;
	background: #f5f5f5;
}

.blockCat ul {
	margin: 5px 10px 10px 10px;
}

/******* Copyright *****************/
#copyright {
	display: inline;
	float: left;
	clear: both;
	width: 740px;
	height: 70px;
	margin: 10px 0 0 20px;
	border-top: 3px solid #65ab31;
	padding-top: 10px;
	color: #a9a9a9;
}

#copyright h4 {
	float: left;
	width: 100px;
	height: 23px;
	background: url(../images/logo2.gif);
}

#copyright h4 a {
	display: block;
	width: 100%;
	height: 23px;
	text-indent: -9999px;
}

#copyright p {
	float: right;
	text-align: right;
	line-height: 20px;
}

.supesite {
	font-size: 10px;
}

#copyright * {
	color: #a9a9a9;
}

/******* Ads *****************/
.ads {
	float: left;
	width: 728px;
	height: 90px;
	background: #dcdcdc;
	text-align: center;
	line-height: 90px;
}

.adsLabel {
	float: left;
	width: 12px;
	height: 90px;
	background: url(../images/titlebar_ads.gif);
	overflow: hidden;
}

/******* Block *****************/
/******* Blank Block for Clearing Floating *****************/
.blank {
	clear: both;
	overflow: hidden;
}

.divider {
	clear: both;
	height: 10px;
	overflow: hidden;
}

/******* Title Bar *****************/
.titleBar {
	clear: both;
	height: 27px;
	background: url(../images/titlebar_bg.gif);
	color: #fff;
	line-height: 24px;
}

.titleBar a {
	color: #fff;
}

.titleBar a:hover {
	color: #ff0;
	text-decoration: none;
}

.titleBar h3, .titleBar h4 {
	float: left;
	height: 27px;
	font-weight: normal;
	line-height: 25px;
	letter-spacing: 1px;
}

.titleBar h3 {
	padding-left: 16px;
	background: url(../images/titlebar_divider.gif) no-repeat 7px 0;
	font-size: 14px;
}

.titleBar h4 {
	padding-left: 10px;
	font-size: 12px;
}

.titleBar span {
	float: right;
	display: block;
	height: 27px;
	padding-right: 2px;
	letter-spacing: 1px;
}

.titleBar span a {
	display: block;
	float: left;
	width: 100px;
	height: 27px;
	margin-right: 2px;
	background: url(../images/titlebar_tab.gif);
	color: #333;
	text-align: center;
	line-height: 27px;
}

.titleBar span a.thisTab {
	background: url(../images/titlebar_tabH.gif);
}

.titleBar span a:hover {
	background: url(../images/titlebar_tabH.gif);
	color: #ff8c00;
}

.titleBar span.narrowTabs a {
	width: 80px;
	background: url(../images/titlebar_tab2.gif);
}

.titleBar span.narrowTabs a.thisTab {
	background: url(../images/titlebar_tab2H.gif);
}

.titleBar span.narrowTabs a:hover {
	background: url(../images/titlebar_tab2H.gif);
	color: #ff8c00;
}

.titleBar span.wideTabs a {
	width: 120px;
	background: url(../images/titlebar_tab3.gif);
}

.titleBar span.wideTabs a.thisTab {
	background: url(../images/titlebar_tab3H.gif);
}

.titleBar span.wideTabs a:hover {
	background: url(../images/titlebar_tab3H.gif);
	color: #ff8c00;
}

.titleBar cite {
	float: right;
	padding: 0 7px;
	background: url(../images/titlebar_divider.gif) no-repeat left;
	line-height: 24px;
	letter-spacing: 1px;
}

.titleBar label {
	float: left;
	width: 56px;
	height: 27px;
	margin-right: 5px;
	padding-left: 10px;
	background: url(../images/titlebar_divider.gif) no-repeat right 0;
	color: #fff;
	line-height: 25px;
}

.titleBar h2 {
	display: inline;
	font-weight: normal;
}

/******* Title Bar of Sub-Category *****************/
.subTitleBar {
	height: 23px;
	border-bottom: 1px solid #a9a9a9;
	padding-left: 10px;
	background: url(../images/titlebar_sub_category.gif) no-repeat left;
}

.subTitleBar h3 {
	float: left;
	padding-top: 5px;
	font-size: 14px;
}

.subTitleBar cite {
	float: right;
	padding-top: 7px;
	text-align: right;
}

/******* Headline Pix *****************/
.headlinePix {
	width: 160px;
	border: 1px solid #c0c0c0;
	padding: 1px;
}

.headlinePix a {
	display: block;
	width: 160px;
	height: 120px;
	overflow: hidden;
}

.headlinePix a img {
	max-width: 160px;
	width: expression(this.width >160 && this.height < this.width ? 160: true);
}

@media all and (min-width: 0px){ .headlinePix a img { width: 160px; } } /*for Opera Only*/

/******* List *****************/
/******* Catogory List in Right-side *****************/
.catList2R li {
	float: left;
	width: 100px;
	height: 24px;
	margin-bottom: 0 !important; margin-bottom: -3px; /* Fix IE-FF Compatibility */
	padding-left: 10px;
	background: url(../images/icon_li_dot_orange.gif) no-repeat left;
	line-height: 24px;
}

/******* Common List in Right-side *****************/
.commonList2R li {
	clear: both;
	width: 220px;
	height: 24px;
	padding-left: 10px;
	background: url(../images/icon_li_dot_orange.gif) no-repeat left;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/******* Article List in Right-side *****************/
.artList2R ul {
	clear: both;
}

.artList2R li {
	clear: both;
	width: 220px;
	height: 24px;
	padding-left: 10px;
	background: url(../images/icon_li_dot_orange.gif) no-repeat left;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.artList2R li strong {
	display: inline;
	float: left;
	width: 190px;
	font-weight: normal;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.artList2R li cite {
	display: inline;
	float: right;
	width: 30px;
	color: #a9a9a9;
	font-size: 11px;
	text-align: right;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.artList2R li cite * {
	color: #a9a9a9;
}

/******* Member List in Right-side *****************/
.memberList2R ul {
	clear: both;
	height: 250px;
	padding: 5px 10px;
	background: url(../images/bg_member.gif) no-repeat left top;
}

.memberList2R li {
	clear: both;
	width: 225px !important; width: 215px; /* Fix IE-FF Compatibility */
	height: 25px;
	margin-bottom: 0 !important; margin-bottom: -3px; /* Fix IE-FF Compatibility */
	padding-left: 15px;
	background: none;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.memberList2R li strong {
	display: inline;
	float: left;
	width: 155px;
	font-weight: normal;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.memberList2R li cite {
	display: inline;
	float: left;
	width: 60px;
	color: #a9a9a9;
	font-size: 11px;
	text-align: right;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.memberList2R li cite.space {
	font-size: 12px;
	text-align: left;
}

.memberList2R li cite * {
	color: #a9a9a9;
}

/******* Headline List *****************/
.headlineList li {
	clear: both;
	height: 124px;
	margin-top: 18px;
	margin-bottom: 0 !important; margin-bottom: -3px; /* Fix IE-FF Compatibility */
}

.headlineList p.headlinePix {
	float: left;
}

.headlineList div {
	display: block;
	float: right;
	width: 298px;
	height: 119px;
	margin-left: 10px;
	padding-bottom: 5px;
	background: url(../images/line_x.gif) repeat-x bottom;
}

.headlineList h5 {
	width: 300px;
	margin-top: 5px;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.headlineList div p {
	margin-top: 5px;
	line-height: 20px;
}

.headlineList div p.note {
	margin-top: 0px;
	color: #a9a9a9;
}

.headlineList div p.note * {
	color: #a9a9a9;
}

/******* Article List by Category *****************/
.artListByCat li {
	clear: both;
	height: 24px;
	margin-bottom: 0 !important; margin-bottom: -3px; /* Fix IE-FF Compatibility */
	border-bottom: 1px dotted #e7e7e7 !important; border-bottom: 1px solid #e7e7e7; /* Fix IE-FF Compatibility */
	padding-left: 10px;
	background: url(../images/icon_li_dot_orange.gif) no-repeat left;
	line-height: 24px;
}

.artListByCat li strong {
	display: inline;
	float: left;
	width: 295px;
	margin-right: 10px;
	font-weight: normal;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.artListByCat li cite {
	display: inline;
	float: right;
	width: 30px;
	color: #a9a9a9;
	font-size: 11px;
	text-align: right;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.artListByCat li.blog strong {
	width: 265px;
}

.artListByCat li.blog cite {
	width: 60px;
	font-size: 12px;
	text-align: left;
}

.artListByCat li.category strong {
	width: 430px;
}

.artListByCat li cite * {
	color: #a9a9a9;
}

/******* Thumbnail List *****************/
.thumbList li {
	display: inline;
	float: left;
	width: 100px;
	margin: 10px 5px 0 0;
	border: 1px solid #c0c0c0;
	padding: 3px;
	text-align: center;
}

.thumbList li div {
	display: table;
	height: 100px;
	font-size: 90px;
	line-height: 90px;
	overflow: hidden;
}

.thumbList li div a {
	display: table-cell !important; display: block;
	width: 100px;
	vertical-align: middle;
}

.thumbList li img {
	max-width: 100px;
	max-height: 100px;
	width: expression(this.width >100 && this.height < this.width ? 100: true);
	height: expression(this.height > 100 ? 100: true);
	font-size: 10px;
	vertical-align: middle;
}

@media all and (min-width: 0px){ .thumbList li img { width: 100px; height: 100px; } } /*for Opera Only*/

.thumbList li p {
	width: 100%;
	margin-top: 5px;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.thumbList li p strong {
	font-weight: normal;
	vertical-align: baseline;
}

.thumbList li p cite {
	color: #a9a9a9;
	vertical-align: baseline;
}

.thumbList li p cite * {
	color: #a9a9a9;
}

/******* Member Panel *****************/
#panel {
	border-bottom: 1px solid #a9a9a9;
	padding: 5px 10px;
	background: url(../images/bg_blockR.gif) no-repeat top;
}

#panel h4 {
	height: 20px;
	border-bottom: 1px solid #a9a9a9;
	font-weight: normal;
	line-height: 20px;
}

#panel ul {
	margin-top: 5px;
}

#panel li {
	height: 20px;
	padding-left: 10px;
	background: url(../images/icon_li_square_orange.gif) no-repeat left;
	line-height: 20px;
}

#panel p {
	height: 22px;
	margin-top: 7px;
}

#panel p label {
	display: block;
	float: left;
	width: 45px;
	line-height: 22px;
}

#panel p input {
	float: right;
	width: 99px;
}

#panel p cite {
	display: block;
	float: left;
	line-height: 22px;
}

#panel p button {
	float: right;
	width: 60px;
	height: 19px;
	background: url(../images/button_login.gif) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

/******* Top Space *****************/
#topSpace ul {
	background: url(../images/bg_board.gif) no-repeat left top;
}

#topSpace li {
	width: 220px !important; width: 210px; /* Fix Width Compatibility */
	padding-left: 20px;
}

#topSpace li strong {
	width: 150px;
}

/******* Space Star *****************/
#starSpace ul {
	clear: both;
	width: 240px;
	height: 230px;
	padding: 10px 0 0 10px;
	text-align: left;
}

#starSpace li {
	display: inline;
	float: left;
	width: 64px;
	height: 64px;
	margin: 0 10px 10px 0;
	border: 1px solid #a9a9a9;
	padding: 2px;
	font-size: 1px;
	background: none;
	text-align: center;
}

#starSpace li img {
	width: 64px;
	height: 64px;
}

#starSpace p {
	clear: both;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
	background: #f5f5f5;
}

/******* Xspace AJAX div *****************/
.xspace-ajaxdiv {
	position: absolute;
	border: 1px solid #e7e7e7;
	padding: 5px;
	background: #f5f5f5;
	text-align: left;
}

.xspace-ajaxdiv h5 {
	line-height: 24px;
}

.xspace-ajaxdiv h5 a {
	float: right;
	font-weight: normal;
}

.xspace-ajaxcontent {
	border: 1px solid #e7e7e7;
	padding: 5px;
	background: #fff;
}

.xspace-ajaxcontent li {
	height: 20px;
	line-height: 20px;
}

.xspace-ajaxcontent p {
	height: 20px;
	margin-top: 10px; 
	border-top: 1px dotted #e7e7e7 !important; border-top: 1px solid #e7e7e7;
	text-align: right;
	line-height: 20px;
}

/******* Xspace Rates *****************/
#xspace-rates {
	height: 24px;
}

#xspace-rates label {
	float: left;
	width: 35px;
	line-height: 24px;
}

#xspace-rates a {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	border: 1px solid #e7e7e7;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
}

#xspace-rates a:hover {
	border-color: #a9a9a9;
}

.xspace-rates-5 #xspace-rate-5, .xspace-rates-3 #xspace-rate-3, .xspace-rates-1 #xspace-rate-1, .xspace-rates0 #xspace-rate0, .xspace-rates1 #xspace-rate1, .xspace-rates3 #xspace-rate3, .xspace-rates5 #xspace-rate5 {
	border-color: #a9a9a9;
	background-color: #e7e7e7;
	font-weight: bold;
}

/******* Pages *****************/
.pages {
	margin-top: 10px;
	text-align: right;
}

/******* Xspace Pages *****************/
.xspace-page {
	margin: 2px 0 2px auto;
}

table.xspace-page a {
	display: block;
	padding: 2px 5px;
	background: #e7e7e7;
	text-decoration: none;
}

table.xspace-page a:hover {
	background: #a9a9a9;
	color: #fff;
	text-decoration: none;
}

table.xspace-page td.xspace-current {
	padding: 2px 5px;
	background: #a9a9a9;
	color: #fff;
	font-weight: bold;
}

table.xspace-page td.xspace-totlerecord, .xspace-page td.xspace-totlepages {
	padding: 2px 5px;
	background: #e7e7e7;
}

/******* Comment List *****************/
#commentList {
	clear: both;
	height: auto;
	margin-top: 10px;
	border: 1px solid #b6e296;
	padding: 5px;
}

#commentList li p {
	margin: 5px 0;
	padding: 0 5px;
	line-height: 22px;
}

#commentList li p.commentInfo {
	height: 20px;
	padding: 0 5px;
	background: #e7e7e7;
	line-height: 20px;
}

#commentList li p.commentInfo cite {
	float: right;
	line-height: 20px;
}

/******* Post Your Comment *****************/
#comment {
	clear: both;
	height: auto;
	margin-top: 10px;
	border: 1px solid #b6e296;
	padding: 5px;
}

#comment p {
	clear: both;
	margin: 5px 0;
}

#comment p img {
	vertical-align: middle;
}

#comment p label {
	float: left;
	width: 35px;
	height: 24px;
	line-height: 24px;
}

#comment button {
	height: 20px;
	margin-left: 35px;
	padding: 0 10px;
	line-height: 20px;
}

/******* Comment Title Bar *****************/
.commentTitleBar {
	height: 20px;
	border-bottom: 1px solid #b6e296;
}

.commentTitleBar h4 {
	font-weight: bold;
	line-height: 20px;
}

.commentTitleBar cite {
	float: right;
	line-height: 20px;
}