/*
Theme Name: SOFA Restaurant
Theme URI: http://sofarider.com/
Description: Styled HTML template for an imaginary Restaurant
Version: 1.0
Author: Dameer, sofarider.com
Author URI: http://sofarider.com/
Tags: Restaurant, Cafe, HTML template , 2 columns
*/

/*	Eric Meyer Style Reset
@ http://meyerweb.com/eric/tools/css/reset/index.html */
/*	v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td	
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ol, ul { list-style: none;	}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0;	}

/*  =defaults
-------------------------------------------------------------- */
body { width: 100%; font: normal 81.25%/1.538 Georgia, "Times New Roman", Times, serif; color: #555; background: #fff; line-height: 195%; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -.02em; font-weight: bold; font-style: normal; }
h1 { font-size: 1.6em; line-height: 1; color: #ff6600; }
h2, h3, h4, h5, h6 { font-size: 1.3em; line-height: 1.333; font-weight: normal; padding-bottom: 10px; }
blockquote { font-size: 1.5em; font-style: italic; line-height: 1.5; background: transparent url( /images/blockquote.gif ) 25px 0 no-repeat; padding: 20px 0 20px 25px; margin-top: 20px; }
a { text-decoration: none; }
a:link, a:active { color: #87845c; }
a:visited { color: #51483c; }
a:hover, a:focus { color: #fff9ae; }
	
img { border: none; }
p { margin-bottom: 10px; }
	
h1 a:link, h1 a:active, h2 a:link, h2 a:active, 
h3 a:link, h3 a:active, h4 a:link, h4 a:active, 
h5 a:link, h5 a:active, h6 a:link, h6 a:active { color: #ff6600; }
	
h1 a:visited, h2 a:visited, h3 a:visited, 
h4 a:visited, h5 a:visited, h6 a:visited { color: #ff6600; }
	
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, 
h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus { color: #fff9ae; }
    	
/*  =form-defaults
-------------------------------------------------------------- */
input, textarea, button { border: none; background: #17120c; color: #888a76; font: 100%/1.5 Georgia, "Times New Roman", Times, serif; }
    
/*  =layout
-------------------------------------------------------------- */
#logoholder { width: 100%; clear: both; overflow: hidden; height: 90px; }
#logoholder .logo { width: 960px; margin: 0 auto; height: 90px; overflow: hidden; background-color: transparent; background-image: url(/images/logo-draftontaft.png); background-position: left top; background-repeat: no-repeat; zoom: 1; }
#logoholder .logo a { width: 290px; height: 50px; margin: 0; padding: 0; display: block; border: none; }
#head { width: 100%; clear: both; overflow: hidden; height: 250px; background: transparent url( /images/stripes.jpg ) top left repeat-x; }
#head .headcut { width: 100%; clear: both; overflow: hidden; height: 10px; background: transparent url( /images/cut.png ) top left repeat-x; }
* html #head .headcut { background: transparent url( /images/cut.gif ) top left repeat-x; zoom: 1; }
	
#headcontainer { width: 960px; margin: 0 auto; height: 240px; clear: both; }
#headflash { width: 640px; height: 240px; display: inline; float: left; overflow: hidden; }
#headcontainer .headgraphic { width: 320px; height: 240px; display: inline; float: left; overflow: hidden; background-color: transparent; background-image: url(/images/graphic_chef-trans.png);  background-position: left top; background-repeat: no-repeat; zoom: 1; }
	
#mainnavig { width: 100%; height: 39px; overflow: hidden; clear: both; background: transparent url( /images/navig_bg.gif ) top left repeat-x; zoom: 1; }
.menu { width: 960px; margin: 0 auto; height: 39px; clear: both; border-right: 1px solid #231c12; }
	
#intro { width: 100%; overflow: hidden; clear: both; background: #fff; border-bottom: 1px solid #bbb; zoom: 1; text-align: center; }
.block { width: 960px; margin: 0 auto; padding: 25px 0; clear: both; }
.block p { font-size: 17px; line-height: 180%; font-style: italic; margin-top: 10px; margin-bottom: 0; }
	
#contentwrap { width: 100%; clear: both; overflow: hidden; background: transparent url(/images/contentwrap_bg.png) 0 0 repeat-x; }
#homecontainer { width: 960px; margin: 0 auto; padding: 40px 0; clear: both; background-color: transparent; background-image: url(/images/shine-trans.png); background-repeat: no-repeat; background-position: left top; zoom: 1; }

#titlesponsors { width: 960px; margin: 0 auto; padding: 20px 0; clear: both; background: #fff; }
#titlesponsors ul li img { margin: 0 10px; }
#hours, #special { width: 300px; float: left; display: inline; margin-right: 30px; overflow: hidden; }
#news { width: 300px; float: left; display: inline; margin-right: 0; overflow: hidden; }

#special h2, #special p { font-size: 1.7em; }
#special p img { margin: 8px 10px 0 0; }
#hours h2 { font-weight: bold; }
#hours p { font-size: 1.4em; line-height: 1.75em;}
.small { font-size: 12px; font-weight: bold; width: 310px; display: block; color: #51483c; }
			
#photogallery { width: 960px; margin: 0 auto; padding: 30px 0 0 0; clear: both; overflow: hidden; }
#photogallery img { margin: 0; }
#photogallery ul { list-style-image: none; list-style-position: outside; list-style-type: none; overflow: hidden; padding: 0 70px; }
#photogallery li { float: left; padding: 10px 20px 0 0; background: none; }
#photogallery li.last { padding: 10px 0 0 0; }
			
#content { width: 630px; float: left; display: inline; overflow: hidden; margin-right: 30px; padding-bottom: 30px; }
#content img { margin-top: 10px; margin-bottom: 0; }
#content .continue { font-size: 11px; margin-left: 5px; }
	
#content #menulist { }
#content ul#menulist { padding-left: 0; margin: 0; }
#content ul#menulist li { width: 100%; display: block; clear: both; background: none; padding: 0; }
	
#content .menulistitem { overflow: hidden; margin-bottom: 20px; }
#content .menulistitem h2 { padding-bottom: 0; }
#content .menulistitem img { width: 180px; height: 130px; display: block; float: left; margin-top: 7px; }
#content .menulistitem p { margin-top: 10px; }
#content .menulistitem span.categ { text-transform: uppercase; font-size: 11px; }
	
#sidebar { width: 300px; float: left; display: inline; overflow: hidden; }
.widget { width: 100%; float: left; clear: both; overflow: hidden; margin-bottom: 20px; }
.widget .review { display: block; clear: both; font-style: italic; margin-bottom: 20px; }
.deco { width: 100%; height: 17px; clear: both; overflow: hidden; margin: 5px 0; background: transparent url( /images/deco_border.gif ) top center repeat-x; zoom: 1; }

.widget #subnavig {  }
.widget ul#subnavig { list-style-image: none; list-style-position: outside; list-style-type: none; }
.widget ul#subnavig li { width: 100%; display: block; padding-top: 5px; }
	
#homecontainer #news ul.newslist, #sidebar .widget ul.newslist { padding-left: 0; }
#homecontainer #news ul.newslist li, #sidebar .widget ul.newslist li { background: none; padding-left: 0; }
	
#content #gallery {  }
#content ul#gallery { list-style-image: none; list-style-position: outside; list-style-type: none; overflow: hidden; padding: 0; margin: 0; }
#content ul#gallery li { float: left; padding: 10px 30px 15px 0; background: none; }
#content ul#gallery li.last { padding: 10px 0; }
#content ul#gallery li img { margin: 0; }
	
#content ul, #content ol, #sidebar ul, #sidebar ol { list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0; padding-left: 15px; }
#content li, #sidebar li { list-style-image: url( /images/bullet_red.gif ); padding-left: 10px; zoom: 1; }
#content li li, #sidebar li li { list-style-image: url( /images/bullet_gray.gif ); padding-left: 10px; zoom: 1; }
#footwrap { width: 100%; clear: both; overflow: hidden; background-color: #16110b; }
#footinner { width: 960px; margin: 0 auto; padding: 40px 0; clear: both; overflow: hidden; }
.footmenu { width: 640px; margin: 0 auto; height: 39px; float: left; display: inline; }
.logolight { width: 320px; height: 17px; float: left; display: inline; background-color: transparent; background-image: url(/images/logo_light-trans.png); background-repeat: no-repeat; background-position: left top; zoom: 1; }
.copyright { width: 960px; clear: both; overflow: hidden; padding-top: 20px; }
.copyright p { font-size: 10px; color: #39332a; text-align: center; }
	
/*  =main navigation
-------------------------------------------------------------- */	
	
#topMenu {  }
ul#topMenu { list-style-image: none; list-style-position: outside; list-style-type: none; float: right; }
ul#topMenu li { float: left; padding: 8px 25px; border-left: 1px solid #231c12; }
ul#topMenu li a { font-size: 15px; color: #fff9ae; text-decoration: none; line-height: 160%; }
ul#topMenu li a:hover { color: #db1e0a; }
ul#topMenu li.special { background: transparent url( /images/navig_bg_special.gif) repeat-x; }
ul#topMenu li.special a:hover { color: #fff; }

ul#topMenu li a:active, ul#topMenu li.page_item.current_page_item a:link, ul#topMenu li.page_item.current_page_item a:hover,
ul#topMenu li.page_item.current_page_item a:visited, ul#topMenu li.page_item.current_page_item a:active { color: #db1e0a; background-color: transparent; }
	
#bottomMenu {  }
ul#bottomMenu { list-style-image: none; list-style-position: outside; list-style-type: none; }
ul#bottomMenu li { float: left; padding: 4px 15px 4px 15px; height: 10px; line-height: 10px; }
ul#bottomMenu li a { font-size: 12px; color: #888a76; text-decoration: none; }
ul#bottomMenu li a:hover { color: #db1e0a; }
ul#bottomMenu li.special { background: transparent url( /images/navig_bg_special.gif) repeat-x; }
ul#bottomMenu li.special a { color: #fff; }
ul#bottomMenu li.special a:hover { color: #888a76; }

ul#bottomMenu li a:active, ul#bottomMenu li.page_item.current_page_item a:link, ul#bottomMenu li.page_item.current_page_item a:hover,
ul#bottomMenu li.page_item.current_page_item a:visited, ul#bottomMenu li.page_item.current_page_item a:active { color: #db1e0a; background-color: transparent; }
	
/*  =contact form
-------------------------------------------------------------- */	
	
#form, * html #form {  }
#form label, * html #form label { display: block; padding: 8px 0 2px; }
* html #form input, * html #form textarea, #form input, #form textarea { background-color: #17120c; padding: 5px; font-size: 12px; font-family: Georgia, "Times New Roman", serif; color: #87845c; width: 300px; }
* html #form textarea, #form textarea { width: 95%; }
* html #form #submit, #form #submit { border: none; width: 103px; height: 24px; text-align: center; padding-top: 4px; text-transform: uppercase; margin-top: 15px; display: block; clear: both; }	

	
/*  =miscellaneous styles
-------------------------------------------------------------- */

#cause {text-align: center; font-size: 36px; font-weight: bold; color: #fff; }
#cause a { text-decoration: none; color: #fff; }
#cause img { vertical-align: middle; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.inline_img { display: block; float: left; height: 120px; width: 120px; margin: 0 20px 0 0; border: 3px solid #555; }
#social img { float: left; border: 0; margin: 4px; width: 140px; }
.logos { clear: both; display: block; height: 80px; width: 960px; margin: 0px auto; }
.logos li { display: block; float: left; height: 58px; padding: 5px 5px; }
.big-logos { margin-left: 0px;clear: both; display: block; height: 110px; }
.big-logos li { display: block; float: left; height: 90px; padding: 5px 10px; }


#slideshow { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 630px; 
	height: 230px;
	overflow: hidden;
	border:0;
	float:left;
	margin-top:0;
	background: transparent;
}