﻿/*

Theme Name: New Theme

Author: John Anderson

Version: 1.0

Text Domain: newtheme

*/



/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

/*General*/	
	body
	{
		background: url('img/mainbg.jpg') no-repeat #905744 top center;
		font-family: "Georgia", times, Serif;
		font-size: 13px;
		margin: 0px;
		padding: 0px;
	}
	
	.test
	{
		border: 1px red solid;
	}
	
	div.span-24
	{
		float: left;
		margin:0px;
		margin-right: 10px;
		width: 1000px;
	}

/*Containers*/	
	
	.container
	{
		width: 1000px;
		/*padding-right:20px;*/
	}
	
	.contentcontainer
	{
		width:1000px;
	}
	
	.interiorpagecontainer
	{
		width:672px;
	}
	
	.banner
	{
		margin-top: 10px;
	}
	
	.newsletter
	{
		margin-top: 15px;
		padding:0px 0px 0px 250px;
	}
	input.email
	{
		border: 0px;
		padding-left:4px; 
		height: 18px;
		width: 136px;
		background: #ddc7bb;
		font:11px/14px Verdana, Arial, Helvetica, sans-serif;
		font-style:italic;
		color:#999999;
		vertical-align:middle;
	}
	
	input.submit
	{
		background: #b62a22;
		border: none;
		color: #f2e0c7;
		cursor: pointer;
		height: 20px;
		margin: 0px;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		vertical-align:middle;

	}
	.socialnetworklinks
	{
	float:left;
	padding-left:10px;
	}
	

	.navcontainer
	{
		margin-top: 15px;
	}
	
	
	
/* interior pages */	

	.interiorpagetop {
	background: url('img/interiorpagebgtop.png') top no-repeat;
	margin:0px;	
	width:676px;
	height:40px;
	}
	.interiorpage
	{
	background: url('img/interiorpagebgsides.png') repeat-y;
	float:left;
	width:646px;
	padding:20px;
	padding-top:0px;
	margin:0px;
	}
	.interiorpagebottom
	{
		background: url('img/interiorpagebgbottom.gif') bottom no-repeat;
		float: left;
		height: 10px;
		width: 676px;
		
	}
/* Menu */	
	.sidebar {
	padding:5px;
	/*background: url('img/bgsidebar.png') repeat-y center;
	height:700px;*/
	text-align:center;
	padding-top:0px;
	}
	
	.quote {
	color: #e9996a;
	font-style: italic; 
	font-style: bold; 

	font-size:17px;
	}
	
	.author {
	font-style:normal;
	color: #f2e0c7;
	font-size:15px;
	}
	
	
/*Content*/	
	.homepagecontent
	{
		width:1000px;
		background: url('img/bgsides.gif') repeat-y;
		padding: 0px 0px 0px 35px;

	}
	
	.homepagetop {
	background: url('img/contenttop.png') top no-repeat;
	width:999px;
	height:36px;
	margin:0px;
	margin-top:0px;
		

	}
	
	.bgleft
	{
		background: url('img/bgleft.gif') left repeat-y;
		float: left;
	}
	
	.bgright
	{
		background: url('img/bgright.gif') 985px 90% repeat-y;
		float: right;
	}
	
	.bgbottom
	{
		background: url('img/bgbottom.gif') bottom no-repeat;
		float: left;
		height: 10px;
		width: 1000px;
	}
	
	

/*Promo section*/	
	
	.promo
	{
		margin: 0px;
		padding:0px;
		width: 300px;
	}
	.promo_double {
		margin: 0;
		padding: 0;
		width: 606px;
		float: left;
		padding-right: 6px;
		
	}
	
	.promosection
	{
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 5px;
		width: 912px;
		background:#63200d;
	}
	
	.promomiddle
	{
		padding: 0px 6px;
	}
	

