@charset "UTF-8";
/* CSS Document */

/*
GLOBAL ATTRIBUTES
-------------------------------------------------------------------------------*/
body {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: lighter;
color: #300;
}

/*
INDEX/HOME PAGE/POPUPS
-------------------------------------------------------------------------------*/

#index h1 {	
font-size: 22px;
font-weight: inherit;
}
	#index h2 {
	font-size: 18px;
	font-weight: inherit;
	}
		#index p.scroll-text  {
		font-size: 19px;
		}
			#index#work-hours {
			text-align: right;
			}


/*
MENU PAGE/POPUPS
-------------------------------------------------------------------------------*/

.popups {
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center; /* temporarily */
}
	.popups span {
	font-size: 50%;	
	}
		.popups h1 {
		margin: 5px 0 0 0;
		font-size:  30px;
		font-weight: lighter;
		}
			.popups h2 {
			margin: 20px 0 5px 25px;
			font-size: 25px;
			font-weight: lighter;
			}
					.popups h3 {
					margin: 0 0 5px 0;
					text-align: center;
					font-size: 30px;
					font-weight: lighter;
					}
						.popups h4 {
						margin: 0 0 10px 0;
						text-align: center;
						font-size: 18px;
						font-style: italic;
						color: #930;
						}
							.popups p {
							color: #900;
							font-style: italic;
							font-size: 120%;
							}							
								.popups p.extras {
								margin: 0 0 10px 0;
								color: inherit;
								font-size: inherit;
								font-style: inherit;
								}
									h2#first-child {
									margin: 75px 0 0 25px;
									}
										blockquote {
										margin: 50px 0 0 0;
										text-align: center;
										font-size: 125%;
										}
										blockquote.pizza-size {
										font-size: 80%;
										}
						
body#hours {
text-align: center;	
}

table {
font-style: italic;
}
  th {
  font-size: 19.5px;
  }
	tr { 
	font-size: 19px;
	}
	  td {
	  text-align: left;
	  /*font-size: 80%;*/
	  }
	  	td.desc { 
		font-size: 80%;
		font-style: normal;
		margin: 0 0 20px 0;
		color: #4a2500;
	   }

/*
CONTACT PAGE
-------------------------------------------------------------------------------*/	

#contact h1 {
font-size: 18px;
}
	#contact-popups h1 {
	font-size: 18px;
	font-weight: lighter;
	}
		#contact-popups p {
		font-size: 24px;
		}
			#contact address {
			font-size: 14px;
			font-weight: bold;
			text-align: right;
			}
				textarea {
				font-size: 14px;
				}
					#app-form .text {
					font-size: 16px;	
					}
						#contact a#return {
						color: #330;	
						}
						
						#contact a#return:hover {
						color: #900;	
						}
		

/*
CATERING PAGE
-------------------------------------------------------------------------------*/

#catering h1 {
font-size: 32px;
font-weight: lighter;
}
	#catering a {
	text-decoration: underline;
	font-weight: lighter;
	color: #460000;
	}
	
	#catering a:hover {
	color: #330;
	}
	

/*SPECIALS PAGE
-------------------------------------------------------------------------------*/

#specials #specials-background {
text-align: center;	
font-weight: lighter;

}
	#specials h2 {
	  font-size: 15px;
	  font-weight: inherit;
	  font-style: italic;
	  margin: 2px 0 0 0;
	  }
			#specials p {
			font-size: 18px;
			font-weight: inherit;
			color: #600;
			}

/*
BLOG DESIGN
-------------------------------------------------------------------------------*/	

#blog {
font: 12px Georgia, "Times New Roman", Times, serif;
color: #999;
font-weight: lighter;
}
	#blog h1 {
	font-size: 20px;
	}
	
#blog #buttons li {
font-size: 15px;
display: inline;
}
	#blog #buttons a:link, #blog #buttons a:visited {
	color: #dfc591;	
	margin: 0 0 0 13px;
	cursor: pointer;
	}
		#blog #buttons a:hover, #blog #buttons a:active {
		color: white;
		text-decoration: none;
		}
		
