/* @override http://www.gregory.hk/_styles/styles.css */

/* 20081018 1026 */

/*
for ie;
added table to the default box-sizing/position rule --> solved the table in 'gregory sings' layout problem.
*/

/* @group defaults */

/* set the default padding|border|margin rules for all elements.
padding|border|margin rules are not inherited,
so the rules can be omitted from elements who are set to 0 or none. */

* {
	padding: 0;
	margin: 0;
	font-weight: 400;
}

body {
	font-size: 100%;
	font-family: Optima, 'Trebuchet MS', Verdana, STKaiti, BiauKai, STFangsong, serif;
	color: #333;
	line-height: 140%;
	margin-bottom: 2em;
	background-color: #FFF;
}

/* block elements */

/* apply this setting for IE and other older browsers that understand it */

/* http://www.w3.org/TR/css3-box/#the-box-width */

div,h1,h2,h3,h4,h5,h6,p,hr,address,blockquote,center,del,ins,noscript,pre,table {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	position: relative;
	/*

specifically for some quirky IE bugs.
	position is not inherited so 'relative' divs following this rule
	no longer need to have the 'position: relative' rule in their rule sets */
	border-width: 0;
	border: none;
	/

* tried to apply border: none to the universal selector * but
	INPUT buttons in OmniWeb lost their borders also. */
}

/* in strict mode, some browsers display img with a mandatory
	bottom space for dangling characters such as g and j. */

img {
	display: block;
	position: relative;
}

[lang="zh-hant"] {
	font-family: STKaiti, BiauKai, STFangsong, serif;
	font-weight: 400;
	font-size: larger;
}

[lang="zh-hant"] [lang="en"] {
	font-family: Optima, 'Trebuchet MS', Verdana, serif;
	font-size: smaller;
}

[lang="zh-hant"] b,
[lang="zh-hant"] em,
h1 [lang="zh-hant"],
h2 [lang="zh-hant"],
h3 [lang="zh-hant"],
h4 [lang="zh-hant"],
h5 [lang="zh-hant"],
h6 [lang="zh-hant"] {
	font-family: STHeiti, "LiHei Pro", "Apple LiGothic", sans-serif;
	font-weight: 400;
}

del {
	color: #ccc;
	font-style: normal;
	font-weight: 400;
	text-decoration: line-through;
}

ins {
	color: inherit;
	text-decoration: none;
}

.clr {
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
}

b {
	font-weight: 700;
}

hr {
	width: 70%;
	text-align: center;
	border: 2px solid #888;
	margin: 1em auto 4em;
}

/* @group a */

a {
	text-decoration: none;
	border-bottom: 1px solid #3c3;
}

a,	a:link {
	color: #03c;
}

a:visited {
	color: inherit;
}

a:hover {
	color: #3c3;
	border-bottom: 2px solid #3c3;
}

a:active {
	color: #036;
}

del a,
del a:link,
del a:visited,
del a:hover,
del a:active {
	color: inherit;
	text-decoration: inherit;
	border: inherit;
}

/* @end */

/* @end */

#container {
	/*

only child of body */
	

/*

contains all page content */
	border: 1px solid #fff;
}

/* @group banner */

#banner {
	/*

child of #container */
	

/*

sibling of #banner-img */
	font-size: small;
	color: #FFF;
	text-align: left;
	padding: 1em;
	padding-bottom: .5em;
	background-color: #933;
}

#banner a {
	color: #FFF;
	border: none;
}

#banner h1 {
	font-size: xx-large;
	font-weight: 700;
	padding-bottom: .4em;
}

#banner h2 {
	font-size: small;
}

#banner [lang="zh-hant"] {
	font-family: STKaiti, BiauKai, STFangsong, sans-serif;
}

/* @end */

#pagebody {
	width: 100%;
	margin-top: 1em;
}

#pagebody-inner {
	width: 100%;
}

/* @group sidebars */

.sidebar {
	font-size: small;
	text-align: left;
	line-height: 200%;
	width: 15em;
	padding: 0 1.5em;
}

