/*
Theme Name: Flat Black Coffee v2
Theme URI: http://flatblackcoffeecompany.com
Author: Pestell Design
Author URI: http://pestelldesign.com/
*/

dl.teas dt {
	color: #712424;
	font-size: 16px;
	margin: 0;
	padding: 0;
	margin-top:1em;
	margin-bottom:0.25em;
}
dl.teas dd {margin:0; padding:0;}

body {
	margin: 0px;
	padding: 0px;
	background-color: #000;
}
* {
	font-family: Helvetica, Verdana, sans-serif;
}

p, p *, div.description, table *, .wpsc_container, .wpsc_container * { font-family: Helvetica, Verdana, sans-serif!important;}

a img {border:none;}
a {color:#712424;}


object.slideshow {display:inline;}

.grid-display .trans-box {background: black url(images/logo_small.png) no-repeat center bottom}

img.alignright {float:right; margin: 0 0 10px 10px;}

#header {
	background-color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
}
#container {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#intro-home {
	background-image: url(images/Intro.jpg);
	background-repeat: no-repeat;
	height: 437px;
	position: relative;
	overflow: hidden;
}

#intro-home h1, #intro-home p {
  margin-left:635px;
  width: 295px;
  color: white;
}

#intro-home h1 {
  margin-top: 25px;
	font-size: 20px;
}

#intro-home p {
  color: #eee;
  font-size:14px;
  line-height:24px;
}

#intro-home img.free-ship {
  position:absolute;
  bottom: 3px; right:230px;
}

.coffee-cup {
	position: absolute;
	left: 0px;
	bottom: 0px;
  height:398px; width:310px;
}
.intro-text {
	position: absolute;
	top: 90px;
	right: 48px;
}
#intro-home div.slideshow {
	position: absolute;
	left: 110px;
	top: 58px;
	width:504px; height:320px;
}


#page-body {
	background-image: url(images/page-background.jpg);
	background-repeat: repeat-y;
	float: left;
	width: 908px;
	padding: 40px 20px 0 20px;
	overflow: hidden;
}

#page-body.tCol {
	background-image: url(images/page-background.jpg);
}

#page-body.oCol {
	background-image: url(images/one-col-bg.jpg);
}

#page-main {
	float:right;
	overflow:hidden;
	background-image: url(images/coffee-stain.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#page-body.tCol #page-main {
	width: 610px;

}
#page-body.oCol #page-main {
	width: 908px;
}

#page-body div.slideshow { width:300px; float:right;}


#page-main div.promos img {
	float:left;
	padding: 0 25px 25px 0;
}
#page-sidebar {
	width: 240px;
}


#beans-bottom {
	position:relative;
	left:-20px;
	background-image: url(images/beans-bottom.png);
	width: 948px;
	background-repeat: no-repeat;
	height: 70px;
	float: left;
}
#footer-wrapper {
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: white;
}
#footer {
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	width: 900px;
}

#footer * {color:white; font-size:12px;}
#footer ul, #footer ul li {margin:0; padding:0;}
#footer ul li {width:300px; list-style:none; list-style-position:inside; float:left;}
#footer ul li img {float:left; padding-right:15px}
#footer p.copyright {font-style:italic; padding:20px 0; clear:both;}
.siderules {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
p {
	font-size: 1em;
	line-height: 1.4em;
	padding:0;margin:0;
	margin-bottom:1em;
}
h1, h2, h3, h4, h5, h6 {
	color: #712424;
	font-size: 16px;
	margin: 0;
	padding: 0;
	margin-top:1em;
	margin-bottom:0.25em;
}
h1 {
	font-weight: bold;
	font-size: 28px;
	margin:0;
	margin-bottom:.5em;
}

blockquote p {margin:0; margin-bottom:1em; margin-top:-.5em; font-size:.9em;}

a {text-decoration:none;}
a:hover { text-decoration:underline;}

#page-sidebar h4, #page-sidebar h2  {padding:0; margin:0; padding-bottom: 10px}
#page-sidebar ul {padding:0; margin:0; padding-bottom:10px;}
#page-sidebar ul li {margin:0; padding:0; list-style-position:outside; list-style:none; padding-bottom:5px;}
#page-sidebar ul li a {color:black; text-transform:capitalize;}

#page-sidebar ul.feat-products {width:190px}
#page-sidebar ul.feat-products li {
	list-style:none;
	padding-bottom:35px;
	line-height:1.5em;
	width: 190px;
	list-style-position:outside;
	text-align: center;
}
#page-sidebar ul.feat-products li img {
	padding-bottom:4px
}
#page-sidebar ul.feat-products li a.button-link {
	background-color:black;
	border:solid 1px white;
	color:white;
	text-decoration:none;
	padding:2px;
	display:block;
}

