/* CSS Document */

/*====================================
How Shin (iBoleh)
Copyrights 2011 Bean Design Studio
written for - www.yijetqi.com

swatch colors
=================
000000 - Background
1d74be - mid blue
f8f9fb - light gray
e8e3e1 - mid gray
e3dcda - gray
555555 - dark gray
ec6224 - logo color
=======================================*/


/* Resets and overrides
=======================================*/
* {
	margin:0;
	padding:0;
}
img {
	border:none;
}


/* Links and type
=======================================*/
.ads{
	width:260px;
	position:absolute;
	top:550px;
	left:55%;
	margin-left:130px;
}
body div.ads{
	position:absolute;
}
.ads li{
	padding:5px;
}
.login{
	width:1000px;
	position:absolute;
	top:70px;
	left:50%;
	color:#ffffff;
	margin-left:-470px;
	z-index:30;
}
body div.login{
	position:absolute;
}
.login input {
	width:100px;
}
table {
	vertical-align:top;
}
a:link {
	color:#f26521;
	text-decoration:underline;
}
a:active {
	color:#f26521;
	text-decoration:underline;
}
a:visited {
	color:#f26521;
	text-decoration:underline;
}
a:hover {
	color:#000000;
	text-decoration:none;
}
h1{
	color:#f26521;
	padding:5px 0 8px;
	font-size:1.6em;
	border-bottom:1px dashed #c6bdba;
}
h1 a {}
h1 a:hover {}

h2{
	padding:0 0 4px 0;
	color:#000000;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px dashed #c6bdba;
}
h2 a {}
h2 a:hover {}

h3{
	padding:0 0 10px 0;
	color:#023766;
}
h3 a {}
h3 a:hover {}

/* Main layout
=======================================*/
#wrapper {
	width: 100%;
	margin: 0 auto;
	padding:0;
}
#page {
	width: 706px;
	margin: 0 auto;
	padding:0 0 0 294px;
}
#page-home {
	width: 600px;
	height:580px;
	margin: 0 auto;
	text-align:left;
	padding:100px 0 0 400px;
}

/*Menu
=======================================*/
#top-bar {
	position:fixed;
	width:100%;
	text-align:center;
	font-size:1.2em;
	vertical-align:top;
	padding:10px 13px;
	margin:0 auto;
	font-weight:bold;
	color:#ffffff;
	z-index:1000;
	border-bottom:#999999 solid 3px;
	background:#000000;
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black; 
	box-shadow: 0 0 20px black; 
}

#countdown {
	padding:5px 0;
	text-align:right;
	font-size:1.5em;
	font-weight:normal;
	color:#ffffff;
}
#sub-menu {
	padding:0 0 5px;
	text-align:right;
	font-size:1.0em;
	font-weight:normal;
	color:#ffffff;
}
#menu-side {
	text-align:center;
	vertical-align:bottom;
	padding:0 0 20px 0;
	font-size:1.0em;
	font-weight:normal;
	color:#ffffff;
}
#menu-side a:link {
	color:#ffffff;
	text-decoration:none;
}
#menu-side a:active {
	color:#ffffff;
	text-decoration:none;
}
#menu-side a:visited {
	color:#ffffff;
	text-decoration:none;
}
#menu-side a:hover {
	color:#ec6224;
	text-decoration:underline;
}


