/* Start of CMSMS style sheet 'Layout' */
/* GLOBAL
===============================================================*/
* {padding: 0; margin: 0} 
strong {font-weight: bold}
em {font-style: italic}
ol, ul, li {list-style:none;}
a {outline:none } /* Gets rid of Firefox's dotted borders */
a img {border:none } /* Gets rid of IE's blue borders */

body {
	background: #BD4A21 url(/images/sitewide/tlc-background2.png) no-repeat center top fixed;
	color: #000;
	font: 86% Arial, Helvetica, sans-serif;
	text-align:left;
    background-size: 1600px 2560px;
}


/* PRIVATE PARTIES
===============================================================*/
#partiesbg {
	background: #5A0021 url(images/sitewide/body-parties.jpg) no-repeat center top fixed;
	color: #FFCC99;
	font: 86% Arial, Helvetica, sans-serif;
	text-align:left;
}

/* PRIVATE PARTIES
===============================================================*/
#medusabg {
	background: #9C0010 url(images/sitewide/body-medusa.jpg) no-repeat center top fixed;
	color: #000;
	font: 86% Arial, Helvetica, sans-serif;
	text-align:left;
}



/* GLOBAL TYPEOGRAPHY
===============================================================*/
p {font-size: 1em; line-height: 1.8em; margin: 0 0 5px 0}
h1 {font-size: 2em; margin: 0}
h2 {font-size: 1.7em;margin: 15px 0 5px 0; padding-top: 0}
h3 {font-size: 1.4em; margin: 10px 0 0 0;}
h4 {font-size: 1.2em; margin: 10px 0;font-weight: bold}
h5 {font-size: 1em; margin: 10px 0; font-weight: bold;}


/* IMAGE REPLACEMENT HEADERS
===============================================================*/
h1, h2, h3{text-indent: -5000px}
h1 {height: 200px}
h2 {height: 40px;}
h3 {height: 25px;}


h1.food{background: url(images/sitewide/h1_food.png) no-repeat; height:50px}
h1.alternative{background: url(images/sitewide/h1_alternative.png) no-repeat;height: 100px}
h1.tofu{background: url(images/sitewide/h1_tofu.png) no-repeat; height:85px}
h1.about{background: url(images/sitewide/h1_about.png) no-repeat 50px 100px}
h1.menu{background: url(images/sitewide/h1_menu.png) no-repeat 90px 75px;}
h1.location{background: url(images/sitewide/h1_location.png) no-repeat 120px 70px;}
h1.gallery{background: url(images/sitewide/h1_gallery.png) no-repeat 120px 100px;}
h1.artists{background: url(images/sitewide/h1_artists.png) no-repeat 125px 100px;}
h1.parties{background: url(images/sitewide/h1_parties.png) no-repeat 80px 65px;}
h1.medusa{background: url(images/sitewide/h1_medusa.png) no-repeat 110px 100px;}
h1.sundaysessions{background: url(images/sitewide/h1_livemusic.png) no-repeat top center; height: 42px}

h2.cookingis{background: url(images/sitewide/h2_cookingis.png) no-repeat;height: 50px;}
h2.looking{background: url(images/sitewide/h2_looking.png) no-repeat}
h2.makeart{background: url(images/sitewide/h2_makeart.png) no-repeat}
h2.artsy{background: url(images/sitewide/h2_artsyside.png) no-repeat}
h2.sandwiches{background: url(images/sitewide/h2_sandwiches.png) no-repeat}
h2.non-veg{background: url(images/sitewide/h2_non-veg.png) no-repeat}
h2.soups{background: url(images/sitewide/h2_soups.png) no-repeat}
h2.salads{background: url(images/sitewide/h2_salads.png) no-repeat}
h2.alternatives{background: url(images/sitewide/h2_alternatives.png) no-repeat}
h2.juices{background: url(images/sitewide/h2_juices.png) no-repeat}
h2.smoothies{background: url(images/sitewide/h2_smoothies.png) no-repeat}
h2.shakes{background: url(images/sitewide/h2_shakes.png) no-repeat}
h2.cocktails{background: url(images/sitewide/h2_cocktails.png) no-repeat}
h2.fruitsmoothies{background: url(images/sitewide/h2_fruitsmoothies.png) no-repeat}
h2.takeapeek{background: url(images/sitewide/h2_takeapeek.png) no-repeat}
h2.wrapflavors{background: url(images/sitewide/h2_wrapflavors.png) no-repeat center top}
h2.seduction{background: url(images/sitewide/h2_medusa.png) no-repeat;}
h2.java{background: url(images/sitewide/h2_java.png) no-repeat}
h2.dailybrews{background: url(images/sitewide/h2_dailybrews.png) no-repeat}
h2.tea{background: url(images/sitewide/h2_tea.png) no-repeat}
h2.espresso{background: url(images/sitewide/h2_espresso.png) no-repeat}
h2.specialties{background: url(images/sitewide/h2_specialties.png) no-repeat}
h2.chai{background: url(images/sitewide/h2_chai.png) no-repeat}
h2.cocoas{background: url(images/sitewide/h2_cocoas.png) no-repeat}
h2.press{background: url(images/sitewide/h2_press.png) no-repeat}
h2.whosbeen{background: url(images/sitewide/h2_music.png) no-repeat}
h2.frappesfrozen{background: url(images/sitewide/h2_frappesfrozen.png) no-repeat}
h2.frappesskinny{background: url(images/sitewide/h2_frappesskinny.png) no-repeat}
h2.frappeschai{background: url(images/sitewide/h2_frappeschai.png) no-repeat}
h2.frappeskids{background: url(images/sitewide/h2_frappeskids.png) no-repeat}

