/*
//-----------------------------------------------------------------------------

	luce.css
	
	version:   1.0
	date:		5/01/08
	author:		[Martin Olson @ innertwined]
	email:		[martin@innertwined.com]

	website:  [www.innertwined.com]

	version history: [1.0]
	

// -----------------------------------------------------------------------------
*/


/*

	Import external stylesheets
	
-----------------------------------------------------------------------------*/

@import url("reset.css");

/*  colors

	dk brown	#4a4036
	md tan		#a2a093
	md blue 	#6091b4
	
*/

.clearall { clear: both; margin: 0 }

body {
	background: #312f2d url(../img/bkg_pattern.jpg);
	margin: 0;
	padding: 0;
	/* text format */
	font-family: Georgia, Times New Roman, Times, serif; 
	font-size: 16px;
	line-height: 1.5em;
	color: #393834;
	text-align: center
	}
.artwrap {
	background: transparent url(../img/bkg_wrap.gif) no-repeat top center
	}
.wrap {
	width: 880px;
	margin: 0 auto
	}
#header {
	padding: 25px 0 0;
	text-align: left
	}
#header .logo {
	margin: 0 0 25px 50px
	}
#header .signup {
	float: right;
	background: url(../img/t_newsletterSignup.gif) 0 0 no-repeat;
	padding-top: 18px;
	margin-top: 15px;
	width: 280px;
	}
	.signup .tfield {
		background: #171616;
		border-top: 1px solid #000;
		border-left: 1px solid #000;
		border-right: 1px solid #343332;
		border-bottom: 1px solid #343332;
		color: #9c9894;
		font-size: 11px;
		padding: 3px 5px;
		width: 110px;
		}
	.signup .go {
		vertical-align: top;
		}
#header .signupBtn {
	float: right;
	margin-top: 45px;
	width: 300px;
	}
#footer {
	width: 840px;
	margin: 0 auto;
	background: url(../img/footer_bkg.gif) no-repeat 0 -2px;
	border-top: 1px solid #e6e5dc;
	text-align: left;
	padding: 15px 20px 35px;
	font-size: 70%;
	color: #9c948c
	}

a:link,
a:visited {
	/*color: #9fbecf;*/
	color: #f431a8;
	text-decoration: none
	}
a:hover {
	/*color: #9fbecf;*/
	color: #f431a8;
	text-decoration: underline
	}
	
	
	
/*

	Navigation
	
-----------------------------------------------------------------------------*/

#sitenav_wrap {
	background: url(../img/sitenav_bkg.gif) repeat-x 0 0;
	}
ul#sitenav {
	width: 100%;
	position: relative;
	height: 35px;
	font-size: 85%
	}
ul#sitenav li {
	display: block;
	float: left;
	margin: 0;
	height: 35px;
	background: url(../img/sitenav_divider.gif) no-repeat right 0;
	text-indent: -9999px;
	border-right: 1px solid #151412;
	}
ul#sitenav li#home { width: 70px; background: url(../img/sitenav_home.gif) no-repeat center 0}
ul#sitenav li#home a:hover { width: 70px; background: url(../img/sitenav_home.gif) no-repeat center -40px}
ul#sitenav li#home a.current { width: 70px; background: url(../img/sitenav_home.gif) no-repeat center -80px}
ul#sitenav li#locations { width: 110px; background: url(../img/sitenav_locations.gif) no-repeat center 0}
ul#sitenav li#locations a:hover { width: 110px; background: url(../img/sitenav_locations.gif) no-repeat center -40px}
ul#sitenav li#locations a.current { width: 110px; background: url(../img/sitenav_locations.gif) no-repeat center -79px}
ul#sitenav li#delivery { width: 105px; background: url(../img/sitenav_delivery.gif) no-repeat center 0}
ul#sitenav li#delivery a:hover { width: 105px; background: url(../img/sitenav_delivery.gif) no-repeat center -40px}
ul#sitenav li#delivery a.current { width: 105px; background: url(../img/sitenav_delivery.gif) no-repeat center -79px}
ul#sitenav li#catering { width: 110px; background: url(../img/sitenav_catering.gif) no-repeat center 0}
ul#sitenav li#catering a:hover { width: 110px; background: url(../img/sitenav_catering.gif) no-repeat center -40px}
ul#sitenav li#catering a.current { width: 110px; background: url(../img/sitenav_catering.gif) no-repeat center -79px}
ul#sitenav li#story { width: 110px; background: url(../img/sitenav_story.gif) no-repeat center 0}
ul#sitenav li#story a:hover { width: 110px; background: url(../img/sitenav_story.gif) no-repeat center -40px}
ul#sitenav li#story a.current { width: 110px; background: url(../img/sitenav_story.gif) no-repeat center -79px}
ul#sitenav li#contact { width: 120px; background: url(../img/sitenav_contact.gif) no-repeat center 0}
ul#sitenav li#contact a:hover { width: 120px; background: url(../img/sitenav_contact.gif) no-repeat center -40px}
ul#sitenav li#contact a.current { width: 120px; background: url(../img/sitenav_contact.gif) no-repeat center -79px}
ul#sitenav li#community { width: 120px; background: url(../img/sitenav_community.gif) no-repeat center 0}
ul#sitenav li#community a:hover { width: 120px; background: url(../img/sitenav_community.gif) no-repeat center -40px}
ul#sitenav li#community a.current { width: 120px; background: url(../img/sitenav_community.gif) no-repeat center -79px}
ul#sitenav li#myspace { width: 125px; background: url(../img/sitenav_myspace.gif) no-repeat center 0; border-right: none}
ul#sitenav li#myspace a:hover { width: 125px; background: url(../img/sitenav_myspace.gif) no-repeat center -40px}
ul#sitenav li#store { width: 125px; background: url(../img/sitenav_giftcard.gif) no-repeat center 0; border-right: none}
ul#sitenav li#store a:hover { width: 125px; background: url(../img/sitenav_giftcard.gif) no-repeat center -40px}
ul#sitenav li a {
	display: block;
	height: 35px;
	color: #cccabe;
	text-decoration: none;
	text-align: center;
	line-height: 35px
	}
