/*-------------------------------------------------------------
	TABLE OF CONTENTS
		1. Global Settings, HTML, Body
		2. Wrap
		3. Left Column (Logo and Navigation)
		4. Main Column (Header, Content, Fo0ter)
		5. Right Column (Locations and Ads)
		6. Calendar Styles
		7. CMS Variables (Typography Styles)
		8. Extras

/*-------------------------------------------------------------
	1. Global Settings, HTML, Body
--------------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
	}
	
body {
	background: url(/images/cupinis_background.gif) top left repeat;
	color: #000;
	font: 13px/16px Arial, sans-serif;
	text-align: center;
	}

/*-------------------------------------------------------------
	2. Wrap
--------------------------------------------------------------*/

#wrap {
		background: url(/images/cupinis_logo.jpg) no-repeat;
		height: auto;
		min-height: 750px;
		margin: 0 auto;
		width: 1054px;
		text-align: left;
		}

/*-------------------------------------------------------------
	3. Left Column (Logo and Navigation)
--------------------------------------------------------------*/
#left_col {
	height: auto;
	width: 218px;
	float: left;
	m
	}

	#left_col #logo a {
		display: block;
		height: 220px;
		width: 217px;
		}

		#left_col ul {
			list-style-type: none;
			}

		#left_col li {
			list-style-type: none;
			}
		
		#left_ col li a {
			width: 145px;
			height: 25px;
			}

		/* Left Column Main Navigation*/
	
		
		#left_col  a.home, #left_col a.home:visited,
		#left_col  a.shop, #left_col a.shop:visited,
		#left_col  a.menu, #left_col a.menu:visited,
		#left_col  a.cooking, #left_col a.cooking:visited,
		#left_col  a.catering, #left_col a.catering:visited,
		#left_col  a.about, #left_col a.about:visited,
		#left_col  a.press, #left_col a.press:visited,
		#left_col  a.contact, #left_col a.contact:visited,
		#left_col a.media, #left_col a.media:visited,
		#left_col a.special, #left_col a.special:visited,
		#left_col a.coupons, #left_col a.coupons:visited
		 {
			width: 145px;
			height: 25px; 
			display: block;
			margin: 0 0 5px 60px;
			background-position: 145px 0;
			}
			
		#left_col  a.home, #left_col a.home:visited{
			margin: 17px 0 5px 60px;
			}
			
		#left_col  a.home {
			background: url(/images/home_btn.jpg);
			}

		#left_col  a.shop {
			background: url(/images/shop_btn.jpg);
			}

		#left_col  a.cooking {
			background: url(/images/cooking_classes_btn.jpg);
			}

		#left_col  a.catering {
			background: url(/images/catering_btn.jpg);
			}

		#left_col  a.about {
			background: url(/images/about_btn.jpg);
			}

		#left_col  a.press {
			background: url(/images/press_btn.jpg);
			}

		#left_col  a.contact {
			background: url(/images/contact_btn.jpg);
			}

		#left_col  a.menu {
			background: url(/images/menu_btn.jpg);
			}
			

