/* CSS Document */

/************************************************************************

	Site:		Todai Portland

	Author:		Don Ortega

	Client:		Todai Portland		[http://www.todaipdx.com/]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Main Content
	4 - Sub Navigation
	5 - Left Navigation
	6 - Footer Navigation
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body
{
	margin: 0;
	padding: 0;
	background: #29467c url(/assets/img/background1.gif) repeat-x;
	/*background: #5490fe url(/assets/img/background2.gif) repeat-x;*/
	font: 62.5% Tahoma, Helvetica, Arial, sans-serif;
	color: #454545;
}

html, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td
{ 
	margin: 0;
	padding: 0;
	outline: none;
}

a
{
	text-decoration: none;
	color: #159fda;
	outline: none;
}

a:hover
{
	text-decoration: underline;
}

a.fancy
{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -100000em;
}

a img
{
	border: none;
}

ul.nobullets,
ol.nobullets
{
	list-style: none;
}

ul.horizontal li,
ol.horizontal li
{
	float: left;
}

h3
{
	margin-bottom: 0.25em;
	padding-bottom: 0.25em;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.6em;
}

h4
{
	margin-bottom: 0.25em;
	padding-bottom: 0.25em;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.2em;
}

p.big
{
	margin-bottom: 4px;
	font-size: 1.2em;
	line-height: 1.5em;
}

.sifr_me
{
	font-size: 24px;
	color: #29467c;
}

.sifr_me.page_header
{
	margin: 0;
}

/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/
.everything
{
	width: 100%;
	margin: 0 auto;
	background: url(/assets/img/background-cityscape_02.jpg) center top no-repeat;
}

.container
{
	width: 850px;
	margin: 0 auto;
	/*background: #ffffff;
	color: #373737;*/
}

.nav,
.whitebox
{
	width: 848px;
}
.whitebox
{
	margin: 0 auto;
	padding-bottom: 10px;
	background: #ffffff url(/assets/img/whitebox-botcap.gif) bottom no-repeat;
}

.whitebox .content
{
	width: 828px;
	margin: 0 auto;
}

.whitebox .content .col
{
	float: left;
}
	.whitebox .content .col.one
	{
		width: 400px;
	}
	.whitebox .content .col.two
	{
		width: 400px;
		margin-left: 15px;
	}

.notice,
.notice_pic
{
	margin-bottom: 10px;
}

.notice
{
	/*padding: 10px 5px 10px 80px;*/
	padding: 20px 5px 20px 80px;
	
	background: #ffcccc url(../img/notice-toby.gif) 15px 15px no-repeat;
	border: 1px solid #ff0000;
	
	color: #000000;
}
	.notice p
	{
		font-size: 1.2em;
	}
/***********************************************************************
	HEADER
************************************************************************/
.logo
{
	float: left;
	width: 850px;
	height: 115px;
	background: url(/assets/img/header-logo5.png) no-repeat;
}
	.logo a#home
	{
		height: 110px;
	}

.tagline
{
	float: right;
	padding-top: 2.5em;
}
	.tagline h2
	{
		color: #eeeeee;
		font-family: BPreplay, Arial, sans-serif;
		font-size: 2.4em;
		font-weight: normal;
	}
/***********************************************************************
	NAVIGATION
************************************************************************/
.nav
{
	margin: 0 1px;
	padding: 10px;
	background: url(/assets/img/whitebox-topcap.gif) no-repeat;
}
.nav ul.topnav li
{
	width: 110px;
	height: 35px;
	margin-left: 7px;
}
	.nav ul.topnav li.home
	{
		background: url(../img/nav-home.jpg) no-repeat;
	}
	.nav ul.topnav li.location
	{
		background: url(../img/nav-location.jpg) no-repeat;
	}
	.nav ul.topnav li.menu
	{
		background: url(../img/nav-menu.jpg) no-repeat;
	}
	.nav ul.topnav li.specials
	{
		background: url(../img/nav-specials.jpg) no-repeat;
	}
	.nav ul.topnav li.history
	{
		background: url(../img/nav-history.jpg) no-repeat;
	}
	.nav ul.topnav li.catering
	{
		background: url(../img/nav-catering.jpg) no-repeat;
	}
	.nav ul.topnav li.contact_us
	{
		background: url(../img/nav-contact_us.jpg) no-repeat;
	}
	.nav ul.topnav li.eclub
	{
		background: url(../img/nav-eclub.jpg) no-repeat;
	}
/***********************************************************************
	CONTENT
************************************************************************/
.slideshow
{
	height: 275px;
	margin: 0 auto 10px auto;
	padding: 10px;
	border: 1px solid #aaaaaa;
	background: #cccccc;
	
	text-align: center;
}
	.slideshow img
	{
		margin: 10px;
	}

.home_intro_row
{
	margin-bottom: 15px;
}
	
.address,
.phone
{
	float: left;
	font-size: 1.2em;
}

.phone
{
	margin-left: 15px;
}

