html, body { height: 100% }

body { background-image: url(../images/dinos-stars.gif); margin: 0; padding: 0; font-family: Times, "Times New Roman", serif; }

#fan { position: fixed; top: 0; right: 10px; }

	#wrapper { margin: 20px; }
		header {  
				-moz-border-bottom-colors: none; -moz-border-left-colors: none; 
				-moz-border-right-colors: none; -moz-border-top-colors: none; 
				float: left; border-color: #8c8c8c #323232 #323232 #8c8c8c; border-image: none; border-style: solid; 
				border-width: 6px; margin: 0 auto; text-align: center; width: 100%-12px;background-image: url(../images/bricks2.jpg);  }
			
			img.pizzapizza { width: 100%; height: auto; }
			.dino { margin: 0; }
				.dino img { width: 400px; height: auto; }
				.dino p { text-align: center; color: #fff; font-size: 80px; margin: 0; }	
				p.welcometext { text-align: center; color: #ff0004; font-size: 30px; margin: 0; font-style: italic; }


		/* INTRODUCING */
			#introducing {
				display: flex;
				padding: 2px;
				border: 1px outset #444;
				clear: both;
			}
			img.rainbow { text-align: center;}
			#tellmeaboutit { 
				width: 46%;
				vertical-align: top; 
				font-size: 22px; 
				background-color: #FFF;
				border: 1px inset #AEAEAE;
				margin: 0 2px;
			}
			
			#tellmeaboutit p { margin: 0; }
			
			#tellmeaboutit p.ourstory { font-size: 40px; }

			#tellmeaboutit a { color: #0000ee; font-size: 24px; }
			marquee { font-size: 34px; }
			#thisoldbar1, #thisoldbar2 { 
				color: #FF0000; 
			}
			#thisoldbar1 {
				width: 40%;
				background: transparent url('../images/oldbar.png') no-repeat left top;
				background-size: cover;				
				border: 1px inset #B30000;
			}
			.secondbest { font-size: 40px; } 
			ul#menu { list-style: none; padding: 0 0 0 10px }
				ul#menu img.bullet { padding-right: 4px}
				ul#menu li { padding: 3px 0;}
				img.fire { width: 30px; height: auto; }
				
			.remember { color: black; font-weight: bold; font-style: italic; }

			#eatnow {
				width: 14%;
				background-color: #B10002;
				border: 1px inset #010000;
			}

		/* BUTTONS */
			#Button-Row {
				width: 100%; 
				text-align: center;
				overflow: hidden;
			}
	
			.buttonbutton { width: 100%; margin: 0 auto; text-align: center; float: left; margin-top: 15px; }
			.buttonbutton p {/* max-width: 300px; */ margin: 0; text-align: center; margin: 0 auto; padding: 0; line-height: 45px;}
			.buttonbutton marquee { font-size: 50px; letter-spacing: 2px; font-style: italic; color: #ff0000; font-weight: bold;  }
	
			.button { 
/*
				-moz-border-bottom-colors: none;
		    -moz-border-left-colors: none;
		    -moz-border-right-colors: none;
		    -moz-border-top-colors: none;
		    background-color: #c3c3c3;
		    border-color: #fff #959595 #959595 #fff;
		    border-image: none;
		    border-style: solid;
		    border-width: 5px;
		    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
		    box-sizing: border-box;
*/
		    color: #000;
		    display: inline-block;
		    font-size: 43px;
		    height: auto;
		    margin: 0 1%;
		    text-align: center;
		    text-decoration: none;
		    width: 31%;
			}
			
			.button img { width: 100%; height: auto; }

		/* ORDER NOW */
			#ordernow a { color: #00ff00; }
			#ordernow p.fineprint { color: #0000ee; font-size: 14px; text-align: center; letter-spacing: 2px;}

		/* WE HAVE A LOCATION */
			#wehavealocation { 
				display: flex;
				padding: 2px;
				border: 1px outset #444;
				margin: 0 0 0;
			}
			#topthis {  
				width: 70%; 
			}
			#topthis ul { padding: 0; margin: 0; }
			li.neon { display: inline; } li.neon img { width: 142px; height: auto; float: left;}
			li.soiwassaying { border: none; color: #FF0000; text-align: center; font-size: 22px; vertical-align: top; display: inline; text-align: center; }
			li.soiwassaying em { color: #fff; font-style: italic; font-weight: bold; }

			#mapquest { 
				width: 30%;
				border: 1px inset #AEAEAE;
			}
			#mapquest p { color: #fff; vertical-align: top; padding: 0; margin: 0; }
			#mapquest img { width: 100%; height: auto; min-width: 200px; }
			p.still { font-size: 24px; }
			p.addy { font-size: 19px; }

		/* EXTRAS ROW */
			ul#extras { color: #fff; list-style: none; margin: 0; padding: 0; text-align: center; } ul#extras li { display: inline; vertical-align: top; }
				ul#extras li { display: inline; }

		/* FOOTER			 */
			footer { font-family: "comic sans ms", verdana, arial, sans-serif; text-align: center; margin: 0 0 20px; }
				footer p { margin: 0; }
				ul#footpieces { list-style: none; color: #fff; padding: 0; } ul#footpieces li { display: block; }
					li .italia { vertical-align: top; }
					li.updatednotupdated {color: #fff; text-align: center; margin-top: -8px; }
					li.netscape { margin-top: 4px; }
					li.credit { margin-top: -14px; }
					li.technology { margin-top: 5px; }
					li.email p { vertical-align: top; display: inline; } li.email img { margin-top: -30px; }
					li.butyoucanstillsignourguestbook { margin-top: -25px; }
				p.thissite { vertical-align: top; display: inline; }
				img.netlogo { margin-top: -10px; }
				img.notonline { padding-bottom: 10px; width: 100px; height: auto; display: inline; text-align: center; margin: 0 auto; }
				img.messagemenow { height: 20px; width: auto; }
				img.signaway { height: 25px; width: auto; }
				p.credit { color: #E8D11F; }
				p.copyright{ color: #E8D11F; }

		/* MENU PAGE			 */
			p.dish { margin: 0 0 15px 0; }
			.whattypeofdish { font-weight: bold; font-size: 30px; margin: 15px 0 0 0; }
			

	/* MEDIA QUERIES */
		@media only screen and (max-width: 900px) {
			#introducing,
			#wehavealocation {
				flex-wrap: wrap;
			}
			#tellmeaboutit { 
				order: 1;
				width: 100%;
				margin: 2px 0;
			}
			#thisoldbar1 {
				order: 3;
				width: 100%;
			}
			#eatnow {
				order: 2;
				width: 100%;
			}
			#topthis {
				width: 100%;
				margin-bottom: 10px;
			}
			#mapquest { 
				width: 100%;
				max-width: 500px;
				margin: 0 auto;
			} 
		}

		@media only screen and (max-width: 800px) { 
			.squarerectangle1, .squarerectangle2 { display: none; }
			.dino p { font-size: 65px; }
			.masthead { width: 100%;}
		}

		@media only screen and (max-width: 700px) { 
			.buttonbutton {
				margin: 0;
			}
			.button {
				display: block;
				width: auto;
				margin: 5px 6px;
			}
		}

		@media only screen and (max-width: 550px) { 
			#pizzasquares1, #pizzasquares2 { display: none; }
			td#topthis { width: 100%; }
			td#mapquest { width: 100%; }
			marquee { font-size: 26px; }
			#fan { top: -15px; }
			li.credit { margin-top: 0; }
		}

	/* MISCELLANEOUS */
		/* 	#midi { position: fixed; top: 2px; right: 2px; width: 40px; height: 40px; background: url(../images/midi-butty.png) no-repeat; text-indent: -9999px; } */


	/* THOSE DAMN COLORED LETTERS */
		.original { text-align: left; font-size: 18px; vertical-align: top; letter-spacing: 2px; margin: 0; padding: 0; font-family: "comic sans ms", times, serif; text-align: center; }
		.original span:nth-child(1){color:#f69}.original span:nth-child(2){color:#54e6e4}.original span:nth-child(3){color:#fffd37}.original span:nth-child(4){color:#676bfb}.original span:nth-child(5){color:#48c42c}.original span:nth-child(6){color:#9f97fa}.original span:nth-child(8){color:#9f97fa;} .original span:nth-child(9){color:#f69}.original span:nth-child(10){color:#54e6e4}.original span:nth-child(11){color:#fffd37}.original span:nth-child(12){color:#676bfb}.original span:nth-child(13){color:#48c42c}.original span:nth-child(14){color:#9f97fa}.original span:nth-child(15){color:red}.original span:nth-child(16){color:#9f97fa}.original span:nth-child(17){color:red}.original span:nth-child(18){color:#f69}.original span:nth-child(19){color:#54e6e4}.original span:nth-child(20){color:#fffd37}