@charset "utf-8";
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; }

a.:link, a.:active {
color: #a36109;
}

a.hllink:visited {
color: #993300;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: black;
margin: 0;
background: #cccccc url('/images/misc/hkpag/hkpag-bg.gif') top repeat;
}

#midbody { 
border: none;
background: none;
width: 800px;
padding: 5px 10px 20px 10px;
margin: 0px;
text-align: left;
}

/* Header/footer style */
#languagemenu { list-style: none; margin: 0; padding: 0; position: relative; top: 0; z-index: 65536; border: 1px solid white; padding: 2px; background-color: #a74a51; text-align: left; }
#languagemenu li { display: block; padding: 2px; font-size: 12px; }
#languagemenu li a { color: white; }
#languagebar { height: 20px; font-size: 11px; color: white; }
.languagetxtdefault { background-color: none; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; width: 64px; cursor: pointer; font-size: 12px; }
.languagetxtrollover { background-color: #862b30; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; width: 64px; cursor: pointer; font-size: 12px; }
.languagetxtonclick { background-color: #862b30; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; width: 64px; cursor: pointer; font-size: 12px; }
.languagearrowdefault { background-color: none; border-top: 1px solid white; border-bottom: 1px solid white; border-right: 1px solid white; cursor: pointer; }
.languagearrowrollover { background-color: #862b30; border-top: 1px solid white; border-bottom: 1px solid white; border-right: 1px solid white; cursor: pointer; }
.languagearrowonclick { background-color: #862b30; border-top: 1px solid white; border-bottom: 1px solid white; border-right: 1px solid white; cursor: pointer; }

#hkpagmenu { position: relative; z-index: 1; width: 790px; height: 1em; background-color: #862b30; padding: 5px; margin: 0; }
#hkpagheadermenu { list-style: none; margin: 0; padding: 0; }
	/*\*/ * html #headermenu { height: 1%; } /**/ *>#headermenu { overflow: visible; }

#hkpagheadermenu, #hkpagheadermenu ul {
	line-height: 1;
}

#hkpagheadermenu a {
	display: block;
	color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-weight: bold;
}

#hkpagheadermenu li.toplevel { /* all list items */
	float: left;
	padding: 0 20px 0 20px;
	border-right: white dotted 1px;
}

#hkpagheadermenu li.final {
	float: left;
	padding: 0 20px 0 20px;
	border-right: none;
}

#hkpagheadermenu li ul { /* second-level lists */
	position: absolute;
	display: none;
	margin: 0;
	padding: 5px 0 0 0;
}

#hkpagheadermenu li ul li {
	padding: 8px 20px 8px 8px;
	list-style: none;
	border: none;
	background-color: #a74a51;
}

#hkpagheadermenu li ul li a {
	text-align: left;
	line-height: normal;
}

#hkpagheadermenu li:hover ul { /* lists nested under hovered list items */
	left: auto;
}

#footer {
background: #a4938a; 
width: 780px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 90%;
padding: 10px;
color:#FFFFFF;
}

/* Homepage style */

#content {
background: white;
width: 780px;
padding: 10px;
margin: 0;
}

#leftcol {
width: 492px;
padding: 0 10px 0 0;
}

#rightcol {
width: 256px;
padding: 0 0 0 10px;
}

.maintitle {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 120%;
color: #a36109;
padding: 20px 5px 5px 5px;
margin: 0;
}

.mainbody {
padding: 5px 5px 10px 5px;
margin: 0;
text-align: justify;
line-height: 1.5em;
}

.headertitle {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 120%;
font-variant: small-caps;
color: black;
padding: 20px 5px 5px 5px;
margin: 0;
}

.smallbox {
background: url('/images/misc/hkpag/hkpag-box-bg.gif') repeat; 
width:256px;
text-align: left;
}

.photoborder {
border: solid 1px #ddc098;
padding: 2px;
}

.smallbox .photoborder {
margin: 10px;
}

.smallbox hr {
border: 1px gray dotted;
}

#avatar .title, #events .title, #spotlights .title {
color:#A36109;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

.hplist {
	padding-bottom: 20px;
}

.hplist li {
	padding-bottom: 10px;
}

.spotlight-body {
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
line-height: 1.5em;
}

#events .title {
padding: 10px 10px 0 0;
}

#events .date {
padding: 5px 10px 10px 0;
font-size: 85%;
}

#newslist {
padding: 5px 0 5px 0;
margin: 0;
}

#newslist li {
margin: 10px;
padding: 0;
list-style: url('/images/misc/hkpag/small-arrow.gif') inside;
}

#newslist li a {
color: black;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-left: 3px;
}

#newslist .date {
padding-left: 5px;
font-size: 85%;
font-weight: normal;
color:#a36109;
}

#news .more {
padding: 0 10px 0 0;
}

/* Viewspace style */
.xspace-itemmessage {
	list-style: none;
}
.xspace-entrytitle {
	font-size: 180%;
	font-weight: bold;
}
.xspace-showmessage{
	padding: 0 20px 0 20px;
}

#newentries {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

#newentries .xspace-blocktitle {
	background: #e0d7c4;
}

.xspace-blocktitle {
	padding: 8px;
	margin: 0;
}

.xspace-blocktitle h3 {
	font-size: 150%;
	font-weight: bold;
}

.xspace-blocktitle a {
	color: black;
}

