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

	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: #e8e3da url(../img/deliverance/bkg_texture.jpg);
	margin: 0;
	padding: 0;
	height: 100%;
	/* text format */
	font-family: Georgia, Times New Roman, Times, serif; 
	font-size: 16px;
	line-height: 1.5em;
	color: #232322;
	text-align: center
	}

#topleft { background: url(../img/deliverance/bkg_fadeTopLeft.gif) 0 0 no-repeat }
#topright { background: url(../img/deliverance/bkg_fadeTopRight.gif) right 0 no-repeat }
#btmleft { background: url(../img/deliverance/bkg_fadeBtmLeft.gif) 0 bottom no-repeat }
#btmright { background: url(../img/deliverance/bkg_fadeBtmRight.gif) right bottom no-repeat }
.artwrap {
	background: transparent url(../img/deliverance/art_tattoo.gif) repeat 0 0
	}
.wrap {
	width: 940px;
	margin: 0 auto
	}
#header {
	background: #232322;
	padding: 5px 0;
	margin-bottom: 30px;
	text-align: center
	}
#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;
	text-decoration: none
	}
a:hover {
	color: #9fbecf;
	text-decoration: underline
	}
	
.mheight {
	float: right;
	height: 1025px;
	width: 1px;
	}	
	
	
#sideCol {
	display: block;
	float: left;
	width: 305px;
	}

#mainCol {
	/*border-right: 4px solid #232322;*/
	background: url(../img/deliverance/inkline.jpg) left top repeat-y;
	display: block;
	float: left;
	font-size: 13px;
	line-height: 1.5em;
	padding: 0 0 20px 40px;
	margin-bottom: 80px;
	text-align: left;
	width: 590px;
	}
#mainCol p {
	text-align: justify;
	/*text-indent: 25px;*/
	}
	#mainCol p.intro {
		text-indent: 0;
		}
		p.intro img {
			float: left;
			margin: 10px 20px 40px 0;
			}
	
.logo {
	background: url(../img/deliverance/logo_bkg.gif) center center no-repeat;
	margin: 0 20px 5px;
	text-align: center;
	}
	.logo img {
		margin: 25px 0;
		}
.story {
	background: url(../img/deliverance/inkline_horz.jpg) 0 top repeat-x;
	margin: 0 20px;
	padding: 5px 0 0;
	text-align: left;
	}
	.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;
		}
		
	img.hdr {
		margin-bottom: 20px;
		}
	


/*

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

h1 {
	color: #e3ded2;
	font-weight: 100;
	font-size: 14px;
	line-height: 1.5em;
	}
	h1.alienAbduction { background: url(../img/deliverance/h1_alienAbduction.jpg) center top no-repeat; height: 270px}

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 1em
	}