.introduction
{
	margin-top: 15px;
}
	.introduction p
	{
		font-family: Tahoma, Helvetica, Arial, sans-serif;
		font-size: 1.1em;
		line-height: 1.75em;
	}

.home .hours p
{
	font-size: 1.1em;
}
	.home .hours .lunch,
	.home .hours .dinner
	{
		width: 200px;
	}

ul.foodlist
{
	width: 200px;
	margin-left: 25px;
	
	list-style: disc inside;
}
	ul.foodlist li
	{
		font-size: 1.2em;
		margin-bottom: 10px;
	}
/***********************************************************************
	GOOGLE MAP
************************************************************************/
#googlemap
{
	width: 600px;
	height: 550px;
	border: 1px solid silver;
}

.map_address
{
	width: 190px;
	margin-right: 25px;
	
	font-size: 1.2em;
	line-height: 1.75em;
}
	.map_address p
	{
		margin: 15px 0;
	}
/***********************************************************************
	MENU
************************************************************************/
div.menu
{
	width: 500px;
}
.sidebar
{
	width: 285px;
	margin-left: 15px;
}
div.menu ul li ul
{
	list-style-type: disc;
}
/***********************************************************************
	PRICES
************************************************************************/
.prices
{
	font-size: 1.2em;
}
.prices ul
{
	margin-bottom: 15px;
	line-height: 1.5em;
}
	.prices ul li
	{
		margin-bottom: 5px;
	}
/***********************************************************************
	SPECIALS and CATERING
************************************************************************/
.special_offer,
div.catering,
div.error404
{
	margin-top: 25px;
}

.special_offer ul,
.catering ul,
.error404 ul
{
	margin: 0 25px;
}

.special_offer_copy,
.catering_copy,
.error404_copy
{
	width: 500px;
}

.special_offer_pic,
.catering_pic,
.error404_pic
{
	width: 285px;
}
	.special_offer_pic h3,
	.catering_pic h3,
	.error404_pic h3
	{
		text-indent: -10000em;
	}

.special_offer_spacer,
.catering_spacer,
.error404_spacer
{
	margin-left: 15px;
}
/***********************************************************************
	FOOTER
************************************************************************/
.footer
{
	height: 79px;
	margin: 15px 0;
	background: url(../img/footer-toby.gif) right center no-repeat;
	
	color: #808080;
	font-family: Verdana, Arial, sans-serif;
}

.footer ul.bottomnav
{
	margin-bottom: 15px;
}
	.footer ul.bottomnav li
	{
		margin-left: 15px;
	}
	.footer ul.bottomnav a
	{
		color: #d5d5d5;
	}

.bottom
{
	padding: 15px 0;
}

.legal
{
	width: 500px;
}

.smeter
{
	position: absolute;
	left: -10000em;
	top: -10000em;
	text-indent: -10000em;
}
/***********************************************************************
	JQUERY TABS
************************************************************************/
.ui-tabs-hide { display: none; }

.ui-tabs-nav
{
	
}
	.ui-tabs-nav li
	{
		background: #29467c;
		margin-left: 10px;
		padding: 5px;
		font-size: 1.4em;
	}
		.ui-tabs-nav li a
		{
			color: #d3d3d3;
		}
	.ui-tabs-nav li.ui-tabs-selected
	{
		background: #ffffff;
		border: 1px solid silver;
		border-bottom: 1px solid white;
	}
		.ui-tabs-nav li.ui-tabs-selected a
		{
			color: #159fda;
		}
	.ui-tabs-unselect
	{
		
	}

.ui-tabs-panel
{
	border-top: 1px solid silver;
}
/***********************************************************************
	JQUERY ACCORDION
************************************************************************/
.ui-accordion-container h4
{
	padding: 5px 0 5px 20px;
	background: #29467c url(../img/accordion-plus.gif) 5px center no-repeat;
}
	.ui-accordion-container h4 a
	{
		color: #d0d0d0;
	}
	.ui-accordion-container h4:hover
	{
		background: #5490fd url(../img/accordion-plus.gif) 5px center no-repeat;
		cursor: pointer;
	}
	
	.ui-accordion-container h4.selected
	{
		background: #5490fd url(../img/accordion-minus.gif) 5px center no-repeat;
	}
	.ui-accordion-container h4.selected a
	{
		color: #ffffff;
	}
	.ui-accordion-container h4.selected:hover
	{
		cursor: pointer;
	}

.accordion-item
{
	margin: 10px 0;
}
/***********************************************************************
	SIFR
************************************************************************/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/***********************************************************************
	99 - SELF-CLEARING FLOATS
************************************************************************/
.first
{
	margin: 0 !important;
}

.floatwrapper:after,
#footer:after
{
	/* Firefox */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .floatwrapper,
* html #footer
{
	height: 1%; /* IE6 fix */
}

*:first-child+html .floatwrapper,
*:first-child+html #footer
{
	min-height: 1px; /* IE7 fix */
}