.xspace-blocktitle { position: relative; }
.xspace-blocktitle a.more, .xspace-blocktitle a.more:link, a.more:visited { position: absolute; top: 0; right: 12px; }
.xspace-blocktitle ul { float: right; margin: 0; }
.xspace-blocktitle ul li { display: inline; list-style: none; }
ul.xspace-itemlist {
	padding: 20px;
	list-style: none;
	margin: 0;
}

#newentries ul.xspace-itemlist {
	background: url('/images/misc/hkpag/hkpag-box-bg.gif') repeat; 	
	width: 180px;
}

.xspace-loglist {
	padding-bottom: 15px;
	clear: both;
}

h4.xspace-entrytitle {
	margin: 0;
}

.xspace-loglist .xspace-entrytitle {
	font-size: 120%;
	font-weight: bold;
	margin: 0;
}

.xspace-loglist .xspace-entrytitle a {
	color: black;
}

#newentries .xspace-blockfooter a {
	color: black;
}

.xspace-smalltxt {
	font-size: 85%;
	color: #a36109;
}

.xspace-imgcover {
	border: none;
	font-size:10px;
	max-height:90px;
	max-width:120px;
	vertical-align:middle;
	padding-right: 20px;
	padding-bottom: 20px;
}

.xspace-list, .xspace-list2col { list-style: none; line-height: 1.6em; margin: 0.5em 0; padding: 0; }
	/*\*/ * html .xspace-list, * html .xspace-list2col { height: 1%; } /**/ *>.xspace-list, *>.xspace-list2col { overflow: hidden; }
	.xspace-list li, .xspace-list2col li { padding-left: 1.5em; background-image: url(../images/base/icon_list.gif); background-repeat: no-repeat; background-position: 0.5em 0.6em; margin-bottom: 5px; }
	
li.xspace-imagelist { display: inline; float: left; text-align: center; padding: 4px; background-image: none; width: 120px; height: 120px; w\idth: 120px; he\ight: 120px; overflow: hidden;  }
li.xspace-imagelist img { border: 1px #a36109 solid; width: 100px; height: 75px; vertical-align: top; font-size: 1px; padding: 2px; }
li.xspace-imagelist p { padding-top: 5px; margin: 0; height: 20px; white-space: nowrap; overflow: hidden; }
.xspace-imgstyle { background: none; border: none; padding: 6px; margin: 6px; }

/* multipage */
.xspace-page td { font-size: 11px; }
table.xspace-page a { display: block; background: #e0d7c4; padding: 0.3em 0.5em; text-decoration: none; }
table.xspace-page a:hover { text-decoration: underline; }
table.xspace-page td.xspace-current { background: #cccccc; padding: 0.3em 0.5em; font-weight: bold; }
table.xspace-page td.xspace-totlerecord, table.xspace-page td.xspace-totlepages { background: #e0d7c4; padding: 0.3em 0.5em; }


.blocktitle { line-height: 25px; color: black; font-size: 110%; padding: 12px 0 20px 10px; }
.blocktitlelg { line-height: 24px; font-size: 24px; }
.block { border: 1px solid #cecece; padding: 10px; margin-bottom: 10px; background: white; }
.menubg { background-color: white; }

.imgthumblist { margin: 0 3px; padding: 0; list-style: none; }
	/*\*/ * html .imgthumblist { height: 1%; }/**/ *>.imgthumblist { overflow: hidden; }
		.imgthumblist li { float: left; display: inline; text-align: center; background: #f3f1e4;; width: 118px; height: 163px; w\idth: 110px; he\ight: 155px; overflow: hidden; border: 1px solid #e9e7d8; padding: 3px; margin: 3px; }
			.imgthumblist li.list1line { height: 123px; he\ight: 115px; }
			.imgthumblist li.list2line { height: 143px; he\ight: 135px; }
				.contentL .imgthumblist li { margin: 0 1px 3px; }
			.imgthumblist p { margin: 0; line-height: 18px; }

			.imgthumblist div { line-height: 90px; font-size: 90px; height: 100px; display: table; }
				.imgthumblist div a { display: table-cell !important; display: block; width: 100px; vertical-align: middle; border-color: #cc801a; }
					.imgthumblist div img { vertical-align: middle; 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; }
					@media all and (min-width: 0px){ .imgthumblist div img { width: 100px; height: 75px; } } /*for Opera Only*/

#searchresultstabs { height: 40px; margin: 0; position: absolute; top: -40px !important; top: -39px; }
	#searchresultstabs span { float: left; background: #f3f1e4; margin: 0 4px -1px 0; cursor: pointer; border: 1px solid #cecece; padding: 0 6px 0 6px; line-height: 38px; font-size: 90%; }
		#searchresultstabs span.active { border-bottom: 1px solid white; background: white; font-size: 90%; font-weight: bold; cursor: default; }
#artistcat { padding: 0 10px 0 5px; }
#artistcat li ul { padding: 0; }
#allartists { width: 560px; }
.smalltxt { font-size: 85%; line-height: 85%; }

.mbbody { background: white; color: black; font: .8em Arial, Helvetica, sans-serif; text-align: center; }
#mb-header { width: 98%; font: 14px Arial, Helvetica, sans-serif !important; font-weight: bold !important; color: white; background-color: #a74a51; vertical-align: middle; padding: 8px; text-align: left; }
#mb-notice { width: 98%; font: 12px black Arial, Helvetica, sans-serif; background: white; padding: 8px; }
#mb-notice div { font-size: 12px; }
#mb-notice p { margin: 0; padding: 10px 0 10px; }