/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/base.css';
@import 'lib/forms.css';

/* 
	page bg: #fbfaf6   (tan)
	dark borwn:  #3a301c
	tan colored text:  #eae9d1
	light brown footer text:  #B6AD97
	light blue:  #3f7696
 */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline. */
   .container { 
	/*background: url(lib/grid.png); border:1px solid red; margin:0 auto;*/ 
	width:960px;
	background-color:transparent;
	background-image: url(http://static.coffeedepot.tv/img/stains.png);
	background-repeat:no-repeat;
	}
	#stains-one {
		background-position:right top;
	}
	#stains-two {
		background-position:right -150px;
	}
	#stains-three {
		background-position: 110px -690px;
	}

/*	HEADER
-------------------------------------------------------------- */
body {
	background: #3a301c;
}
.page-header {
	background: url(http://static.coffeedepot.tv/img/header_bg.gif) repeat-x center top; 
	width:100%;
	overflow:visible;
}
.page-main {
	width:100%;
	background: #fbfaf6 url(http://static.coffeedepot.tv/img/main_bg.gif) repeat-x center top;
}
.page-header .container { position:relative;} /* for the h1 */
.page-bottom {
	width:100%;
	background: #3a301c url(http://static.coffeedepot.tv/img/footer_bg.gif) repeat-x center top;
}

/* TEMPORARY 
-------------------------------------------------------------- */
h1 {
	background:url(http://static.coffeedepot.tv/img/logo.png) no-repeat left top; 
	height:269px; width:373px;
	text-indent:-9999px;
	position:absolute; left:0; top:0;
}

/* MAIN NAVIGATION
-------------------------------------------------------------- */
ul#main-nav {
	list-style:none;
	list-style-position:inside;
	padding:0;
	margin:60px 190px 5px 0;
	float:right;
	width:390px;

}
ul#main-nav li {
	margin:0 0 7px 0;
	padding:0;
	height:24px;
}

ul#main-nav li.nav-item-left {
	width: 155px;
	clear:left;
}
ul#main-nav li.nav-item-right {
	width: 235px;
}

/* main navigation sprite
----------------- */
ul#main-nav li a:link, 
ul#main-nav li a:visited { 
	float:left; 
	height:26px;
	background-color: transparent;
	background-image: url(http://static.coffeedepot.tv/img/main-menu.gif); 
	background-repeat: no-repeat;
	text-indent:-9999px;
}
ul#main-nav li#nav-home a		{ width: 78px; }
ul#main-nav li#nav-news a		{ width: 72px; }
ul#main-nav li#nav-contact a	{ width: 94px; }
ul#main-nav li#nav-events a		{ width: 108px; }
ul#main-nav li#nav-locations a	{ width: 118px; }
ul#main-nav li#nav-catering a	{ width: 175px; }
		ul#main-nav li#nav-home a:link, 
		ul#main-nav li#nav-home a:visited {
			background-position: -6px -6px;
		}
		ul#main-nav li#nav-home a:hover,
		ul#main-nav li#nav-home a.selected {	
			background-position: -6px -94px !important; /* important needed for IE6 */
		}
		ul#main-nav li#nav-news a:link, 
		ul#main-nav li#nav-news a:visited {
			background-position: -144px -6px;
		}
		ul#main-nav li#nav-news a:hover,
		ul#main-nav li#nav-news a.selected {	
			background-position: -144px -94px !important; /* important needed for IE6 */
		}
		ul#main-nav li#nav-contact a:link, 
		ul#main-nav li#nav-contact a:visited {
			background-position: -6px -32px;
		}
		ul#main-nav li#nav-contact a:hover,
		ul#main-nav li#nav-contact a.selected {	
			background-position: -6px -120px !important; /* important needed for IE6 */
		}
		ul#main-nav li#nav-events a:link, 
		ul#main-nav li#nav-events a:visited {
			background-position: -144px -32px;
		}
		ul#main-nav li#nav-events a:hover,
		ul#main-nav li#nav-events a.selected {	
			background-position: -144px -120px !important; /* important needed for IE6 */
		}
		ul#main-nav li#nav-locations a:link, 
		ul#main-nav li#nav-locations a:visited {
			background-position: -6px -58px;
		}
		ul#main-nav li#nav-locations a:hover,
		ul#main-nav li#nav-locations a.selected {	
			background-position: -6px -146px !important; /* important needed for IE6 */
		}
		ul#main-nav li#nav-catering a:link, 
		ul#main-nav li#nav-catering a:visited {
			background-position: -144px -58px;
		}
		ul#main-nav li#nav-catering a:hover,
		ul#main-nav li#nav-catering a.selected {	
			background-position: -144px -146px !important; /* important needed for IE6 */
		}
		
ul#main-nav li a:active, ul#main-nav li a:focus	{ outline:0; -moz-outline:none;}