.sidebar div.sidebar-section {
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
}

.sidebar h2,
#calendar caption {
	font-size: medium;
	color: #666;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .1em;
	padding: 0;
	border-bottom: 1px solid #999;
	margin: 0;
}

.sidebar ul {
	padding: 0;
	margin: 0;
}

.sidebar li,
.sidebar p {
	list-style-type: none;
	line-height: 130%;
	padding: 0;
	margin: .5em 0;
}

.sidebar a {
	color: inherit;
	text-decoration: none;
	border: none;
}

.sidebar a:hover {
	color: #3c3;
	border-bottom: 2px solid #3c3;
}

#left {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

#myphoto {
	width: 150px;
	padding: 0;
	border: 5px solid #933;
	margin-bottom: 2em;
}

/* @group calendar */

#calendar {
	padding: .3em;
	margin-top: 3em;
	margin-bottom: 1em;
}

#calendar caption {
	text-align: left;
}

#calendar table {
	border-collapse: collapse;
	width: 100%;
}

#calendar table,
#calendar tr,
#calendar th,
#calendar td {
	text-align: center;
	line-height: 175%;
	font-weight: 400;
	padding: 0;
	border: none;
	margin: 0;
}

#calendar div.today {
	font-weight: 700;
	background: #fc9;
	border: 1px solid #fc9;
}

#calendar div a {
	display: block;
	color: #933;
	font-weight: 700;
	text-decoration: underline;
	border: 1px solid #933;
}

#calendar div a:hover {
	color: #fff;
	background: #933;
}

/* @end */

#categories,
#archives,
#subscribe {
	margin-top: 1em;
	margin-bottom: 1em;
}

#categories select,
#archives select {
	width: 16em;
}

#right {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}

/* @group handheld */

#handheld-promotion {
	font-size: smaller;
	line-height: 1.4em;
	background-color: #ffe5e5;
	padding: 1em;
}

#handheld-promotion h2 {
	font-size: small;
	letter-spacing: 0;
	border-bottom: none;
}

#handheld-promotion img {
	width: 70px;
	max-width: 7em;
	height: auto;
	padding: 0;
	border: none;
	margin: 0;
}

#handheld-promotion a {
	color: #933;
	font-weight: 700;
}

/* @end */

div#subscribe {
	border: 3px solid #666;
	background-color: #666;
}

#subscribe-to-rss {
	line-height: 150%;
	background-color: #e5e5e5;
	padding: .3em 1em;
	margin-bottom: 1em;
}

#subscribe-to-rss a,
#layout-switcher a {
	border-bottom: 2px solid #3c3;
}

#subscribe-to-email {
	line-height: 150%;
	background-color: #e5e5e5;
	padding: .6em 1em;
	margin-top: 1em;
}

#subscribe-to-email form {
	padding: 0;
	margin: 0;
}

#subscribe-to-email input {
	width: 100%;
	margin-top: .5em;
}

#subscribe-to-email input.button {
	text-align: center;
}

#layout-switcher {
	margin-top: 3em;
}

/* @end */

/* @group #center */

/* @group centre banners */

/* @group gregory sings */

#gregory-sings {
	font-size: 90%;
	line-height: 150%;
	padding: 1.3em;
	border: 2px solid #933;
	margin: 0 .5em 1em;
	background: #e0e0e0;
}

#gregory-sings h2 {
	font-size: 130%;
	border: none;
	padding: 0;
	margin: 0;
	margin-bottom: .5em;
}

#gregory-sings table td.col1 {
	padding-right: 3em;
}

#gregory-sings p {
	padding: 0;
	margin: 0;
}

#gregory-sings p.date {
	font-size: 85%;
	color: #666;
}

#gregory-sings p.song {
	font-size: larger;
	font-weight: 700;
	margin-top: .3em;
	margin-bottom: .5em;
}

#gregory-sings p.song [lang="zh-hant"] {
	font-size: inherit;
}

/* @end */

/* @group They're Playing Our Song 2007 */

