/*-------------------------------------------------------------
Info: 		Mango Buffet - Main Style Sheet
Author: 	Darren Jones
Company:    Integer [www.integeruk.com]
Contact:    darren@integeruk.com
Updated: 	12/02/2010

Colors:     Mango Yellow : #FFD504
-------------------------------------------------------------*/

@import 'reset.css' ;

/*-------------------------------------
	GLOBAL TAGS
--------------------------------------*/
body {
	background: url('../images/bg.gif') repeat;
	color: #fff;
	font-family: "Lucida Grande","Lucida Sans", Arial;
	font-size: 12px;
    line-height: 1.3em;
	padding: 10px 0;
}
h1 {
	color: #FFD504;
	font-size: 20px;
	margin: 20px 0;
}
a {
	color: #FFD504;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
input[type=submit]{
	cursor: pointer;
}
/*-------------------------------------
	GLOBAL LAYOUT
--------------------------------------*/
#content {
	float: right;
	width: 720px;
}
#sidebar {
	background: url('../images/sidebar.png');
	display: block;
	float: left;
	height: 700px;
	width: 231px;
}
#sidebarBtm{
	float: left;
	position: relative;
	margin-top: 249px;
}
#sidebarTop {
	position: relative;
	top: -13px;
	z-index: 1;
}
#wrapper {
	background: url('../images/wrapperbg.png') repeat-y;
	height: 700px;
	margin: 0 auto;
	padding: 0 8px;
	width: 965px;
}
#wrapperTop, #wrapperBtm {
	display: block;
	margin: 0 auto;
	width: 981px;
}
.footer {
	font-size: 10px;
	margin-top: 10px;
	text-align: center;
	width: 100%;
}
/*-------------------------------------
	SIDEBAR
--------------------------------------*/

#sidebar li {
	background: url('../images/nav/li.png');
	color: #fff;
	display: block;
	font-size: 22px;
	height: 32px;
	padding-left: 10px;
	padding-top: 8px;
	width: 220px;
}
#sidebar li:hover {
	background: url('../images/nav/lihover.png');
	cursor: pointer;
}
#sidebar li a {
	display: block;
	height: 35px;
	width: 220px;
}
#sidebar li.active {
	background: url('../images/nav/liactive.png');
	cursor: pointer;
}
#sidebar #logo {
	margin-top: -20px;
}
#sidebar ul {
	margin-top: 20px;
}
/*-------------------------------------
	SCROLLER
--------------------------------------*/
#scroller {
	border: 2px solid #FFD504;
	height: 140px;
	width: 700px;
}

/*-------------------------------------
	CONTENT [HOME]
--------------------------------------*/

#home {
	float: left;
	margin-right: 10px;
	width: 375px;
}
#home p {
	margin-bottom: 3px;
}
#home p span.small {
	color: #FFD504;
	display: block;
	font-size: 9px;
	margin-top: 5px;
}
#deals {
	margin-top: 20px;
}
/*-------------------------------------
	CONTENT [MENU]
--------------------------------------*/

#menu {
	float: left;
	padding-left: 12px;
	width: 704px;
}
#menu td {
}
#menu td h2 {
	color: #FFD504;
	font-size: 16px;
	margin: 10px 0;
}
/*-------------------------------------
	CONTENT [BOOK ONLINE]
--------------------------------------*/
#book {
	float: left;
	padding-left: 12px;
	width: 704px;
}
#book label, #book input, #book textarea, #book select  {
	display: block;
	margin-bottom: 8px;
}
#book input, #book textarea, #book select {
	background: #555;
	color: #fff;
	border: 1px solid #FFD504;
}
/*-------------------------------------
	CONTENT [DELIVERY]
--------------------------------------*/
#delivery {
	float: left;
	padding-left: 12px;
	width: 704px;
}
/*-------------------------------------
	CONTENT [NEWS]
--------------------------------------*/
#news {
	float: left;
	height: 500px;
	overflow: auto;
	padding-left: 12px;
	width: 704px;
}
#news .item {
	border: 1px solid #FFD504;
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	padding: 5px;
	width: 200px;
}
#news .item h2 {
	color: #FFD504;
	font-weight: bold;
}
#news .item .date {
	font-size: 10px;
}
#news .item .more {
	float: right;
	margin-top: 10px;
}
/*-------------------------------------
	CONTENT [EVENTS]
--------------------------------------*/

#events {
}
#events #thumbs img {
    border: 1px solid #FFD504;
    margin-bottom: 6px;
    margin-right: 6px;
 	width: 100px;   
}
/*-------------------------------------
	CONTENT [CONTACT]
--------------------------------------*/
#contact {
	float: left;
	padding-left: 12px;
	width: 704px;
}
#contact h2 {
	color: #FFD504;
	font-size: 17px;
	margin-bottom: 10px;
}
#contact .top-left {
	float: left;
	margin-right: 20px;
}
#contact .top-right {
	float: right;
	width: 520px;
}
#contactlabel, #contact input, #contact textarea, #contact select  {
	display: block;
	margin-bottom: 8px;
}
#contact input, #contact textarea, #contact select {
	background: #555;
	color: #fff;
	border: 1px solid #FFD504;
}