/******************************************************************************
 * Global style for family restaurant.
 *
 * _general
 *
 * _containers
 *
 * _branding
 *
 * _navigation
 *
 * _primary content
 *
 * _secondary content
 *
 * _footer
 *
 ******************************************************************************/






/* _general
 ******************************************************************************/

/* zero out everything */
* { margin: 0; padding: 0; }

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

img { border: 0; margin: 0; padding: 0; }

.clear { clear: both; }

body
{
	background-image: url(bkgntile.gif);
	background-repeat: repeat;
	background-position: left top;
	font-family: helvetica, arial, sans-serif;
	font-size: 100%;
}



/* _containers
 ******************************************************************************/
#wrapper
{
	width: 790px;
	height: 15px;
	margin: 102px auto 0;
	padding: 0 44px;
	background-image: url(frametop.png);
	background-repeat: no-repeat;
	background-position: left top;
}

* html #wrapper
{
	/* Hack for IE/Win6 to support PNG transparency
	 * http://thedesignspace.net/MT2archives/000103.html */
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/frametop.png sizingMethod='scale');
}


#shell
{
	width: 790px;
	padding: 0 44px 0;
	background-image: url(shelltile.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0 auto;
}

* html #shell
{
	/* Hack for IE/Win6 to support PNG transparency
	 * http://thedesignspace.net/MT2archives/000103.html */
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/shelltile.png sizingMethod='scale'); 
}



/* _branding
 ******************************************************************************/
#branding
{
	margin: 40px 0 0 30px;
	text-align: center;
}



/* _navigation
 ******************************************************************************/

#leftside ul
{
	text-align: right;
	margin: 2em 0;
	padding-right: 60px;
}

#leftside ul li
{
	margin: .25em 0;
}


#leftside ul li a
{
	color: black;
	font-size: .9em;
	margin: 0 8px;
}

#leftside ul li a:hover
{
	text-decoration: underline;
}


/* Rules to set current page */
.home li#home a, 
.home li#home a:hover, 
.press li#press a, 
.press li#press a:hover, 
.photos li#photos a, 
.photos li#photos a:hover, 
.map li#map a, 
.map li#map a:hover
{ 
	font-weight: bold; 
	cursor: default;
	text-decoration: none;
}

/* 27 June 2007
 * changed restaurant navigation
 * from text list to logo images
 */
#leftside #restaurants
{
	margin: 7em auto 0;
	text-align: center;
	padding: 1em 0 0 0;
	width: 175px;
	border-top: 4px solid #075F37;
}



/* _primary content
 ******************************************************************************/
#rightside
{
	width: 521px;
	padding: 0 17px;
	float: right;
	display: inline;
}

/* Rules for home page and
 * the rotating text */
.home #rightside
{
	text-align: center;
}

#rotate
{
	font-size: 1em;
	padding-top: 1em;
	margin-bottom: 1em;
	line-height: 1.5em;
	min-height: 10em;
}

* html #rotate { height: 10em; }

#rotate div
{
	padding: 0 20px;
}
#rotate p
{
	margin: 0 0 1em;
}

.hide
{
	/* DOM script adds class to
	 * DIVs in #rotate, so they
	 * are hidden from view, but 
	 * not from screeen readers */
	position: absolute;
	left: -9000em;
	
	/* BUG: Safari will not hide DIV unless display property is changed */
	display: list-item;
}


/* class for fade() */
.start
{
	color: #fff;
}
.o10
{
	color: #E2E2E2;
}

.o20
{
	color: #C6C6C6;
}
.o30
{
	color: #AAAAAA;
}
.o40
{
	color: #8D8D8D;
}
.o50
{
	color: #555555;
}
.o60
{
	color: #717171;
}
.o70
{
	color: #555555;
}
.o80
{
	color: #383838;
}
.o90
{
	color: #1C1C1C;
}

#rotate div.end p
{
	color: #000;
}

/* press thumbnails */
.press #rightside
{
	text-align: center;
}

.press #rightside
{
	background-image: url(presshead.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 260px;
	margin-top: 20px;
}
.press #rightside ul
{
	margin: 10px 0 0;
	padding: 0 20px;
}

.press #rightside ul li
{
	display: inline;
	float: left;
	margin: 10px 10px;
}

.press #rightside ul li a img
{
	border: 2px solid black;
}

/* location map */
.map #rightside
{
	background-image: url(locationhead.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 380px;
	margin-top: 20px;
}

.map #rightside h1
{
	font-size: 1.1em;
	margin-top: .5em;
}
.map #rightside p
{
	margin-bottom: .4em;
	font-size: .75em;
}
.map #rightside div
{
	padding-bottom: 1em;
}
img.over
{
	/* hover effect for press thumbs */
	opacity: .70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
}

#dropSheet
{
	/* rules for frame background */
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #3C231B;
	opacity: 0.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
}

* html #dropSheet
{
	/* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


#outershdw
{
	/* Script adds a drop shdow
	 * to the press frame. Javascript
	 * creates the Top declaration */
	position: absolute;
	left: 50%;
	width: 800px;
	margin-left: -340px;
	height: 610px;
	background-image: url(outershdw.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
* html #outershdw
{
	/* Hack for IE/Win6 to support PNG transparency
	 * http://thedesignspace.net/MT2archives/000103.html */
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/outershdw.png sizingMethod='scale');
}


#outer
{
	/* div that holds the #frame div
	 * and close button. The Top 
	 * declaration is done with Javascript */
	position: absolute;
	/*top:80px;*/
	left: 50%;
	margin-left: -390px;
	width: 780px;
	background-image: url(outerbkgn.gif);
	background-repeat: no-repeat;
	background-position: 50% 2%;
	padding: 140px 10px 10px;
	background-color: white;
	border: 10px #3C231B ridge;
}

/* BUG: Safari froze the bottom scroll bar if the Div had a border
 * and the #control or #input had positioning rules. */
#frame
{
	/* the div that shows the press clipping */
	overflow: auto;
	background-color: white;
	height: 430px;
}

#control
{
	padding: 8px 0 4px 100px;
}

/* photo gallery div
 * created by DOM script 
 * in photos.html */
#rightside #gallery
{
	width: 521px;
	padding-right: 17px;
	padding-bottom: 17px;
	text-align: center;
}

p#description
{
	font-size: .8em;
	line-height: 1em;
	margin: 2em 0 1em;
}


/* _secondary content
 ******************************************************************************/
#leftside
{
	width: 235px;
	float: left;
	display: inline;
}

#leftside p
{
	padding: 0 18px;
	font-size: .7em;
	line-height: 1.2em;
	margin: 1em 0 3em;
}


#leftside p.colwidth
{
	padding: 0;
}






/* _footer
 ******************************************************************************/
#footer
{
	width: 790px;
	height: 40px;
	padding: 0 44px;
	margin: 0 auto;
	background-image: url(footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
}

* html #footer
{
	/* Hack for IE/Win6 to support PNG transparency
	 * http://thedesignspace.net/MT2archives/000103.html */
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/footer.png sizingMethod='scale');
	
}