/*
Theme Name: Red Bean Cantonese Opera House
Theme URI: http://www.redbeanopera.com/
Description: 2010 website revamp - taking advantage of the wordpress backend/database and using simplistic html and css catered to Red Bean content.
Version: 2010 April 12
Author: Thomas Chun
Author URI: http://www.redbeanopera.com/
*/

/************************************************************/
/*  Wrapper                                                 */
/************************************************************/

body{
	text-align: center;
	background:url("images/background.gif");
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
}

div#wrapper{
	text-align: left;
	width:950px;
	margin-left:auto;
	margin-right:auto;	
	margin-top:0;
	border-style:solid;
	border-color:#660000;
	border-width:1px;
	border-top-width:0;
}

div#header{
	margin-top:0px;
	width:950px;
	height:150px;
	background:url(images/cloud-tessellation.jpg);
	position:relative;
}

div#siderbar{
	width:200px;
	height:400px;
	float:left;

}

div#body{
	width:950px;
	padding: 20px 0px 0px 0px;
	background-color:#f9f4e1;
        background-image: url(images/body-backdrop.png);
        background-repeat: no-repeat;
        background-position: bottom right; 
}

div#silhouette{
	height:20px;
}

div#content{
	width:650px;
	float:left;
	padding: 0px 0px 0px 50px;
}

div#thecontent{
	overflow:auto;
}

div#footer{
	padding:10px 0px 10px 0px;
	width:950px;
	background:#f9f4e1;
	text-align:center;
}

div#break{
	width:950px;
	height:26px;
	background:url(images/stampbreak.png);
	background-repeat:no-repeat;     /* image does not repeat */
}

div#clear{
	clear:both;
}
/************************************************************/
/*  Header                                                  */
/************************************************************/


div#banner-logo{
	width:250px;
	height:150px;
	background:url(images/banner-logo.png);
	position:absolute;
	left:0;
}

div#banner-text{
	width:700px;
	height:150px;
	background:url(images/banner-text.png);
	position:absolute;
	right:0;
}

div#lang-en{
	width:50px;
	height:25px;
	background:url(images/btn_english.png);
	position:absolute;
	bottom:0;
	right:50px;
}
div#lang-ch{
	width:50px;
	height:25px;
	background:url(images/btn_chinese.png);
	position:absolute;
	bottom:0;
	right:0;
}


/************************************************************/
/*  Home                                                    */
/************************************************************/
div.homethumb{
	float: left;
	padding-right:20px;
}
div.homebox{
	
}

div.clearleft{
	clear:left;
}

div.clearright{
	clear:right;
}

/************************************************************/
/*  Sidebar                                                 */
/************************************************************/
div#sidemask{
	width:200px;
	height:400px;
	background:url(images/sidebar-overlay.png);
	background-repeat:no-repeat;
	background-position: top left;
}

div#menu{
	padding-top:60px;
	
}

div#cmenu{
	padding-top:60px;
	
}

/************************************************************/
/*  Menu Items                                              */
/************************************************************/
.menuspacing{
	margin: 4px 0 3px 5px;
	width:140px;
	height:25px;
}
.cmenuspacing{
	margin: 4px 0 0 5px;
	width:165px;
	height:30px;
}

.menuspacing img, .cmenuspacing img{
	border:0px;
	visibility:hidden;
}

.menuspacing a:hover img, .cmenuspacing a:hover img{
	visibility:visible;
}
/***********************************************/
div#home{
	background:url(btn_english/home.png);
}
div#about{
	background:url(btn_english/about.png);
}
div#events{
	background:url(btn_english/events.png);
}
div#archives{
	background:url(btn_english/archives.png);
}
div#members{
	background:url(btn_english/members.png);
}
div#gallery{
	background:url(btn_english/gallery.png);
}
div#classes{
	background:url(btn_english/classes.png);
}
div#contact{
	background:url(btn_english/contact.png);
}

/**************************************************************/
div#chome{
	background:url(btn_chinese/c-home.png);
}
div#cabout{
	background:url(btn_chinese/c-about.png);
}
div#cevents{
	background:url(btn_chinese/c-events.png);
}
div#carchives{
	background:url(btn_chinese/c-archives.png);
}
div#cmembers{
	background:url(btn_chinese/c-members.png);
}
div#cgallery{
	background:url(btn_chinese/c-gallery.png);
}
div#cclasses{
	background:url(btn_chinese/c-classes.png);
}
div#ccontact{
	background:url(btn_chinese/c-contact.png);
}


/************************************************************/
/*  Content                                                 */
/************************************************************/

a{
	text-decoration:none;
	color:#872434;
}

a:hover{
	text-decoration:underline;
	color:#872434;
}

a:active{
	text-decoration:none;
}


.chinese{
	font-family:"宋体";
	font-size:14px;
	letter-spacing:2px;
	line-height:1.6;
}

h1{
	margin:0;
	color:#872434;
	font-family:Times, serif;
	text-indent:-54px;
	font-size:24px;
}

.head2{
	margin:0 0 10px 0px;
	font-size:16px;
}

h2{
	margin:0 0 10px 0px;
	font-size:16px;
}


h3{
	margin:10px 0 0 0;
	font-size:12px;
}


p{
	margin:9px 0 9px 0px;
}

div.spacer{
	height:0.5px;
}


/************************************************************/
/*  Members, Archives                                       */
/************************************************************/
.members {
	float:left;
	margin:0 0 5px 0;
}
.archives {
	float:left;
	margin:0 0 5px 0;
}

div#slot1{
	width: 80px;
}

div#slot2{
	width: 120px;
}

div#slot3{
	width: 80px;
}

div#slot4{
	font-size:14px;
}

div#slot5{
	font-size:14px;
	margin:3px 0 10px 20px;
}