/* 

	Template:	Linguine's Italian Restaurant
	Version: 	1.0
	Date:		May 2009
	Company: 	M2 Websites
	URL:		http://www.m2websites.com
	
*/

/************************* PAGE FORMATTING **********************************/

	body {
		margin: 0px;
		padding: 0px;
		background-image: url('../template_images/marble_bg.gif');
		background-repeat: repeat;
		font-family: "Trebuchet MS", Helvetica, sans-serif;
		font-size: 10px;
		color: black;
		/*border: 1px solid green;*/
	}
	
	#container {
		position: relative;
		width: 100%;
		height: 100%;
		min-height: 100%;
		text-align: center;	/* Forces correct centering behavior in Internet Explorer */
	}
	
	html, body {
		height: 100%;
		min-height: 100%;
	}
	
	* html #container {
		height: 100%;
		min-height: 100%;
	}
	
		#root {
			position: relative;
			top: 0px;
			left: 0px;
			width: 940px;
			margin: 0px auto 0px auto;	/* "auto" forces correct centering behavior in FireFox */
			/*border: 1px dashed red;*/
		}
			
			#header {
				position: relative;
				clear: both;
				top: 0px;
				left: 0px;
				width: 940px;
				background-image: url('../template_images/header.png');
				background-repeat: no-repeat;
				height: 103px;
				padding: 0px;
				margin: 0px;
			}

			#nav {
				position: relative;
				float: left;
				width: 140px;
				height: 100%;
				margin: 0px; padding: 0px; /*border: 1px solid gray;*/
			}
				
				#navlist {
					float: left;
					text-align: left;
					margin: 0px; padding: 0px;
				}
				
				ul#navlist {
					display: inline;
					list-style: none;
					list-style-type: none;
					list-style-position: outside;
					padding: 0px;
					margin-top: 10px;
				}
				
				#navlist li a:link, #navlist li a:visited {
					text-decoration: none;
					display: block;
					color: #333333;
					margin: 0px; padding: 0px;
				}
				
					#navlist li a:hover {
						text-decoration: none;
						display: block;
						background-color: #006600;
						color: #FFFFEC;
						margin: 0px; padding: 0px;
					}
					
					#navlist li a:active {
						background-color: #CC0000;
					}
			
			div#hours {
				position: absolute;
				left: 0;
				top: -140px;
				/*bottom: 0px;*/	/* doesn't work */
			}

			
			#page_body {
				position: relative;
				float: left;
				top: 40px;
				width: 800px;	/* 540? */
				min-height: 400px;
				/*border: 1px solid cyan;*/
				}
				
				#page_body.home {
					width: 540px;
				}
				
				#page_body.menu, #page_body.article, #page_body.admin {
					top: 20px;
					left: 20px;
					width: 778px;
					/*background-color: white;
					border: 1px solid #333333;*/
				}
				
				p.menu {
					width: 680px;
					text-align: left;
					margin: 10px auto 10px auto;
					line-height: 1.5em; border: 1px solid gray;
				}
			
			#page_title {
				position: relative;
				width: 780px;
				left: 20px;
				font-family: Georgia, "Times New Roman", Times, serif; /*border: 1px solid blue;*/
			}
			
				#page_title.home {
					width: 540px;
				}
			
			#chalkboard {
				position: relative;
				float: left;
				width: 640px;
				padding: 20px;
				/*border: 1px solid green;*/
			}
			
			#home_text {
				position: relative;
				width: 178px;
				float: left;
				left: 40px;
				top: 20px;
				height: 405px;
				padding: 14px 18px;
				border: 1px solid #CCCCCC;
				background-color: #FFFFEC;
			}
				
				#home_text img {
					width: 180px;
				}
			
			#photo_rotator {
				position: relative;
				float: left;
				width: 540px;
				/*height: 360px;
				background-color: #004000;*/
				left: 20px;
				/*border: 1px solid red;*/
			}
				
				#photo_rotator img {
					position: relative;
					top: 10px; /*320px;*/ 
				}
			
			#map_desc {
				position: relative;
				width: 780px;
				left: 20px;
				text-align: center; /*border: 1px solid red;*/
			}
			
			#map {
				position: relative;
				float: right;
				width: 764px;
				height: 600px;
				margin-bottom: 30px;
				border: 3px solid #9C9178;
			}
			
			#music_player_wrapper {
				position: relative;		/* absolute positioning and float are not compatible */
				float: right;
				right: 0;
				height: 15px;
				padding-top: 10px;
			}
			
			#footer {
				position: relative;
				float: left;	/* footer must be floated to keep it from riding up!!! */
				width: 940px;
				background-image: url('../template_images/flag_bar.png');
				background-repeat: repeat-x;
				background-position: center left;
				height: 100px;
				padding-top: 30px;
				font-weight: bold;
				text-align: center; /*border: 1px solid purple;*/
			}
				
				#footer a, #footer a:link, #footer a:visited {
					color: #006600;
					text-decoration: none;
				}
				
				#footer a:hover, #footer a:active {
					color: #CC0000;
		text-decoration: underline;
				}								
				
	img {
		border: none;
	} 
	
	.clear {
		clear: both;
	}
	
/************************* TEXT / LINK FORMATTING **********************************/

	
	a, a:link, a:visited {
		color: #006600;
		text-decoration: none;
	}
	
	a:hover, a:active {
		color: #CC0000;
		text-decoration: underline;
	}	
		
	.text-xs {
		font-size: 10px;
	}
	
	.text-sm {
		font-size: 12px;
	}
	
	.text-med {
		font-size: 14px;
	}
		
	.text-lg {
		font-size: 16px;
	}
	
	.text-xl {
		font-size: 18px;
	}
	
	.text-xxl {
		font-size: 24px;
	}
	
	.text-xxxl {
		font-size: 32px;
	}
	
	.error {
		font-weight: bold;
		color: red;
	}
	
	.my-nav-font {
		font-family: Georgia, Arial, Helvetica, sans-serif;
		letter-spacing: -0.12em;
		line-height: 1em;
		font-smooth: always;
	}