﻿* {
	margin: 0;
}
p {margin: 1em 0;}
html, body {
	height: 100%;
}

Body {
	margin: 0 0 0 29px;
	padding: 0;
	background: url(../images/bg.jpg) left top no-repeat fixed #3D2814;
}
BODY, select, option, input, td, th, tt {
	font: 9pt/14pt "Lucida Grande", Verdana, Lucida, "LiGothicMed", "MS Gothic", Arial, Tahoma, sans-serif, 微軟正黑體, 新細明體;
	color: #3d3d3d;
}
a {outline: none;}
a:link, a:visited {color: #00AEEF; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none;}

#container {
	width: 950px;
	background: #C69C6D;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -150px; /* the bottom margin is the negative value of the footer's height */
}
* html #container {height: 100%;}
#intro {width: 540px;float: left; padding: 0;background: #C69C6D;}
#intro.subset {
	width: 950px;
	background: url(../images/bg_subcont.jpg) left 380px no-repeat #C59B6C;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#intro.subset #pageHeader {float: left;}
#pageHeader {
	background: url(../images/bg_header.jpg) left top no-repeat #C69C6D;
	padding: 20px 0 0 25px;
	height: 299px;
	width: 515px;
	vertical-align:top;
}
	#pageHeader h1 {
		width: 250px;
		height: 240px;
		background: url(../images/title.jpg) top left no-repeat #C69C6D;margin:0;padding:0;}
		#pageHeader h1 span {display: none;}
#navigator {padding: 20px 0 0 10px; height: 49px;}
	#navigator ul {float: right; margin:0; padding: 0;}
		#navigator ul li {display: inline; font-size: 15px; padding: 0 2px;}
			#navigator ul li a:link, #navigator ul li a:visited {color: #fff;}

#newsContent {background: url(../images/bg_news.jpg) left top no-repeat #C69C6D; color: #534741; height: 151px;padding: 60px 10px 20px 25px;}
	#newsContent tt, div.newsAchive tt, div.newsAchiveOver tt {color: #827B00;font-weight: bold;}
	#newsContent h3, div.newsAchive h3, div.newsAchiveOver h3 {color: #7D4900;font-size: 15px;}

div.achiveBorder {
	margin: 15px 50px;
	width: 700px;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	background: url(../images/bg_news_note.jpg) top left repeat;
	border-top: 1px solid #E1BB7F;
	border-left: 1px solid #E1BB7F;
	border-right: 1px solid #866339;
	border-bottom: 1px solid #866339;}

div.newsAchive {
	font-size: 13px;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	padding: 30px 20px 75px 20px;
	width: 640px;
	border: 10px solid #413025;
	background: url(../images/bg_news_watermark.gif) bottom right no-repeat;
}
div.newsAchiveOver {
	font-size: 13px;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
	padding: 30px 20px 75px 20px;
	width: 640px;
	border: 10px solid #413025;
	background: url(../images/bg_news_watermark.gif) bottom right no-repeat;
}

#brief {background: url(../images/bg_brief.jpg) top left no-repeat #C69C6D;padding: 21px 25px;}
	#brief img {border: 3px solid #fff;float: right;margin: 10px;}

#quickSummary {
	background: #C69C6D;
	width: 410px;
	float: right;
	margin: 0;
	padding: 0;
}
#snapShot {background: url(../images/bg_snapshot.jpg) left top no-repeat #C69C6D;padding-left: 23px; padding-top: 10px; height: 400px;}

#timeTable {background: url(../images/bg_timetable.jpg) left top no-repeat #C69C6D;padding: 40px 0 0 40px;height: 190px;}
	#timeTable table td {color: #66FFFF;height:20px;padding: 5px 7px;}

#searchFunc {background: url(../images/bg_search.jpg) left top no-repeat #C69C6D; height: 180px; padding: 10px 0 0 75px}

#subtitle {height: 319px;}
	#subtitle.singers {background: url(../images/bg_subtitle_singers.jpg) left top no-repeat;}
	#subtitle.links {background: url(../images/bg_subtitle_links.jpg) left top no-repeat;}
	#subtitle.about {background: url(../images/bg_subtitle_about.jpg) left top no-repeat;}
	#subtitle.menu {background: url(../images/bg_subtitle_menu.jpg) left top no-repeat;}
	#subtitle.live {background: url(../images/bg_subtitle_live.jpg) left top no-repeat;}
	#subtitle.program {background: url(../images/bg_subtitle_program.jpg) left top no-repeat;}
	#subtitle.news {background: url(../images/bg_subtitle_news.jpg) left top no-repeat;}
	#subtitle.bands {background: url(../images/bg_subtitle_bands.jpg) left top no-repeat;}
	#subtitle.forum {background: url(../images/bg_subtitle_forum.jpg) left top no-repeat;}
		#subtitle form {padding: 280px 0 0 120px;}