#left_col  a.special {
			background: url(/images/special_btn.jpg);
			}


			#left_col  a.coupons {
			background: url(/images/coupons_btn.jpg);
			}



			#left_col  a.media {
			background: url(/images/media_btn.jpg);
			}
			
			#left_col  a.test {
			background: url(/images/testimonials_btn.gif);
			}

		#left_col  a:hover.home, 
		#left_col  a:hover.shop, 
		#left_col  a:hover.menu, 
		#left_col  a:hover.cooking, 
		#left_col  a:hover.catering, 
		#left_col  a:hover.about, 
		#left_col  a:hover.press, 
		#left_col  a:hover.contact,
		#left_col  a:hover.media,
		#left_col  a:hover.special,
		#left_col  a:hover.coupons
		 {
			background-position: 0 0;
			}

		/*Left Column Sub Navigation*/
		#left_col li a.banquet, 
		#left_col li a.cater_menu, 
		#left_col li a.weddings,
		#left_col li a.gallery, 
		#left_col li a.franco, 
		#left_col li a.history, 
		#left_col li a.test 
		 {
			background-position: -145px 0;
			display: block;
			height: 24px;
			width: 145px;
			margin: 0 0 0 70px;
			}	
			
		#left_col a.banquet {
			background: url(/images/banquet_btn.gif);
			}

		#left_col a.cater_menu {
			background: url(/images/cater_menu_btn.gif);
			}

		#left_col a.weddings {
			background: url(/images/wedding_btn.gif);
			}

		#left_col a.gallery {
			background: url(/images/gallery_btn.gif);
			}

		#left_col a.franco {
			background: url(/images/franco_btn.gif);
			}

		#left_col a.history {
			background: url(/images/history_btn.gif);
			}

		#left_col a.tv {
			background: url(/images/tv_btn.gif);
			}

		#left_col a.food {
			background: url(/images/food_btn.gif);
			}
			
		#left_col a:hover.banquet, 
		#left_col a:hover.cater_menu, 
		#left_col a:hover.weddings, 
		#left_col a:hover.gallery, 
		#left_col a:hover.franco, 
		#left_col a:hover.history, 
		#left_col a:hover.tv, 
		#left_col a:hover.food,
		#left_col a:hover.test
		 {
			background-position: 0 0;
			}

	/* Email Sign Up Style*/
	form#email_signup {
		color: #fff;
		background: #691409;
		padding: 10px 0 0 0;
		}

/*-------------------------------------------------------------
	4. Main Column (Header, Content, Fo0ter)
--------------------------------------------------------------*/

#main_col {
	background: transparent url(/images/header_image.jpg) no-repeat top left;
	float: left;
	height: auto;
	min-height: 525px;
	width: 650px;
	}
	
		/* Dynamic Header Switch */
	#head {
		width: 650px;
		height: 220px;
		}

		body#id_148 div#wrap div#main_col div#head,
		body#id_162 div#wrap div#main_col div#head,
		body#id_163 div#wrap div#main_col div#head,
		body#id_159 div#wrap div#main_col div#head,
		body#id_149 div#wrap div#main_col div#head {
			background: url(/images/header5.jpg) no-repeat top left;
			}

		body#id_144 div#wrap div#main_col div#head {
			background: url(/images/header2.jpg) no-repeat top left;
			}

		body#id_161 div#wrap div#main_col div#head {
			background: url(/images/header8.jpg) no-repeat top left;
			}

		body#id_ div#wrap div#main_col div#head {
			background: url(/images/header4.jpg) no-repeat top left;
			}

		body#id_150 div#wrap div#main_col div#head,
		body#id_164 div#wrap div#main_col div#head{
			background: url(/images/header6.jpg) no-repeat top left;
			}

		body#id_151 div#wrap div#main_col div#head,
		body#id_166 div#wrap div#main_col div#head {
			background: url(/images/header7.jpg) no-repeat top left;
			}

		body#id_152 div#wrap div#main_col div#head {
			background: url(/images/header3.jpg) no-repeat top left;
			}

		/* Content */

	#content {
		background-color: #f3f0dd;
		min-height: 525px;
		padding: 10px;
		}

		#content p {
			line-height: 1.4em;
			font-size: 1em;
			padding: 8px;
			}

		#content a, #content a:visited {
			color: #902103;
			text-decoration: none;
			}

		#content a:hover {
			color: #ed1c24;
			text-decoration: none;
			background-color: transparent;
			border-color: #ed1c24;
			border-bottom-width: 1px;
			border-left-width: 0px;
			border-right-width: 0px;
			border-top-width: 0px;
			border-style: dotted;
			}

		#content ul, #content ol {
			list-style-position: inside;
			padding: 5px 0 5px 15px;
			line-height: 2em;
			}

		#content p.highlight {
			background: #99AFDF;
			width: auto;
			}

