/* start of CSS reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-family: inherit; font-size: 100%;
	vertical-align: baseline;
}
/* remember to define focus styles! */
/*
:focus { outline: 0;}
body { line-height:1; color: black;background: white;}
ol, ul {list-style: none;}
*/
/* tables still need 'cellspacing="0"' in the markup */
/*
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {quotes: "" "";}
*/
/* end of CSS reset */

/* center align content with 900px wide */
html {text-align:center;}
body {width:900px;position:relative;margin:0 auto;text-align:left;}

/* =si_clear_children */
/* ref: http://www.shauninman.com/archive/2006/05/22/clearance_position_inline_absolute */
.clear_children,.cc_tallest { position: relative; }
/*\*/* html .clear_children { display: inline;}/* PREVENTS MISSING CHILDREN IN IE WIN 5.0 */
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */




/* original stuff below */

body
{
 /*background-color:#000;*/
	background-color:#221284;
	color:#261593;
	/*font:15px/1.4em 細明體,Verdana,Arial,Helvetica,sans-serif;*/
	font:15px/1.4em Verdana,Arial,Helvetica,sans-serif;
  /*margin:2px 2px 2px 1px;*/
  padding:0;
  text-align:center;
/*
	color:#e7e7e7;
	background-color:#221284;
*/

/*	scrollbar-3dlight-color:#221284;
	scrollbar-arrow-color:#fffac2;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#261593;
	scrollbar-highlight-color: #261593;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#261593; */
}