h3.oz{background: url(images/sitewide/h3_oz.png) no-repeat;}
h3.mix{background: url(images/sitewide/h3_mix.png) no-repeat}
h3.add{background: url(images/sitewide/h3_add.png) no-repeat; height: 35px;}
h3.inthehood{background: url(images/sitewide/h2_inthehood.png) no-repeat 0 0; height:50px;}
h3.inthehood-parties{background: url(images/sitewide/h2_inthehood-parties.png) no-repeat 0 0; height:50px;}
h3.inthehood-medusa{background: url(images/sitewide/h2_inthehood-medusa.png) no-repeat 0 0; height:50px;}
h3.allof{background: url(images/sitewide/h3_allof.png) no-repeat 30px 0; height:50px}


/* HEADER
===============================================================*/
#header-home {background: url(images/sitewide/h1_food.png) no-repeat 50px 50px}

#header, #header-home, #header-menu {
	height: 200px;
	width: 650px;
	position: relative;
	top: 0px;
	float: right;
	z-index: 20;
}

#header-menu {height: 210px}

.reviews{
	height:95px;/* Change this to match height with js rotating quotes*/
	padding: 100px 0 0 0;
	margin: 0 125px 0 75px;
}

.quote{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 1.4em;
	font-size: 1.1em;
}

.source{
	text-align: right;
}

/* CONTENT
===============================================================*/
#container {
	width: 920px;
	margin: 0 auto;
	position: relative;
}

#content-bg-home, #content-bg, #content-bg-parties, #content-bg-medusa {
	height: 900px;
	position: absolute;
	width: 1035px;
	top: 0;
	right: -20px;
	z-index: 1}

#content-bg {background: url(images/sitewide/content-bg.png) no-repeat;}
#content-bg-home {background: url(images/sitewide/content-bg-home.png) no-repeat;}
#content-bg-parties {background: url(images/sitewide/content-bg-parties.png) no-repeat;}
#content-bg-medusa {background: url(images/sitewide/content-bg-medusa.png) no-repeat;}

#content {
	width: 400px;
	float: right;
	padding: 0px 165px 20px 0;
	z-index: 7;
	position: relative;
}


/* SIDEBAR
===============================================================*/
#sidebar{
	position: absolute;
	left: 37px;
	top: 548px;
	width: 300px;
	z-index: 10;
}


/* -- address -- */
.add, .add-parties, .add-medusa, .presssource{
	line-height:1.2em;
	padding-bottom: 5px;
	padding-left: 20px;
}

/* -- press -- */

.date{line-height:1em;
	padding-bottom: 5px;
	padding-left: 20px;
margin-top:0}

.presssource{font-weight: bold;
	line-height: .75em;
	margin: 6px 0 0 0;}

/* LINKS
===============================================================*/
.add a:link, .add a:visited, #menunav a:link, #menunav a:visited, 
.email a:link, .email a:visited, p a:link, p a:visited, #artnav a:link, #artnav a:visited{
	text-decoration: none;
	color: #841808;
	/*border-bottom: 1px dotted #CF4D35;*/
}