/* PAGE QUOTE
---------------------------------------------------------------- */
blockquote.page-quote {
	float:right;
	width:540px;
	padding:10px 0; margin:20px 36px 0 0;
}
blockquote.page-quote p {
	margin:0; padding:0;
	width:500px;
}
blockquote.page-quote p.page-quote-source  {
	text-align:right;
}
.quote-style-1 {
	/*background:red;*/
}
.quote-style-2 {
	/*background:yellow;*/
}
.quote-style-3 {
	/*background:aqua;*/
}

/*	HEADINGS
-------------------------------------------------------------- */
.content h2 {
	width:100%;
}

/* CONTENT
---------------------------------------------------------------- */
.content 		{ 
	float:right; clear:right;
	margin:40px 0 0 0;
	width:960px;
}
.content h2, .content h3 {
	color:#3f7696;
}


/* FOOTER
---------------------------------------------------------------- */
.footer 		{ padding-top:50px; color:#b6ad97; }
.footer-head 	{ text-transform:uppercase; color: #3f7696; font-weight:bold;}
.footer div		{
	width:200px;
	padding-right:40px;
}
.footer dt, .footer dd {
	clear:left;
}
.footer div	p, .footer div dl, .footer div ul {
	clear:left;
	width:100%;
}
.footer div ul {
	margin:0; padding:0;
	list-style-type:none;
}
.footer div ul li {
	width:185px;
	padding-left:15px;
	background: url(http://static.coffeedepot.tv/img/bullet-brown.gif) no-repeat left .6em;
	clear:left;
}


/*	HOME PAGE
-------------------------------------------------------------- */
#front-slideshow {
	float:left;
	position: relative;
	height: 531px; width: 460px;
	list-style: none;
	padding: 0;
	margin-top: 40px;
	visibility: hidden;
}
#front-slideshow img {
	position: absolute; top: 0; left: 0;
}

/* standard columns */
.left-half, .right-half {
	width:470px;
	padding-right:10px;
}
.left-half div, .right-half div {
	margin-bottom: 2em;
}
.left-half div div, .right-half div div {
	margin-bottom: 0;
}

.left-half {
	float: left;
}
.right-half {
	float: right;
}
div.page-main div.content div.right-half h3, div.page-main div.content div.left-half h3 {
	clear:left;
	width:100%;
}
div.page-main div.content div.right-half p, div.page-main div.content div.left-half p {
	clear:left;
	width:100%;
}

div.category-call-to-action {
	padding-right:10px; padding-bottom: 2em;
	width:230px;
	float: left; clear: left;
}
div.category-call-to-action p {
	margin-bottom: 0;
	text-align: right;
}
div.category-call-to-action a {
	color: #999;
	padding-left: 4px; padding-right: 4px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration: none;
}
div.category-call-to-action a:hover {
	color: #3F7696;
	background: transparent;
}
div.category-call-to-action a.front-location {
	background: #3F7696;
	color: #fff;
}
div.category-details {
	padding-right:0px;
	width:200px;
	border-left: 1px solid #999;
	float: left;
}
div.category-details p {
	margin-left: 20px;
}
div.category-details em {
	padding-left: 20px;
	display: block;
}
div#brag {
	float: left; clear: left;
	margin-top: 20px;
	width: 960px;
}
div#brag div {
	float: left;
	padding-right:10px;
	width:470px;
}
div#brag p {
	float: left; clear: left;
	margin: 0;
	font-weight: bold;
	width: 100%;
}
div#brag p.thesource {
	color: #666;
	padding-left: 20px;
	margin-bottom: 1em;
	font-weight: normal;
}
div.quick-calendar ul {
	margin-bottom: 0;
	list-style: disc;
}
div.quick-calendar ul li {
	display: block;
	width: 100%;
}
div.quick-calendar ul li a {
	/*display: inline-block;*/
}

/* mini-calendars */
#agenda-downtown li, #agenda-plaza li {
	clear:left;
}

/* EVENTS
---------------------------------------------------------------- */

/* LOCATIONS
------------------------------------------------------------------ */
h3.location-title {
	width:100%;
}
div.location-address p, div.location-meta p {
	margin-bottom:.2em;
}
div.location-address, div.location-meta, div.location-address a, div.location-meta a {
	color:#b5afa2;
	text-transform:uppercase;
	text-decoration: none;
	font-weight:bold;
}
div.location-address a:hover, div.location-meta a:hover {
	color:#fff;
}
div.location-address {
	width:240px;
	margin-bottom: 0;
}
div.location-meta {
	width:230px;
	margin-bottom: 0;
}