#blog #feat-post h1 {
font-weight: lighter;
clear: right;
font-size: 40px;
}
	#blog #feat-post h2 {
	font-size: 18px;
	font-weight: lighter;
	}
		#blog #feat-post h2 a:link, #blog #feat-post h2 a:visited  {
		color: #600;
		}
			#blog #feat-post h2 a:hover, #blog #feat-post h2 a:active  {
			color: #F90;
			}
				#blog #feat-post  {
				font-size: 14px;	
				}
					#blog #feat-post p a#button {
					margin: 10px 0 0 0;
					display: block;
					width: 106px; height: 32px;
					background-image: url(../../images/blog/read-more-sprite.png);
					background-position: bottom;
					text-indent: -9999px;
					}
						#blog #feat-post p a#button:hover {
						background-position: top;
						}
#blog #posts h1 {
font-size: 36px;
font-weight: lighter;
padding: 10px 10px 2px 10px;
}
	#blog #posts h2 {
	font-size: 24px;
	font-weight: lighter;
	padding: 0 0 0 10px;
	}
	#blog #posts h2 a:link, #blog #posts h2 a:visited  {
	color: #600;
	}
	#blog #posts h2 a:hover, #blog #posts h2 a:active  {
	color: #F90;
	}
		#blog #posts p {
		width: 500px;
		font-size: 13px;
		padding: 0 0 0 10px;
		}
			#blog #posts p a:link, #blog #posts p a:visited  {
			color: #600;
			}
			#blog #posts p a:hover, #blog #posts p a:active  {
			color: #F90;
			}
				#blog #posts .date {
				background: url(../../images/blog/date-background.png) left no-repeat;
				width: 116px; height: 55px;
				position: absolute;
				margin: -100px 0 0 -106px;
				z-index: -1;
				}
					#blog #posts .comments {
					background:url(../../images/blog/num-comment-background.png) bottom no-repeat;
					width: 75px; height: 50px;
					position: absolute;
					margin: -30px 0 0 -60px;
					z-index: -1;
					}
						#blog #posts .date a:link, #blog #posts .date a:visited {
						font-size: 24px;
						text-decoration: none;
						color: #999;
						position: absolute;
						margin: 13px 0 0 20px;
						text-shadow: #333 1px 2px 5px;
						}
						#blog #posts .date a:hover, #blog #posts .date a:active {
						color: white;
						}
							#blog #posts .comments a:link, #blog #posts .comments a:visited  {
							font-size: 24px;
							text-decoration: none;
							color: #999;
							position: absolute;
							margin: 20px 0 0 20px;
							text-shadow: #333 1px 2px 5px;
							}
							#blog #posts .comments a:hover, #blog #posts .comments a:visited {
							color: white;
							}

#blog #categories h3 {
font-size: 18px;
margin: 10px 0 0 10px;
font-style: italic;
}
	#blog #categories li {
	font-size: 18px;
	margin: 3px 0 0  15px;
	font-style: italic;
	}
		#blog #categories li a:link,  #blog #categories li a:visited {
		color: #600;
		text-decoration: none;
		}
		#blog #categories li a:hover,  #blog #categories li a:active {
		color: #F90;
		}

/*
COLORS
-------------------------------------------------------------------------------*/						

.color-red {
color: #900;	
}

.color-wine {
color: #600;
}

.color-dark-brown {
color: #460000;	
}

.color-lite-brown {
color: #4a2500;
}

.color-liter {
color: #663333;	
}

.color-black {
color: black;	
}

.color-beige {
color: #dfc591;	
}

.color-dark-gray {
color: #666;	
}

.color-lite-gray {
color: #999;	
}

/*
Alignment
-------------------------------------------------------------------------------*/

.left {
text-align: left;
}

.center {
text-align: center;	
}

.right {
text-align: right;	
}


/*
TEXT DECORATION
-------------------------------------------------------------------------------*/

.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

.lighter {
	
}

/*
FONT SIZES
-------------------------------------------------------------------------------*/

.font-10 {
font-size: 10px;	
}

.font-12 {
font-size: 12px;	
}

.font-14 {
font-size: 14px;	
}

.font-16 {
font-size: 16px;	
}

.font-18 {
font-size: 18px;	
}

.font-20 {
font-size: 20px;	
}