#tpos-2007 {
	color: #FFF;
	font-size: 90%;
	line-height: 150%;
	padding: 1.3em;
	border: 2px solid #933;
	margin: 1em .5em;
	background: #598fe0;
}

#tpos-2007 h2 {
	font-size: 130%;
	border: none;
	padding: 0;
	margin: 0;
	margin-bottom: .5em;
}

#tpos-2007 p {
	padding: 0;
	margin: 0;
}

/* @end */

/* @end */

#centre {
	font-size: small;
	padding-left: 19em;
	margin-right: 19em;
}

.nowrap {
	white-space: nowrap ! important;
}

.content {
	font-size: medium;
	font-weight: 400;
	line-height: 150%;
	text-align: left;
	padding: .5em;
}

#browser-recommendations {
	line-height: 135%;
	background-color: #edf165;
	padding: .5em 2em;
	border: 2px solid #000;
	margin: 0 .5em 5em;
}

.content h2,
#cmt-form h2 {
	/*

article dates */
	color: #333;
	font-size: small;
	text-align: left;
	font-weight: 700;
	padding: .3em;
	margin-bottom: 1em;
	border-bottom: 1px solid #333;
}

.content h3 {
	/*

article headings */
	color: #933;
	font-size: x-large;
	text-align: left;
	font-weight: 700;
	margin-bottom: 1em;
	text-shadow: .3em .3em .2em #c99;
}

.content h4 {
	color: #933;
	font-size: large;
	text-align: left;
	font-weight: 700;
	margin-top: 1.5em;
	margin-bottom: .5em;
}

.content h4 .date {
	color: #7f7f7f;
	font-size: 70%;
	font-weight: 400;
	margin-left: .75em;
}

.content [lang="zh-hant"] {
	/*

any content that's Chinese */
	

/*

doesn't include text within Chinese divs */
	line-height: 155%;
}

.content p {
	margin: 0;
	margin-bottom: 1em;
}

.content div.note {
	font-size: 85%;
	padding: 1em;
	border: 1px solid #c46335;
	margin: 1em 1em 2em;
	background-color: #ffdcd0;
}

.content div.note p {
	margin-bottom: .5em;
}

.content div.note .outdent-1em {
	padding-left: 1em;
	text-indent: -1em;
}

.content div.pearl {
	padding: 1em;
	margin: 1em 0;
	background-color: #dfdfdf;
}

.content div.pearl p {
	font-weight: 700;
}

.content p.warning {
	margin-left: 1em;
	margin-right: 1em;
	color: #a54746;
}

.content p.centred {
	text-align: center;
}

.content p.extended a {
	color: inherit;
}

.content p.extended span.post-title {
	color: #933;
}

.content p.copyright-article,
.content .posted p {
	color: #999;
	font-size: x-small;
	line-height: normal;
	padding: .3em;
}

.content p.copyright-article {
	clear: both;
	border-top: 1px dotted #999;
	padding-bottom: 0;
	margin-bottom: 0;
}

.content p.continue {
	color: #999;
	font-size: x-small;
	line-height: normal;
}

.content .posted p {
	padding-top: 0;
	margin-bottom: 4em;
	clear: both;
}

.content .posted a {
	border: none;
}

.content .posted a:hover {
	color: #3c3;
	border-bottom: 2px solid #3c3;
}

.content em,
#handheld-promotion em,
#cmt-form em {
	border-bottom: 2px solid #3c3;
	font-style: normal;
	font-weight: 700;
}

.content [lang="zh-hant"] em {
	font-weight: 400;
}

.content blockquote {
	background-color: #f2f2f2;
	padding: .35em .5em;
	border-left: 2px solid #3c3;
	margin: 0 1em 1em .5em;
}

.content blockquote p {
	color: #444;
	font-size: 90%;
	line-height: 150%;
}

.content p.last,
.content blockquote p.last {
	margin-bottom: 0;
}

.content li {
	line-height: 150%;
}

.content a.photo-popup {
	border: none;
}