/*Footer*/	
	
	.footer
	{
		padding-top: 5px;
		text-align: center;
	}
	
	.footer p
	{
		color: #e28557;
		font-size: 10px;
		text-transform: uppercase;
	}
	
	ul.footer
	{
		color: #e9996a;
		list-style-type: none;
	}
	
	ul.footer li
	{
		color: #fff;
		display: inline;
		font-size: 13px;
		padding: 10px 11px;
		text-transform: uppercase;
	}
	
	ul.footer li a
	{
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
	
	}
	
	ul.footer-hours
	{
		color: #e9996a;
		list-style-type: none;
	}
	
	ul.footer-hours li
	{
		color: #f4e6d1;
		display: inline;
		list-style-type: none;
		padding: 0px 10px;
	}
	
	span.footer-mealperiod
	{
		color: #e9996a;
		font-weight:bold;
	}
	
	img.bordered
	{
		/*border: 1px solid #63200d;*/
		background:#63200d;
		padding: 5px;
	}

	img.alignright
	{
		float: right;
		margin: 0 0 20px 20px;
		position: relative;
		z-index: 1;
	}
	
	img.aligncenter
	{
		float: none;
		margin: 0 0 20px 0;
		clear: both;
		position: relative;
		z-index: 1;
	}
	
	.clearme
	{
		clear: both;
	}


/*Type Styles*/	
	
	h2
	{
		color: #b62a22;
		font-size: 21px;
		font-weight: bold;
		letter-spacing: -1px;
		text-transform: uppercase;
		margin-bottom:25px;
	}
	
	h3
	{
		color: #781b15;
		font-size: 17px;
		font-weight: bold;
		text-transform: normal;
	}
	
	span.subheading
	{
		color: #781b15;
		font-size: 17px;
		font-weight: bold;
		text-transform: none;
	}
	
	.space {
			letter-spacing: 5px;
	}
	
	p
	{
		color: #781b15;
	}
	
	h5 {
	margin-bottom:6px;
	font-family: "helvetica", Arial, sans-serif;
	font-size: 14px;
	line-height:14px;
	color: #b62a22;
	font-weight: bold;
	text-transform: uppercase;
	}
	
	.details {
	
	}
	
/*Suckerfish drop downs*/	
	
	
	#nav, #nav ul
	{
		line-height: 1;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#nav a
	{
		color: #f2e0c7;
		display: block;
		text-decoration: none;
		text-transform: uppercase;
		width: 10em;
	}
	
	#nav li
	{
		float: left;
		padding: 10px 0px;
		text-align: center;
		width: 10em;
	}
	
	#nav li ul
	{
		background: #972917;
		left: -999em;
		position: absolute;
		width: 10em;
		z-index: 1000000;
	}
	
	#nav li ul li a
	{
		background: none;
		width: 8em;
		height: auto;
		text-indent: 0;
		margin: 0 auto;
	}

	#nav li ul a:hover
	{
		color: #fff;
	}
	
	#nav li ul ul
	{
		margin: -1em 0 0 10em;
	}
	
	#nav li:hover ul ul, #nav li.sfhover ul ul
	{
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul
	{
		left: auto;
	}
	/*next line is not in the original suckerfish code but fixes the IE sticky menu proble,*/
	#nav li:hover, #nav li.hover {
		position: static;  
	}

/*Rollover buttons*/	
	
	.aboutUs a
	{
		background: url('img/nav/about.png') no-repeat center 0;
		display: block;
		height: 70px;
		width: 100px;
		text-indent: -9999px;
		margin-right: 20px;
	}
	
	.menus a
	{
		background: url('img/nav/menus.png') no-repeat center 0;
		display: block;
		height: 70px;
		width: 100px;
		text-indent: -9999px;
	}

	.news a
	{
		background: url('img/nav/news.png') no-repeat center 0;
		display: block;
		height: 70px;
		width: 100px;
		text-indent: -9999px;
	}
	
	.aboutUs a:hover, .menus a:hover, .news a:hover
	{
		background-position: center -70px;
	}
	
	#aboutUs span, #menus span, #news span, #reserve span, #order span
	{
		display: none;
	}
	
	.reserve a
	{
		background: url('img/nav/reserve.png') no-repeat 0 0;
		display: block;
		height: 35px;
		margin-top: 13px;
		padding: 0px;
		width: 10px;
		text-indent: -9999px;
	}
	
	.order a
	{
		background: url('img/nav/order.png') no-repeat 0 0;
		display: block;
		height: 35px;
		width: 150px;
		text-indent: -9999px;
	}
	
	#nav li.subnav
	{
		padding: 0px;
	}
	
	#nav li.subnav a
	{
		width: 160px;
	}
	
	.reserve a:hover, .order a:hover
	{
		background-position: 0 -35px;
	}
	
a, a:link, a:active, a:visited{
color:#b62a22;
}
a:hover{
color:#000066;
}