/*-----------------------------------------------------------------------------
rudinosva.com Style Sheet

version:   1.0
author:    Jason Luther
email:     jluther@bluefilamentdesign.com
website:   http://www.bluefilamentdesign.com/
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

/* Center document */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
}

/*Set container and background */
#wrapper {
	width: 898px;
	margin: 0 auto;
	background: url(images/background.gif) top left repeat-y;
	border-left: 1px solid #900;
	border-right: 1px solid #900;
}

/* Global Styles ----------------------*/
li {
	list-style-type: none;
}
a {
	color: #C00;
	text-decoration: none;
}


/* Branding -------------------------*/
#branding-index {
	background: url(images/branding-background.jpg) top left no-repeat;
	height: 217px;
}
#branding-about {
	background: url(images/branding_about.jpg) top left no-repeat;
	height: 217px;
}
#branding-appetizers {
	background: url(images/branding_apps.jpg) top left no-repeat;
	height: 217px;
}
#branding-catering {
	background: url(images/branding_catering.jpg) top left no-repeat;
	height: 217px;
}
#branding-community {
	background: url(images/branding_community.jpg) top left no-repeat;
	height: 217px;
}
#branding-coupons {
	background: url(images/branding_coupons.jpg) top left no-repeat;
	height: 217px;
}
#branding-directions {
	background: url(images/branding_directions.jpg) top left no-repeat;
	height: 217px;
}
#branding-grinders {
	background: url(images/branding_grinders.jpg) top left no-repeat;
	height: 217px;
}
#branding-pizza {
	background: url(images/branding_pizza.jpg) top left no-repeat;
	height: 217px;
}
#branding-beverages {
	background: url(images/branding_bevs.jpg) top left no-repeat;
	height: 217px;
}
#brand {
	float: left;
	position: absolute;
	width: 179px;
	margin: 152px 0 0 0;
	text-align: center;
}
#brand h1 {
	font-size: 33px;
}
#brand h2 {
	font-size: 15px;
	font-weight: normal;
	letter-spacing: .1em;
}
#hours, #contact, #address {
	float: right;
	font-size: 13px;
	margin: 10px 12px 0 0;	
}
#contact, #address {
	padding-left: 12px;
	border-left: 1px solid #000;
}
#hours {
	text-align: right;
}
#contact li {
	text-align: right;
}
#quote {
	clear: both;
	position: absolute;
	height: 25px;
	margin: 94px 0 0 220px;
	padding: 0 0 0 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #D2D2D2;
	background: url(images/quote_left.jpg) top left no-repeat;
	top: 1px;
}
#endquote {
	padding: 4px 30px 0 0;
	background: url(images/quote_right.jpg) top right no-repeat;
}
#directions img {
	padding: 3px 4px 0 0;
	margin-bottom: -3px;
}
#directions a {
	border-bottom: 1px dotted #C00;
}
#directions a:hover {
	color: #000;
	border-bottom: 1px solid #000;
}




/* Nav ---------------------------------*/
#nav {
	float: left;
	width: 179px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}
#nav a:hover, #nav a:active {
	font-weight: bold;
}
#nav ul {
	margin: 8px 0 20px 0;
}
#nav li {
	padding-bottom: 3px;
}
.current {
	font-weight: bold;
}



/* Index Page Content Area ----------------------------------------------------*/
#content-index {
	float: right;
	width: 719px;
	margin: -88px 0 0 0;
	background: #C00;
	z-index: 5;
}
/* Flashcontent - to add rotating pics to index pages -------------*/
#flashcontent {
	width: 710px;
	height: 370px;
	margin: 0 0 0 4px;
}
#posters {
	height: 200px;
	width: 708px;
	margin: 0 0 0 5px;
}
#posters li {
	float: left;
	margin: 10px 0 0 15px;
	display: inline;
}


/* Content ----------------------------*/
#content {
	float: right;
	width: 700px;
	font-size: 12px;
	padding-bottom: 30px;
}
h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #C00;
	margin: 20px 0 0 20px;
}
h3 {
	font-size: 24px;
	clear: both;
}
h4 {
	font-size: 18px;
	padding-top: 30px;
}
h5 {
	font-size: 12px;
	margin: 20px 0 0 30px;
}
#content p {
	margin: 10px 110px 10px 30px;
	text-indent: 30px;
}
#content p.first {
	text-indent: 0;
}
.drop {
	float: left;
	color: #C00;
	font-size: 34px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 30px;
	margin-right: 3px;
}
.sans {
	font-family: Comic Sans MS;
}
span.new {
	color: #C00;
	font-weight: bold;
}

/* Image formatting -------------------------------*/
img.right, img.left, img.leftbottom, img.right-pizza, img.table-pizza, img.right-cal, img.wings, img.salad {
	padding: 2px;
	border: 1px solid #C00;
}
img.right {
	float: right;
	margin: 10px 80px 5px 15px;
}
img.left {
	float: left;
	margin: 18px 15px 6px 0;
}
img.leftbottom {
	float: left;
	margin: 18px 15px 25px 0;
}
img.right-pizza {
	position: absolute;
	float: right;
	margin: 25px 45px 15px 400px;
}
img.table-pizza {
	position: absolute;
	margin: 15px 0 0 410px;
}
img.right-cal {
	float: right;
	margin: -30px 40px 0 10px;
}
img.wings {
	position: absolute;
	margin: -185px 0 0 380px;
}
img.salad {
	position: absolute;
	margin: 20px 0 0 400px;
}
/* end image formating -------------------------*/

