/* CSS Document */
/*--------------------------------------------------------
Basic Design Style Sheet for Thai Kitchen in Lakeland

version: 1.0
author: eric whitehead
email: web@ericwhiteheadphotography.me.uk
website: http://www.thaikitcheninlakeland.co.uk
build: march 2008


-----------------------------------------------------------*/

/***** Acknowledgement given to: (CSS Mastery: Advanced Web Standards Solutions - Simon Collison's tutorial- http://www.colly.com/) for the origination of this layout */

* {
padding: 0;
margin: 0;
}

/************* #body styles ***************/


html, body {
background: url(../images/jpg/bg.jpg)repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	 color:#000;
	line-height: 1.166;
	margin: 0;
	padding: 0;
	text-align:center; /*  for IE 5x and IE6 quirk mode fix for div auto centering */
	min-width:760px; /* to scroll when width of browser window to small fix */
}
h1 {
	font-size: 150%;
	color: #333;
}

h2 {
font-size: 120%;
	color: #333;
}


h3 {
background:transparent;
color:#800000;
}

h4 {
font-size:0.7em;
}

/*  'h'statements, unique boxes with 'cb' and 'cbb' classes*/

/*.cbb h2  {
font-family:"Times New Roman", Times, serif;
background:#fff;
color: #CCFF99;
font-weight:bold;
display:block;
margin-bottom:1px;
padding: 0px 0px 0px 5px;
}
*/

.centerBox h1, .centerBox h2, .centerBox h3, .centerBox h4 {
background: transparent;
margin-top:10px;
font-size:0.9em;
color: #006600; /* GREEN */
text-transform:uppercase;
}

.centerBox h1 {
font-size:1.2em;
}

.centerBox h3, .centerBox h4 {
margin:0;
font-size:0.8em;
color: #000;
}
.centerBox h4 {
margin:0;
color:#CC0000;
}
.centerBox h2 img {
margin-top:2px;
border:none;
}

.sectionHeader h2 {
background-image: url(../images/jpg/posted_bg.jpg);
padding:0 0 0 5px;
font-size:0.9em;
color: #FF3300;
/*color: #336600; /* green */
}



/** link styles **/
a{
	 color:#333;
	text-decoration: none;
	font-size:1em;
}

a:link{
	 color: #333;
	text-decoration: none;
	
}

a:visited{
	 color:#333;
	text-decoration: none;
}

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

/************** #layout design **************/

#wrapper {
background:#fff;
  width: 750px;
  margin:10px auto;
  padding:0;
  text-align:left;
 border: 3px solid #993300;
  }

#header {
background:#fff;
background-image:url(../images/jpg/tkl_logo.jpg);
background-repeat:no-repeat;
width:750px;
height:140px;
margin:0px auto;
padding:10px 0;
/*border-bottom: 8px solid  #006600;*/

}
#header img {
margin:0 5px 0 0;
border:none;
}

#location {
     font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	text-align: left;
	margin: 15px 0px 0px 550px;
	color:#333;
}


#title {
margin: 30px 0px 0px 530px;
color:#000;
/*margin: 20px auto;*/
padding:0;
font-size:0.9em;
width:200px;
z-index:2;
}


.verse {
background: #006600;
margin:0; 
font-size: 1.2em;
color: #fff;
line-height:1.3em;
padding: 0 0 0 115px;
}
/* now the three main columns, named in order of importance and display when styles switched off */

#primaryContent {
float:left;
width:750px;
display:inline;
margin: 10px 0 20px 0;
}

/* note here that specifying threeColLayout in the body will activate the following div instead of the default primaryContent */

#threeColLayout #primaryContent {
/*background-color: #66CCFF;*/
float:left;
width:360px;
margin: 10px 0px 20px 195px;
}

/* note here that specifying twoColLayout in the body will activate the following div instead of the default primaryContent */

#twoColLayout #primaryContent {
float:left;
width:535px;
margin: 10px 0px 20px 20px;
}

