/*
Bertoldi's / bertoldis.ca
4c / 4c.ca
July-August 2008
Layout Styles
*/

body {
	background: #3d1510 url(../img/bg-body.jpg) 0 0;
	margin: 0;
	padding: 0;
}

/*
----------------------------------
General Layout
----------------------------------
*/

#container {
	margin: 0 auto;
	width: 950px;
}

#header {
	background: url(../img/bg-header.jpg) no-repeat 0 0;
	height: 111px;
	position: relative;
	width: 100%;
}

#event #banner {
	background: url(../img/banner-event.jpg) no-repeat 0 0;
	height: 150px;
	width: 950px;
}

#main {
	background: url(../img/bg-main.jpg) no-repeat 0 0;
	clear: both;
	width: 100%;
}
	#home #main { background: url(../img/bg-home.jpg) no-repeat 0 0; }
	#restaurant #main { background: url(../img/bg-restaurant.jpg) no-repeat 0 0; }
	#bar #main { background: url(../img/bg-bar.jpg) no-repeat 0 0; }
	#patio #main { background: url(../img/bg-patio.jpg) no-repeat 0 0; }
	#masottina #main { background: url(../img/bg-masottina.jpg) no-repeat 0 0; }
	#feature #main { background: url(../img/bg-restaurant.jpg) no-repeat 0 0; }
	#gusto #main { background: url(../img/bg-bar.jpg) no-repeat 0 0; }
	#contact #main, #history #main,	#amici #main { background: url(../img/bg-inner.jpg) no-repeat 0 0; }
	#gallery #main { background: url(../img/bg-gallery.jpg) no-repeat 0 0; }
	
	#event #main { 
		background: url(../img/bg-event.jpg) no-repeat 0 0; 
	}


#main-inner {
	padding: 70px 30px 0;
	position: relative;
}	

	#home #main-inner {
		height: 690px;
		padding: 0;
	}
	
	#restaurant #main-inner,
	#bar #main-inner,
	#patio #main-inner,
	#masottina #main-inner {
		height: 620px;
	}

	#contact #main-inner,
	#gallery #main-inner,
	#history #main-inner,
	#amici #main-inner {
		height: 690px;
		padding: 0;
	}	
	
	#event #main-inner {
		height: 470px !important;
	}
	

#footer {
	clear: both;
	height: 70px;
	margin: 0 auto;
	padding: 6px 10px 0;
	width: 950px;
}



/*
----------------------------------
HOME
----------------------------------
*/

#home-descriptions {
	width: 940px;
	height: 190px;
	padding: 212px 5px 5px 5px;
}

.home-description {
	float: left;
	width: 231px;
}

.home-description-spacer1 {
	float: left;
	width: 5px;
}

.home-description-spacer2 {
	float: left;
	width: 6px;
}

#home-news {
	width: 890px;
	padding: 10px 30px 30px 30px;
}

#home-news img {
	margin-bottom: 20px;
}

.news {
	float: left;
	width: 270px;
	height: 150px;
}

.news-line {
	background: url(../img/home-news-line.png) no-repeat 0 0;
	float: left;
	width: 40px;
	height: 200px;
}


/*
----------------------------------
Page Content / Columns
----------------------------------
*/

.home-col {
	float: left;
	margin: 230px 0 0 0;
	width: 310px;
}

.home-first {
	margin-left: 5px;
}

.col-content {
	padding: 15px;
}

.home-line {
	float: left;
	display: block;
	padding: 435px 0 0;
	width: 5px;
}

.left-content {
	float: left;
	margin: 0 30px 0 0;
	padding-top: 70px;
	width: 240px;
}

	#contact .left-content,
	#amici .left-content,
	#history .left-content {
		margin: 0;
		padding: 0;
		width: 600px;
	}
	
	#gusto .left-content,
	#feature .left-content {
	margin: 0 0 0 30px;
	padding-top: 170px;
	}

	#gallery .left-content {
		background: url(../img/line-gallery.png) no-repeat 30px 140px;
		margin: 0;
		padding: 160px 30px 0 30px;
		width: 240px;
	}

	#event .left-content {
		margin: 0 30px 0 0;
		padding-top: 65px;
		width: 240px;
	}
	
	#event .left-content p {
		font-size: 1.3em;
		line-height: 1.3em;
	}
	
	#event .left-content h3 {
		color: #bf2e1a;
		font-size: 1.5em;
		font-weight: normal;
		line-height: 1.3em;
		margin: 0 0 5px 0;
	}	
	
	.small {
		font-size: 1.2em !important;
		line-height: 1.3em !important;
	}
	
	.line {
		padding-bottom: 10px;
		border-bottom: #CAB787 1px solid;
	}
	
	#event .left-content a {
		color: #b92313;
		text-decoration: none;
		font-weight: bold;
	}
	
	#event .left-content a:hover {	
		color: #b92313;
		text-decoration: underline;
	}

