@charset "utf-8";

/* Reset */
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, 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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; } /* remember to define focus styles! */
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }

body { font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; }
a { color:inherit; }

h1 { color:#f47f25; font-size:36px; margin:10px auto; }
h2 { background:url(logo.png) no-repeat; float:right; font-weight:bold; font-size:36px; height:103px; margin:0 20px 10px; overflow:hidden; text-indent:-50000px; width:150px; }
	h2 a { display:block; height:100%; width:100%; }


#container { background:#FFF; margin:10px auto; padding:20px; text-align:center; width:710px;
	-moz-box-shadow:0 2px 6px #666; -webkit-box-shadow:0 2px 6px #666; box-shadow:0 2px 6px #666;
}
#inner { background:url(wineBottle.jpg) no-repeat center 15px; border:solid 12px #f47f25; padding:280px 20px 20px; }

#date { border-bottom:solid 1px #007dc5; color:#007dc5; font-weight:bold; margin:0 0 15px; padding:0 0 20px; }

dt { color:#f47f25; line-height:20px; margin:20px 0 5px 0; }
dd { font-size:14px; line-height:18px; }
.menuItem { font-weight:bold; margin:0 0 5px 0; }
.menuDesc { margin:0 0 5px; }
.winePair { font-style:italic; }
.winePair:before { content:"Wine Pairing: "; }

.price { font-size:14px; line-height:18px; margin:30px 0 15px; }

#footer { background:url(footerBG.jpg) no-repeat bottom; font-size:13px; margin:30px -30px -20px; min-height:114px; padding:10px; width:686px; }
	#footer ul { margin:0 0 0 100px; text-align:right; }
	#footer li { display:inline; }
		#footer li:after { content:" | "; }
			#footer li:last-child:after { content:""; }


@media all and (max-device-width: 480px) { 

#container { margin:0; padding:10px; width:auto; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
#inner { background:none; padding:10px; }
#footer { margin:0 -10px -10px; padding:10px 10px 80px; width:auto; }
	#footer ul { margin:0; text-align:center; }

h2 { float:none; margin:0 auto 10px; }

}