#secondaryContent {
/*background-color:#FFCC00;*/
float:left;
width: 180px;
margin: 10px 0px 20px 15px;
}

#sideContent {
/*background-color: #00FF99;*/
float:left;
width: 180px;
margin: 10px 0px 20px -750px;
}

#footer {
background:#C9D9C3;
border-top: 4px solid #006600;
clear:both;
width:750px;
font-size: 0.8em;
	padding: 2px 0px 0px 0px;
	text-align: center;
	color:#000;
}

/***** misc text layout *********/
.date {
font-size:0.7em;
color:#000;
margin:0 0 10px 12px;
}
.font1 {
font-size:0.9em;
}
.quote {
font-style:italic;
}
.red {
color: #CC0000;
}

/*******  box div's ***********/
.box, .sidebox {
margin:10px 5px 0 5px;
padding:5px 0px 5px 0px;
}
.sideBox {
background-color: transparent; /*grey*/
}



/** WITHOUT JAVASCRIPT SUPPORT **/
/* Styling of the side boxes if there is no JavaScript support - square corner boxes */
.cbside {
margin:0px 5px 0px 0px;
padding:5px 0px 5px 0px;
line-height:130%;
}
/* paragraph styles for the side boxes */
.cbside p {
margin: 0;
padding: 5px;
font-size: 0.8em;
}

/* anchor for main box without javascript support */ 
.cbb {
background:#fff;
margin: 0 auto;
padding: 5px 0 5px 0;
line-height: 1em;
}

.cbb p {
font-size: 0.9em;
}


/* main box without javascript / rounded corners*/
.mbb {
margin: 0;
padding: 5px 15px;
line-height:150%;
color:#000;
font-size: 0.9em;
}

/** BOXES WITH JAVACRIPT SUPPORT **/
/** transparent custom rounded box corner div's ***/
/**** adapted from Roger Johannson's developments / http://www.456bereastreet.com/archive/200506/customising_custom_corners_and_borders  ****/


.cb {
background:#fff;
margin: 0.5em 0;
line-height:150%;
color:#000;
font-size: 0.9em;
}

/* Rules for the top corners and border */
.bt {
background:url(../images/png/box_edge_trans.png) no-repeat 100% 0 !important;
background:url(../images//gif/box_edge_trans.gif) no-repeat 100% 0;
margin:-8px 0 0 25px;
height:15px;
}

.bt div {
height:15px; /* depth of image */
width:25px;
position:relative;
left: -25px;
background:url(../images/png/box_edge_trans.png) no-repeat 0 0 !important;
background:url(../images//gif/box_edge_trans.gif) no-repeat 0 0;
}


/* Wrapper for layout of the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
/*border: 1px solid #fff;*/
border-width:1px 0;
padding:0 15px;
}

/************** feature styles - overwrite cbb & mbb classes only - main box - used only with images !! ***************/
.feature{
	padding: 5px 0 5px 0;
}

.feature p {
margin:0 auto;
padding:2px 0;
font-size: 1em;
line-height:1.5em;
text-align:justify;

}

/***** image div's for side column **/
img, .quoteImg {
float:none;
margin:0 0 0 5px;
}
.quoteImg {
margin:0 0 0 2px;
padding:0;
}
.sideImg {
display: block;
float:none;
margin:5px auto;
border: 1px solid #C5BDBD;
}
.mainImage {
display: block;
float: none;
margin: 5px auto;
border: 3px solid #C5BDBD;
}


/*********** form div's for default page only *************/

/*  Classes for forms */
 #name, #email, #location {
 width: 150px;
 font-size: 0.9em;
 }
 #message {
  width: 300px;
 font-size: 1.1em;
 }
 .label, .warning {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size:0.9em;
 }
.warning {
 color: #F00;
 }

/*** classes for newsletter **/
.sent, .txt {
font-size:0.9em;
text-align:center;
}
.txt {
font-size:0.7em