.centre-content {
	float: left;
	margin: 0;
	position: relative;
	overflow: auto;
	width: 395px;
	z-index: 10;
}

.right-content {
	float: left;
	margin: 0 0 0 30px;
	padding-top: 70px;
	width: 195px;
}

	.right-content a {
		color: #b92313;
		text-decoration: none;
	}
	
	.right-content a:hover {
		color: #b92313;
		text-decoration: underline;
	}

	#restaurant .right-content p,
	#bar .right-content p,
	#masottina .right-content p,
	#patio .right-content p {
		line-height: 1.6em;
		opacity:0.8; 
		filter:alpha(opacity=80);
	}
	
	#contact .right-content,
	#amici .right-content,
	#history .right-content {
		margin: 20px;
		padding: 0;
		width: 310px;
	}
		
	#feature .right-content {
		background: url(../img/bg-featuremenu.jpg) no-repeat 0 0;
		height: 690px; 
		margin: 0 0 0 30px;
		padding: 0;
		width: 650px;
	}
	
	#gallery .right-content {
		width: 650px;
		height: 690px; 
		margin: 0;
		padding: 0;
	}
	
	#event .right-content {
		background: url(../img/line-event.png) no-repeat 0 0;
		float: left;
		padding-top: 35px;
		width: 195px;
	}
	
	#event .right-content p {
		text-align: center;
		line-height: 1.0em;
	}
	
	#event .right-content em {
		font-size: 0.8em;
	}
	
	#event .right-content h5 {
		text-align: center;
		line-height: 1.0em;
		margin: 0 0 5px 0;
		font-size: 1.1em;
		font-weight: bold;
		font-family: georgia, 'times new roman', serif;
		color: #222;
		text-transform: uppercase;
	}


.col {
	float: left;
}

.col-left {
	margin-right: 25px;
	width: 185px;
}

.col-right {
	width: 185px;
}

.content-col-right {
	padding: 130px 0 0;
}

.bottom-home {
	bottom: 0;
	left: 0;
	position: absolute;
}

#clear {
	clear: both;
}


/*
----------------------------------
MENU
----------------------------------
*/

#menu #main {
	background: url(../img/bg-menu.jpg) repeat-y 0 0;
}

#menu #main-inner {
	padding: 0;
}	

#menu .left-content {
	margin: 0;
	padding: 140px 30px 0 30px;
	width: 240px;
	height: 550px;		
}

#menu .left-content img {
	margin: 30px 0 10px 0;
}
	
#menu .right-content {
	width: 650px; 
	margin: 0;
	padding: 0;
}

#menu .daily {
	min-height: 650px;
}

#menu-top {
	width: 600px;
	padding: 25px;
}

#menu-inner {
	background: url(../img/bg-menu-takeout.jpg) no-repeat 0 0;
	width: 600px;
	padding: 25px;
	height: 640px;
}

	#menu-inner.takeout-menu {
		background: url(../img/bg-menu-takeout.jpg) no-repeat 0 0;
	}

#menu-bottom {
	background: url(../img/menu-bottom.jpg) no-repeat 0 0;
	width: 650px;
	height: 13px;
	padding: 0;
}

.note {
	text-align: center;
	line-height: 1.1em;
}

#menu #menu-inner p {
	line-height: 1.6em;
}

#menu #menu-inner h3 {
	margin: 0;
	text-transform: none;
}

#menu #menu-inner a:link,
#menu #menu-inner a:visited {
	color: #bf2e1a;
}
	
#menu #menu-inner a:hover {
	color: #3D1510;
}

#menu #intro {
	width: 600px;
	border-bottom: 1px solid #C4B89E;
	padding-top: 10px;
}