/* Footer */
#footer  { 
	background: #691409;
	padding: 5px 0 0 0;
	text-align: center;
	width: 650px;
	font-weight: bold;
	position: relative;
	height: 60px;
	}
	
#footer p, #footer p a, #footer p a:visited {
	color: #fff;
	}

	#footer a, #footer a:visited {
		color: #fff;
		text-decoration: none;
		padding: 0 5px 0 5px;
		}
	
	#footer a:hover {
		color: #691409;
		text-decoration: none;
		background-color: #F3F0DD;
		padding: 6px 5px 0 5px;
		}
	
	#footer h3 {
		color: #fff;
		line-height: 1.4em;
		width: auto;
		padding-left: 15px;
		margin: 0 5px 0 5px;
		letter-spacing: -.01em;
		font-size: 1.33em;
		}

		#side {
			/*background: url(/images/tomato.gif) no-repeat;*/
			position: absolute;
			right: -207px;
			bottom: 0px;
			width: 267px;
			height: 110px; 
			z-index: -1;
			}

/*-------------------------------------------------------------
	5. Right Column (Locations and Ads)
--------------------------------------------------------------*/

	#right_col {
		background-color: transparent;
		height: auto;
		width: 165px;
		font-size: 1.33em;
		font-weight: bold;
		color: #fff;
		float: left;
		padding: 2px 5px 0 5px;
		}
	
	#right_col img {
		margin: 30px 0 0 0;
		}

		#right_col li {
			list-style-type: none;
			}
	
	/* Locations */
		#right_col a.westport, 
		#right_col a.downtown, 
		/*#right_col a.liberty,*/ 
		#right_col a.lees, 
		#right_col a.parkville, 
		#right_col a.lawrence {
		
			background-position: -145px;
			background-repeat: no-repeat;
			display: block;
			height: 25px; 
			margin-bottom: 5px;
			width: 145px;
			}

		#right_col a.westport {
			background-image: url(/images/westport_btn.jpg);
			}

		#right_col a.downtown {
			background-image: url(/images/downtown_btn.jpg);
			}

		/*#right_col a.liberty {
			background-image: url(/images/liberty_btn.jpg);
			}*/

		#right_col a.lees {
			background-image: url(/images/lees_summit_btn.jpg);
			}

		#right_col a.parkville {
			background-image: url(/images/parkville_btn.jpg);
			}

		#right_col a.lawrence {
			background-image: url(/images/lawrence_btn.jpg);
			}

		#right_col a:hover.westport, 
		#right_col a:hover.downtown, 
		#right_col a:hover.liberty, 
		#right_col a:hover.lees, 
		#right_col a:hover.parkville, 
		#right_col a:hover.lawrence {
			background-position: 0px;
			}

/*  Ads */
		#right_col a.right_shop_ad, 
		#right_col a.right_catering_ad,
		#right_col a.right_zagat_ad {
			display: block;
			margin: 0 0 5px o;
			width: 150px;
			background-position: 151px 0;
			}
			
			#right_col form {
				width: 140px;
				padding-bottom: 10px;
				margin-top: 16px;
				padding-left: 10px;
			}
			
			#right_col input {
			margin-top: 5px;
			}
			
			#right_col label {
			font-size: 14px;
			
			}

		#right_col a.right_shop_ad {
			background-image: url(/images/shopping.jpg);
			height: 100px;
			margin: 10px 0 0 0;
			}

		#right_col a.right_catering_ad {
			background-image: url(/images/catering_button.jpg);
			height: 151px;
			margin: 10px 0 0 0;
			}

		#right_col a.right_zagat_ad {
			background: url(/images/cupinis_zagat_ad.jpg);
			height: 150px;
			margin: 10px 0 0 0;
			}

		#right_col a:hover.right_shop_ad,
		#right_col a:hover.right_catering_ad,
		#right_col a:hover.right_zagat_ad {
			background-position: 0 0;
			}