.add-parties a:link, .add-parties a:visited{
	text-decoration: none;
	color: #FFCC66;
	/*border-bottom: 1px dotted #FFCC99;*/
}

.add-medusa a:link, .add-medusa a:visited{
	text-decoration: none;
	color: #DE1018;
	/*border-bottom: 1px dotted #FF0033;*/
}

.add a:hover, #menunav a:hover, .email a:hover, p a:hover{
	/*border-bottom: 1px dotted #841808;*/
	color: #9C3110;
}

.add-parties a:hover{
	/*border-bottom: 1px dotted #FF9966;*/
	color: #FFCC99;
}

.add-medusa a:hover{
	/*border-bottom: 1px dotted #DE1018;*/
	color: #FF0033;
}

/* -- download div-- */
.download{margin: 20px 0 0 30px;}

.download a {
	display:block;
	width: 200px;
	height:134px;
	text-decoration: none;
	background: url(images/sitewide/download.png)  no-repeat 0 0;
	text-indent: -5000px
}

.download a:hover {background-position: 0 -134px}

/* FIXES
===============================================================*/

#clearfix {clear: both}

#spacer{width:300px; z-index: 9; position: relative;float: left;height: 20px}

/* -- about page: right runarounds -- */
.runaround1, .runaround2, .runaround3, .runaround4, .runaround5, .runaround6{float:right;z-index: 30;clear: right;padding:0;}
.runaround1{width: 5px;height: 60px;}
.runaround2{width: 110px;height: 40px;}
.runaround3{width: 115px;height: 80px;}
.runaround4{width: 120px;height: 60px;}
.runaround5{width: 125px;height: 70px;}
.runaround6{width: 130px;height: 200px;}


/* -- about page: left runarounds -- */
.runaround7, .runaround8, .runaround9, .runaround10, .runaround11, .runaround12{float:left;z-index: 30;clear: left;padding:0;}
.runaround7{width: 15px;height: 60px;}
.runaround8{width: 30px;height: 50px;}
.runaround9{width: 35px;height: 40px;}
.runaround10{width: 45px;height: 80px;}
.runaround11{width: 20px;height: 60px;}
.runaround12{width: 15px;height: 20px;}


/* -- home page: tanktop runaround -- */
.runaroundtt1, .runaroundtt2{float:right;z-index: 30;clear: right;padding:0;}

.runaroundtt1{width: 5px;height: 225px;}

.runaroundtt2{width: 175px;height: 300px;}

/* ABSOLUTE POSITIONED DIVS
===============================================================*/

/* -- tofu div -- */

#tofu{
	width:522px;
	height:230px;
	z-index: 15;
	position: absolute;
	left: 33px;
	top: 900px;
}

#tofu dl {clear:both; width:425px; padding-left: 20px}

#tofu dt {
	margin-bottom:5px;
	font-weight:normal;
	line-height: 1.4em;
}

#tofu dd {
	width: auto;
	float:left;
	margin-right: 15px;
	line-height: 1.3em;
 }
 
 #tofu li {font-size:1em}

/* -- tank top div -- */
.tanktop{position:absolute; left: 211px; top: 318px;}

/* -- coffee div -- */
#coffee{position:absolute; left: 284px; top: 235px;}
.coffeebig{padding-left:40px}

/* -- soup bowl -- */
.soupbowl{position:absolute; left: 335px; top: 261px;}

/* -- livemusic div -- */
 
#livemusic{
	position:absolute;
	left: -310px;
	top: 975px;
	width:842px;
	z-index: 20;
	height: 100px;
	text-align: center;
}

/* -- facebook like btn -- */

#fb{
	width:74px;
	z-index: 9;
	position: absolute;
	left: 426px;
	top: 25px;
        margin-left:17px;
}

/* -- aol div -- */

#aol{
	width:91px;
	z-index: 9;
	position: absolute;
	left: 426px;
	top: 105px;
}

.aol{
	text-align: center;
	color:#FFDEB5;
	line-height: 1.1em;
	margin-top: 5px;
}

.lip{
	text-align: center;
	line-height: 1.1em;
        padding-top:5px;
	margin-bottom: 15px;
}


.lip a:link, .lip a:visited{
	text-decoration: none;
	color: #FFDEB5;
        border-bottom: none;
}

.lip a:hover{
	border-bottom: none;
	color: #FF9C39;
}

/* -- call div -- */

#call{
	width:154px;
	height:164px;
	z-index: 9;
	position: absolute;
	left: 208px;
	top: 572px;
}