#intro {
	height:77px;
	background-image: url(images/beans.jpg);
	position:relative;
}

/*
#intro.pg-13,
#intro.pg-15,
#intro.pg-18,
#intro.pg-20 
{background-image: url(images/beans.jpg)}

#intro.pg-34
{background-image: url(images/tea.jpg)}
*/

/* MENU CSS using hack to allow centered floats */

div.intro div.menu * {margin:0; padding:0; color:white; text-transform:lowercase; list-style:none;}

#intro div.menu
{
	position:relative;
	width:75%;
	margin:0 auto;
	border-bottom:1px white solid;
}

#intro-home div.menu
{
	position:relative;
	width:100%;
	margin:0 auto;
	top:10px;
}

#intro img.intro-cup {position:absolute; bottom:0px; left:10px;}
#intro img.intro-cup-steam {position:absolute; bottom:100px; left:0px;}

div.intro div.menu ul {
  width:80%;
  padding-top:10px;
  padding-bottom:7px;
  margin:0 auto;
  text-align:center;
}
div.intro div.menu ul li {display:inline; margin-left:20px;text-align:center;}
div.intro div.menu ul li ul {display:none;}
div.intro div.menu ul li.current_page_item ul,
div.intro div.menu ul li.current_page_ancestor ul {display:block; position:absolute; width:auto; right:0; left:0; top:35px; }
div.intro div.menu ul li.current_page_item ul a,
div.intro div.menu ul li.current_page_ancestor ul a {color:tan;}
#intro div.menu a {text-align:center;}
#intro div.menu ul li.current_page_item > a, 
#intro div.menu ul li.current_page_ancestor > a {font-weight:bold; border-bottom:7px white solid;}
#intro div.menu ul li.current_page_ancestor li.current_page_item a {border-bottom-style: none!important;border-top:8px tan solid;}

#page-main .ngg-imagebrowser img {width:auto; margin:0 auto;}
div#page-main p a {text-decoration:underline;}


#page-main table.ec3_schedule {position:absolute; top:-3px; left:-170px; background-color:black; }
div.category-events {position:relative; left:170px; width:430px}
div.navigation {margin-bottom:10px}

#page-main table.ec3_schedule td {color:white}

#page-main #respond textarea {width:600px}

img.pg-free-ship {
  position:absolute;
  right:10px;
  top:-45px;
}
/*

#intro {
	background-image: url(images/Intro.jpg);
	height:100px;
	text-align:center;
}

#intro div.menu {}

#intro-home ul {padding:0; padding-top: 20px;}

div.intro div.menu ul {
	padding:0; margin:0;
	padding:20px;
	display:inline-block;
	text-align:center;
}

div.intro div.menu ul li ul {display:none;}
#intro ul li.current_page_item {position:relative;}
#intro ul li.current_page_item ul {display:block; position:absolute; width:500px; left:-250px; font-weight:normal;}
#intro ul li.current_page_item ul li {display:inline; text-align:center; }

div.intro div.menu ul li {
	list-style-type: none;
	display: block;
	float:left;
	padding-left: 20px;
}
div.intro div.menu ul li.current_page_item {
	font-weight: bold;
}
div.intro div.menu ul li a {
	color: white;
	text-decoration: none;
	text-transform:lowercase;
}
div.intro div.menu ul li a:hover {
	text-decoration: underline;
}
*/