/*-------------------------------------------------------------
	6.    Calendar Styles
--------------------------------------------------------------*/

.dow {
background-color:#462923;
font-size:11px;
color:#FFFFFF;
width:74px;
float:left;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}

#entry {
width:69px;
float:left;
height:50px;
background-color:#FFF;
color:#000000;
border-bottom:1px solid #262626;
border-right:1px solid #262626;
font-size:10px;
padding:2px;
}

#entry_full {
width:69px;
float:left;
height:50px;
background-color:#25588B;
color:#fff;
border-bottom:1px solid #262626;
border-right:1px solid #262626;
font-size:10px;
padding:2px;
cursor:pointer;
}

#entry_full:hover {
background-color:#CCCCCC;
color:#000;
}

#entry_blank {
width:69px;
float:left;
height:50px;
color:#000000;
border-bottom:1px solid #262626;
border-right:1px solid #262626;
font-size:10px;
padding:2px;
}

#outline {
border:1px solid #FFFFFF;
width:525px;
padding:2px;
}

.calendar_content {
width:500px;
background-color:#EFEFEF;
margin-top:10px;
color:#000;
font-size:12px;
border:1px solid #000000;
padding-left:5px;
padding-right:5px;
}

#calendar_nav {
width:525px;
padding-top:10px;
}

#calendar_nav a {
font-size:12px;
font-weight:bold;
}

#calendar_nav a:hover {
text-decoration:none;
}462923

#calendar_list {
width:525px;
background-color:#EFEFEF;
margin-bottom:10px;
padding:3px;
font-size:12px;
}

h2.header {
font-size:20px;
padding-top:5px;
padding-bottom:5px;
}

/*-------------------------------------------------------------
	7. CMS Variables (Typography Styles)
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	padding: 8px 0 8px 5px;
	letter-spacing: -.04em;
	}

h1 {
	font: 2em;
	font-size: 1.8em;
	line-height: 1em;
	height: 25px;
	color: #902103;
	}

h2 { 
	font-size: 1.50em;
	color: #000;
	padding-top: 5px;
	}

h3 {
	font-size: 1.2em;
	color: #42681B;
	}

h4, h5, h6 {
	font-size: 1.1em;
	}
	
h5 {
color: #026d32;
}

p {
padding: 4 2 4 2;
}

p.caption {
padding: 5 5 5 15;
}

#readmore { 
margin-right:200px; 
margin-bottom:10px; 
text-align:right;
color: #ed1c24; 
}

#readmore a, #readmore a:visited {
color: #902103;
}

img {
border: none;
}

img.right {
float:right; 
margin: 0 0 30 20px; 
border:3px solid #ccc; 
}

img.left {
float:left; 
margin: 10 20 15 0px; 
border:3px solid #ccc; 
}

img.center {
border:3px solid #ccc; 
}

img.uparrow {
float:left; 
margin: 3 5px 0 0px; 
border:0px; 
}

.date_class {
margin-left:20px;
}

.byline {
margin-left:20px;
text-decoration:italic;
}

blockquote { 
	padding:15px;
	margin: 10px;
	background-color: #f3f0dd; 
	color: #000;
	width: 230px;
	text-align: center;
	border: 5px solid #fff; 
}

#actionline {
margin: 3 3 3 3;
text-align: right;
padding: 3px 0 3px 10px;
width: 90%;
}

#actionline a, #actionline a:visited {
color: #237FE6;
}

.dateline {
color: #fff;
background: #071F56;
padding: 4 0 4 10;
margin: 5 0 15 0;
width: auto;
}

#contactform label {
text-align: right;
display: block;
float: left;
width: 200px;
margin: 0 8 0 0;
vertical-align: middle;
}

#contactform ol {
list-style-type: none;
padding-top: 10px;
}

#contactform li {
list-style-type: none;
padding: 5 5 5 5;
border-bottom: 1px solid A9D34B;
}

#contactform fieldset {
width: 550px;
background: #d7ecfd;
}

#contactform legend {
padding: 0 2px;
font-weight: bold;
}

#contactform em {
color: #dc241f;
font-style: normal;
}


label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}
input
{
color: #781351;
background: #fee3ad;
border: 1px solid #000;
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #acde56;
}
fieldset
{
border: 1px solid #000;
width: 20em
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
} 
/*-------------------------------------------------------------
	8. EXTRAS
--------------------------------------------------------------*/