/* -- music div -- */

#music {
	height:102px;
	width: 270px;
	z-index: 10;
	position: absolute;
	padding: 120px 0 0 190px;
	left: 463px;
	top: 860px;
	background: url(images/sitewide/musicplayer.png) no-repeat 0 0;
}

#music-medusa {
	height:25px;
	width: 300px;
	z-index: 10;
	position: absolute;
	left: -319px;
	top: 655px;
	background: url(images/sitewide/musicplayer-medusa.png) no-repeat 0 0;
	padding: 4px 0 0 8px;
}

/* -- pride div -- */

#pride {
	height:70px;
	width: 220px;
	z-index: 10;
	position: absolute;
	left: -301px;
	top: 613px;
}

/* -- aboutphotos divs -- */
#aboutphotos1{
background: url(images/sitewide/about1.png) no-repeat 0 0;
	width:315px;
	height:460px;
	z-index: 20;
/*	position: absolute; */
	left: 285px;
	top: 145px;
}

#aboutphotos2{
background: url(images/sitewide/about2.png) no-repeat 0 0;
	width:390px;
	height:435px;
	z-index: 20;
/*	position: absolute;*/
	left: 400px;
	top: 970px;
}


#ourfoods{
	background: url(images/sitewide/h2_ourfoods.png) no-repeat;
	height:84px;
	z-index: 20;
	width: 400px;
	float: left;
	clear: left;
}

/* -- medusaphotos divs -- */

#medusatext{width:260px;height:108px;z-index: 80;position: absolute;left: 11px;top: 360px;}
#medusaphotos1{background: url(uploads/medusa/medusa01.png) no-repeat 0 0;width:600px;height:475px;z-index: 80;position: absolute;left: -92px;top: -115px;}
#medusaphotos2{background: url(uploads/medusa/medusa02.png) no-repeat 0 0;width:453px;height:437px;z-index: 60;position: absolute;left: 209px;top: 300px;}
#medusaphotos3{background: url(uploads/medusa/medusa03.png) no-repeat 0 0;width:377px;height:417px;z-index: 0;position: absolute;left: -9px;top: 465px;}


/* ARTIST & MUSICIANS
===============================================================*/
.musicianblurb{
	font-weight: bold;
	line-height: 1.2em;
	margin: 8px 0 0 0;
}

.musiclink{
	line-height: 1.2em;
	margin: 0 0 10px 0;
}


.sirpaul{text-indent: -5000px;
	margin-top: 10px;
	margin-bottom: 5px;
	border-top: 1px solid #A53918;}

.sirpaul{background: url(uploads/music/music_sirpaul.png) no-repeat;}

/* FOOTER
===============================================================*/
#footer {background: url(images/sitewide/footer.png) no-repeat center top; clear: both}
#footer-parties {background: url(images/sitewide/footer-parties.png) no-repeat center top; clear: both}
#footer-medusa {background: url(images/sitewide/footer-medusa.png) no-repeat center top; clear: both}

#footer-wrap {width: 620px; height: 90px; margin: 0 auto; padding-top: 60px; z-index: 20; 
padding-left: 300px; background: url(images/sitewide/tlc-logo.gif) no-repeat 180px 35px}

#footer-wrap-parties {width: 620px; height: 90px; margin: 0 auto; padding-top: 60px; z-index: 20; 
padding-left: 300px; background: url(images/sitewide/tlc-logo-parties.gif) no-repeat 180px 35px}

#footer-wrap-medusa {width: 620px; height: 90px; margin: 0 auto; padding-top: 60px; z-index: 20; 
padding-left: 300px; background: url(images/sitewide/tlc-logo-medusa.gif) no-repeat 180px 35px}

.footernav{line-height: 1.6em; color: #DE9C6B; font-size:0.8em}

.footernav a:link, .footernav a:visited{text-decoration: none; color: #DE9C6B; border:none}

.footernav a:hover{color: #FFCC99}

.credits{font-size:0.8em;line-height: 1.6em; color: #DE9C6B}

.credits a:link, .credits a:visited{text-decoration: none; color: #FFCC99; border:none}

.credits a:hover{color: #D86539}

#footer-wrap .facebook a{
text-indent:-999px;
width:45px;
height:45px;
z-index: 9;
background: url(images/sitewide/Facebook.png) no-repeat center top;
float:left;
margin-top:8px;
margin-left:-200px;
}
/* End of 'Layout' */