/*
alive not dead Template
Template Name: HKPAG template
*/
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; margin: 0; background: white url(/images/misc/hkpag/hkpag-bg.gif) top repeat; }
input, textarea, select, button { font: 1em Arial, Helvetica, sans-serif; }
a:link { text-decoration: none; cursor: pointer; color: #862b30; }
a:visited { color: gray; text-decoration: none; }
a:active { color: red; text-decoration: none; }
a:hover { text-decoration: underline; }

table.xspace-page a { background-color: #383227; }
table.xspace-page td.xspace-totlerecord, table.xspace-page td.xspace-totlepages { background-color: #383227; }
table.xspace-page td.xspace-current { background-color: #C37E32; }

#wrap { margin: auto; text-align: left; width: 780px; }
#header { background-color: white; background-position: 20px 27px; background-repeat: no-repeat; width: 780px; height: 257px; margin-bottom: 10px; }
#xspace-spacename { font-size: 110%; color: white; position: relative; top: 100px; left: 448px; width: 310px; height: auto; }
#xspace-spacename a, #xspace-spacename a:link, #xspace-spacename a:visited { font-size: 14px; color: white; text-decoration: none; }
#xspace-spacename a:hover {  text-decoration: underline; }
#xspace-spacename a.xspace-spacedomain { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#spacename {
height:259px;  width:780px; margin-top:-37px;
background: transparent url(/images/themes/hkpag1/bg_stage.gif) no-repeat scroll left top;
}

/*佈局*/
/*Layout_1 左側導航*/
.xspace-layout1 #sideleft { float:left; width: 239px; margin-left: 7px; }
.xspace-layout1 .mainarea-side { width: 517px; margin-left: 249px !important; margin-left: 246px; }
/*Layout_2 右側導航*/
.xspace-layout2 #sideright { float: right; width: 239px; padding: 0 7px 0 0; }
.xspace-layout2 .mainarea-side { float: left; width: 517px; padding: 0 0 0 7px; }
/*Layout_3 三列*/
.xspace-layout3 #sideleft { float:left; width: 190px; }
.xspace-layout3 #sideright { float:right; width: 190px; }
.xspace-layout3 .mainarea-side { float: left; width: 380px; w\idth: 370px; padding: 0 5px; }

/*導航*/
#menu { width: 780px; height: 37px; clear: both; top: 239px; margin: 0 0px 0 0px; background: white; }
#menu ul { float: right; }
#menu li { display: block; background: #99000d url(/images/themes/hkpag1/bg_nav.gif) repeat-x top left; opacity: 1; margin: 0 0 0 2px; padding: 5px 10px 5px 10px; float: left; text-align: center; }
#menu li.xspace-active { background: #c85154 url(/images/themes/hkpag1/bg_nav.highlight.gif) repeat-x top left; }
#menu li a { color: white; text-decoration: none; font-size: 110%; font-weight: bold; }
	#menu a:hover { text-decoration: underline;  }

#content { background: white url(/images/themes/hkpag1/bg_inside.gif) no-repeat left bottom; margin: 0; padding-top: 10px; }

/*標題樣式*/
.xspace-blocktitle { font-size: 100%; vertical-align: middle; color: transparent; }
.xspace-blocktitle a, .xspace-blocktitle a:link, .xspace-blocktitle a:visited { color: white; text-decoration: none; }
.xspace-blocktitle a.more, .xspace-blocktitle a.more:link, a.more:visited { font-size: 12px; font-weight: normal; font-variant: small-caps; }
.xspace-blocktitle a:hover {  text-decoration: underline; }
.xspace-loglist a { font-weight: bold; text-decoration: none; }
.xspace-loglist a:hover {  font-weight: bold; text-decoration: underline; }
.xspace-list, .xspace-itemlist, .xspace-list2col, .xspace-showmessage { background: transparent; margin: 0; padding: 12px; }
li.xspace-loglist h4.xspace-entrytitle, li.xspace-itemmessage h4.xspace-entrytitle { background: none; padding: 0; margin: 0; }
li.xspace-itemmessage h4.xspace-entrytitle { font-size: 150%; }
.xspace-itemmessage { margin: 0; text-align: justify; }
.xspace-smalltxt { font-size: 90%; color: #862b30; }
.xspace-itemlinks { font-size: 90%; font-weight: bold; color: #862b30; }
a.xspace-itemlinks { font-weight: bold; text-decoration: none; }
a.xspace-itemlinks:hover { text-decoration: underline; }
.xspace-blockfooter a, .xspace-blockfooter a:link, .xspace-blockfooter a:visited { color: #862b30; text-decoration: none; font-size: 12px; font-weight: normal; font-variant: small-caps; }
.xspace-blockfooter a:hover { text-decoration: underline; }
.xspace-noticemsg { border: none; }
.xspace-listtab { margin: 0; }
.xspace-listtab li a, .xspace-listtab li a:visited { background: white url(/images/themes/hkpag1/bg_nav.gif) repeat-x top left; color: white; font-weight: bold; text-decoration: none; }
.xspace-listtab li a:hover {  text-decoration: underline; }
.xspace-listtab li.xspace-active a, .xspace-listtab li.xspace-active a:visited { background-color: #B26A29 url(/images/themes/hkpag1/bg_nav.highlight.gif) repeat-x top left; }
#xspace-multipage-div { margin: 6px 0 6px 0; color: #862b30; font-size: 12px; font-weight: normal; font-variant: small-caps; border: none; }
#xspace-multipage-div a, #xspace-multipage-div a:visited { color: #862b30; text-decoration: none; }
#xspace-multipage-div a:hover {  text-decoration: underline; }

#mainarea .xspace-blocktitle { padding: 0 12px 0 12px; background: white url(/images/themes/hkpag1/bg_header.gif) no-repeat top left; width: 493px; height: 28px; color: white; line-height: 28px; }
#mainarea .xspace-list, #mainarea .xspace-itemlist, #mainarea .xspace-list2col, #mainarea .xspace-itemreply, #mainarea .xspace-showmessage { background: transparent; width: 493px; }
#mainarea li.xspace-loglist, #mainarea .xspace-coverlist, #mainarea .xspace-friendlist { background: none; padding: 6px 0 6px 0; margin-bottom: 6px; border-bottom: 1px dashed #862b30; }
#mainarea li.xspace-blockfooter { padding: 0 12px 0px 12px; }
#mainarea .xspace-blockbottom {  background: none; width: 517px; height: 5px; }

#announcement { border: none; padding: 0; margin: 0; }
#announcement .xspace-list { padding-bottom: 12px; }
#announcement .xspace-list li { padding: 0; margin: 0; background: none; }
#myentries .xspace-blocktitle, #newentries .xspace-blocktitle, #vitalstats .xspace-blocktitle { background: white url(/images/themes/hkpag1/bg_header.gif) no-repeat top left; width: 493px; height: 28px; vertical-align: middle;}
.xspace-menucategory { font-size: .8em; }
#myentries .xspace-blocktitle a, #newentries .xspace-blocktitle a, #vitalstats .xspace-blocktitle a { color: white; }
#myentries h4.xspace-entrytitle, #newentries h4.xspace-entrytitle, #blog-info .xspace-title { line-height: normal; }
#myentries h4.xspace-entrytitle a, #newentries h4.xspace-entrytitle a, #myimage h4.xspace-entrytitle a { color: black; font-size: 110%; text-decoration: none; }
#myentries h4.xspace-entrytitle a:hover, #newentries h4.xspace-entrytitle a:hover, #myimage h4.xspace-entrytitle a:hover {  text-decoration: underline; }
#myentries p.xspace-itemlinks, #newentries p.xspace-itemlinks { margin-top: 12px; }

li.xspace-imagelist { line-height: 90px; width: 105px; height: auto; font-size: 100%; vertical-align: middle; background-color: #383227; border-color: #ddd8ba; margin-right: 8px; }
li.xspace-imagelist img { width: 100px; height: 75px; max-height: 75px; margin-top: 12px; }
li.xspace-imagelist p { color: transparent; white-space: normal; height: auto; line-height: normal; padding: 5px; font-size: 90%; font-weight: bold; }
li.xspace-imagelist p a { color: #EBEBEB; text-decoration: none; }
li.xspace-imagelist p a:hover {  text-decoration: underline; }
li.xspace-imagelist p a.xspace-itemlinks { font-size: 100%; color: #862b30; }
li.xspace-imagelist p a.xspace-itemlinks:hover {  text-decoration: underline; }

#myforum .xspace-entryfooter { text-align: right; line-height: normal; }
#myforum .xspace-author { font-size: 90%; font-style: normal; }
#myforum .xspace-replies { font-size: 90%; font-style: normal; }

.xspace-entryphoto, .xspace-friendavatar { float: left; background: url(/images/themes/hkpag1/bg-frame.gif); padding: 3px; }
.xspace-entryphoto:hover, .xspace-friendavatar:hover { background: none; background-color: #862b30; }
#guestbook .xspace-entrytitle, #myfriends .xspace-entrytitle, #comments .xspace-entrytitle { float: right; }
#guestbook .xspace-entrytitle, #myfriends .xspace-entrytitle, #comments .xspace-entrytitle { width: 370px; }
#guestbook img.avatar, #myfriends img.avatar, #comments img.avatar { border: 0; }
#guestbook .xspace-entryauthor, #myfriends .xspace-friendname, #comments .xspace-entryauthor { font-size: 125%; font-weight: bold; color: black; text-decoration: none; }
#guestbook .xspace-entryauthor:hover, #myfriends .xspace-friendname:hover, #comments .xspace-entryauthor:hover {  text-decoration: underline; }

.xspace-sideblock { margin: 0; width: 240px; }

#avatar .xspace-blockbottom, #infomation .xspace-blockbottom, #action .xspace-blockbottom { display: none; }
#sideright .xspace-blocktitle, #sideleft .xspace-blocktitle { padding: 0 12px 0 12px; background: white url(/images/themes/hkpag1/bg_side.gif) no-repeat top left; width: 216px; height: 28px; line-height: 28px; color: white; }
#hkpagstats .xspace-blocktitle { margin-top: 20px; padding: 0 12px 0 12px; background: white url(/images/themes/hkpag1/bg_side_sm.gif) no-repeat top left; width: 196px; height: 28px; line-height: 28px; color: white; }
#sideright a.more { padding-right: 12px; }
#sideright .xspace-blockbottom { background: none; }
#xspace-avatar p { background: transparent;}
#xspace-avatar img.xspace-headshot { border: 1px solid #862b30; }
#xspace-avatar a.xspace-username { font-size: 150%; color: black; text-decoration: none; }
#xspace-avatar a.xspace-username:hover {  text-decoration: underline; }
#infomation .xspace-blocktitle { display: none; }
#infomation .xspace-list { margin: 0; background-image: none; }
#infomation li.xspace-about { text-align: center; font-size: 90%; line-height: normal; }
#infomation li { background-image: none; margin-bottom: 0; }
#infomation a.xspace-aboutmore { color: #862b30; font-variant: small-caps; text-decoration: none; }
#infomation a.xspace-aboutmore:hover {  text-decoration: underline; }
#myblock4 .xspace-blocktitle { display: none; }
#action .xspace-blocktitle { display: none; }
#xspace-action { margin: 0; background: transparent; }
#xspace-action li { background: #CA8E4B url(/images/themes/hkpag1/bg_addfriend.gif) repeat-x top left; width: 182px; height: 28px; padding-left: 20px; margin-left: 20px; margin-top: 2px; line-height: 28px; vertical-align: middle; }
#xspace-action a, #xspace-action a:visited { padding-left: 2em; color: #ffffff; font-size: 90%; font-weight: bold; text-decoration: none; }
#xspace-action a:hover { text-decoration: underline; }

#rss .xspace-blocktitle { display: none; }
#rss .xspace-list { margin-top: 0; }

.xspace-imgstyle { background: none; border: none; padding: 0; }
	li.xspace-avatarlist { float: left; padding: 0; width: 100px; height: auto; w\idth: 100px; he\ight: auto; padding: 0 4px 12px 4px; margin: 0; text-align: center; overflow: hidden; }
		li.xspace-avatarlist img { width: 100px; height: 75px; border: 1px solid #862b30; padding: 0; }
		li.xspace-avatarlist p { padding: 5px 0 5px 0; margin: 0; }
		li.xspace-avatarlist a { color: black; font-weight: bold; text-decoration: none; }
		li.xspace-avatarlist a:hover {  text-decoration: underline; }
#xspace-itemform { border: none; margin: 6px 0 0 0; }
#xspace-itemform fieldset { border-color: #862b30; line-height: normal; }
#xspace-itemform legend { color: #EBEBEB; }
#xspace-itemform label { font-size: 90%; font-weight: bold; }
#xspace-itemform .inputArea { width: 270px; height: 60px; margin-right: 12px; border: #862b30 1px inset; padding: 3px; font-size: 12px; }
#xspace-itemform .inputCheckbox { width: 12px; height: 12px; margin-right: 8px; }
#xspace-itemform .inputCheckboxTxt { color: #EBEBEB; cursor: pointer; text-decoration: none; }
#xspace-itemform .inputText { width: 40px; border: #862b30 1px inset; padding: 3px; font-size: 14px; font-weight: bold; text-align: center; margin-right: 8px;}
#xspace-itemform .inputBtn { background-color: #862b30; border: 1px solid #862b30; line-height: 20px; vertical-align: middle; width: 100px; height: 30px; margin: 6px  0 0 20px; color: transparent; font-weight: bold; cursor: pointer; }

.xspace-imagebox { border: none; }