/*Table
=======================================*/
.music-channel-t {
	padding:0;
	margin:0 auto;
	width:550px;
	height:36px;
	background: url(../images/music-channel/music-channel-t.png) no-repeat left bottom;
}
.music-channel-l {
	padding:0;
	margin:0 auto;
	width:36px;
	height:269px;
	background: url(../images/music-channel/music-channel-l.png) repeat-y left top;
}
.music-channel-base {
	margin:10px;
	padding:10px;
	margin:0 auto;
	width:auto;
	height:auto;
	text-align:center;
	background: #000000;
}
.music-channel-r {
	padding:0;
	margin:0 auto;
	width:36px;
	height:269px;
	background: url(../images/music-channel/music-channel-r.png) repeat-y left top;
}
.music-channel-b {
	padding:0;
	margin:0 auto;
	width:550px;
	height:118px;
	background: url(../images/music-channel/music-channel-b.png) no-repeat left top;
}
#content {
	margin:0 auto;
	padding: 100px 15px 105px 15px;
	height:auto;
	text-align:left;
	background:#ffffff;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black; 
	box-shadow: 0 0 20px black; 
}
#content li{
	padding:5px;
}
.content {
	text-align:justify;
	padding:3px 10px;
	margin:0 auto;
	color:#000000;
	line-height:1.5em;
	background:#ffffff;
	filter:alpha(opacity=100);
	opacity: 0.6;
	-moz-opacity:0.6
}
.content-none {
	vertical-align:top;
	line-height:1.5em;
	font-weight:normal;
}
#contentbox {
	margin: 0 auto;
	overflow: auto; 
	height:610px;
	scrollbar-face-color: #cccccc; 
	scrollbar-hightlight-color: #ffffff; 
	scrollbar-shadow-color: #ffffff; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-arrow-color: #ffffff; 
	scrollbar-track-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff;
}
#contentbox-home {
	margin: 0 auto;
	overflow: auto; 
	height:670px;
	scrollbar-face-color: #cccccc; 
	scrollbar-hightlight-color: #ffffff; 
	scrollbar-shadow-color: #ffffff; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-arrow-color: #ffffff; 
	scrollbar-track-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff;
}
.pages-no {
	vertical-align:top;
	line-height:1.5em;
	font-weight:normal;
	text-align:right;
	color:#000000;
	padding:5px;
	margin:0 auto;
}
/*================================================*/
#header {
	margin:0 auto;
	padding: 20px 300px 20px 50px;
	height:152px;
	background: url(../images/top-banner-2.png) no-repeat left top;
}
#header a:link {
	font-size:1.2em;
	font-weight:bold;
	color:#a81e20;
	text-decoration:none;
}
#header a:active {
	color:#a81e20;
	text-decoration:none;
}
#header a:visited {
	color:#a81e20;
	text-decoration:none;
}
#header a:hover {
	color:#a81e20;
	text-decoration:underline;
}
#header-left {
	width: 333px;
	height:109px;
	text-align:right;
	padding:0;
}
#header-right {
	margin:0 auto;
	width: 647px;
	height:109px;
	text-align:right;
	vertical-align:bottom;
	color:#000000;
	padding:0;
	font-weight:bold;
}
#logo {
	margin:0 auto;
	text-align:left;
	padding:20px 0 0 0;
}
.ad-right {
	margin:0 auto;
	text-align:center;
	padding:5px 0 0 0;
}
#banner {
	margin:0 auto;
	padding: 0;
	height:650px;
	width:645px;
	background: url(../images/main-bg.gif) repeat-y left top;
}
#banner-left {
	width: 410px;
	height:520px;
	text-align:left;
	padding: 0;
}
#banner-center {
	width: 410px;
	height:520px;
	text-align:left;
	vertical-align:middle;
	padding: 0;
	font-weight:bold;
}
#banner-right {
	width: 160px;
	height:520px;
	text-align:right;
	vertical-align:middle;
	padding: 0;
	font-weight:bold;
}
.banner {
	overflow:hidden;
	height:auto;
	vertical-align:middle;
	padding: 0;
}
.banner ul li{
	padding:0 0 5px 0;
	list-style-type:none;
}
#col-border {
	width: 10px;
	height:auto;
	text-align:right;
	padding:0;
}
#col-left {
	width: 600px;
	height:auto;
	text-align:left;
	padding: 0;
}
#col-right {
	margin:0 auto;
	padding: 0;
	height:650px;
	width:645px;
	color:#000000;
}
.banner-s {
	width:160px;
	overflow:hidden;
	height:auto;
	text-align:right;
	vertical-align:middle;
	padding: 0;
}
.banner-s ul li{
	padding:0 0 5px 0;
	list-style-type:none;
}
.banner-ads {
	overflow:hidden;
	width: 630px;
	height:auto;
	text-align:center;
	padding: 5px;
	margin:0 auto;
}
.banner-ads-r {
	overflow:hidden;
	width: 320px;
	height:auto;
	text-align:center;
	vertical-align:middle;
	padding: 0 0 10px;
}
#col-alpha {}
#col-beta {}
#col-feedback-left {
	width: 40%;
	height:auto;
	text-align:left;
	padding: 5px;
	font-weight:bold;
}
#col-feedback-right {
	width: 40%;
	height:auto;
	text-align:left;
	vertical-align:middle;
	padding: 5px;
	font-weight:bold;
}