/* definition lists for menu items ----------------------*/
dl {
	margin: 20px 110px 20px 30px;
}
table dl, table dt {
	margin: 0px;
}
dt {
	font-weight: bold;
	margin: 15px 0 0 0;
}
dd {
	margin: 0 0 0 20px;
}
dd.pic {
	margin: 0;
}
/* end deifintion lists ----------------*/
/* menu tables ------------------------------------------*/
table {
	margin: 10px 30px;
}
table.menu-3col {
	width: 580px;
}
table.menu-2col {
	width: 490px;
}
table.menu-2col td {
	padding-top: 10px;
}
.item {
	width: 400px;
}
.price {
	width: 90px;
}
.center {
	text-align: center;
}

/* Calzone table --------------*/
table.menu-2col-cal {
	width: 340px;
}
.item-cal {
	width: 280px;
}
.price-cal {
	width: 60px;
}

/* Grinders Table ----------------*/
#grinders {
	width: 500px;
}
#grinders th {
	text-align: left;
}
#grinders td.grind-price {
	width: 40px;
	text-align: right;
	padding-right: 40px;
}
#grinders th.long {
	width: 170px;
}
#grinders th.short {
	width: 50px;
	padding-left: 3px;
}
#grinders th.short18, #grinders td.short18 {
	width: 30px;
	text-align: right;
}
td.indent {
	padding-left: 20px;
}

.slice th {
	text-align: left;
}
.slice td {
	width: 155px;
}

/* Pizza Table --------------------*/
#pizza td {
	width: 130px;
}
.header {
	font-weight: bold;
}

/* Appetizers and Kids Menu(.apps-kids) Styles */
.apps {
	width: 440px;
}
.apps td {
	padding: 3px 20px 8px 0;
}
.apps td.cell-top {
	vertical-align: top;
}
.apps-price {
	width: 170px;
}
.apps-item {
	width: 270px;
}
.apps-kids td {
	padding: 3px 20px 8px 0;
	vertical-align: top;
}
.apps-kids {
	width: 500px;
}
.app-kids-item {
	width: 350px;
}
.app-kids-price {
	width: 150px;
}


/* Salads Styles ----------------------*/
#salads {
	width: 580px;
}
#salads th {
	text-align: center;
	padding-bottom: 8px;
}
#salads td {
	vertical-align: top;
	padding-bottom: 10px;
}
.salad-item {
	width: 400px;
}
.salad-price {
	width: 90px;
}

/* Toppings and Dressings Styles ------------*/
ul#toppings {
	margin: 0 0 0 30px;
}
ul#toppings ul {
	margin-bottom: 30px;
}
ul#dressings {
	margin: 0 0 120px 30px;
}
#toppings li, #dressings li {
	float: left;
	margin-right: 20px;
}
#toppings li li, #dressings li li {
	float: none;
}

/* Beverages and Desserts ----------------------------*/
#bevs {
	width: 500px;
}
#bevs td {
	border-bottom: 1px solid #E4DAC0;
}
#bevs td.drink {
	font-weight: bold;
	padding: 10px 0 3px 0;
}
.cell-bottom {
	vertical-align: bottom;
	padding-bottom: 3px;
}
#bevs td.empty {
	border-bottom: none;
}

.cookie-item {
	width: 180px;
	padding: 10px 0 5px 0;
}
.cookie-price {
	width: 50px;
	text-align: right;
	padding: 10px 0 5px 0;
}

/* Community page Sponsored Teams --------------------*/
ul#sponsored {
	margin: 10px 0 0 50px;
}
#sponsored li {
	width: 200px;
	padding: 3px 0 3px 25px;
	background: url(images/list-arrow.jpg) left center no-repeat;
	border-bottom: 1px solid #E4DAC0;
}

/* Directions Page ---------------------------*/
#map {
	margin: 45px 0 10px 60px;
	border: 3px solid #E4DAC0;
}

/* Coupons Page -----------------------------------*/
.coupon {
	width: 500px;
	margin: 30px 0 0 50px;
	border: 3px dashed #C00;
	background: #E4DAC0;
}
.coupon h2 {
	background: #C00;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	margin: -3px -3px 5px -3px;
	padding-bottom: 3px;
}
.coupon img {
	float: left;
}
.coupon-text {
	float: right;
	width: 410px;
	margin: 20px -90px 0 -10px;
	text-align: center;
	font-size: 20px;
}
.coupon-text strong {
	color: #C00;
	font-size: 28px;
}
.policy {
	clear: both;
	text-align: center;
	font-size: 10px;
	margin: 0 -110px 0 -20px;
}


/* Site-cred ---------------------------*/
#site-cred {
	clear: both;
	height: 30px;
	background: #E4DAC0;
	border-bottom: 1px solid #900;
	border-top: 4px solid #900;
	font-size: 10px;
	color: #600;
}
#copy {
	float: left;
	padding: 7px 0 0 20px;
}
#credit {
	float: right;
	padding: 7px 20px 0 0;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #brand h1 {
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 33px;
}