/*China Blak Website Stylsheet*/

/* Gloabl Styles */
html, body{background-color: #D2D2D2; color: #222; font-size: 0.79em; font-family: Trebuchet MS, sans-serif; height: 100%; margin: 0; padding: 0; width: 100%;}
div, ul, li, p, form, h1, h2{margin: 0; padding: 0;}
img{border: 0; margin: 0; padding: 0;}
a, a:visited{color: #1FA5CB; text-decoration: none;}
a:hover{text-decoration: underline;}

.floatL{clear: none; float: left;}
.floatR{clear: none; float: right;}
.textC{text-align: center;}
.text-bold{font-weight: bold;}
.text-italic{font-style: italic;}
.text-bi{font-weight: bold; font-style: italic;}
.textR{text-align: right}
.text-serif{font-family: Trebuchet MS, sans-serif;}
.clear-all{clear: both; font-size: 1px; line-height: 0;}
.left-55px{margin-left: 55px;}
.left-40px{margin-left: 40px;}
.hide{display: none;}

/* Header Styles */
#wrap-header{background: #000 url(images/bg/bg-cc-nav.gif) top left repeat-x; width: 100%;}
#header{margin:0px auto; width: 850px;}
#header ul{list-style-type: none; height: 24px; padding-top: 6px;}
#header ul li{display:inline; margin-right: 5px;}
#header a, #header a:visited{ color: #fff; font: 1.6em Trebuchet MS, sans-serif; text-decoration: none;  }
#header a:hover{color: #22fefc;}

body#home li#homeli a, body#bio li#bioli a, body#news li#newsli a, body#shows li#showsli a, body#gallery li#galleryli a, body#videos li#videosli a, 
body#press li#pressli a, body#links li#linksli a, body#store li#storeli a, body#community li#communityli a, body#contact li#contactli a{
	border-top:3px solid #22fefc; border-bottom:3px solid #22fefc; color: #22fefc; font-weight: bold; padding: 3px 0 2px 0;
	}

/* Content Styles */
#wrap-content{background: url(images/bg/bg-cc-main.jpg) top left repeat-x; width: 100%}
#content-960{background: url(images/bg/bg-cc-heroshot.jpg) top right no-repeat; margin:0 auto; width: 960px;}
#content-850{margin: 0 auto; width: 850px;}
#content-leftside{padding-left:55px; width: 567px;}
#content-rightside{width:338px}
#logo{margin-left: -5px;}

#music-player{border: 3px solid #fff; font-size: 0px; line-height: 0;}

#col-1page{border:3px solid #fff; width:561px;}
.column{border:3px solid #fff; width:260px;}
.column .col-header, #col-1page .col-header{
	background: #1F9EC7 url(images/bg/bg-cc-mainbox-header.gif) top left repeat-x;
	border-left: 2px solid #1F9EC7;
	border-top: 2px solid #1F9EC7;
	border-right: 2px solid #1F9EC7;
	height: auto;
	padding: 4px 0 6px 18px; 
	}
.column .col-header h2, #col-1page .col-header h2{color: #fff; font: italic bold 2.4em Trebuchet MS, sans-serif; }	

.column .col-body, #col-1page .col-body{
	background: #fff url(images/bg/bg-cc-col-body.jpg) top left repeat-x;
	border-left: 2px solid #1F9EC7;
	border-bottom: 2px solid #1F9EC7;
	border-right: 2px solid #1F9EC7;
	font-size: 1.3em;
	min-height: 429px;
	height: auto; !important
	height: 429px;
	padding: 12px 18px;
	}
	
.col-body img{margin: 0 8px 5px 5px;}
.col-body ul{margin-left: 2em;}
.col-body li{padding-top: 5px;}
	
	
#lower-right{background: url(images/bg/bg-cc-lowerright.jpg) bottom right no-repeat; height: 455px; padding-top: 288px; width: 338px;}
#social{padding-top: 150px;}
#social p{text-align: center;}
#social img{padding: 10px 19px 0 0;}
	
#mailing-list{border:3px solid #fff; width:561px;}
#mailing-list .mailing-header{
	background: #1F9EC7 url(images/bg/bg-cc-maillist-header.gif) top left repeat-x;
	border-left: 2px solid #1F9EC7;
	border-top: 2px solid #1F9EC7;
	border-right: 2px solid #1F9EC7;
	color: #fff;
	font: italic bold 1.4em Trebuchet MS, sans-serif;
	height: auto;
	padding: 3px 0 5px 18px; 
	
	width:541px;
	}
#mailing-list .mailing-body{
	background: #fff url(images/bg/bg-cc-maillist-body.gif) top left repeat-x;
	border-left: 2px solid #1F9EC7;
	border-bottom: 2px solid #1F9EC7;
	border-right: 2px solid #1F9EC7;
	font-size: 1.3em;
	padding: 1px 18px 10px 18px;
	width:523px;
	}
#mailing-list form{padding-top: 12px;}
#mailing-list input{background: url(images/bg/bg-cc-mailinglist-input.gif) top left repeat-x; border: 1px solid #1F9EC7; margin-right: 12px;}
#mailing-list #submit{border: none; float:left; margin: 0; padding: 0;}

#footer{color: #1972A9; font-size: 1.1em; margin: 0 auto; width: 567px;}
#footer ul{list-style-type: none;}
#footer ul li{display:inline; margin: 0 2px;}
#footer a, #footer a:visited{color: #1972A9;}