ul#sitenav li a span { display: none; }
ul#sitenav li a:hover {
	background: #151412;
	color: #f431a8;
	text-decoration: none;
	}
ul#sitenav li a.current {
	background: #edece6 url(../img/sitenav_currBkg.gif) repeat-x 0 0;
	border-right: 1px solid #151412;
	color: #353430
	}
	
#secnav_wrap {
	background: #edece6 url(../img/secnav_bkg.gif) repeat-x 0 bottom;
	padding: 1px 0 0 20px
	}
ul#secnav {
	width: 100%;
	position: relative;
	height: 40px;
	font-size: 70%;
	font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	padding: 0
	}
ul#secnav li {
	display: block;
	float: left;
	margin: 0;
	padding: 10px 0 0;
	line-height: 1.4em
	}
ul#secnav li a {
	display:block;
	float: left;
	color: #393834;
	text-decoration: none;
	padding: 1px 10px;
	background: url(../img/secnav_divider.gif) no-repeat right 1px;
	}
ul#secnav li.last a {
	background: none;
	}
ul#secnav li a:hover {
	color: #f431a8;
	text-decoration: none
	}
ul#secnav li a.current {
	color: #e9e6df;
	background: #393834;
	font-weight: 700;
	padding: 1px 8px;
	text-decoration: none
	}
ul#secnav li a.current span {
	visibility: visible
	}
ul#secnav li a.current:hover {
	color: #e9e6df;
	text-decoration: none
	}
	
	
	
/*

	Content
	
-----------------------------------------------------------------------------*/

.returnLink {
	float: right;
	}
.returnLink a:link,
.returnLink a:visited {
	background: #deded7;
	color: #7d7d74;
	padding: 2px 8px;
	}
.returnLink a:hover {
	background: #f431a8;
	color: #fff;
	text-decoration: none;
	}

#pgcontent {
	clear: both; /* clear header */
	background: #edece6/*e0dfd7*/;
	color: #514f48
	}


/* ----------- flash slideshow ----------- */
	
#flashcontent {
	
	}
#noflash {
	padding-top: 150px;
	height: 175px; /* set height for no swf */
	font-size: 14px;
	}

/* ----------- content and template ----------- */

#content {
	padding: 30px 0 50px;
	font-size: 75%;
	line-height: 1.6em
	}
.menuBkg { background: url(../img/bkg_art_cupidpasta.gif) 595px 35px no-repeat }
.deliveryBkg { background: url(../img/bkg_art_idahoforever.gif) -20px 140px no-repeat }
.locationsBkg { background: url(../img/bkg_art_artichoke.gif)  0 70px no-repeat }
.cateringBkg { background: url(../img/bkg_art_cupidpasta.gif) 10px 160px no-repeat }
.storyBkg { background: url(../img/bkg_art_choketruelove.gif) 20px 30px no-repeat }
.contactBkg { background: url(../img/bkg_art_dovesince.gif) 20px 100px no-repeat }
.orderBkg { background: url(../img/bkg_art_dovesince.gif) 20px 50px no-repeat }
	
/* ----------- main column ----------- */