img.location-pic-big {
	width:470px;
	height:150px;
	border:0;
	margin-bottom:10px;
}
a.location-pic-thumb:link, a.location-pic-thumb:visited {
	height:68px; width:68px;
	border:1px solid #a49d90;
	background:#e0e1db;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	
}
a.location-pic-thumb:hover {
	border:1px solid #3a301c;
}
.location-pic-thumb img {
	width: 68px; height: 68px;
}
.location-pic-thumb-last {
	margin-right:0 !important;
}
.view-map {
	margin-bottom: 0;
	width: 470px !important;
	text-align: right;
}


/* TABS (CATERING)
------------------------------------------------------------------ */
#tab-wrapper {
	margin: 10px 0;
}
/* TABS functionality - calsses used by jquery ui plugin */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
/*note: The other class used by this jQuert UI tabs module, is "ui-tabs-selected" which is used below*/

/* TABS style */
ul.tab-box-nav 				{ margin:0;padding:0; width:960px;}
ul.tab-box-nav li 			{ float:left; width:240px; list-style-type:none;margin:0;padding:0;}
ul.tab-box-nav li a:link,
ul.tab-box-nav li a:visited { float:left; background:transparent; color:#3f7696; text-decoration:none; text-transform:uppercase; width:230px; font-weight:bold; padding:10px 0 5px 10px;}
ul.tab-box-nav li a:hover 	{ background:#3a301c url(http://static.coffeedepot.tv/img/tab-bg.gif) no-repeat left bottom; color:#fff;}

ul.tab-box-nav li.ui-tabs-selected a { background:#3a301c !important; color:#fff !important; }

ul.tab-box-nav li a:active, ul.tab-box-nav li a:focus	{ outline:0; -moz-outline:none;}

/* Tab content styles */
.tab-box {
	background:#3a301c;
	color:#fbfaf6;
	padding:40px;
	width:880px;
}

.tab-box h3 {
	color:#fff;
	font-size:1em; line-height:1em;
	font-weight:bold;
	width: 100%;
	clear:left;
}
.tab-box p {
	width: 100%;
	clear:left;
}
.tab-box li {
	clear:left;
}
.tab-gallery {
	width:240px;
}
.tab-gallery ul li 	{ 
	float:left; 
	margin:0 10px 10px 0;
	width:70px;
	clear:none;
}
.tab-gallery ul li a {
	width:68px; height:68px;
	float:left;
	border:1px solid #999;
}
.tab-gallery ul li a:hover 	{ border:1px solid #000; }

.tab-content {
	width:600px;
	margin-left:30px;
}
.tab-content, .tab-content h3 {
	color:#eae9d1;
}
.tab-content p, .tab-content h3 {
	clear:left;
	width:100%;
}
.tab-content ul li{
	padding-left:15px;
	background: url(http://static.coffeedepot.tv/img/bullet-brown.gif) no-repeat left .6em;
	list-style-type:none;
	list-style-position:inside;
}
.tab-content-column {
	width:290px;
	padding-right:10px;
}

/* NEWS
----------------------------------------------------------------- */
.entry 					{ position:relative; margin-left:240px; width:720px; clear:both;}
.entry-title			{ width:100%;}
.entry-date 			{ position:absolute; top:0; left:-120px; }
.entry-body  			{ width:470px; padding-right:10px;}
.entry-body p img 		{ margin: .4em 1em .5em 0; }

.entry-photos			{ width:240px; }
.entry-photos p 		{ width:100%; }
.entry-photos ul li 	{ float:left; margin:0 10px 10px 0; }
.entry-photos ul li a {
	width:68px; height:68px;
	float:left;
	border:1px solid #999;
}
.entry-photos ul li a:hover 	{ border:1px solid #000; }

p.entry-pagination 		{ width:100%; clear:both; text-align:center; }

/*	CONTACT
-------------------------------------------------------------- */
form#contactform {
	padding-bottom:30px;
}
form#contactform div {
	margin: 0;
}
form#contactform p {
	float: left;
	clear: left;
	/*background: aqua;*/
	margin-bottom: .5em;
}
form#contactform p input,
form#contactform p textarea {
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border:1px solid #ccc;
	padding: .4em;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
}
form#contactform input:focus,
form#contactform textarea:focus {
	border: 1px solid #000;
}
form#contactform p input {
	width: 50%;
}
form#contactform p textarea {
	width: 100%;
	width:400px; height:160px;
}
form#contactform fieldset {
	float: left;
	clear: left;
	width: 420px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 20px; margin: 0 0 1em 0;
	background: #efefef;
}
form#contactform fieldset legend {
	font-weight: bold;
}
form#contactform p.options_group label,
form#contactform p.options_group input {
	display: inline;
	float: none;
	clear: none;
	width: auto;
	border: 0;
}
form#contactform p.options_group label {
	font-weight: normal;
}