/*Footer*/

#footer {
	position:fixed;
	bottom: 0;
	padding:5px 10px;
	padding:5px 10px;
	text-align:center;
	width: 100%;
	color:#ffffff;
	font-weight:normal;
	border-top:#999999 solid 3px;
	background:#000000;
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black; 
	box-shadow: 0 0 20px black;
}
#footer a:link {
	color:#ffffff;
	text-decoration:none;
}
#footer a:active {
	color:#ffffff;
	text-decoration:none;
}
#footer a:visited {
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover {
	color:#5d1916;
	text-decoration:underline;
}
/*table layout structures*/

table {
	padding:0;
	margin:0 auto;
}
td {
	padding:0 5px 0 0;
	vertical-align:top;
}
td ul li {
	margin:5px 0 0 30px;
}
strong {
	font-weight:bold;
	color:#981b1e;
}
.title {
	color:#ffffff;
	font-weight:bold;
	background:#13437a;
}

/* Secondary layout structures
=======================================*/


/* Form elements
=======================================*/
label {}
input {
	width:200px;
}
input.button {
	width:100px;
	background:#000000;
	color:#ffffff;
}
select{
	width:205px;
}
.radio{
	width:10px;
}
textarea {
	font : 9pt 'Arial', Verdana, Helvetica, sans-serif;
	width:200px;
	height:50px;
}

/* callout boxes
=======================================*/
#callout-alpha {}
#callout-beta {}


/* Miscellaneous
=======================================*/
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.border-right{
	border-right:solid 1px #c6bdba;
}
/*Request Form
=======================================*/
.request-tl {
	padding:0;
	margin:0 auto;
	width:22px;
	height:16px;
	background: url(../images/request/request-tl.png) no-repeat left top;
}
.request-t {
	padding:0;
	margin:0 auto;
	width:auto;
	height:16px;
	background: url(../images/request/request-t.png) repeat-x left top;
}
.request-tr {
	padding:0;
	margin:0 auto;
	width:22px;
	height:16px;
	background: url(../images/request/request-tr.png) no-repeat left top;
}
.request-l {
	padding:0;
	margin:0 auto;
	width:22px;
	height:auto;
	background: url(../images/request/request-l.png) repeat-y left top;
}
.request-base {
	width: auto;
	height:auto;
	text-align:left;
	vertical-align:top;
	padding: 5px;
	line-height:1.5em;
	font-weight:bold;
	color:#000;
	background: url(../images/request/request-base.png) repeat left top;
}
.request-r {
	padding:0;
	margin:0 auto;
	width:22px;
	height:auto;
	background: url(../images/request/request-r.png) repeat-y left top;
}
.request-bl {
	padding:0;
	margin:0 auto;
	width:22px;
	height:24px;
	background: url(../images/request/request-bl.png) no-repeat left top;
}
.request-b {
	padding:0;
	margin:0 auto;
	width:auto;
	height:24px;
	background: url(../images/request/request-b.png) repeat-x left top;
}
.request-br {
	padding:0;
	margin:0 auto;
	width:22px;
	height:24px;
	background: url(../images/request/request-br.png) no-repeat left top;
}
.request-base h1{
	color:#400000;
	padding:0 0 3px;
	font-size:1.2em;
	border-bottom:1px dashed #400000;
}
.request-base p{}
.request-base textarea{
	width:180px;
	height:50px;
}
/*================================================*/