p, li, ul, ol, dl, dd, dt {text-align:left;}
li, ul, ol, dl, dd, dt {margin-left:1em;}
p, ol, ul, dl{padding:0.5em 0;}
dt{margin-left:1em;margin-bottom:0.5em;}
dd{margin-bottom:0.5em;margin-left:3em;}
/*dd li{margin-left:-2em;}*/
a.topmenu:link { color: #ffd322; text-decoration:none;}
a.topmenu:visited { color: #ffd322; text-decoration:none;}
a.topmenu:hover { color: #ffd322; text-decoration:none; }
a { color: #8E187C; text-decoration:none; }
a:hover { color:#530D48; }

/* layout construct should not contains color, and typological setting... to be refactored */
table { width: 100%; /*font-size: small;*/ }
table.s2 { width: 90%; margin: 0;padding: 0;}
table.s {width: 70%;margin: 0;padding: 0;}
table.photo {width: 80%;margin: 0;padding: 0;}

.menu1 a
{
	margin: 5px 0 0 0;
	border: 0;
	border-left: 8px solid #3E2489;
  padding-left: 4px;
	background-color: #CBDDFF;
	text-decoration: none;
	color: #8E187C;
	border-bottom: 2px dashed #3E2489;
	display: block;
  width: 120px;
}

.menu1 a:hover { background-color: #CBDDFF; color: #FFB910; font-weight:bold; }
.menu1 a:visited { color: #3E2489; }
ul.menu1, li.menu1{margin-left:0;}
li.menu1 .highlight{font-weight:bold;}

.titleob, #titleob,  #toptitleob {
	padding: 10px;
	letter-spacing: 2px;
  font: normal normal bold 18px/20px 細明體, Verdana;
  color:#9E0B0E;
  text-align:center;
}
/* to be replaced with contentSpecialNote*/
#toptitleob {font-size:50px;color: #9E0B0E; }

/* style replacement of #toptitleob */
 .contentSpecialNote, h1{
	padding: 10px;
	font-size:18px;
	font-weight: bold;
	color:#9E0B0E;
	text-align: center;
}

.obtitle, h2 {font-size:15px;	font-weight: bold;	color:#9E0B0E;padding:0.5em 0;}

h2{text-align:left;}

div#content {
	padding: 10px;
	text-align:left;
/*	font-size: 16px;
	letter-spacing: 2px;
	line-height: 20px;*/
}

div#content table {width: 100%;margin: 0;padding: 0;margin:auto;}
/* layout construct should not contains color, and typological setting... to be refactored */
/*div#content td { padding: 5px; font-size: 16px; font-size:11px;}*/

/* layout construct should not contains color, and typological setting... to be refactored */
table td {
/*	background:#CBDDFF;*/
	background:#DFEAFF;
	/* background:#dadcff;  */
	padding: 0;
	/*border-width: 0;*/
	vertical-align: top;
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
}

/* layout construct should not contains color, and typological setting... to be refactored */
td {
/*	font-family: Tahoma, taipei;
	font-size: 12px;
	color: #261593; should this line be removed?*/
}

.bg{background:#8a8fe6;}

.topnav1{
/*	background:#0069E4;  */
	background:#0157CE;
	background-image: url(http://www.obhk.org/sitea/themes/obtheme1/images/obbannerbg1.jpg);
  background-repeat: repeat-y;
/*	background:#5e6cdf;  */
	vertical-align: middle;
	height:23px;
}

.topnav{
	font-size:10pt;
	background:#160a3d;
	color:#FFD322;
	vertical-align: middle;
	height:23px;
	/*white-space:nowrap;
	border:1px solid;
	border-color:#0b38dd #0b38dd #0b38dd #0b38dd; */
}

.topnav2{
	background:#0157CE;
	vertical-align: middle;
}

.allnav1{
	background:#9EC7FF;
	vertical-align: middle;
}

td.t {
	/*background-image: url(images/tnav_t.gif);*/
	height: 23px;
	background-repeat: repeat-x;
}

td.l {
	/*background-image: url(images/tnav_l.gif);*/
	width: 14px;
	background-repeat: repeat-y;
}

td.r {
	/*background-image: url(images/tnav_r.gif);*/
	width: 14px;
	background-repeat: repeat-y;
}

td.b {
	/*background-image: url(images/tnav_b.gif);*/
	height: 23px;
	background-repeat: repeat-x;
}

td.bkg {
	/*background-image: url(images/cellpic_bkg.jpg);*/
	height: 120px;
	vertical-align: bottom;
	background-repeat: no-repeat;
	padding:3px;
}

td.lbar{
	/*background-image: url(images/cb_fbr_tex.gif);*/
	border:0px solid;
	/* border-color:#221284 #221284 #221284 #221284; */
	padding: 0px;
}

td.rbar{
	/*background-image: url(images/cb_fbr_tex.gif);*/
	border-left:1px solid;
	border-color:#707070 #707070 #221284 #221284;
	padding-left: 5px;
}

input {
	background:#001396;
	color:#e7e7e7;
	font:11px Verdana,Arial,Helvetica,sans-serif;
	padding-bottom:2px;
	padding-left:2px;
	border:1px solid;
	border-color: #000000 #707070 #707070 #000000;
}

textarea {
	color:#e7e7e7;
	background:#001396;
	font:11px Verdana,Arial,Helvetica,sans-serif;
	padding-bottom:2px;padding-left:2px;
	border:1px solid;
	border-color: #000000 #707070 #707070 #000000;
}

select {
	background:#001396;
	color:#e7e7e7;
	font:11px Verdana,Arial,Helvetica,sans-seri;
}

img {border: 0;}
/*
ul {
	margin: 2px;
	padding: 2px;
	list-style: decimal inside;
	text-align: left;
}

li {
	margin-left: 2px;
	list-style: disc inside;
}
*/

.outer {
	background:#001396;
}

.odd, .even {
	background-color: #CBDDFF;
	border:1px solid;
	border-color:#CBDDFF #000000 #000000 #CBDDFF;
}

th.free1 {
	font-size:16px;
	white-space:nowrap;
	text-align:center;
}

th {
/*	color: #261593;*/
	color: #FFD322;
	font-size:11px;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	padding-left:8px;
	padding-right:8px;
	border:1px solid;
	border-color:#221284 #000000 #000000 #221284;
}

.head, .foot {
	/*color: #261593;
	font-weight: bold;*/
	color: #fff;
	background: #261593;
	border:1px solid;
	border-color:#221284 #000000 #000000 #221284;
}

.comTitle {
	color: #261593;
	font-size: 11px;
	font-weight: bold;
	background-image: url(images/cb_fbr_tex.gif);
	border:1px solid;
	border-color:#221284 #000000 #000000 #221284;
	padding: 3px;
}

.comText {padding: 2px;}
.comUserStat {
	font-size: 10px;
	color: #261593;
	font-weight:bold;
	border: 1px solid;
	border-color:#221284 #000000 #000000 #221284;
	background-color: #001396;
	margin: 2px;
	padding: 1px;
}

.comUserStatCaption {font-weight: normal;}

.comUserStatus {
	background: #261593;
	margin-left: 2px;
	margin-top: 10px;
	color: #261593;
	font-weight:bold;
	font-size: 10px;
	border:1px solid;
	border-color:#221284 #000000 #000000 #221284;
}

.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}

.comDate {font-weight: normal;font-size: smaller;}
.comDateCaption {font-weight: bold;font-style: normal;}

.item {border: 1px solid #CBDDFF;}

.itemHead {
	color: #261593;
	background-image: url(images/cb_fbr_tex.gif);
	font-weight: bold;
	padding: 7px;
	border:1px solid;
	border-color:#221284 #000000 #000000 #221284;
}

.itemInfo {
	text-align: right;
	padding: 3px;
	background-color: #001396;
	border:1px solid;
	border-color:#221284 #000000 #000000 #221284;
}

.itemTitle a {color: #261593;font-weight: bold;font-variant: small-caps;}

.itemPoster, .itemPostDate, .itemStats{color: #261593;font-size: 90%;}

.itemBody {
	background:#001396;
	border:1px solid;
	padding: 5px;
	border-color:#221284 #000000 #000000 #221284;
}

.itemText {
	color: #261593;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.5em;
}

.itemFoot {
	color: #261593;
	text-align: right;
	padding: 3px;
	background: #221284;
	border:1px solid;
	border-color:#221284 #000000 #000000 #221284;
}

.itemAdminLink, .itemPermaLink { font-size: 90%;}


.blockTitle, .blockContent, div.xoopsCode, div.xoopsQuote {
	background:#CBDDFF;
	border:1px solid;
	border-color:#221284 #000000 #000000 #221284;
	padding: 5px;
  position:relative;
}

.blockTitle {
	color: #ffd322;
	font-weight: bold;
	font-size: 14px;
	background:#261593;;
}

.leftblocks .blockTitle, .leftblocks .blockContent{
	background:transparent;
	border:0px solid transparent;
	padding: 0px;
}
.leftblocks .blockTitle {
  font-size:15px;
  font-weight:normal;
}

form.liaise table td.even ,form.liaise table td.odd{
  text-align:left;
}
div#content form.liaise td.head{
  font-size:12px;
}

p.class1 {background-color:#9EBDB1;padding:5px;}
p.class2 {background-color:#D7C945; padding:5px;}

.framed {border:1px solid #ccc; padding:3px; background:#fff;margin-left:1em;margin-right:1em;display:block;}
img.framed {margin:0.5em 1em;}

span.framed {margin:0.5em 1em;}
.framed p.caption, .framed span.caption{font-size:12px;text-align:center;margin:0;line-height:1.2em;padding:0;}

.goback{text-align:right;clear:both;display:block;}

.notice {
border:1px solid black;
padding:0.5em 2em;
background:#ccf;
text-align:left;}

form#userinfo td.head{color:#ccc;font-weight:normal;}

.adminEdit{font-size:10px;position:relative;top:0;right:0;}

.blog dd {margin-bottom:1em;}
.blog dt {border-top:2px solid; display:block; font-weight:bold;margin:0;}

.block {margin-top:0.5em;}