.content hr {
	width: 35%;
	border: 1px solid #933;
	margin: .5em auto 1em 1em;
}

div.adsense {
	width: 468px;
	margin-top: 1em;
	margin-left: auto;
	margin-bottom: 3em;
	margin-right: auto;
}

div.http-error {
	margin-top: 3em;
	max-width: 38em;
}

/* @group MTThreadedComments article */

#MTTC-instructions h4 {
	margin-top: 4em;
}

#MTTC-instructions h5 {
	font-size: 100%;
	font-weight: 700;
	text-decoration: underline;
	margin-top: 2.5em;
	margin-bottom: .35em;
}

#MTTC-instructions h4 + h5 {
	margin-top: 1em;
}

#MTTC-instructions .MTTC-file {
	margin-bottom: 0;
}

#MTTC-instructions .MTTC-sub {
	margin-bottom: 0.3em;
}

#MTTC-instructions code {
	font-size: smaller;
	line-height: 180%;
	display: block;
	background-color: #f4f4e1;
	padding: .5em 1em;
	border: 1px solid #c99;
	margin: 0 0 2em;
	white-space: nowrap;
	overflow: auto;
}

#MTTC-instructions .MTTC-outdent {
	display: block;
	padding-left: 1.5em;
}

#MTTC-instructions .MTTC-new {
	color: #933;
	font-weight: 700;
}

/* @end */

/* @group ankle-angle */

#ankle-angle {
	display: table;
	width: 100%;
}

#ankle-angle div {
	display: table-cell;
	width: 33%;
	padding: 1em;
}

#ankle-angle p {
	font-size: smaller;
}

#ankle-angle img {
	max-width: 157px;
	margin: 0;
}

/* @end */

/* @end */

/* @group Themes */

/* 2005 Indonesia = cat 27 */

/* 2006 Los Angeles = cat 41 */

/* 2008 Durango = cat 45 */

div.cat-27,
div.cat-41,
div.cat-45 {
	background: #e6edfa;
	padding: .75em;
	border-bottom: 3px solid #4180b3;
	margin-bottom: 4em;
}

div.cat-27 h2,
div.cat-41 h2,
div.cat-45 h2 {
	color: #7f7f7f;
	font-weight: 400;
	padding: 0;
	border-style: none;
	margin-bottom: 0;
}

div.cat-27 h3,
div.cat-41 h3,
div.cat-45 h3 {
	color: #483b82;
	text-shadow: #a4b0c9 .2em .2em .1em;
	padding-top: 120px;
}

div.cat-27 h3 {
	background: no-repeat left top url(/images/indonesia_island_733x88.jpg);
}

div.cat-41 h3 {
	background: no-repeat left top url(/images/0295_humming_bird_733x88.jpg);
}

div.cat-45 h3 {
	background: no-repeat left top url(/images/5126_durango_sunset_733x88.jpg);
}

div.cat-27 h4,
div.cat-41 h4,
div.cat-45 h4 {
	color: #d89304;
}

div.cat-27 .note,
div.cat-41 .note,
div.cat-45 .note {
	border-color: #1979a5;
	background-color: #def2ff;
}

/* @group image+caption */

div.cat-27 div.image-plus-caption,
div.cat-41 div.image-plus-caption,
div.cat-45 div.image-plus-caption {
	border-color: #d89304;
	background-color: #666;
}

div.cat-27 div.image-plus-caption a,
div.cat-27 div.image-plus-caption a:link,
div.cat-27 div.image-plus-caption a:active,
div.cat-41 div.image-plus-caption a,
div.cat-41 div.image-plus-caption a:link,
div.cat-41 div.image-plus-caption a:active,
	div.cat-45 div.image-plus-caption a,
div.cat-45 div.image-plus-caption a: link,
div.cat-45 div.image-plus-caption a:active {
	color: #d89304;
	border: none;
}

div.cat-27 div.image-plus-caption a:hover,
div.cat-41 div.image-plus-caption a:hover,
div.cat-45 div.image-plus-caption a:hover {
	color: #e6710c;
	border-top: 2px solid #ffe909;
	border-bottom: 2px solid #ffe909;
}

