/*
Theme Name: Soho Group Penang
Theme URI: http://wordpress.org/
Description: Template for Soho Group Penang.
Version: 1.0
Author: Nicole Chuah
Tags: QE2, Chin's Stylish Chinese Cuisine, Chin Chin Bar, Soho Freehouse Penang, Soho Penthouse Penang, Soho Countryhouse Autocity
*/
*{
  margin: 0;
  padding: 0;
}

center{
  margin-top: 0;
  margin-bottom: 15px;
}

.clear{
	clear: both;
}

body{
  width: 800px;
  min-height: 450px !important;
  margin: 20px auto;
  font-family: Arial;
  background-image: url('images/bg.jpg');           
/*  background: #fff;                       */
  color: #333333;
}

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

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

p{
  margin-bottom:15px;
}

img{
  border: none;
}

/* css for home.php */
#home{
  background: #000;
  width: 800px;
  min-height: 450px;
}

#homeleft{
  float: left;
  width: 278px;
  height: 449px;
  margin: 0 5px 0 19px;
  background-image: url('images/introbox.png');
}

#introh2{
  text-align: center;
  color: #FF6000;
  margin: 25px 0;
  font-size: 17px;
  font-family: Verdana;
}

#homeleft .content{
  font-size: 12px;
  color: #fff;
  margin: 20px;
  text-align: justify;
}

#homeright{
  float: right;
  width: 474px;
  height: 450px;
  background: #000;
  margin-right: 19px;
}

table.outlet{
  width: 474px;
}

table.outlet tr td.tdleft{
  padding: 0 6px 4px 0
}

table.outlet tr td.tdright{
  padding: 0 0 4px 0;
}

.chinsfadeThis {
	position:relative;
	display:block;
	height: 143px;
	width: 232px;
	background:url(images/chins.png) 0 0 no-repeat;
}
.chinshover {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	height: 143px;
	width: 232px;
	background:url(images/chins_logo.png) 0 0 no-repeat;
}

.qe2fadeThis {
	position:relative;
	display:block;
	height: 143px;
	width: 232px;
	background:url(images/qe2.png) 0 0 no-repeat;
}
.qe2hover {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	height: 143px;
	width: 232px;
	background:url(images/qe2_logo.png) 0 0 no-repeat;
}

.freehousefadeThis {
	position:relative;
	display:block;
	height: 143px;
	width: 232px;
	background:url(images/freehouse.png) 0 0 no-repeat;
}
.freehousehover {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	height: 143px;
	width: 232px;
	background:url(images/freehouse_logo.png) 0 0 no-repeat;
}

.penthousefadeThis {
	position:relative;
	display:block;
	height: 143px;
	width: 232px;
	background:url(images/penthouse.png) 0 0 no-repeat;
}
.penthousehover {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	height: 143px;
	width: 232px;
	background:url(images/penthouse_logo.png) 0 0 no-repeat;
}

.countryhousefadeThis {
	position:relative;
	display:block;
	height: 143px;
	width: 232px;
	background:url(images/countryhouse.png) 0 0 no-repeat;
}
.countryhousehover {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	height: 143px;
	width: 232px;
	background:url(images/countryhouse_logo.png) 0 0 no-repeat;
}

.chinchinfadeThis {
	position:relative;
	display:block;
	height: 143px;
	width: 232px;
	background:url(images/chinchin.png) 0 0 no-repeat;
}
.chinchinhover {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	height: 143px;
	width: 232px;
	background:url(images/chinchin_logo.png) 0 0 no-repeat;
}
/* end of css for home.php */

/* css for page.php */
#page{
  background: #000;
  width: 800px;
  min-height: 650px;
}

#page .pageleft{
  float: left;
  width: 656px;
  background: #252525;
  margin-left: 19px;
}

#page .pageright{
  float: right;
  width: 96px;
  margin-right: 19px;
}

#page .pageright img{
  width: 96px;
  height: 84px;
  border: none;
}

#heading{
  margin: 0;
  background: #000;
  width: 656px;
  height: 60px;
  background-image: url('images/h2logo_b.png');
}

#heading h2{
  padding: 20px 0 0 75px;
  font-size: 20px;
  font-family: Times New Roman;
  text-transform: uppercase;
  color: #fff;
}

#pagecontent{
  margin: 15px;
  width: 626px;
  color: #fff;
  font-size: 12px;
  text-align: justify;
}

#pagecontent ul li{
  margin: 0 0 0 20px; 
}
/* end of css for page.php */

/* css for single.php */
#postnav{
width: 626px;
}

#postnav, #postnav a{
  color: #CD521D;
}