#mainCol {
	float: right;
	text-align: left;
	width: 515px;
	padding-right: 60px
	}
	
/* ----- locations page ----- */

.locationDetails {
	margin-top: 30px;
	}
.locationDetails ul {
	width: 170px;
	float: left;
	display:block;
	font-size: 95%
	}
.locationDetails ul.contactInfo {
	width: 230px;
	margin-right: 30px
	}
.locationDetails ul.hours {
	width: 230px;
	text-align: right
	}
.locationDetails ul.hours span {
	float: left;
	font-weight: 700
	}
.locationDetails ul li {
	margin: 0 5px;
	padding: 5px 5px 5px 10px;
	line-height: 1.4em;
	border-top: 1px dotted #c2b5b5
	}
.locationDetails ul li.nb {
	border-top: none
	}
.locationDetails ul li.title {
	background: url(../img/listHdr_bkg.gif) no-repeat top left;
	padding: 10px 0 12px 10px;
	text-align: left;
	font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: 700;
	border-top: none
	}
.locationDetails ul li a:link,
.locationDetails ul li a:visited {
	background: #deded7;
	color: #7d7d74;
	padding: 2px 3px;
	}
.locationDetails ul li a:hover {
	background: #f431a8;
	color: #fff;
	padding: 2px 3px;
	text-decoration: none;
	}
	
/* ----------- side column ----------- */

#sideCol {
	float: left;
	text-align: left;
	background: url(../img/sidecol_txtBkg.gif) no-repeat 165px 0
	}

ul#viewmenu {
	background: #f9f9f7 url(../img/sidecol_txtBkg.gif) no-repeat 140px -25px;
	width: 200px;
	padding: 5px;
	margin: 40px 25px 0 0;
	border-right: 1px solid #d6d6d4;
	border-bottom: 1px solid #d6d6d4
	}
ul#viewmenu li {
	font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font-weight: 700;
	background: #f3f2ee;
	margin-bottom: 2px;
	font-size: 80%;
	padding: 2px 5px 2px 10px
	}
ul#viewmenu li.hdr {
	background: transparent url(../img/viewmenu_hdr.gif) no-repeat 8px 3px;
	font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin-bottom: 2px;
	font-size: 80%;
	padding: 0 5px 2px 10px;
	text-indent: -9999px
	}
ul#viewmenu li.hdr span {
	visibility: hidden
	}


/* ----------- contct form ----------- */

.textfield {
	font-size: 11px;
	padding:2px;
	margin: 0;
	width: 300px;
	color: #666;
	}

table#contact {
	margin: 25px 0 0;
	}	

td {
	text-align: left;
	padding: 3px 0;
	}
	
td.category {
	width: 130px;
	font-weight: 700;
	vertical-align: top;
	}

td span {
	color: #f431a8;
	}
	
	
/* catering */

#sidecolBoxWrap {
	margin: 15px 0 0 30px;
	padding: 5px;
	background: #faf9f2;
	border-right: 1px solid #d6d6d4;
	border-bottom: 1px solid #d6d6d4
	}
#sidecolBox {
	background: url(../img/sidecol_bkg_txture.jpg) no-repeat 0 0;
	width: 205px;
	padding: 10px
	}
.dropmenu {
	font-size: 12px;
	padding: 1px 2px;
	width: 200px
	}
#sidecolBox a:link,
#sidecolBox a:visited {
	background: #adc499;
	color: #fff;
	padding: 1px 3px;
	}
#sidecolBox a:hover {
	background: #f431a8;
	color: #fff;
	text-decoration: none;
	}
ul.sLocation {
	margin: 15px 0;
	}
ul.sLocation li {
	font-size: 11px;
	padding: 0 0 0 8px;
	line-height: 1.6em
	}
ul.sLocation li.title {
	padding: 0 0 0 10px;
	text-align: left;
	font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: 700;
	}
ul.sLocation li.phone {
	font-size: 105%;
	}
ul.sLocation li.delivery {
	font-style: italic;
	font-weight: 700;
	padding-top:8px
	}

.menuItem {
	padding: 10px 0 20px;
	background: url(../img/star.gif) repeat-x 0 bottom
	}
.menuItem ul {
	margin-bottom: 5px
	}
.menuItem li.lable {
	color: #5aa5be/*8ba460*/;
	font-size: 130%;
	font-weight: 100;
	line-height: 2em;
	margin: 0 auto 0
	}
.menuItem li.lableSm {
	color: #898679;
	font-size: 110%;
	font-weight: 100;
	line-height: 1.6em;
	margin: .5em auto 0
	}
