/*
COLS

#660700 red maroon		
#990000 dark red

#73002e purp (grape) 	 				titles, heart outline, Barista
#a10040 purp (deep, but lighter) 		sub title (h2 cater menu line c95986 background ffebe8)
#a9362a dark peach/tan					wee boxes heads lead in, quotes, phone num

#e69999 pink (candyfloss) heart (h3 cater menu line f0c1c1 background fff7f6)
#f0bbb7 between the 2
#ffebe8 v light pink
#fff7f6 v v light
#f7edec
#f8f4f4


*/

html, body { 
	height: 100%;
}

body {
	background: #ffebe8; /*dotty like menu?*/
	margin: 0 auto;
	font-family: "Helvetica", Geneva, Arial, sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 1.5;
}
a, a:visited { color: #cc0000; text-decoration: none; }
a:hover { color: #990000; text-decoration: underline; }
ul {
	list-style-image: url(../images/layout/heartbullet.gif);
	margin: 5px 0 5px 25px;
	padding: 0;
}
ul>li {
	padding: 2px 0 2px 0;
}
ul.striped {
	list-style-image: url(../images/layout/heartbullet.gif);
	list-style-position: inside;
	margin: 0 0 3px 0;
	padding: 0;
}
ul.striped>li {
	padding: 1px 2px 1px 2px;
	background: #fff7f6;
}

.spacerv10 { height: 10px; }
strong, em { color: #a10040; }
.menuinfo { padding: 10px 5px 5px 5px; font-style: italic; color: #a10040; text-align: center; }
.maintxt { 
	margin: 0;
	padding: 5px 5px 5px 5px;
}
.righttxt { 
	text-align: right;
	padding: 5px 5px 5px 5px;
}
hr { 
	clear: both; 
	margin: 5px auto 5px auto; 
	padding: 0;
	height: 1px; 
	border: 0; 
	background: #f0bbb7;
	width: 50%;
}
div.boxedmenu {
	border-top: 1px solid #f0bbb7;
	border-bottom: 1px solid #f0bbb7;
	background: #fff7f6;
	padding: 5px 5px 5px 0;
	margin: 0 0 5px 0;
}
td { vertical-align: top; }
td.tdiconst {
	border-top: 1px solid #f0bbb7;	
	border-bottom: 1px solid #f0bbb7;	
	padding: 3px 0 3px 0;
}
td.tdiconsb {
	border-bottom: 1px solid #f0bbb7;	
	padding: 3px 0 3px 0;
}

td.tdmenuitem, td.tdmenuprice {
	color: #a9362a;
	font-weight: bold;
	padding: 0 0 0 9px;
	/*background: #f7edec;*/
	/*background: #f8f4f4;*/
}
td.tdmenuitembigger {
	color: #a9362a;
	font-weight: bold;
	text-align: center;
	/*background: #f7edec;*/
	/*background: #f8f4f4;*/
}
td.tdmenuitembigger em { font-weight: normal; }
td.tdmenuadditional {
	color: #a9362a;
	font-style: italic;
	padding: 0 0 0 9px;
	font-size: 11px;
}
td.tdmenuprice, td.tdmenuadditional {
	text-align: center;	
}
td.tdmenuitem em {
	font-weight: normal;
}
#column {			/*HOLDS IT ALL*/
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

#menuprint { 
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #fff;
}
#menuprintimgs { 
	margin: 0 auto;
	text-align: center;
	padding: 10px 0 10px 0;
}
#contactmap { 
	margin: 0 auto;
	padding: 10px 0 10px 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

#all_barista {
	margin: 0 auto;
	width: 840px;
	background: #fff url(../images/layout/baristaborder.gif) center repeat-y;
} 

#content {
	background: #fff url(../images/layout/bg_dotty_fade.gif) bottom left no-repeat; /*dotty like menu faded to 35%*/
	margin: 0 auto;
	width: 778px;
	border-left: 1px solid #f0bbb7;
	border-right: 1px solid #f0bbb7;
	padding: 0;
}
#left {
	width: 521px;
	float: left;
	padding: 0;
	margin: 0 0 10px 5px;
}
	.lefty {
		float: left;
		width: 274px;
	}
	.righty {
		float: right;
		margin: 0 0 0 5px;
		width: 240px;
	}
#right {
	margin: 0 5px 10px 5px;
	width: 240px;
	float: right;
	padding: 0;
}
#footer {
	clear: both;
	border-top: 1px solid #f0bbb7;
	margin: 0 auto;
	width: 50%;
	text-align: center;
	padding: 5px 0 5px 0;
	font-size: 11px;
}
#footer p {
	display: none;	
}
#footeraddie {
	clear: both;
	border-top: 1px solid #f0bbb7;
	border-bottom: 1px solid #f0bbb7;
	margin: 10px auto 10px auto;
	width: 1000px;
	background: #fff7f6;
}
#footeraddie div {
	padding: 10px 10px 10px 10px;
	color: #a9362a;
	text-align: center;
}
#menutable {
	margin: 0 auto;
	width: 1000px;
	padding: 10px 0 10px 0;
}
#menutablel {
	float: left;
	margin: 0 10px 0 0;
	width: 490px;
	border: 1px solid #f0bbb7;
	padding: 0;	
}
#menutabler {
	float: right;
	margin: 0;
	width: 490px;
	border: 1px solid #f0bbb7;
	padding: 0;	
	text-align: left;
}
#menutabletri0, #menutabletri1, #menutabletri2 {
	float: left;
	width: 324px;
	border: 1px solid #f0bbb7;
	padding: 0;	
}
#menutabletri0 { margin: 0 0 0 0; }
#menutabletri1, #menutabletri2 { margin: 0 0 0 10px; }