#postnav .navleft{
  float: left;
}

#postnav .navright{
  float: right;
}

#archives{
margin-top: 15px;
}
/* end of css for single.php */

/* css for findus.php */
#findus{
  background: #000;
  width: 800px;
  height: 1020px;
}

#findus .pageleft{
  float: left;
  width: 656px;
  background: #252525;
  margin-left: 19px;
}

#findus .pageright{
  float: right;
  width: 96px;
  margin-right: 19px;
}

#findus .pageright img{
  width: 96px;
  height: 84px;
  border: none;
}
/* end of css for findus.php */

/* css for hireus.php */
#pagecontent .pagecontentleft{
  float: left;
  width: 427px;
}                         

#pastclients{
  float: right;
  width: 185px;
  background: #000000;
}

#pastclientcontainer{
  margin: 10px;
}

#pastclients h3{
color:#FF6000;
font-size:14px;
margin-bottom: 7px;
}

#bookingform td{
  padding: 5px;
  vertical-align: top;
}

#bookingform tr th{
  color:#FF6000;
  font-size:14px;
}

#bookingform input{
  background: #000;
  color: #fff;
  border: solid 1px #FF6000;
}

#bookingform textarea{
  background: #000;
  color: #fff;
  border: solid 1px #FF6000;
}

#bookingform .dropdown{
  background: #000;
  border: solid 1px #FF6000;
  padding: 2px;
  color: #fff;
}

#bookingform tr td.formnote{
  color: #FF6000;
  font-weight: bold;
  font-size: 11px;
}

#bookingform input.sendbut{
  background-color:#000;
  border: solid 1px #FF6000;
  color:#fff;
  padding: 5px;
  cursor: pointer;
  -moz-border-radius: 100%;
}
/* end of css for hireus.php */

/* css for chins.php */
#chinspage{
  background: #000;
  width: 800px;
  /* height: 832px; */
  min-height: 810px;
}

#chinleft{
  float: left;
  width: 656px;
  margin-left: 19px;
}

#chinsright{
  float: right;
  width: 96px;
  margin-right: 19px;
}

#chinscontent{

}

.page-template-chins-php{
  background-image: url('images/chinsbg.jpg');  
}

#banner{
  width: 655px;
  height: 147px; 
  margin-bottom: 10px;
}

#slider1{
  width: 656px; /* important to be same as image width */
  height: 214px; /* important to be same as image height */
  position: relative; /* important */
	overflow: hidden; /* important */
	padding: 0;
	margin: 0;
}

#slider1 li{
  margin: 0;
  padding: 0;
}

#slider1 img{
  width: 656px;
  height: 214px; 
  padding: 0;
  margin: 0;
}

#slider1Content{
  width: 656px;
  height: 214px;
  position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image{
  float: left;
  position: relative;
/*	display: none;  */
}

.slider1Image span{
  position: absolute;
	font: 12px/17px Arial, Helvetica, sans-serif;
  padding: 10px 13px;
  width: 657px;
  background-color: #000;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
  opacity: 0.7;
  color: #fff;
  display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong{
  font-size: 14px;
}

.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
  left: 0;
}
.left {
	top: 0;
  left: 0;
	width: 110px !important;
	height: 214px;
}
.right {
	right: 0;
	bottom: 0;
	width: 110px !important;
	height: 200px;
}  

#chinswriteup{
  float: left;
/*  width: 445px;
  height: 440px;
*/
  width: 657px;
  height: 850px;
  color: #000000;
  background: #EFE0E0;
  float: left;
  font-family: Verdana;
  font-size: 12px;
  text-align: justify;
  margin: 10px 0;
  padding: 10px 0;
}

#writeupcontainer{
  margin: 15px;
}

#writeupcontainer h2{
  color: #7F0011;
  font-size: 14px;
} 

#testimonial{
  width: 760px;
  margin: 10px auto 0 auto;
  height: 140px;
  font-family: Verdana;
  font-size: 12px; 
}
/*
#testimonialcontainer{
  margin: 60px 15px 15px 15px;
  text-align: center;
}*/

#testimonialtable{
  font-size: 12px;
  text-align: center; 
  width: 764px;
}

#testimonialtable tr td{
  width: 181px;
  padding: 0 5px;
}

#testimonialtable tr.testimonee td{
  font-weight: bold;
  font-style:italic;
}

/* end of css for chins.php */

/* css for chinchin.php */
#chinchinpage{
  background: #000;
  width: 800px;
  /* height: 832px; */
  min-height: 600px;
}

#chinchinleft{
  float: left;
  width: 656px;
  margin-left: 19px;
}