.menuItem li.subs {
	color: #8ba460;
	font-size: 105%;
	padding-top: 8px;
	font-style: italic
	}
.menuItem li span {
	font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: 700;
	margin-left: 8px
	}
.menuItem li.lable span {
	font-family: Georgia, Times New Roman, Times, serif; 
	color: #8ba460;
	margin-left: 8px;
	font-weight: 100;
	font-style: italic
	}
	
.awardItem {
	padding: 10px 0 20px;
	background: url(../img/star.gif) repeat-x 0 bottom
	}
.awardItem ul {
	margin-bottom: 5px
	}
.awardItem li.lable {
	color: #5aa5be/*8ba460*/;
	font-size: 130%;
	font-weight: 100;
	line-height: 2em;
	margin: 0 auto 0
	}
.awardItem li {
	line-height: 2em;
	}
.awardItem li span {
	font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: 700;
	}
.awardItem li.lable span {
	font-family: Georgia, Times New Roman, Times, serif; 
	color: #8ba460;
	margin-left: 8px;
	font-weight: 100;
	font-style: italic
	}
	
.propItem {
	padding: 10px 0 20px;
	background: url(../img/star.gif) repeat-x 0 bottom
	}
.propItem ul {
	margin-bottom: 5px
	}
.propItem li.lable {
	color: #5aa5be/*8ba460*/;
	font-size: 130%;
	font-weight: 100;
	line-height: 2em;
	margin: 0 auto 0
	}
.propItem li {
	line-height: 2em;
	}
.propItem li span {
	font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: 700;
	}
.propItem li.lable span {
	font-family: Georgia, Times New Roman, Times, serif; 
	color: #8ba460;
	margin-left: 8px;
	font-weight: 100;
	font-style: italic
	}
.propItem li a:link,
.propItem li a:visited {
	color: #8ba460;
	text-decoration: none;
	}
.propItem li a:hover { 
	text-decoration: underline;
	}

/*

	Typography
	
-----------------------------------------------------------------------------*/

h1 {
	font-weight: 100;
	font-size: 19px;
	line-height: 1.5em;
	margin: .8em auto .6em;
	text-indent: -9999px;
	}
h1.downtown { background:  url(../img/h1_downtown.gif) left top no-repeat; }
h1.uptown { background:  url(../img/h1_uptown.gif) left top no-repeat; }
h1.seward { background:  url(../img/h1_seward.gif) left top no-repeat; }
h1.stpaul { background:  url(../img/h1_stpaul.gif) left top no-repeat; }
h1.duluth { background:  url(../img/h1_duluth.gif) left top no-repeat; }
h1.hopkins { background:  url(../img/h1_hopkins.gif) left top no-repeat; }
/* order */
h1.orderonline { background:  url(../img/h1_order.gif) left top no-repeat; }
/* delivery */
h1.delivers { background:  url(../img/h1_lucedelivers.gif) left top no-repeat; }
h1.apps { background:  url(../img/h1_appetizers.gif) left top no-repeat; }
h1.salads { background:  url(../img/h1_salads.gif) left top no-repeat; }
h1.pizza { background:  url(../img/h1_pizza.gif) left top no-repeat; }
h1.veggie { background:  url(../img/h1_veggie.gif) left top no-repeat; }
h1.byo { background:  url(../img/h1_byo.gif) left top no-repeat; }
h1.pasta { background:  url(../img/h1_pasta.gif) left top no-repeat; }
h1.phoagies { background:  url(../img/h1_phoagies.gif) left top no-repeat; }
h1.dhoagies { background:  url(../img/h1_dhoagies.gif) left top no-repeat; }
h1.dessert { background:  url(../img/h1_dessert.gif) left top no-repeat; }
h1.beverages { background:  url(../img/h1_beverages.gif) left top no-repeat; }
h1.hoagies { background:  url(../img/h1_hoagies.gif) left top no-repeat; }
/* catering */
h1.gapps { background:  url(../img/h1_gappetizers.gif) left top no-repeat; }
h1.gsalads { background:  url(../img/h1_gsalads.gif) left top no-repeat; }
h1.gpasta { background:  url(../img/h1_gpasta.gif) left top no-repeat; }
h1.ghoagies { background:  url(../img/h1_ghoagies.gif) left top no-repeat; }
h1.gdessert { background:  url(../img/h1_gdessert.gif) left top no-repeat; }
/* story */
h1.lucestory { background:  url(../img/h1_lucestory.gif) no-repeat 0 0; }
h1.awards { background:  url(../img/h1_awards.gif) no-repeat 0 0; }
h1.testimonials { background:  url(../img/h1_testimonials.gif) no-repeat 0 0; }
h1.join { background:  url(../img/h1_join.gif) no-repeat 0 0; }
/* catering */
h1.catering { background:  url(../img/h1_catering.gif) no-repeat 0 0; }
/* contact */
h1.contact { background:  url(../img/h1_contact.gif) no-repeat 0 0; }