.emailsignup {
	float: right;
	color: #fff;
	margin: 120 20 0 0;
	}

.v-menu {
	position: absolute;
	border: 2px solid #071F56;
	margin: 5px;
	width: 450px;
	height: 350px;
	z-index: 100;
	bottom: 150px;
	background-color: #fff;
	}

	h2.subhead {
		color: #6F4C4C;
		font-style: italic;
		font-family: Times New Roman, Times, serif;
		margin-left: 5px;
		}

.food_network {
	margin-left: 85px;
	}
	
	

		/* Content MEMBER */

	#member_content {
		background-color: #f3f0dd;
		min-height: 525px;
		padding: 10px;
		}

		#member_content p {
			line-height: 1em;
			font-size: 1em;
			padding: 8px;
			}

		#member_content a, #content a:visited {
			color: #902103;
			text-decoration: none;
			}

		#member_content a:hover {
			color: #ed1c24;
			text-decoration: none;
			background-color: transparent;
			border-color: #ed1c24;
			border-bottom-width: 1px;
			border-left-width: 0px;
			border-right-width: 0px;
			border-top-width: 0px;
			border-style: dotted;
			}

		#member_content ul, #content ol {
			list-style-position: inside;
			padding: 5px 0 5px 15px;
			line-height: 2em;
			}

		#member_content p.highlight {
			background: #99AFDF;
			width: auto;
			}
			
#member_header {
		background-color: #000;
		min-height: 45px;
		margin: 0 auto;
		text-align: right;
		width: 630px;
		font-weight: normal;
		color: #fff;
		font-size: 1em;
		vertical-align: middle;
		letter-spacing: 2px;
		padding: 10px 0px 0px 0px;
	}
	
#member_navigation ul {
	background-color: #5D873D;
	border-bottom: 2px solid #ADC39D;
	padding: 18px 0 7px;
	text-align: center;
		border-radius-bottomleft: 5px;
		border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-radius-bottomleft: 5px;
		-webkit-border-radius-bottomright: 5px;
}

#member_navigation ul li { display: inline; }

#member_navigation ul li a,
#member_navigation ul li a:visited {
	color: #C7DFB5;
	font-size: 1.1em;
	padding: 5px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #476F29;
	}

#member_navigation ul li a:hover { color: #fff; }

dl{
	width: 100%;
	overflow: auto;
	margin: 0 0 1em;
	background-color: #ccc;
    }
    
dt,dd.price{font-size: 130%;font-weight: bold;}
dt{
	float: left;
	padding-right: 3px;
	color: #3F3F3F;
	}
	
dd{
	margin: 0px;
	padding-right: 3px;
}
dd.description{
	float: right;
	padding-left: 3px;
	color: #3F3F3F;
	font-size: 14px;
	}
dd.price{float: left;width: 100%;padding: 3px 0;font: italic 1.1em Georgia,Times,sans-serif;color: #555;}

#slideshow_section{
width: 305px;
height: 355px;
padding-top:25px;
}


ul.slideshow {
	list-style:none;
	width: 305px;
	height: 355px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}


#slideshow-caption {
	width: 305px;
	height:75px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}
#right-right{
	width: 325px;
	float: right;
}