#chinchinright{
  float: right;
  width: 96px;
  margin-right: 19px;
}

#chinchinwriteup{
  float: left;
  width: 434px;
  height: 418px;
  margin: 20px 20px 20px 16px;
  /* background: #EFE0E0; */  
   background-image: url('images/chinchin/dragonphoenix.jpg');  
}

#chinchinwriteup h2{
  color: #7F0011;
  margin: 20px 12px;
  font-size: 14px;
}

#chinchinwriteup p{
  color: #000;
  font-family:Verdana;
  font-size:12px;
  text-align:justify;
  margin: 12px;
}

#chinchincontent{
  background: #202020;
  width: 656px;
  height: 458px; 
}

.page-template-chinchin-php{
  background-image: url('images/chinchinbg.jpg');  
}

#chinchinslider{
  float: left;
  width: 170px;
  height: 418px;
  background: #666666;
  margin: 20px 0; 
}

#chinchinslider ul, #chinchinslider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#chinchinslider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:170px;
	height:418px;
	overflow:hidden; 
	}
/* end of css for chinchin.php */

/* css for qe2.php */
#qe2page{
  background: #B2B2B2;
  width: 800px;
  /* height: 832px; */
  min-height: 600px;
}

#qe2left{
  float: left;
  width: 656px;
  margin-left: 19px;
}

#qe2right{
  float: right;
  width: 96px;
  margin-right: 19px;
}

#qe2banner{
  width: 655px;
  height: 146px; 
  margin-bottom: 10px;
}

#qe2slider{
  width: 656px;
  height: 224px;
  background: #fff;
  margin:0 0 10px 0;
  position:relative;
}

#qe2slider IMG {
    position:absolute;
    width: 656px;
    height: 224px;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#qe2slider IMG.active {
    z-index:10;
    opacity:1.0;
}

#qe2slider IMG.last-active {
    z-index:9;
}


#qe2slider img{
  width: 656px;
  height: 224px;
}

#qe2img{
  width: 212px;
  height: 444px;
  background: #fff;
  float: left;
  margin: 0 10px 0 0;
  background-image: url('images/qe2/qe2img.jpg');
}

#qe2writeup{
  width: 434px;
  height: 444px;
  background: #fff;
  float: left;
}

#qe2writeup h2{
  margin: 20px 12px;
  font-size: 14px;
}

#qe2writeup p{
  color: #666666;
  font-family:Verdana;
  font-size:12px;
  text-align:justify;
  margin: 12px;
}

.page-template-qe2-php{
  background-image: url('images/qe2/qe2bg.jpg');
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center; 
}

#qe2menu{
  width: 800px;
  height: 35px;
  background: #B2B2B2;
  padding-top: 10px;
}

#qe2menu ul{
  width: 762px;
  height: 25px;
  background-color: #959595;
  margin: 0 auto;
  -moz-border-radius: 100%;
}

#qe2menu ul li{
  list-style: none;
  margin: 0 10px 0 17px;
  display: inline;
}

#qe2menu ul li a{
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Arial;
  font-size: 11px;
  color: #fff;
}

#qe2menu ul li a:hover{
  color: #661FFF;
}

#qe2footer{
  margin: 0 auto;
  padding: 30px 0 10px;
  text-align: center;
  font-size: 10px;
  font-family: Arial;
  color: #666;
  background: #B2B2B2; 
}

#qe2footer a{
  text-decoration: none;
  color: #666;
}
/* end of css for qe2.php */

/* css for freehouse.php */
#freehousepage{
  background: #000;
  width: 800px;
  min-height: 600px;
}

#freehouseleft{
  float: left;
  width: 656px;
  margin-left: 19px;
}

#freehouseright{
  float: right;
  width: 96px;
  margin-right: 19px;
}

#freehousebanner{
  width: 655px;
  height: 147px; 
  margin-bottom: 10px;
  background-image: url('images/freehouse/freehousebanner.png'); 
}

.page-template-freehouse-php{
  background-image: url('images/freehouse/freehousebg.jpg');    
}

#freehousecontent{
  width: 655px;
  height: 530px;
  background-color: #202020;
}

#freehousecontentleft{
  background-image: url('images/freehouse/freehouseside.jpg');
  width: 171px;
  height: 490px;
  margin: 20px 15px; 
  float: left;
}

#freehousecontentright{
  background-color: #101010;
  width: 439px;
  height: 490px;
  margin: 20px 15px 20px 0; 
  float: left;
}

#freehousecontainer{
  margin: 15px;
  text-align: justify;
  font-family:Verdana;
  font-size:12px;
  color: #fff;  
}