/* added 07.08 */
h1.brunch { background:  url(../img/h1_brunchMenu.gif) no-repeat 0 0; }
h1.breakfast { background:  url(../img/h1_breakfastMenu.gif) no-repeat 0 0; }
h1.alacarte { background:  url(../img/h1_alacarte.gif) no-repeat 0 0; }
h1.construction { background:  url(../img/h1_construction.gif) no-repeat 0 0; }


h3 {
	color: #353430;
	font-size: 170%;
	text-align: center;
	font-weight: 100;
	line-height: 2.7em;
	margin: 0 auto .5em;
	text-indent: -9999px
	}
h3.getdelivered { background: url(../img/h3_getdelivered.gif) no-repeat center 0 }
h3.viewmenu { background: url(../img/h3_viewmenu.gif) no-repeat center 0 }
h3.award { background: url(../img/h3_awardwinning.gif) no-repeat center 0 }

h4 {
	color: #f431a8;
	font-size: 130%;
	text-align: center;
	font-weight: 100;
	line-height: 2em;
	margin: 0 auto 0
	}


p {
	margin: 0 auto 1.3em
	}
p.intro { font-size: 115%; line-height: 1.6em }
p.orderingtips { background: url(../img/txt_orderingtips.gif) no-repeat 0 0; text-indent: -9999px; margin-bottom: .3em }
p.dothework { background: url(../img/txt_dothework.gif) no-repeat 0 0; text-indent: -9999px; margin-bottom: .3em }
.bold { font-weight: 700 }


.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			z-index:1001;
			background-color: black;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.mapOverlay {
			display: none;
			position: absolute;
			top: 20%;
			left: 35%;
			width: 400px;		
			padding: 20px;
			background-color: white;
			text-align: center;
			z-index:1002;
			overflow: auto;
		}
.mapOverlay img {
	margin-bottom: 10px;
	}
.mapOverlay a:link,
.mapOverlay a:visited {
	background: #000;
	color: #fff;
	padding: 2px 10px;
	}
.mapOverlay a:hover {
	background: #f431a8;
	color: #fff;
	text-decoration: none;
	}
	
	
/*

	Deliverance Campaign 11/16/08
	
-----------------------------------------------------------------------------*/

.homeBkg { background: transparent url(../img/deliverance/art_tattoo.gif) no-repeat -190px -340px; }

#home_deliverance {
/*	background: transparent url(../img/deliverance/art_tattoo.gif) no-repeat -90px -255px;*/
	background: transparent url(../img/deliverance/art_storyBanner.gif) no-repeat 0 10px;
	padding: 0 0 15px 0;
	margin-left: 0;
	width: 400px;
	}
	#home_deliverance .txtLink {
		font-weight: 700;
		margin-left: 3px;
		text-align: left;
		width: 257px;
		}
		#home_deliverance a:hover {
			color: #7f7a7b;
			}
	
.story {
	background: url(../img/deliverance/inkline.jpg) right top repeat-y;
	clear: both;
	margin: 0 0 0 280px;
	padding: 5px 25px 5px 0;
	text-align: left;
	width: 265px;
	}
	.story a:link,
	.story a:visited {
		color: #ff33cc;
		font-size: 12px;
		text-decoration: none;
		}
		
	/* set art */
	#hungrySquirrels { background-image: url(../img/deliverance/txt_squirrels.gif) }
	#chainsawOrder { background-image: url(../img/deliverance/txt_chainsaw.gif) }
	#alienAbduction { background-image: url(../img/deliverance/txt_alien.gif) }
	#holidayParty { background-image: url(../img/deliverance/txt_holiday.gif) }
	#brokerAdvice { background-image: url(../img/deliverance/txt_401k.gif) }
	#suddenPromo { background-image: url(../img/deliverance/txt_promotion.gif) }
	/* position idle */
	#hungrySquirrels,
	#chainsawOrder,
	#alienAbduction,
	#holidayParty,
	#brokerAdvice,
	#suddenPromo {
		background-position: 0 0;
		background-repeat: no-repeat;
		}
	/* position hover */
	#hungrySquirrels:hover,
	#chainsawOrder:hover,
	#alienAbduction:hover,
	#holidayParty:hover,
	#brokerAdvice:hover,
	#suddenPromo:hover {
		background-position: -275px 0;
		background-repeat: no-repeat;
		}


