/* if css changes don't seem to work, try holding CTRL while reloading the page */
div {
	display: block;
	/*border: 1px dashed*/;
}
body {
	margin: auto; /* margin: auto makes the difference between a body on the left and a body in the center */
	font-family: "helvetica", "sans-serif";
	color: black;
	background-color: gray;	
}
#wholebodydiv {
	margin: auto; 
 /*	text-align: center;
	neither align: center   nor  text-align: center   are having the same affect as attrib align=center. in fact, text-align: center  causes the contents to be aligned to the left, for some damn reason (chromium Version 28.0.1500.71 Ubuntu 13.04 (28.0.1500.71-0ubuntu1.13.04.1)) */
	/* width: 80em; this would restrict the size of this div, and, hence, the background image */
	background-image: url("http://emiliaspizzeria.com/bkground.jpg");
	background-attachment: fixed;
	background-position: center; 
	background-repeat: repeat-y;
}
#readablecolumndiv {
	margin: auto; 
	max-width: 40em;
	text-align: left;
	background-color: rgba(200,200,200,0.8); 
/*opacity: 0.6; has weird inheritance behavior. using rgba instead.*/
	padding: 10pt;
}
a {
	color: #f97408;
	text-decoration: none;
}
.fakelink {
	color: #f97408;
}
a.buttonlike {
	color: black;
	background-color: #f97408;
	text-decoration: none;
	padding: 5pt;
	border: 2px solid gray; 
	border-radius: 5px;
}
.slogan {
	font-style: oblique;
	width: 300px;
	margin: auto;
	/*margin: auto keeps the div element centered in it's parent, which it wouldn't otherwise be, for some reason */

}


.indent {
	padding-left: 2em;
	text-align: left;
}

.twitter_status, .next_time {
	background-color: #FCC79C;
	border: 2px solid gray; 
	border-radius: 5px;

	margin: 5px;
	padding: 10px;
	font-size: 100%;	
	text-align: left;
	color: black;
}
a.twitter_status_text {
	color: black;
	text-decoration: none;
}
.twitter_status_time {
	color: gray;
	font-size: 90%;
}
.twitter_status_time_emphasized {
	color: black;
	font-size: 100%;
}
img.emoji {
   height: 1em;
   width: 1em;
   margin: 0 .05em 0 .1em;
   vertical-align: -0.1em;
}
.wwwwh {
	
	text-align: left;
}
.wwwwhQuestion {
	padding: 20pt 0pt 0pt 0pt;
	text-align: left;
	color: DimGray;
	font-weight: bold;
	font-size: 110%;
}
.wwwwhAnswer {
	background-color: white;
	align: center:
	text-align: left;
	border: 2px solid gray; 
	border-radius: 5px;
	padding: 10pt;
	margin: 10pt;
}
#updatesDiv {
	align: center:
	text-align: left;
	margin: 10pt;
}



.MenuSectionContainer {	
	padding: 5px;
	margin-top: 15pt;
	border-radius: 5px;
	background-color: #CDBCAA;
}
.MenuSectionContainer:nth-of-type(2n+1) {
	background-color: #B8A999; 
}
.MenuSectionContainer div:nth-child(2n+0) {
	background-color: white; 
}
.MenuSectionHeading {
	padding: 5px;
}
.MenuSectionHeadingName {
	font-size: 110%;
	font-weight: bold;
}
.MenuSectionHeadingSub {
	font-size: 80%;
}
.MenuItem {
	padding: 5px;
	text-indent: -5px;
	background-color: ;
	position: relative;
	overflow: auto;
}
.MenuDescrptn {
	background-color: ;
	z-index: ;
	padding-left: ;
}
.MenuPrice {
	font-size: 90%;
	background-color: ;
	position: ;
	float: right;
	right: ;
	z-index: 2;
	display: ;
}
.MenuDetail {
	font-size: 90%;
	color: gray;
}