#freehousecontainer h2 {
  color:#FC5A00;
  font-size:15px;
}
/* end of css for freehouse.php */

/* css for penthouse.php */
#penthousepage{
  background: #000;
  width: 800px;
  min-height: 600px;
}

#penthouseleft{
  float: left;
  width: 656px;
  margin-left: 19px;
}

#penthousecontent{
  width: 655px;
  height: 458px;
  background-color: #202020;
}

.page-template-penthouse-php{
  background-image: url('images/penthouse/penthousebg.jpg');     
}

#penthousebanner{
  width: 655px;
  height: 146px; 
  margin-bottom: 10px;
  background-color: #fff;
}

#penthousecontentleft{
  background-image: url('images/penthouse/penthouseside.jpg');
  width: 190px;
  height: 428px;
  margin: 14px 10px 10px 10px; 
  float: left;
}

#penthousecontentright{
  background-color: #1c1c1c;
  width: 435px;
  height: 428px;
  margin: 14px 10px 10px 0; 
  float: left;
}

#penthousecontainer{
  margin: 15px;
  text-align: justify;
  font-family:Verdana;
  font-size:12px;
  color: #fff;  
}

#penthousecontainer h2 {
  color:#FC5A00;
  font-size:15px;
}
/* end of css for penthouse.php */

/* css for countryhouse.php */
.page-template-countryhouse-php{
  background-image: url('images/countryhouse/countryhousebg.jpg');
  background-repeat:no-repeat;
  background-position:center;    
}
#countryhousepage{
  background: #000;
  width: 800px;
  min-height: 600px;
}

#countryhousebanner{
  width: 656px;
  height: 146px; 
  margin-bottom: 10px;
}

#countryhousecontent{
  width: 655px;
  height: 458px;
  background-color: #202020;
}

#countryhousecontentleft{
  background-image: url('images/countryhouse/countryhouseside.jpg');
  width: 171px;
  height: 428px;
  margin: 15px; 
  float: left;
}

#countryhouseleft{
  float: left;
  width: 656px;
  margin-left: 19px;
}

#countryhouseright{
  float: right;
  width: 96px;
  margin-right: 19px;
}

#countryhousecontentright{
  background-color: #101010;
  width: 439px;
  height: 428px;
  margin: 15px 15px 15px 0; 
  float: left;
}

#countryhousecontainer{
  margin: 15px;
  text-align: justify;
  font-family:Verdana;
  font-size:12px;
  color: #fff;  
}

#countryhousecontainer h2 {
  color:#FC5A00;
  font-size:15px;
}
/* end of css for countryhouse.php */

/* css for news.php */
#latestpost{
  margin: 15px;
}

#latestpost h2 a{
  color:#D75518;
  font-size:17px;
  text-align:left;
}

#newsdate{
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}

#newscontent{
  margin: 20px;
  
}

#newsarchive{
  list-style: none;
  margin: 10px;
}

#newsarchive li{
  margin: 0 0 5px 10px;
}                           
/* end of css for news.php

/* css for archive.php */
#pagecontent h2 a{
  color:#D75518;
  font-size:17px;
  text-align:left;
}
/* end of css for archive.php

/* css for dj.php */
#djpage{
  background: #000;
  width: 800px;
  min-height: 833px; 
}

#djpage .pageleft{
  float: left;
  width: 656px;
  background: #252525;
  margin-left: 19px;
}

#djpage .pageright{
  float: right;
  width: 96px;
  margin-right: 19px;
}

#djpage .pageright img{
  width: 96px;
  height: 84px;
  border: none;
}

#dj{
  width: 100%; 
  padding: 0;
}

#dj tr td{
  height: 170px;
  padding: 0 10px;
  vertical-align: top;
}

#dj tr td.musictext{
  width: 206px;
}
/* end of css for dj.php

/* css for menu */
#menu{
  width: 800px;
  height: 35px;
  background: #000;
  padding-top: 10px;
}

#menu ul{
  width: 762px;
  height: 25px;
  background-image: url('images/menubar.jpg');
  margin: 0 auto;
}

#menu ul li{
  list-style: none;
  margin: 0 11px 0 15px;
  display: inline;
}

#menu ul li a{
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Arial;
  font-size: 11px;
  color: #fff;
}

#menu ul li a:hover{
  color: #661FFF;
}
/* end of css for menu */

/* css for footer */
#footer{
  margin: 0 auto;
  padding: 30px 0 10px;
  text-align: center;
  font-size: 10px;
  font-family: Arial;
  color: #252525;
  background: #000; 
}

#footer a{
  text-decoration: none;
  color: #252525;
}
/* end of css for footer */