div.captcha_image {
	width:100px;
	float: left;
	/*border: 1px solid green;*/
}
div.captcha_form {
	width:300px;
	float: left;
	/*border:1px solid red;*/
}
div.captcha_form input {
/*	font-size:1em;*/
	padding:2px; margin:6px 0 0 15px;
	width:70px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border:1px solid #ccc;
}
form#contactform #go_time {
	float:left; clear:both; margin-left:360px;
}
form#contactform span.error_alert {
	padding-left:5px;
	color:#F00;
	font-weight:bold;
}
form#contactform div#event-module {
	display: none;
}

/* TOOLTIPS
--------------------------------------------------------------------  */
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(http://static.coffeedepot.tv/img/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(http://static.coffeedepot.tv/img/bubble.png) bottom right;
}

/*	Stains
-------------------------------------------------------------- */
#stains {
	position:absolute; top:0; right:0; height:1007px; width:914px;
	background:url(http://static.coffeedepot.tv/img/stains.png) no-repeat right top;
}

/*	CALENDAR
-------------------------------------------------------------- */
#calendar-key {
	float:left;
	width:320px;
}
#calendar-key p {
	clear:left;
	margin:0; padding:0;
	width:100%;
	position:relative;
}
#calendar-key p a img {
	margin:0 4px 0 0; padding:0;
		opacity: 0.6;
		-moz-opacity: 0.6;
		filter: alpha(opacity=60);
}
#calendar-key p a:hover img {
		opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);
}
#calendar-key p span {
	text-align:right;
	position:absolute; right:0;
}
#calendar-key p span a {
	color:#999;
	text-decoration:none;
}
#calendar-key p span a:hover {
	color:#fff;
}

/*	Front Page Lightbox
-------------------------------------------------------------- */
body#bodyheight {
     height:100%;
     margin:0;
     padding:0;
}
#pageoverlay {
     display: none;
     position: absolute; left: 0px; top: 0px;
     width:100%; height:100%;
     z-index: 1000;
}
#pageoverlay-bg {
	background-color: #000;
	position: fixed; left: 0px; top: 0px;
     width:100%; height:100%;
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity: 0.5;
}
#pageoverlay-content {
	/*display: none;*/
	background: #fff url(http://static.coffeedepot.tv/img/ajax-loader.gif) no-repeat 20px 54px;
	width:630px;
	padding:15px;
	position: fixed; top: 20%; left: 50%; margin-left: -315px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #3A301C;
}
#pageoverlay-content iframe {
	margin: 0; padding: 0;
}
#pageoverlay-close {
	float: right;
	margin-bottom: 10px;
}
/* some resets for images only */
#pageoverlay-content.photo-overlay {
	width: auto;
	margin-left: -280px;
}
#pageoverlay-content.photo-overlay div {
	float: left; clear: left;
	width: 350px;
	padding: 0 0 1.5em 0; margin: 0;
}
#pageoverlay-content.photo-overlay div#photo-overlay-close {
	position: absolute; right: 20px; bottom: 20px;
	width: auto;
	padding: 0; margin: 0;
}
#pageoverlay-content.photo-overlay div#photo-overlay-close a {
	padding: 10px;
}

/*	misc
-------------------------------------------------------------- */
.ie6-alert {
	background: #fff6bf url(http://static.coffeedepot.tv/img/internet_explorer_7_logo.gif) center no-repeat;
	background-position: 10px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 65px;
	border: 2px solid #ffd324;
	position: absolute; top: 15px; right: 15px;
	z-index: 100 !important;
	font-size: 11px;
	width: 245px;
	line-height: 1.2em;
}

/*	Slideshow
-------------------------------------------------------------- */
#slideshowNav {
	width:460px;
	text-align:center;
	color: #CECECE;
}
#slideshowNav a:link {
	color: #CECECE;
	text-decoration: none;
}
#slideshowNav a:active, #slideshowNav a:focus	{ outline:0; -moz-outline:none; background: none;}

#slideshowNav a:hover {
	background: none;
	color: #3F7696;
}
/*#slideshowNav a:link, #slideshowNav a:visited{
	color: #666;
	text-decoration: none;
}
#slideshowNav a:focus {
	background: none;
}
#slideshowNav a:hover {
	color: #fff;
}*/

/*	SIFR3
-------------------------------------------------------------- */
/*.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h4,
.sIFR-active h5#pullquote {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
}

.sIFR-active h1 {
  padding-bottom: 0;
}

.sIFR-active h2 {
  font-size: 55px;
  display: block;
}
*/
.sIFR-active .content h2 {
	padding-bottom: 0 !important; 
	margin-bottom: 0 !important;
	line-height: 1em;
}
/*
.sIFR-active h4 {
  font-size: 21px;
  font-weight: normal;
}

.sIFR-active h5#pullquote {
  font-size: 24px;
}*/