/*FLASH DIVS*/
#flashbaristabanner {
	margin: 0 auto;
	width: 778px;
	height: 250px;
	padding: 15px 0 0 0;
	/*
	border-bottom: 1px solid #f0bbb7;
	z-index: -1;*/
}
#flashbaristaquotes {
	margin: 0 auto;
	width: 778px;
	height: 80px;
	padding: 0;
}
#flashbaristabannerextra {
	margin: 0 auto;
	width: 778px;
	height: 35px;
	/*z-index: -1;*/
}
#flashbaristabannertreat {
	margin: 0 auto;
	width: 778px;
	height: 35px;
	/*z-index: -1;*/
}
#flashbaristacafe {
	margin: 15px 0 0 0;
	width: 240px;
	height: 240px;
	/*z-index: -1;*/
}
#flashbaristafresh {
	margin: 15px 0 0 0;
	width: 240px;
	height: 240px;
	/*z-index: -1;*/
}
#flashbaristacater {
	margin: 15px 0 0 0;
	width: 240px;
	height: 240px;
	/*z-index: -1;*/
}

/*POPUPS*/
#all_barista400 {
	margin: 0 auto;
	width: 400px;
	background: #fff url(../images/layout/baristaborder400.gif) center repeat-y;
} 
#poptop { 
	margin: 0 auto;
	width: 400px;
	height: 80px;
	background: url(../images/layout/baristabordertop400.gif) center no-repeat;
}
#popcontent {
	background: #fff url(../images/layout/bg_dotty_fade.gif) bottom left no-repeat; /*dotty like menu faded to 35%*/
	margin: 0 auto;
	width: 338px;
}
#popbase { 
	margin: 0 auto;
	width: 400px;
	height: 30px;
	background: url(../images/layout/baristaborderbase400.gif) center no-repeat;
}

/*TWITTER SCROLL*/
div#wn1	{ 
	float: left; 
	position: relative; 
	width: 218px; 
	height: 300px; 
	overflow: hidden; 
	margin: 0 0 5px 0; 
	background: #fff; 
	border-top: 1px solid #f0bbb7; 
	border-bottom: 1px solid #f0bbb7; 
}
div#lyr1 { 
	visibility: visible; 
}
div#scrollbar1 { 
	float: right; 
	width: 19px;
	margin: 0; 
	text-align: right; 
	height: 300px; 
	display: block; 
	position: relative; 
	font-size: 1px;
}
div#dragBar1 { 
	position: absolute; 
	left: 6px; 
	top: 1px; 
	width: 4px; 
	height: 3px; 
	background: #ffebe8; 
	cursor: default; 
}
/* for safari, to prevent selection problem  */
/* so no gap or misplacement due to image vertical alignment font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar1, div#track1, div#dragBar1, div#up1, div#down1 { 
	-moz-user-select: none; 
	-khtml-user-select: none; 
}
div#scrollbar1 img { 
	display: block; 
}
div#track1 { 
	position: absolute; 
	left: 5px; 
	width: 17px; 
	height: 250px; 
}
div#up1 { 
	position: absolute; 
	left: 0; 
	width: 17px; 
	margin: 258px 0 0 0; 
}
div#down1 { 
	position: absolute; 
	left: 0; 
	width: 17px; 
	margin: 282px 0 0 0; 
}

#boxTwitter { 
	width: 100%; 
	/*height: 300px; margin: 0 0 5px 0; border: 1px dotted #000;*/ 
}
#twcontent { 
	width: 100%; 
	font-size: 13px; 
}
#twitter_update_list { 
	list-style-image: none; 
	margin: 0; 
	padding: 0; 
}
#twitter_update_list li { 
	margin: 0 0 5px 0; 
	padding: 10px 3px 10px 3px; 
	background: #fff7f6; 
}
#twitter-link { 
	display: block; 
}