/* @end */

div.cat-27 a,
div.cat-27 a:link,
div.cat-27 a:visited,
div.cat-27 a:active,
div.cat-41 a,
div.cat-41 a:link,
div.cat-41 a:visited,
div.cat-41 a:active,
	div.cat-45 a,
div.cat-45 a: link,
div.cat-45 a:visited,
div.cat-45 a:active {
	color: inherit;
	border-bottom-color: #e6710c;
}

div.cat-27 a:hover,
div.cat-41 a:hover,
div.cat-45 a:hover {
	color: inherit;
	border-bottom-color: #e6710c;
}

div.cat-27 .posted p,
div.cat-41 .posted p,
div.cat-45 .posted p {
	margin-bottom: 0;
}

div.cat-27 .posted a,
div.cat-41 .posted a,
div.cat-45 .posted a {
	color: #483b82;
}

div.cat-27 .posted a:hover,
div.cat-41 .posted a:hover,
div.cat-45 .posted a:hover {
	color: #483b82;
	border-bottom: 2px solid #a6befe;
}

div.cat-27-com.河國榮,
div.cat-41-com.河國榮,
div.cat-45-com.河國榮 {
	background-color: #def2ff;
	border-color: #4180b3;
}

div.cat-27-com.河國榮 .posted,
div.cat-41-com.河國榮 .posted,
div.cat-45-com.河國榮 .posted {
	background-color: #4180b3;
}

/* @group Theme - They're Playing Our Song */

/* 2007 They're Playing Our Song = cat 42 */

div.cat-42 {
	/*

background: #f2f8f9;*/
	padding: .75em;
	border: 3px solid #2072ba;
	border-bottom: 3px solid #2072ba;
	margin-bottom: 4em;
}

div.cat-42 h2 {
	color: #7f7f7f;
	font-weight: 400;
	padding: 0;
	border-style: none;
	margin-bottom: 0;
}

div.cat-42 h3 {
	text-shadow: .2em .2em .1em #c7d4e1;
	padding-top: 120px;
	color: #598fe0;
}

div.cat-42 h3 {
	background: no-repeat left top url(/images/tpos_2007_733x88.jpg);
}

div.cat-42 h4 {
	color: #598fe0;
}

div.cat-42 .note {
	background-color: #def2ff;
	border-color: #1979a5;
}

/* @group image+caption */

div.cat-42 div.image-plus-caption {
	border-color: #d89304;
	background-color: #666;
}

div.cat-42 div.image-plus-caption a,
div.cat-42 div.image-plus-caption a:link,
div.cat-42 div.image-plus-caption a:active {
	color: #d89304;
	border: none;
}

div.cat-42 div.image-plus-caption a:hover {
	color: #e6710c;
	border-top: 2px solid #ffe909;
	border-bottom: 2px solid #ffe909;
}

/* @end */

div.cat-42 a,
div.cat-42 a:link,
div.cat-42 a:visited,
div.cat-42 a:active {
	color: inherit;
	border-bottom-color: #2072ba;
}

div.cat-42 a:hover {
	color: #598fe0;
	border-bottom-color: #2072ba;
}

div.cat-42 .posted p {
	margin-bottom: 0;
}

div.cat-42 .posted a {
	color: #598fe0;
}

div.cat-42 .posted a:hover {
	color: #598fe0;
	border-bottom: 2px solid #2072ba;
}

div.cat-42-com.河國榮 {
	background-color: #def2ff;
	border-color: #1979a5;
}

div.cat-42-com.河國榮 .batty {
	background-color: #2072ba;
}

/* @end */

/* @end */

/* @group photos */

div.image-plus-caption {
	padding: 0;
	padding-bottom: .8em;
	border: 2px solid #000;
	margin: 0 auto 1em;
	background-color: #3f3f3f;
	z-index: 1; /* needed to ensure that links are clickable */
/* need to add div with textalign = center for ie */
}

