/*
	BASE.CSS, PART OF YUI's CSS FOUNDATION
*/
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
}
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	/*border:1px solid #000;*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

a { color: #C00; text-decoration: none; }
a:visited { color: #C00; text-decoration: none; }
a:hover { color: #C00; text-decoration: underline; }

/***** need this to change page background *****/
html {
margin: 0; padding: 0;
background: url(images/grill-bg.jpg) repeat scroll 0 0 !important;
}


#custom-doc {
	margin:auto;text-align:left; /* leave unchanged */
	width:1024px;/* non-IE */
	
	min-width:975px;/* optional but recommended */
}

.clear { clear: both; }

/*
header
*/
#hd { height: 17em; }
#hd .logo-wrapper {padding: .5em 0 0 0; }
#hd h1.catering-logo { margin: 0 auto; background-image: url(images/grill-logo.png); height: 218px; width: 426px; text-indent: -9999px; }

/*
nav bar
*/
ul#top-nav { margin: 0; background-image: url(images/grill-nav.png); height: 84px; }
ul#top-nav li { display: inline; }
ul#top-nav li a { display: block; float: left; text-indent: -9999px; height: 84px; }

ul#top-nav li.about a { width: 116px; margin-left: 16em; }
ul#top-nav li.menu a { width: 91px;}
ul#top-nav li.location a { width: 138px;}
ul#top-nav li.goodfriend-company a { width: 295px;}


/*
body
*/
#bd {background: url(images/grill-bd-bg.png) repeat-y; }
#burger { float: right; margin: 0 .3em 0 0; padding: 0; }

#bd .post { width: 25em; float: right; }

#bd .post h2 { letter-spacing: 1px; font-size: 188%; padding: .7em 0 .4em 0; text-transform: uppercase; }
#bd .post p { line-height: 2em; margin: 0 0 1em 0; }

#bd .post h3 { font-weight: bold; font-size: 150%; margin: 1em 0 0 0; }
#bd .post em { font-style: italic; }
#bd .post strong { font-weight: bold; }

/*
    SIDEBAR
*/

#sd { float: left; background: url(images/grill-bd-bg.png) repeat scroll 0 0; margin: 0 2em 0 2em; padding: 2em; font-size: 90%; }
#sd .phone-number { font-size: 167%; margin-bottom: .4em; color: #da251d; }
#sd .fax-number { margin-bottom: .4em; }
#sd .email a { text-decoration: underline; color: #000; }
#sd .side-header { text-transform: uppercase; font-weight: bold; font-size: 88%; letter-spacing: 1px; margin: 1em 0 .5em 0; }
#sd .hours { margin: 2em 0 .5em 0; }
#sd .hours-text { font-size: 14px; margin: 0 0 .5em 0; }

/*
footer
*/
#ft { line-height: 1em; color: #fff; text-transform: uppercase; font-size: 77%; text-align: center;}