/* color wheel:

background yellow	#ffbb11
red					#cc3300
brown				#996633
orange				#ff9900
*/



body,
html {
	margin:0;
	padding:0;
	color:#000;
	background:#cc3300;
}

p,h1,h2,h3 {
	color:#996633
}

a:link {color: #cc3300; text-decoration: underline}
a:visited {color: #996633; text-decoration: underline}
a:hover {color: #cc3300; text-decoration: underline}


ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}

#wrap {
	width:750px;
	margin:0 auto;
	background:#fff
}

#header {
	background:#ffdd99;
	text-align:right;
	padding:10px;
}

#main {
	float:left;
   	width:300px;
   	padding-left:10px;
   	background:#ffbb11;
}

#sidebar {
   	float:right;
   	width:400px;
	padding:10px;
	margin-right:10px;
   	background:#fff;
}


#twitter_div {
	background:#ffdd99;
	border:2px solid #cc3300;
	color:#996633;
	padding:10px;
}

#footer {
	clear:both;
	text-align:center;
	padding:5px 10px;
	background:#ffdd99;
	font-size:80%;
}




/*
Menu Styling Begins
http://truethairestaurant.com/menu-newitems.htm
*/


#menu h2{
	margin-top: 0px;
	padding-top: 10px;
        margin-bottom: -1px;
	font-size: 1.7em;
	font-variant: small-caps;
	font-weight: normal;
	color: #996633;
}

#menu h3{
	font-size: 1em;
	font-weight: bold;
	margin: 5px 0 2px 0;
	color: 996633;
}

#menu-content {
	font-size: 0.8em;
	color: #996633;

}

.description {
	float:left;
	margin:0;
	padding:0 20px 0 50px;
	color: #996633;
	}

/*description_1 is used for a first line of text that doesn't lead to a price, not dots. It keeps the text to a maximum of 475 px width and avoids the need for line breaks*/

.description_1 {
	float:left;
	margin:0;
	padding:0 4px 0 50px;
	width:475px;
	clear:both;
	color: #996633;
	}

.price	{
	float:right;
	margin:0;
	padding:0 10px 0 0;
	color: #996633;
	}

.dots 	{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(images/dots.gif) repeat-x scroll left center;
}

/*Menu Styling Ends*/