/*ICONS*/
#socialicons, ul#socialicons {
	list-style: none;
	margin: 0;
	padding: 5px 0 5px 0;
	height: 50px;
	border: 0;
}
ul#socialicons>li {
	float: left;
	padding: 0 2px 0 0;
	margin: 0;
	width: 61px;
	border: 0;
}
li.iconfacebook a, li.iconfacebook a:visited {
	background: #fff url(../images/icons/iconfacebook1.gif) no-repeat top left;
	color: #000;
	display: block;
	width: 61px;
	height: 47px;
	padding: 0;
	border: 0;
}
li.iconfacebook a:hover {
	background: #fff url(../images/icons/iconfacebook2.gif) no-repeat top left;
	color: #000;
	display: block;
	width: 61px;
	height: 47px;
	padding: 0;
	border: 0;
}
li.icontwitter a, li.icontwitter a:visited {
	background: #fff url(../images/icons/icontwitter1.gif) no-repeat top left;
	color: #000;
	display: block;
	width: 61px;
	height: 47px;
	padding: 0;
	border: 0;
}
li.icontwitter a:hover {
	background: #fff url(../images/icons/icontwitter2.gif) no-repeat top left;
	color: #000;
	display: block;
	width: 61px;
	height: 47px;
	padding: 0;
	border: 0;
}

/*CLASSES*/
.boxed {
	border-top: 1px solid #f0bbb7;
	border-bottom: 1px solid #f0bbb7;
	background: #f8f4f4;
	padding: 5px 0 5px 0;
	margin: 0;
}
.imgpad { padding: 10px 0 10px 0; }
.nolink { text-decoration: none; border: 0; }
.nolink, .nolink a, .nolink a:hover, .nolink a:visited { text-decoration: none; border: 0; }
.menulink  { text-decoration: none; border: 1px solid #f0bbb7; padding: 5px 5px 5px 5px; }
.menulink a, .menulink a:hover, .menulink a:visited,  { text-decoration: none; border: 1px solid #f0bbb7; padding: 5px 5px 5px 5px; }
.clearit { clear: both;}

/*FORMS AND BUTTONS*/
input, textarea { 
	font-family: "Helvetica", Geneva, Arial, sans-serif;
	font-size: 13px; 
}
.inputfield { 
	background: #fff7f6;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #f0bbb7;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}
input.btn {
	margin: 0 0 5px 0;
	font-size: 11px; 
	background: #ffebe8;
	color: #73002e;
	min-width: 65px;
	height: 21px;
	padding: 2px 5px 2px 5px;
	text-align: center;
	font-weight: bold;
	border-bottom: 2px solid #73002e;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}
input.btnhov {
	margin: 0 0 5px 0;
	font-size: 11px; 
	background: #f0bbb7; 
	color: #a10040;
	min-width: 65px;
	height: 21px;
	padding: 2px 5px 2px 5px;
	text-align: center;
	font-weight: bold;
	border-bottom: 2px solid #a10040;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.

@media screen {
  Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
}
*/

@media screen {

/*state colours and sizes here too so they appear if flash text doesn't */
.sIFR-active h1 { 
	margin: 0; 
	padding: 0 0 0 5px; 
	color: #73002e; 
	font-size: 28px; 
	height: 40px;
}
.sIFR-active h1.menutitle { 
	margin: 0; 
	padding: 0 0 0 5px; 
	color: #73002e; 
	text-align: center; 
	text-transform: uppercase;
	font-size: 28px; 
	height: 40px;
}
.sIFR-active h2 { 
	margin: 0; 
	padding: 0 0 0 5px; 
	color: #a10040; 
	font-size: 28px; 
	height: 40px;
}
.sIFR-active h3 { 
	margin: 0; 
	padding: 0 0 0 5px; 
	color: #e69999; 
	font-size: 28px;
	height: 40px;
}
.sIFR-active h2.menuhead { 
	margin: 0; 
	padding: 0 0 0 3px; 
	color: #a10040; 
	border-bottom: 2px solid #c95986; 
	background: #ffebe8; 
	font-size: 24px; 
	height: 36px; 
}
.sIFR-active h2.menusubmid { 
	margin: 0; 
	padding: 0 0 0 3px; 
	color: #a10040; 
	border-bottom: 1px solid #c95986; 
	background: #ffebe8; 
	font-size: 24px; 
	height: 36px; 
	text-align: center; 
	letter-spacing: 3px;
}
.sIFR-active h3.menusub { 
	margin: 0; 
	padding: 0 0 0 3px; 
	color: #e69999; 
	border-bottom: 1px solid #f0c1c1; 
	background: #fff7f6; 
	font-size: 24px; 
	height: 36px; 
}
.sIFR-active h3.menusubmiddle {
	margin: 0; 
	padding: 0 0 0 3px; 
	color: #e69999; 
	border-bottom: 1px solid #f0c1c1; 
	background: #fff7f6; 
	text-align: center; 
	font-size: 24px; 
	height: 36px; 
}
.sIFR-active h4 { 
	margin: 5px 0 0 0; 
	padding: 0; 
	border-bottom: 1px solid #f0bbb7; 
	color: #a9362a; 
	font-size: 24px; 
} /*leadin*/
.sIFR-active h5 { 
	margin: 5px 0 0 0; 
	background: url(../images/layout/quotemarks.png) no-repeat bottom right; 
	padding: 10px 0 50px 5px; 
	color: #a9362a; 
	letter-spacing: 2;
	font-size: 21px; 
} 
.sIFR-active h6 { 
	margin: 0; 
	padding: 0 0 0 5px; 
	color: #a9362a; 
	font-size: 26px; 
} /*phone num*/
	
	/*quotes*/

}