/* fonts */

body, p, h1, #form, .smaller, .smaller2 {
	font:  13px arial, san serif;
	line-height: 17px;
	color: #c76629;}
	
h1 {
	font-size:  15px;
	line-height: 20px;}

.smaller2 {font-size:  11px;}


.date {
color: #c76629;
	font-size:  11px;}


.press {color: #e7a048;
font-weight: bold;}


.yellow {
	color: #e7a048;
	font-weight: bold;}
	
/* links */

	
a {
	color: #e7a048;
	text-decoration: none;}
	
a:hover {
	color: #c76629;}


	
	
	
	#network a {	color: #ffb789;
	text-decoration: none;}


.tweets {	color: #ffb789;}



/* boxes */


body { 
	background: url(../images/bg.gif);}
	

	
#content {
	width: 1000px; 
	height: 700px;
	margin: auto;
	margin-top: 50px;}
	
	
	
#main {	
	width: 700px;
	height: 600px;
	float: right;
	margin-top: 50px;}

#image img {
	width: 440px;
	height: 248px;
	border: 5px solid #a36a48;
	margin-top: 20px;}


#words {	
	width: 250px;
	height: 220px;}

img.main_title {
	margin-left: -30px;}


#leftnav {	
	width: 200px;
	height: 700px;
	background-repeat: no-repeat;}



	
	
	
#foodlovers {
	width: 180px;
	height: 74px;
	position: relative;
	top: 3px;}
	
#foodlovers p {
	position: relative;
	top: 7px;
	left: 3px;}



#onion {
	width: 130px;
	height: 175px;
	position: relative;
	left: 180px;
	top: 50px;}
	
		#flash {
	width: 130px;
	height: 175px;
	position: relative;
	left: 240px;
	top: -640px;}
	
	
	
#right3 {	
	width: 280px;
	height: 233px;
	border: 5px solid #a36a48;
	float: right;
	margin-right: 100px;
	margin-top: 110px;}
	
	
	
	/* lists */	
	
/* side navigation  1 */

	
	#tweets ul {
	margin:0;
	padding:0;
	list-style:none;}

.menu, .menu ul {
	margin:0;
	padding:0;
	list-style:none;}

a.home {width:57px;height: 24px; background: url(../images/linkbg.png);}
a.about {width:86px;height: 24px; background: url(../images/linkbg.png);}
a.heard {width:165px;height: 24px; background: url(../images/linkbg.png);}
a.range {width:96px;height: 24px; background: url(../images/linkbg.png);}
a.where {width:98px;height: 24px; background: url(../images/linkbg.png);}
a.trade {width:58px;height: 24px; background: url(../images/linkbg.png);}
a.contacts {width:114px;height: 24px; background: url(../images/linkbg.png);}


.menu li {
	margin:0;
	padding:0;
	margin-bottom:6px;}


.menu a {
	font:  22px arial, san serif;
	display:block;
	padding:3px 7px;
	color:#E8A048;
	text-decoration:none;}

.menu a:hover {
	color:#360000;
	background:#E8A048;}

.menu ul li {padding-left:15px;}
.menu ul a {background:#ced174;}
.hidden {display:none;}

	
#hidden {
display:none;}


/* accordian */	


.urbangreymenu{
width: 180px; /*width of menu*/
}

.urbangreymenu .headerbar {
font:  22px arial, san serif;
margin-top: 5px;
color: white;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
/*31px is left indentation of header text*/
}


.urbangreymenu .headerbar a{
padding:3px 7px;
text-decoration: none;
background-color: #6c3e29;
color: #E8A048;
display: block;
}



.urbangreymenu .headerbar a:hover {
text-decoration: none;
color: #360000;
background-color: #e8a048;
display: block;
}


.urbangreymenu .headerbar a:hover {
text-decoration: none;
color: #360000;
background-color: #e8a048;
display: block;
}.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: 15px Arial;
color: #E8A048;
background: #6c3e29;
display: block;
padding: 3px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}


.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #360000;
background: #e8a048;
}

a.active {color: #000000;}