/********************* Mama Roma Restaurant Style Sheet created by 2Creative ****************************/

* {	margin: 0; padding: 0; }
body {
	font: 80%/1.4em Arial, Helvetica, sans-serif; color: #777;
	background: #242424 url(images/bg-strip.jpg) repeat-x left top;
}
h1, h2, h3 { font-weight: normal; color: #FF0000; }
h1 { font-size: 20px; padding: 40px 20px 0 22px; }
h2 { font-size: 20px; margin-bottom: 15px;	 }
h3 { font-size: 16px; margin-bottom: 10px; }
h4 { font-size: 14px; color: #FFF; margin-bottom: 5px; }
p { padding-bottom: 15px; }
img { border: none; }
a { color: #FFF; text-decoration: underline; }
a:hover { text-decoration: none; }
ul { padding-left: 15px; margin-bottom: 15px; }

#wrapper { width: 959px; margin: 0 auto; padding: 0; }	
	#header { height: 156px; background: url(images/mama-roma-header.jpg) no-repeat left top; }
		#header-top { height: 30px; }
		#header-top p { font-size: 14px; padding-top: 10px; padding-right: 65px; text-align: right; } 
	.content { min-height: 518px; background: url(images/body-bg.jpg) no-repeat left top; }
	
		#home-content { }
		#main-content { float: left; width: 843px; }
			#content-wrapper { padding: 50px 40px 0 40px; }
			#side-content { float: left; width: 220px; margin-right: 20px; }
				#side-content img { margin-bottom: 20px; } 				
				#food-menu-wrapper img { margin-bottom: 0; }
					.food-menu { padding: 6px 8px; }
					.food-menu img { float: left; width: 90px; margin-right: 10px; }
					.food-menu p { float: left; font-size: 14px; padding-top: 25px; padding-bottom: 0; }
					.food-menu a { color: #777; text-decoration: none; }
					.food-menu a:hover { color: #FF0000; text-decoration: none; } 
				
			#middle-content { float: left; width: 500px; }
			
			.event-listing { padding-top: 30px; border-bottom: 1px dotted #777; margin-right: 20px; }
				.event-image { float: left; width: 206px; margin-right: 20px; margin-bottom: 30px; }
				.event-text { float: left; width: 500px; }
			
			 
		#menu { float: right; width: 110px; margin-top: 40px; }
			#menu ul { list-style: none; text-align: right; font-size: 13px; }
			#menu li { list-style: none; border-bottom: 1px dotted #777; padding-top: 10px; padding-bottom: 10px; }
			#menu a { text-decoration: none; color: #777; }
			#menu a:hover { text-decoration: none; color: #FF0000; }			 
			#thispage a:link, #thispage a:visited, #thispage a:hover, #thispage a:active { color: #FF0000; }
		
		
		#contact-form { float: left; width: 400px; }
		#contact-map { float: left; width: 350px; margin-top: 40px; }
			
		
	#footer { }
		#footer p { font-size: 12px; color: #666; text-align: center; padding: 30px 0 10px; }
		#footer a { color: #666; text-decoration: none; }
		#footer a:hover { color: #666; text-decoration: none; }
		#footer a.contactlink { color: #FF0000; }
		#footer a.contactlink:hover { color: #777777; }


/********************* MISC ****************************/	
.clearFloat { clear: both; height: 0; }
.separator { padding-top: 10px; border-bottom: 1px dotted #777; margin-bottom: 20px; }
.textRed, .textRedBold { color: #FF0000; }
.textWhite, .textWhiteBold { color: #FFF; }
.textRedBold, .textWhiteBold { font-weight: bold; }
.invisibleHeading {	display: none; }
.notice { font-style: italic; }
.miscpara { text-align: right; }
a.misc { font-size: 10px; color: #003399; text-decoration: none; }
a.misc:hover { font-size: 10px; color: #3366FF; text-decoration: none; }
.warning { color: #FF0000; font-weight: bold; padding-bottom: 5px; }
.hidden { visibility: collapse; }
.imageBordered { border: 2px solid #777; }
.imageFloatedLeft { float: left; margin-right: 10px; margin-bottom: 10px; }
.imageFloatedRight { float: right; margin: 5px 0 10px 10px; }

/********************* FORMS ****************************/
form br { clear: left; }
label {	border: none; width: 150px; }
input, textarea { 
	font: small Arial, Helvetica, sans-serif;
	font-size: 85%;	margin-bottom: 5px;	border: 1px solid #000;	padding: 2px; width: 160px;	color: #333; }
#formContact {}
#formContact label, #formContact input, #formContact select, #formContact textarea {
	display: block;	width: 300px; float: left; margin-bottom: 10px;	border: 1px solid #CCC;	font-size: 100%; padding: 2px; }
#formContact input, #formContact select, #formContact textarea { border: 1px solid #000; }
#formContact label { text-align: left; width: 150px; padding-right: 5px; border: none; }
#formContact p { padding-top: 10px; padding-bottom: 5px; }
#formContact br { clear: left; }
#formContact .sendButton {	
	height: 20px; cursor: pointer; color: #FFF; font-weight: bold; border: none; float: left;
	display: block;	margin-top: 10px; background: #FF0000; width: 160px; }
#formContact .tinyInput { width: 30px; }
#formContact .smallInput { width: 180px; }
#formContact .mediumInput { width: 200px; }
#formContact .wideLabel { width: 280px; }
#formContact p { margin-bottom: 5px; }
#formContact input.hidden {	display: none; }
#formContact input.radioButton { float: left; width: 15px; margin: 0 5px 0 0; border: none; }
#formContact .radioLabel { float: left; text-align: left; width: 80px; padding-top: 5px; }
#formContact .radioYesNoLabel {	float: left; text-align: left; width: 50px;	padding-top: 5px; }


/********************* TABLES ****************************/
.listTable { width: 100%; border: none; text-align: left; margin-bottom: 15px; }
td { padding: 2px; vertical-align: top; }
th { font-weight: normal; color: #CCFFFF; }