#pathLink {background: url(../images/bg_pathlink.jpg) left top no-repeat;clear:both;height: 41px;width:950px;padding-top:20px;}
	#pathLink a:link, #pathLink a:visited {color: #00AEEF;}
	#pathLink span {margin: 0 0 0 50px}

#singers {
}

#album {margin: 30px 60px;text-align: center;}

div.slide {
	background: url(../images/bg_singers_slide.gif) center center no-repeat;
	width:120px;
	height: 104px;
	text-align: center;
	margin: 10px 5px;
	float: left;
	padding: 25px 15px 5px 15px;
}
div.slide p {color: #603913;margin: 0;}
div.note {
	background: url(../images/bg_links.gif) center center no-repeat;
	width: 205px;
	height: 137px;
	margin: 10px 3px;
	float: left;
	text-align: left;
	padding: 13px 0 0 65px;
}
	div.note img {border: 2px solid #cccccc;}
	div.note p {color: #603913; font-weight: bold;}

p.gopage a:link, p.gopage a:visited, table.forumTable a:link, table.forumTable a:visited {color: #603913;}

#exlink {
	background: url(../images/bg_exlink.gif) left top no-repeat;
	clear: both;
	width: 640px;
	height:56px;
	padding: 15px 0 0 110px;
	text-align:left;
}

#clips {margin-left: 30px; width: 490px;float:left;}

/* singers info style setting */
#infos {
	background: url(../images/bg_infos.jpg) left top no-repeat;
	margin-right: 40px;
	width: 390px;
	height: 360px;
	float: right;
}
#infospic {width: 180px;float: left;}
	#infospic img.singer {margin: 83px 0 0 37px;}
	#infospic select {margin: 40px 0 0 25px;}
#infostxt {width: 185px;float: right;color: #002157;padding: 45px 15px 0 0;line-height: 18px;}
	#infostxt strong {font-size: 15px;}
	#infostxt p {margin: 0.5em 0;}
#locate {
	background: url(../images/bg_about_shot.jpg) left top no-repeat;
	padding-top: 490px;
	width: 321px;
	float: left;
}
#about {
	background: url(../images/bg_about_note.jpg) left top no-repeat;
	width: 584px;
	float: right;
	padding: 85px 30px 40px 15px;
	font-size: 15px;
	color: #603913;
	line-height: 29px;
}
	#about p {margin: 0.5em 0;}
	#about table caption {display: none;}
	#about table#history td {padding: 3px; color: #603913;}
	#about table#history td.alt {background: #CFAB83;}

#content.program {background: url(../images/bg_program_table.jpg) left top no-repeat;padding: 10px 0 0 30px;}
#content.program table caption {display: none;}
#content.program table td {text-align: center;color: #0ff;font-weight: bold;}
#content.program table td a:link, #content.program table td a:visited {color: #0ff}
#content.program table td a:hover {color: #fff;}
#content.program table td.notice {text-align: left;color: #603913;padding-top: 20px;}
#content.forum {padding: 20px;}

/* restaurant menu style setting */
#menuleft, #menucenter, #menuright {color: #603913;line-height: 30px;}
#menuleft dt, #menucenter dt, #menuright dt {font-size: 15px;font-weight: bold;}
#menuleft dd, #menucenter dd, #menuright dd {display: block;}
#menuleft dd tt, #menucenter dd tt, #menuright dd tt {float: right; display: block; margin: -24px 0;color: #603913; font-weight: bold;}

#menuleft {
	background: url(../images/bg_menu_left.jpg) left top no-repeat;
	width: 214px;
	height: 210px;
	float: left;
	padding: 150px 15px 65px 160px;
}
#menucenter {
	background: url(../images/bg_menu_center.jpg) left top no-repeat;
	width: 222px;
	height: 330px;
	float: left;
	padding: 30px 30px 65px 15px;
}
#menuright {
	background: url(../images/bg_menu_right.jpg) left top no-repeat;
	width: 224px;
	height: 300px;
	float: left;
	padding: 60px 40px 65px 15px;
}

#footer {
	background: #3D2814;
	color: #C7B299;
	width: 920px;
	height: 150px;
	clear: both;
	padding: 10px 15px;
	background: url(../images/bg_footer.gif) left top repeat-x #1B1108;}
#copyright {color: #fff;}
	#copyright a:link, #copyright a:visited {color: #C69C6D;}
#contactInfo {float: right; text-align: right;}
	#contactInfo strong {font-size: 15px; color: #C69C6D;}
div.spacer {clear: both;}
.tfield {
	font-size: 11px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	color: #666;
}
#extraitem {padding: 10px 0;}