/*
THEME NAME: Thematic
THEME URI: http://themeshaper.com/thematic/
DESCRIPTION: The ultimate in SEO-ready themes, Thematic is a highly extensible, WordPress Theme Framework featuring 13 widget-ready areas, drop-down menus, grid-based layout samples, plugin integration, shortcodes for your footer, &amp; a whole lot more. Perfect for any blog and <strong><em>the</em></strong> starting point for theme development.
VERSION: 0.9.5.1
AUTHOR: Ian Stewart
AUTHOR URI: http://themeshaper.com/
TAGS: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats
.
The Thematic Theme is copyright Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');


/* Prepare theme for plugins */
@import url('library/styles/plugins.css');


@media screen {
	/* =Global	-------------------------------------------------------------- */
	
	
	body {
		padding:0px;
		margin:0px;
		background:#24231e url('images/BG_tile.jpg') repeat; 
		color:#956e44; 
		font: 10px Verdana,sans-serif;
		line-height:18px;
	}
	
	a {
		color:#768d80;
		text-decoration:none;
	}
	
	a:link {
		color:#768d80;
	}
	
	a:visited {
		color:#525955;
	}
	
	a:hover {
		color:#768d80;
		text-decoration:underline;
	}
	
	h1
	{
		font-size: 2em;
		font-family: Arial;
		text-transform:uppercase;
		color: #768d80;
		padding:0px; 
		margin:0px;
	}
	
	.clearBoth
	{
		clear:both;
	}
	
	h1.tan
	{
		font-size: 2em;
		font-family: Arial;
		text-transform:uppercase;
		color: #956e44;
		padding:0px; 
		margin:0px;
	}
	
	.wp-caption-text
	{
		font-size:.9em;
	}
	
	#head
	{
		background:transparent url('images/head.png') repeat; 
		position: absolute;
		width:1134px;
		height: 501px;
		top:0px;
		z-index:4;
		left: 50%;
		margin-left: -567px;
	}
	

	#framePNG
	{
		background:transparent url('images/frame.png') repeat-y;
		z-index:2;
		top: 0px;
		left: 50%;
		width: 1030px;
		position: fixed;
		margin: 0px 0px 0px -515px;
		height: 100%;
		
	}
	
	#topGradient
	{
		position:absolute;
		top:0px;
		z-index:3;
		height:498px;
		width: 100%;
		background:transparent url('images/topGradient.png') repeat-x;
	}
	
	#top  {
		left:50%;
		position:absolute;
		top:0px;
		z-index: 4;
		padding:0px;
		margin:0px 0px 0px -564px;
	}
	
	
	
	#footGradient {
		position:fixed;
		height:152px;
		bottom:0px;
		width:100%;
		z-index:80;
		background:transparent url('images/bottomGradient4.png') repeat-x;
	}

	#footOverlay {
		background:transparent url('images/footer.png');
		position:fixed;
		bottom:0px;
		z-index:2000;
		left: 50%;
		width:1446px;
		height:93px;
		margin: 0px 0px 0px -723px;
	}
	
	hr
	{
		height:1px;
		color: #000;
		background-color: #000;
		padding:0;
		margin:0;
		border:none;
		text-transform:uppercase; 
	}
	
	hr.dottedBlack
	{
		background: transparent url('images/dottedLine.gif') repeat-x;
		padding: 0;
		margin: 0;
	}
	
	hr.dottedWhite
	{
		background: transparent url('images/dottedLineWhite.gif') repeat-x;
		padding: 0;
		margin: 0;
	}
	/* MENU ------------------------------------------ */	
		#menu{
			position:absolute;
			top:240px;
			z-index:50;
			width:771px;
			left: 50%;
			margin-left: -383px;
		}

		#menu ul {
			list-style-type:none;
			padding:0px;
			margin:0px;
		}

		#menu li {
			float: left;
			padding:0;
			margin:0px 34px 0px 0px;
		}

		#menu li a {
			text-indent: -9999px;
			display:block;
			outline:none;
			border:none;
		}

		#menu #home {
			background:transparent url('images/btn_home2.gif') no-repeat;
			width:72px;
			height:42px;
		}

		#menu #home:hover {
			background:transparent url('images/btn_home_mo.gif') no-repeat;
			width:72px;
			height:42px;
		}

		#menu #home:active {
			background:transparent url('images/btn_home_mo.gif') no-repeat;
			width:72px;
			height:42px;
		}

		#menu #beverages {
			background:transparent url('images/btn_beverages.gif') no-repeat;
			width:113px;
			height:42px;
		}

		#menu #beverages:hover {
			background:transparent url('images/btn_beverages_mo.gif') no-repeat;
			width:113px;
			height:42px;
		}

		#menu #food {
			background:transparent url('images/btn_food.gif') no-repeat;
			width:115px;
			height:42px;
		}

		#menu #food:hover {
			background:transparent url('images/btn_food_mo.gif') no-repeat;
			width:115px;
			height:42px;
		}

		#menu #brewing {
			background:transparent url('images/btn_brewing.gif') no-repeat;
			width:79px;
			height:42px;
		}

		#menu #brewing:hover {
			background:transparent url('images/btn_brewing_mo.gif') no-repeat;
			width:79px;
			height:42px;
		}

		#menu #blog {
			background:transparent url('images/btn_blog.gif') no-repeat;
			width:98px;
			height:42px;
		}

		#menu #blog:hover {
			background:transparent url('images/btn_blog_mo.gif') no-repeat;
			width:98px;
			height:42px;
		}

		#menu #location {
			background:transparent url('images/btn_location.gif') no-repeat;
			width:90px;
			height:42px;
		}

		#menu #location:hover {
			background:transparent url('images/btn_location_mo.gif') no-repeat;
			width:90px;
			height:42px;
		}
	
		
	#homeBG {
		z-index:6;
		background:#ffffff url('images/homeBG.jpg') no-repeat;
		position:absolute;
		top:396px;
		width:771px;
		height:434px;
		left: 50%;
		margin-left: -385px;
	}
	
	#wrapper {
		z-index:10;
		position:absolute;
		top: 396px;
	    margin:0;
	    padding:0 0 80px 0;
		width:869px;
		left: 50%;
		margin-left: -435px;
		
	}
	
	#subHeaders
	{
		position:absolute;
		top: 318px;
		margin-left:50px;
		width:771px;
		left: 50%;
		margin-left: -385px;
		z-index:50;
	}
	
	#subLeft
	{
		width:494px;
		float:left;
	}
	
	#subRight
	{
		width:276px;
		float:left;
	}
	
	.goth
	{
		margin: 6px 0 0 0;
		line-height: 10px;
	}
	

	
	#content {
		width:526px;
		float:left;
		padding:0;
		margin:0;
	}
	
	#rightColumn {
		width: 343px;
		float:left;
		padding:0;
		margin:0;
	}
	
	#frontPanel {
		width:478px;
		padding:0;
		margin: 0px 0px 0px 50px;
	}
	
	#aboutBox
	{
		position:relative;
		top: 280px;
		background: transparent url('images/home_aboutBoxBG.png') no-repeat;
		width:430px;
		height:141px;
		left: 50%;
		margin-left: -215px;
	}
	
	#aboutTextBox
	{
		color: #FFF;
		padding-top:35px;
		line-height: 1.5em;
	}
	
	#homePost {
		width:264px;
		height:398px;
		overflow:hidden;
		padding:16px;
		margin: 0;
		color:#fff;
	}
	
	#homePost .dottedWhite{
		margin-bottom:12px;
	}
	
	#homePostTitle
	{
		display:block;
		overflow:hidden;
		font-size: 2em;
		font-family: Arial, sans-serif;
		font-weight:bold;
		text-transform:uppercase;
		color: #b78b5e;
	}

	#homePostMore
	{
		font-size: 13px;
		color: #b78b5e;
		text-transform:uppercase;
	}
	
	#homePost img{
		display:block;
		margin-bottom:15px;
	}
		
	#photoAttribution
	{
		height:30px;
		width:771px;
		padding:9px 0 0px 0;
		margin-left: -385px;
		left: 50%;
		position: absolute;
		top:431px;
		color:#000;
		border-bottom: 1px solid #000;
		text-align: right;
	}
	
	#photoAttribution em
	{
		color:#b78b5e;
	}
	
	
	/* =Blog	-------------------------------------------------------------- */
	
	#wrapper_blog {
		z-index:10;
		position:absolute;
		top: 318px;
	    padding:0 26px 150px 10px;
	    margin:0;
		width:833px;
		left: 50%;
		margin-left: -435px;
	}
	
	#content_blog {
		width:533px;
		padding:0;
		margin:0;
		float:left;
	}
	
	.dateBox {
		width:45px;
		float:left;	
	}
	
	.dateBox .dottedBlack
	{
		margin: 0 0 17px 0;
	}
	
	.dateBox h1
	{
		margin-left:2px;
	}
	
	.post
	{
		width:533px;
		float:left;
		margin-bottom: 50px;
	}
	
	.post .dottedBlack
	{
		margin-bottom:12px;
	}
	.post-date
	{
		font-size:4.5em;
		font-family: Arial;
		text-transform:uppercase;
		color: #b78b5e;
		display:block;
		margin-left: -3px;
	}
	
	.post-content
	{
		width:450px;
		float:right;
	}
	

	
	
	
	
	#rightColumn_blog {
		width: 257px;
		float:right;
		padding:0;
		margin:0;
	}
	
	.nav-previous, .nav-next
	{
		font-family:Arial;
		font-size:1.5em;
		text-transform:uppercase;
		margin-left:80px;
		float:left;
	}
	
	
	
	/* =Comments
	-------------------------------------------------------------- */
	#comments-list
	{
		width:449px;
		float:right;
	}
	
	#comments-list ol, #comments-list ul 
	{
		list-style: none;
	    margin:0;
		width:450px;
	}
	#comments-list hr
	{
		margin: 12px 0 0 0;
	}
	
	.comment-metaWrapper
	{
		width:100px;
		float:left;
	}
	
	.comment-metaSection {
		border-bottom: 1px solid #000000;
		padding-bottom: 10px;
		margin: 19px 0 0px 0;
		vertical-align:text-top;
		height:23px;
		width:100px;
	}
	
	.comment-number {
	    font-weight:bold;
	    font-size:30px;
		margin:0px;
		padding: 0px;
		float:left;
	}
	
	.comment-meta {
	    color:#956e44;
		font-family: Verdana, sans-serif;
	    font-size:10px;
		padding: 0px;
		margin:0;
		line-height:134%;
		float:right;
	}
	
	.comment-author
	{
		clear:both;
		padding: 0;
		margin: 0;
		font-size:1em;
		color:#956e44;
	}
	
	.comment-author hr.dottedBlack
	{
	
		padding: 0;
		margin: 0;
	}
	
	.comment-metaSection hr.dottedBlack
	{
		clear:both;
		padding:0;
		margin:0;
	}
	
	.comment-content
	{
		width:320px;
		float:right;
		margin: 19px 0 0 0;
	}
	
	#respond
	{
		margin-left: 86px;
	
		
	}
	
	/* Beverage Page */
	
	#wrapper-beverage {
		z-index:10;
		position:absolute;
		top: 315px;
	    margin:0;
	    padding:0;
		width:869px;
		left: 50%;
		margin-left: -435px;
	}
	
	#content-beverage {
		width:625px;
		position:relative;
		left:50%;
		margin-left:-312px;
		padding-bottom:80px;
	}
	
	#beveragesPanel h2 {
		text-align:center;
		padding:0px;
		margin:18px 0 6px 0;
	}

	#beveragesPanel .dottedBar
	{
		background: transparent url('images/dottedBar.gif') repeat-x;
		height:3px;
		padding: 0;
		margin: 0 0 30px 0;
	}
	
	#beveragesPanel
	{
		
		
	}
	
	
	#beveragesPanel .beverage-content
	{
		width:394px;
		float:right;
		
	}
	
	#beveragesPanel hr.dottedBlack
	{
		
		clear:both;
		margin: 20px 0 28px 0;
		
	}
	
	.beverage ul 
	{
		list-style-image:url('images/listDrop.gif');
	}
	
	#beveragesPanel img
	{
		width:215px;
		height:143px;
		overflow:hidden;
		float:left;
		margin-bottom: 28px;
		border:3px solid #5d5649;
	}
	
	#beveragesPanel .beverage-name
	{
		float:left;
		margin-right:6px;
	}
	
	#beveragesPanel .beverage-place
	{
		vertical-align: baseline;
		font-size:1em;
		float:left;
		font-family:Arial;
		margin-bottom:6px;
	
	}
	
	
	#beveragesPanel p
	{
		clear:both;
		margin: 8px 0 8px 0;
	}
	
	/* Beverage Menu */
	#subMenu {
		height:84px;
		width:625px;
		position:relative;
		left:50%;
		margin-left:-312px;
		padding-bottom:10px;
		
	}
	
	.subMenu-title
	{
		float:left;
		position:relative;
		top:64px;
		padding-right:83px;
	}
	
	#beverage-menu ul {
		list-style-type:none;
		padding:0px;
		margin:0px;
	}

	#beverage-menu li {
		float: left;
		padding:0;
		margin:0px 34px 0px 0px;
	}

	#beverage-menu li a {
		text-indent: -9999px;
		display:block;
		outline:none;
		border:none;
	}

	#beverage-menu #coffee {
		background:transparent url('images/btn_coffee.png') no-repeat;
		width:59px;
		height:84px;
	}

	#beverage-menu #coffee:hover {
		background:transparent url('images/btn_coffee_mo.png') no-repeat;
		width:59px;
		height:84px;
	}
	
	#beverage-menu #coffee.active {
		background:transparent url('images/btn_coffee_mo.png') no-repeat;
		width:59px;
		height:84px;
	}
	
	
	#beverage-menu #tea {
		background:transparent url('images/btn_tea.png') no-repeat;
		width:59px;
		height:84px;
	}

	#beverage-menu #tea:hover {
		background:transparent url('images/btn_tea_mo.png') no-repeat;
		width:59px;
		height:84px;
	}
	
	#beverage-menu #tea.active {
		background:transparent url('images/btn_tea_mo.png') no-repeat;
		width:59px;
		height:84px;
	}
	
	#beverage-menu #bottles {
		background:transparent url('images/btn_bottles.png') no-repeat;
		width:59px;
		height:84px;
	}

	#beverage-menu #bottles:hover {
		background:transparent url('images/btn_bottles_mo.png') no-repeat;
		width:59px;
		height:84px;
	}
	
	#beverage-menu #bottles.active {
		background:transparent url('images/btn_bottles_mo.png') no-repeat;
		width:59px;
		height:84px;
	}
	
	/* Location Page */
	#wrapper-location {
		z-index:10;
		position:absolute;
		top: 315px;
	    margin:0;
	    padding:0;
		width:869px;
		left: 50%;
		margin-left: -435px;
	}	
	
	
	#content-location
	{
		background:transparent url('images/map.png') no-repeat top right;
		min-height:448px;
	}
	
	#location-panel
	{
		position:relative;
		width:225px;
		left:50px;
	}
	
	#location-title 
	{
		margin: 0px 0 12px 0;
		
	}
	
	#location-title .main-title
	{
	
		margin-right:6px;
		vertical-align:bottom;
	}
	
	#map-link 
	{
		vertical-align:baseline;
	
	}
	
	#location-panel h2
	{
		margin:12px 0 0 0;
	}	
	
	#location-panel .dottedBlack
	{
		margin:12px 0 0 0;
	}
}