/*	--------------------------------------------------
	
	Theme Name: Regalito SF
	Theme URI: http://regalitosf.com/
	Description: The Wordpress theme for Regalito Rosticeria in San Francisco
	Version: 1.0
	Author: RyanJWilke.com
	Tags: regalito, rosticeria, tacos, food, yellow, excellent, mexican
			
	-------------------------------------------------- */



	/* --------------------------------------------------
	Global Reset
	-------------------------------------------------- */
	* { margin: 0; padding: 0; }
	
	
	/* --------------------------------------------------
	Typography
	-------------------------------------------------- */
	ul, ol { margin: 0 0 20px 35px; }
	li { font-size: 14px; line-height: 21px; margin: 0 0 3px; color: #707070; }
	a { color: #0790ab; cursor: pointer; font-size: inherit; outline: none; }
	a:hover { color: #006478; }
	img { border: 0; }
	hr { border: 0; border-bottom: 1px solid #f1ad03; margin: 20px 0; }
	p { font-size: 14px; line-height: 21px; margin: 0 0 18px; color: #707070; }
	p:last-child { margin: 0; }
	strong { font-weight: bold; font-size: inherit; }
	blockquote { background: #faf4e3; padding: 20px; margin: 0 0 20px; border: 1px solid #eedc9d; text-align: justify; }
	blockquote p { font-size: 14px; line-height: 23px; color: #a16e00; }
	blockquote p strong.emphasis { line-height: 24px; }
	blockquote p:last-child { margin: 0; }
	blockquote p cite { display: inline; color: #cf5200; font-size: 14px; margin: 10px 0 0; text-transform: uppercase; }
	blockquote cite:before { content: "\2014 \0020"; }

	h1, h2, h3, h4, h5, h6 { color: #cf5200; font-weight: normal; }
	h4, h5, h6 { font-weight: bold; text-transform: uppercase; }
	h1 { font-size: 35px; margin: 0 0 20px; }
	h2 { font-size: 30px; margin: 0 0 20px; }
	h3 { font-size: 24px; margin: 0 0 12px; }
	h4 { font-size: 15px; margin: 0 0 12px; }
	h5 { font-size: 14px; margin: 0 0 10px; }
	h6 { font-size: 13px; line-height: 20px; margin: 0 0 9px; }
	
	
	/* --------------------------------------------------
	Forms
	-------------------------------------------------- */
	label { font-size: 13px; font-weight: bold; color: #666; display: block; margin: 0 0 6px; }
	input.text { width: 300px; border: 1px solid #ddd; border-top-color: #999; border-left-color: #999; display: block; margin: 0 0 25px; height: 20px; padding: 3px 0 3px 3px }
	textarea { width: 458px; height: 120px; display: block; margin: 0 0 20px; border: 1px solid #ddd; border-top-color: #999; border-left-color: #999; }
	
	input.text, textarea { font: 14px/18px Times, Georgia, serif; }
	
	
	/* --------------------------------------------------
	Grid System
	-------------------------------------------------- */	
	div.row { width: 720px; margin: 0 0 20px; }
	div.row:last-child { margin: 0; }
	div.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	div.column, div.columns { margin: 0 10px; float: left; }
	div.column.five, div.five.columns { width: 380px; }
	div.column.six, div.columns.six { width: 460px; }
	div.column.seven, div.columns.seven { width: 540px; }
	div.column.eight, div.columns.eight { width: 620px; }
	div.column.nine, div.columns.nine { width: 700px; }
	div.column.ten, div.columns.ten { width: 780px; }
	div.column.eleven, div.columns.eleven { width: 860px; }
	div.column.twelve, div.columns.twelve { width: 920px; }
	div.column.half, div.columns.half { width: 340px; }
	div.column.third, div.columns.third { width: 320px; }
	div.column.big, div.columns.big { width: 600px; margin: 0 20px 0 0; }
	div.column.small, div.columns.small { width: 320px; margin: 0; }
	div.column.three, div.columns.three { width: 220px; }
	div.column.two, div.columns.two { width: 140px; }
	div.column.one, div.columns.one { width: 60px; }
	div.column.four, div.columns.four { width: 300px; }
	div.column:first-child, div.columns.first-child { margin-left: 0; }
	div.column:last-child, div.columns.last-child { margin-right: 0; }
	

	/* --------------------------------------------------
	Special Classes
	-------------------------------------------------- */	
	div.feature { border: 0 solid #f1ad03; border-width: 1px 0; padding: 15px; margin: 0 0 20px }
	div.feature h5 { font-weight: normal; position: relative; letter-spacing: 1px }
	div.feature h5 a { position: absolute; bottom: 0; right: 0; text-transform: none; font-weight: bold; letter-spacing: 0; font-size: 14px; text-decoration: none; }
	div.feature h5 a:hover { text-decoration: underline; }
	div.feature p:last-child { margin: 0 }
	div.feature p { margin: 0 0 12px }
	div.feature ul { margin: 0 0 0 40px; }
	
	div.tacked-box { border: 1px solid #dfc97a; background: #f2e1a2; padding: 2px; }
	div.tacked-box-content { border: 1px solid #dfc97a; background: #f6edce url(images/shared/tacked-box-bg.gif) repeat-x bottom center; padding: 15px; position: relative }
	div.tacked-box-content p { color: #bc4c00; font-size: 18px; margin: 0; line-height: 23px; }
	div.tacked-box-content div.tack { background: url(images/shared/tack.gif); position: absolute; width: 5px; height: 5px; overflow: hidden; }
	div.tacked-box-content div.tack.top-left { top: 5px; left: 5px; }
	div.tacked-box-content div.tack.top-right { top: 5px; right: 5px; }
	div.tacked-box-content div.tack.bottom-left { bottom: 5px; left: 5px; }
	div.tacked-box-content div.tack.bottom-right { bottom: 5px; right: 5px; }
	
	div.box { background: #fcf8ec url(images/leaf.gif) no-repeat 94% 92%; border: 1px solid #f1ad03; padding: 15px; margin: 0 0 20px; text-align: center; }
	div.box h6 { margin: 10px 0 0; font-size: 12px; }
	div.box h6:first-child { margin-top: 0 }
	div.box p { color: #a3731f; font: 12px/18px Arial, Verdana, sans-serif; }
	div.box li { text-align: left; color: #6c4c14; }
	div.box hr { border: 0; border-bottom: 1px solid #eedc9d; margin: 20px 0; }
	
	div.simple-box { background: #faf4e3 url(images/leaf.gif) no-repeat 90% 95%; padding: 15px; }
	div.simple-box p { color: #c08723; margin: 0 0 15px; }
	div.simple-box hr { border-color: #eedc9d }
	div.simple-box.extension { background-image: none; margin-bottom: -20px; padding-bottom: 0; }
	
	div.main-content { width: 470px; float: right; }
	strong.emphasis { text-transform: uppercase; color: #cf5200; letter-spacing: 2px; font-size: 15px; font-weight: normal }
	span.vegetarian { color: #f1ad03; }
	span.lunch { color: #f1ad03; }
	span.breakfast { color: #f1ad03; }
	
	/* Blog Posts */
	div.post { border-bottom: 1px solid #eedc9d; padding: 0 0 20px; margin: 0 0 20px; }
	div.post:last-child { border: 0; margin: 0; padding: 0; }
	div.post div.post-title { margin: 0 0 20px; }
	div.post div.post-title h1 { margin: 0 0 4px; }
	div.post div.post-title h2 { font-size: 30px; margin: 0 0 4px; }
	div.post div.post-title h2 a { color: inherit; text-decoration: none; }
	div.post div.post-title h2 a:hover { color: #f1ad03; text-decoration: underline; }
	div.post div.post-title h4 { text-transform: none; font-size: 14px; font-weight: normal; color: #999; margin: 0; }
	div.post div.post-body h1,
	div.post div.post-body h2,
	div.post div.post-body h3,
	div.post div.post-body h4,
	div.post div.post-body h5,
	div.post div.post-body h6 { color: #555; }
	
	
	/* --------------------------------------------------
	Site Layout
	-------------------------------------------------- */
	body { background: url(images/bg.gif) repeat; font: 10px Georgia, Times, serif; width: 764px; margin: 0 auto; padding: 45px 0; }
	div#container { border: 2px solid #fff; background: #eedca2; padding: 10px; }
	
	div#header { background: #f1ad03; height: 168px; border: 1px solid #fff; margin: 0 0 10px; }
	div#header h5 { color: #fff; text-align: center; height: 140px; background: url(images/regalito-rosticeria.gif) no-repeat 265px 18px; position: relative; margin: 0; }
	div#header h5 a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-indent: -10000em; }
	div#header h6 { color: #fff; text-align: center; font: normal 12px Arial; text-transform: uppercase; text-shadow: 0 0 1px #f1ad03; margin: 0; }

	div#content { background: #fff; padding: 20px; overflow: hidden; position: relative; }
	div#content * { text-shadow: 0 0 1px #fff; }
	
	div#footer p { font-size: 12px; text-align: center; margin: 7px 0 0; }
	
	ul#navigation { margin: 0 0 45px; list-style: none; text-align: center; }
	ul#navigation li { display: inline; padding: 2px 14px; border-right: 1px solid #f1ad03; }
	ul#navigation li a { text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 11px; padding: 3px 0; }
	ul#navigation li a:hover { text-decoration: underline; }
	ul#navigation li a.current { color: #000; cursor: text; text-decoration: none; }
	ul#navigation li:last-child { border: 0; }
	
	div#sidebar { background: #faf4e3 url(images/leaf.gif) no-repeat 90% 95%; padding: 15px; margin: 0 0 20px; }
	div#sidebar p { color: #c08723; margin: 0 0 15px; }
	div#sidebar p:last-child { margin: 0; }
	div#sidebar hr { border: 0; border-bottom: 1px solid #eedc9d; margin: 20px 0; }
	div#sidebar img { border: 1px solid #f1ad03; }
	div#sidebar ul { margin-left: 17px; }
	div#sidebar ul li { color: #c08723; }
	div#sidebar ul li a { text-decoration: none; }
	div#sidebar ul li a:hover { text-decoration: underline; }
	div#sidebar ul#socialNetworks { list-style: none; margin: 0 0 23px; overflow: hidden; }
	div#sidebar ul#socialNetworks li { float: left; width: 32px; height: 32px; margin: 0 7px 0 0; }
	div#sidebar ul#socialNetworks li#yelp { background: url(images/home-page/yelp.png); }
	div#sidebar ul#socialNetworks li#twitter { background: url(images/home-page/twitter.png); }
	div#sidebar ul#socialNetworks li#flickr { background: url(images/home-page/flickr.png); }
	div#sidebar ul#socialNetworks li#facebook { background: url(images/home-page/facebook.png); }
	div#sidebar ul#socialNetworks li#myspace { background: url(images/home-page/myspace.png); }
	div#sidebar ul#socialNetworks li:hover { opacity: 0.4; }
	div#sidebar ul#socialNetworks li a { display: block; width: 100%; height: 100%; text-indent: -10000px; }
	
	div#page h1 { height: 0; overflow: hidden; margin: 0; }
		
	
	/* --------------------------------------------------
	Home Page
	-------------------------------------------------- */
	p#newsletterSignUp { background: url(images/home-page/newsletter.png) no-repeat; height: 26px; padding: 6px 0 0 38px; }
	p#newsletterSignUp a { font-size: 18px; font-weight: bold; text-decoration: none; }
	p#newsletterSignUp a:hover { text-decoration: underline; }
	
	p#makeAReservation { background: url(images/home-page/make-a-reservation.png); width: 183px; height: 39px; }
	p#makeAReservation a { display: block; width: 100%; height: 100%; text-indent: -10000px; }
	
	div#flickrPhotos { padding: 15px 0 20px; width: 700px; }
	div#flickrPhotos ul { list-style: none; overflow: hidden; margin: 0; }
	div#flickrPhotos ul li { float: left; width: 160px; height: 125px; margin: 0 20px 0 0; overflow: hidden; background: #f5f0df; }
	div#flickrPhotos ul li:last-child { margin: 0; }
	div#flickrPhotos ul li a { display: block; }
	div#flickrPhotos ul li a:hover { opacity: 0.6; }
	div#flickrPhotos ul li a img { display: block; margin: 0 auto; }
	
	
	/* --------------------------------------------------
	Menu Page
	-------------------------------------------------- */
	div#menuFeature div.half.column { margin: 0; padding: 10px 0; }
	div#menuFeature div.half.column.first-child { width: 334px; border-right: 1px solid #eedc9d; }
	div#menuFeature div.half.column.last-child { width: 323px; border-left: 1px solid #eedc9d; margin: 0 0 0 -1px; padding-left: 10px; }
	div#menuFeature p#tweet { width: 220px; margin: 0 auto 15px; color: #bc4c00; font-size: 18px; line-height: 23px; }
	div#menuFeature p#makeAReservation { margin: 0 auto; }
	
	div#menuItems div.column { text-align: center; }
	div#menuItems div.heading h5 { text-align: center; border-top: 1px solid #ccc; color: #555; font-weight: bold; font-size: 14px; margin: -3px 0 4px; padding: 20px 0 0; }
	div#menuItems div.heading p { color: #999; font-size: 12px; }
	div#menuItems div.heading.at-top h5 { border: 0; }
	div#menuItems h2 { text-align: center; font-size: 18px; margin: 30px 0 15px; text-transform: uppercase; }
	div#menuItems h3 { text-align: center; color: #555; font-weight: normal; font-size: 16px; margin: 0 0 30px; letter-spacing: 1px; }
	div#menuItems h4 { text-align: center; color: #999; font-weight: normal; font-size: 13px; margin: -25px 0 30px; text-transform: none; }
	div#menuItems p { font: 13px/18px Arial, Verdana, sans-serif; margin: 0; }
	div#menuFootnotes { margin-top: 35px; }
	div#menuReservations div#tweet { float: left; width: 344px; }
	div#menuReservations div#tweet div.tacked-box-content { height: 120px; }
	div#menuReservations div.simple-box { float: left; width: 320px; height: 129px; }
	
	div#newsletterForm { float: none; margin: 0 0 30px 192px; }