/*--------------------------
	CSS by Rod Miles	
	One Grey Paw
	www.OneGreyPaw.com
	
	January 2008
	
	CSS for main website
	structures of ogp
----------------------------*/


/*----------------------
	Imports
-----------------------*/

/*@import url('content.css'); */



/*----------------------
	HTML Items
-----------------------*/

body
	{
	margin:0;
	padding:0;
	font: 100.01%/120% verdana,geneva,sans-serif;
	color: #fff;
	background: #fff url('../images/body-bg.png') no-repeat top center;
	text-align: center;	
	}

h1,h2,h3 { font: bold 1.7em tahoma,verdana,geneva,sans-serif; color: #fff; }
h1 { border-bottom: 1px solid #c36; margin: 0; padding: 0 }
h2 { color: #c36; font-size: 1.2em; margin-bottom: 0.5em; }
h3 { color: #c36; font-size: 1.1em; }

a { color: #9A9A9A; }
a:hover { color: #FFB3DF; text-decoration: none; }
a:active { color: #6b6b6b; }

img { border: none; }


/*----------------------
	Layout Items
-----------------------*/

#mainWrapper
	{
	position: relative;
	width: 880px;
	margin: 0 auto;
	padding: 0 0 10em 0;
	right: 2px;
	text-align: left;
	font-size: 75%;
	background: #6B6B6B url('../images/content-bg.jpg') no-repeat 0 0;	
	}

#headerWrapper, #contentWrapper, #footer
	{
	position: relative;
	height: auto;
	text-align: left;
	padding: 0;
	}	

#header
	{
	height: 200px;
	padding: 16px 1em 0 30px;
	margin: 0;
	background: url('../images/pic-reservations.jpg') no-repeat 775px 82px;	
	}

#tvgLogo
	{
	position: relative;
	float: left;	
	width: 241px;
	height: 148px;
	margin: 14px 0 0 5px;
	background: url('../images/thai-valley-grill-logo.gif') no-repeat 0 0;
	}

#contentWrapper
	{
	width: 720px;
	background: #000 url('../images/rightpanel-bg.gif') repeat-y 100% 0;
	border: 2px solid #c36;
	border-width: 2px 0 2px 2px;
	margin: 0 0 0 41px;
	overflow-y: auto;
	overflow-x: hidden;
	}

#content
	{
	width: 690px;
	overflow: auto;
	float: left;
	}

#contentBody
	{
	width: 500px;
	float: right;
	}

#contentBody .inside { padding: 15px; }

#leftPanel
	{
	position: relative;
	float: left;
	width: 190px;
	}

#leftPanel .inside { padding: 0 15px 15px 15px; font-size: 0.9em; color: #ccc; line-height: 1.4em; }

#rightPanel
	{
	position: relative;
	float: right;
	width: 28px;
	padding-bottom: 0.4em;
	}

#rightPanel img { padding: 0 0 15px 0; margin: 15px 0 0 0; border-bottom: 2px solid #000; }

#footer
	{
	width: 734px;
	clear: both;
	margin: 0 0 0 30px;
	font: 0.9em/1.3em tahoma,verdana,geneva,sans-serif;
	overflow: auto;
	}

#footerTag
	{
	float: left;
	width: 500px;
	padding: 0.5em 0 0 11px;
	margin: 0 0 2em 0;
	color: #bbb;
	}

#footerInfo
	{
	width: 200px;
	float: right;
	padding: 0.5em;
	margin: 0 0 2em 0;
	text-align: right;
	color: #999;
	}
	

/*----------------------
	Content Items
-----------------------*/

#mainPic { float: right; padding: 20px 0 10px 10px; text-align: center; }
	
#tvgLogo b { display: none; }

#leftPanel ul#leftMenu { margin: 0 0 0 15px; padding: 0; list-style: none; border-right: 1px solid #c36; }
#leftPanel ul#leftMenu li { margin: 0 0 0 0; padding: 7px 0 2px 3px; border-bottom: 1px solid #c36; clear: both;}
* html #leftPanel li { height: 1%; }

#leftPanel ul#leftMenu a { color: #FFB3DF; text-decoration: none; }
#leftPanel ul#leftMenu a:hover { color: #fff; }
#leftPanel ul#leftMenu a:active { color: #6B6B6B; }

#openTableBox { width: 90%;	}

#hooTable { margin-left: 25px; }
#hooTable td.hooTime { padding-right: 7em; vertical-align: top; }
#hooTable td.hooDay { padding-right: 3em; }
#hooTable tr { border-bottom: 1px solid #c36; font-size: 0.9em; }
#hooTable .separatorRow { border-bottom: 1px solid #c36; height: 1px; width: auto; }

.quoteBox { color: #c36; font-size: 0.9em; padding: 1em 3em 0 3em; }
.quoteBox p { margin: 0; padding: 0 0 0.8em 0; }

ul.midMenu { margin:5px 0 0 0; padding:0; list-style:none; float: right; }
* html ul.midMenu { padding:0 0 14px 0; }
ul.midMenu li { margin:0; padding: 0 7px 0 0; display: inline; }
ul.midMenu li a { border: 1px solid #c36; color: #c36; text-decoration: none; padding: 2px; }
ul.midMenu li a:hover { color: #fff; background-color: #c36; }
ul.midMenu li a:active { color: #000; background-color: #c36; }

#contentWrapper.article { background-color: #ccc; color: #000; }
#contentWrapper.article h1 { color: #000; }
#contentWrapper.article a { color: #c36; }
#contentWrapper.article a:hover { color: #666; }
#contentWrapper.article a:active { color: #fff; }
#contentWrapper.article #leftPanel ul#leftMenu a { color: #c36; }
#contentWrapper.article #leftPanel ul#leftMenu a:hover { color: #666; }
#contentWrapper.article #leftPanel ul#leftMenu a:active { color: #fff; }
#contentWrapper.article #rightPanel img { border-bottom: 2px solid #ccc; }

#contentWrapper.links h2 { clear: both; }

.linksMenu { list-style: none; margin: 0 0 3em 2em; padding: 0;}
.linksMenu li { padding: 0.5em 0; clear: both; }
.linksMenu li img { float: left; margin-right: 1em; }
.linksMenu li a.tSmall { text-decoration: none; }

#contentWrapper.cuisine h3 { border-bottom: 1px solid #999; padding-left: 4px;}
#contentWrapper.cuisine ul li { padding-bottom: 0.5em; }

/*---- Restaruant Reviews --------------*/

.review
	{
	clear: both;
	padding: 1em 20px 0.8em 0;
	font-size: 0.9em;
	border-bottom: 1px solid #555;	
	}

.reviewFrom
	{
	font-weight: bold;
	font-size: 1.2em;
	}

.reviewText
	{
	padding-left: 20px;
	line-height: 1.3em;
	}

.reviewLink
	{
	text-align: right;
	}



/*----------------------
	Base Classes
-----------------------*/

.adobe { background: url('../images/adobe.gif') no-repeat 0 0; padding-left: 25px; }
	
.tBold { font-weight: bold; }

.tItalic { font-style: italic; }

.tUnder { text-decoration: underline; }

.tSmall { font-size: 0.8em; }

.clear { clear: both; }

.imgR { float: right; margin: 0.8em 0 1em 1em; }

.imgL { float: left; margin: 0.8em 1em 1em 0; }
 
.horizBorder { border-top: 1px solid #ccc; height: 1px; }

.pipe { padding: 0 4px; color: #f93 !important; }

.tPink { color: #c36; }