div.image-plus-caption img {
	width: 100%;
	padding: 0;
	border: none;
	margin: 0;
}

div.image-plus-caption p {
	color: #fff;
	font-size: 90%;
	line-height: 1.5em;
	padding: .8em;
	padding-bottom: 0;
	margin: 0;
}

/* @group bird info */

div.bird-data {
	padding: .2em .5em .5em;
	margin: .2em;
	margin-bottom: 0;
	background-color: #262626;
}

div.bird-data p {
	margin: 0;
	padding: 0;
	color: #bfbfbf;
	font-size: 80%;
	line-height: 1.3em;
}

div.bird-data p.bird-names {
	font-size: 100%;
	color: #f15435;
	font-weight: 700;
}

div.bird-data span[lang="zh-hant"] {
	font-family: STKaiti, BiauKai, STFangsong, serif;
	font-weight: 400;
	line-height: 1.3em;
}

div.bird-data p.bird-name-sci {
	color: #FFF;
}

div.bird-data div.bird-misc {
	margin-top: .8em;
	color: #bfbfbf;
}

/* @end */

.content .w194 {
	width: 100%;
	max-width: 194px;
}

.content .w200 {
	width: 100%;
	max-width: 240px;
}

.content .w240 {
	width: 100%;
	max-width: 240px;
}

.content .w280 {
	width: 100%;
	max-width: 280px;
}

.content .w300 {
	width: 100%;
	max-width: 300px;
}

.content .w340 {
	width: 100%;
	max-width: 340px;
}

.content .w366 {
	width: 100%;
	max-width: 366px;
}

.content .w400 {
	width: 100%;
	max-width: 400px;
}

.content .w480 {
	width: 100%;
	max-width: 480px;
}

.float-left {
	float: left;
	margin-left: 0;
	margin-right: 1em ! important;
}

.float-right {
	float: right;
	margin-left: 1em ! important;
	margin-right: 0;
}

/*
img.float-left {
	float: left;
	margin-left: 0;
	}

img.float-right {
	float: right;
	margin-right: 0;
	}
*/

.content img {
	max-width: 100%;
	padding: 0;
	border: 2px solid #000;
	margin: 1em;
}

.content p.centred img {
	margin-left: 0;
	margin-right: 0;
}

img.no-border {
	border: none;
}

img.thumbnail {
	padding: 0;
	border: 5px ridge #666;
	margin: .3em;
}

img.thumbnail:hover {
	border-color: #cc3;
}

.handheld-only {
	display: none;
}

/* @end */

/* @group comments */

#comments-list .comments-body,
#cmt-form-parent-cmtTxt,
#cmt-form-previewDiv,
#cmt-form-errorDiv {
	padding: .5em;
	padding-bottom: 0;
	border: 1px solid #d8aeae;
	margin-bottom: .5em;
	background-color: #FFF;
	background: url('/images/background_cmt_18x28.png') repeat-x bottom;
}

#comments-list .comment-parent,
#cmt-form-previewDiv,
#cmt-form-errorDiv {
	margin-bottom: 2em;
}

#comments-list .comments-children {
	margin-left: 1em;
}

#comments-list h2,
#cmt-form-previewDiv h2 {
	color: #333;
	font-size: small;
	text-align: left;
	font-weight: 700;
	padding: 0;
	border: none;
	margin: 0;
}

#comments-list h3,
#cmt-form-previewDiv h3 {
	color: #333;
	font-size: medium;
	text-align: left;
	font-weight: 700;
	padding: .3em;
	margin-bottom: 1em;
	border-bottom: 1px solid #333;
}

#comments-list p,
#cmt-form-parent-cmtTxt p,
#cmt-form-previewDiv p,
#cmt-form-errorDiv p {
	margin-bottom: .5em;
}

#comments-list div.posted,
#cmt-form-previewDiv div.posted {
	margin-top: .75em;
}

#comments-list div.posted p,
#cmt-form-previewDiv div.posted p {
	color: #FFF;
	padding-top: 0;
	padding-bottom: 3px;
	margin-bottom: 0;
	clear: both;
}