#menu #festa-bg {
	width: 650px;
	background: url(../img/bg-festa.jpg) no-repeat 0 0;
}

#menu #festa-bg.soon {
	width: 650px;
	height: 670px;
	background: url(../img/bg-festa-soon.jpg) no-repeat 0 -20px;
}

#menu #festa {
	width: 600px;
	margin: 20px 20px 0 20px;
}

#menu #festa #festa-logo {
	background: url(../img/festa-logo.png) no-repeat 0 0;
	width: 262px;
	height: 291px;
	margin-right: 18px;
	float: left;
}

#menu #festa #festa-intro {
	background: url(../img/) no-repeat 0 0;
	width: 320px;
	float: left;
}

#menu #festa ul {
	list-style-type: none;
}

#menu #festa li {
	padding: 10px 0;
	text-align: center;
	border-bottom: #000 1px solid;
	line-height: 1.1em;
}

#menu #festa li.festa1 {
	font-size: 2.0em;
	color: #000;
}

#menu #festa li.festa2 {
	font-size: 1.5em;
	color: #000;
}

#menu #festa li.festa4 {
	font-size: 1.8em;
	color: #A52415;
}

#menu #festa li.festa5 {
	margin-top: 5px;
	font-size: 1.3em;
	color: #000;
	border-bottom: none;
}

	#menu #festa li.festa5 span {
		font-size: 1.2em;
		line-height: 1.2em;
	}

#menu #festa-menu p.soon {
	font-size: 1.5em;
	color: #A52415;
	text-align: center;
}

#menu #ad {
	width: 240px;
	margin: 30px 0;
}

#menu #ad img {
	margin: 0;
	padding: 0;
	display: block;
}


/*
----------------------------------
MENU NAV
----------------------------------
*/


#menunav ul {
	margin: 0;
	padding: 5px 0 7px 0;
	border-bottom: 1px solid #D6CEB3;
	text-align: center;
	
}

#menunav li {
	font-size: 1.0em;
	font-weight: bold;
	letter-spacing: 0px;
	list-style-type: none;
	margin: 0;
	padding-right: 10px;
	text-transform: uppercase;
	display: inline;
}

#menunav li a {
	text-decoration: none;
}

	#menunav li,
	#menunav li a:link,
	#menunav li a:visited {
		color: #bf2e1a;
	}
	
	#menunav li a:hover {
		color: #3D1510;
	}

.printversion {
	float: right;
	font-size: 1.0em;
	letter-spacing: 0px;
	text-transform: uppercase;
}

.printversion a {
	text-decoration: none;
}

.printversion a:link,
.printversion a:visited {
	color: #bf2e1a;
}

.printversion a:hover {
	text-decoration: underline;
}

#menu dl {
	color: #222;
	margin: 0;
}

#menu dd {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 10px;
}

	#menu dd strong {
			font-size: 1em;
			font-weight: bold;
			text-transform: uppercase;
		}

#menu dt {
	color: #bf2e1a;
	font-size: 1.4em;
	font-weight: bold;
	margin: 20px 0 10px 0;
	text-transform: uppercase;
}




#menu h3 {
	color: #bf2e1a;
	font-size: 1.8em;
	margin: 20px 0 0 0;
	text-transform: uppercase;
}

#menu h4 {
	color: #222;
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	line-height: 1.5em;
	margin: 0 0 0 0;
}


/*
----------------------------------
EVENT PLANNING NAV
----------------------------------
*/

.eventnav {
	margin: 0 0 10px 0;
	padding: 0;
}

.eventnav li {
	font-size: 1.1em;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	display: block;
	text-align: center;
}

.eventnav li a {
	text-decoration: none;
}

	.eventnav li,
	.eventnav li a:link,
	.eventnav li a:visited {
		color: #bf2e1a;
		text-decoration: none;
	}
	
	.eventnav li a:hover {
		color: #bf2e1a;
		text-decoration: underline;
	}

.line2 {
	padding-bottom: 10px;
	border-bottom: #CAB787 1px solid;
}


/*
----------------------------------
CONTACT FORM
----------------------------------
*/

#contact-form {
	background: url(../img/line.gif) no-repeat 0 0;
	padding: 20px 0 0 0;
}