#comments-list div.posted a,
#cmt-form-previewDiv div.posted a {
	color: #FFF;
	border: none;
}

#comments-list div.posted a:hover,
#cmt-form-previewDiv div.posted a:hover {
	font-weight: 700;
	border-bottom: 2px solid #FFF;
}

/* @group 河國榮 */

#comments-list .comments-body.河國榮,
#cmt-form-parent-cmtTxt .河國榮,
#cmt-form-previewDiv .河國榮,
#cmt-form-errorDiv .河國榮 {
	border: 1px solid #dd6f71;
	background: url('/images/background_cmt_18x28_hkw.png') repeat-x bottom;
}

/* @group old */

/*
#comments-list .河國榮 {
	background-image: none;
	background-color: #feffd9;
	padding: .75em;
	border: 1px solid #933;
	}

#comments-list .河國榮 div.posted {
	background: #933;
	padding: .5em;
	border: none;
	margin: 0;
	}

#comments-list .河國榮 table,
#comments-list .河國榮 tr,
#comments-list .河國榮 td {
	padding: 0;
	border: none;
	margin: 0;
	text-align: left;
	vertical-align: middle;
	}

#comments-list .河國榮 div.posted p {
	color: #fff;
	font-size: small;
	padding: 0;
	padding-left: 1em;
	margin: 0;
	}

#comments-list .河國榮 div.posted a {
	color: #fff;
	}

#comments-list .河國榮 div.posted img {
	padding: 0;
	border: none;
	margin: 0;
	}
*/

/* @end */

/* @end */

/* @end */

/* @group comment form */

#cmt-form {
	display: none;
	position: fixed;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border: none;
	padding: 0;
}

#cmt-form-window {
	z-index: 4;
	width: 40em;
	margin-top: 5em;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #000;
	padding: 1em;
	background-color: #FFF;
}

#cmt-form h2 {
	padding: 0;
	border: none;
	margin: 0 0 .5em;
}

/*
#cmt-form-parent-cmtTxt {
	padding: .75em;
	margin: 0 0 2em;
	background-color: #dfdfdf;
	height: auto;
	max-height: 10em;
	overflow: auto;
	}
*/

#cmt-form #cmt-form-header-previewing {
	display: none;
	margin: 2em 0 0;
	padding: 0;
}

#cmt-form #cmt-form-newCmtData [lang="zh-hant"] {
	font-size: 100%;
}

#cmt-form #cmt-form-newCmtData {
	margin-top: 2em;
}

#cmt-form #cmt-form-newCmtData p {
	line-height: 175%;
	margin: 0 0 1em;
}

#cmt-form #cmt-form-newCmtData input {
	padding: .2em;
}

/* note. IE doesn't understand the selector syntax
textarea[id="xxx"] */

textarea#comment-text,
textarea#cmt-form-fld-cmtTxt {
	height: 8em;
	width: 100%;
	padding: .3em;
	margin: 0;
}

#cmt-form-previewDiv,
#cmt-form-parent-cmtTxt,
#cmt-form-errorDiv {
	display: none;
	height: 8em;
	overflow: auto;
	margin: 0;
	padding: .5em;
}

#cmt-form-parent-cmtTxt {
	display: block;
	background-image: none;
	border-width: 3px;
}

#cmt-form-buttons {
	padding: 0;
	margin: 1em 0;
}

#cmt-form #cmt-form-btn-edit {
	display: none;
}

#cmt-form-progressDiv {
	display: none;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border: none;
	padding: 0;
}

#cmt-form-progressDiv-text {
	top: 7em;
	height: 5em;
	width: 18em;
	margin-left: auto;
	margin-right: auto;
	padding: 2em;
	border: 2px solid #000;
	background-color: #FFF;
}

#cmt-form-shadow,
#cmt-form-window-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	border: none;
	margin: 0;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: .50;
}

#cmt-form-window-shadow {
	filter: alpha(opacity=75);
	opacity: .75;
}

/* @end */