@charset "UTF-8";
/* CSS Document */

/* Two-column with sidebar on left from the /examples/ folder  */

@import url('examples/1c-b.css');

/*

THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:

REVISED BY: 12 Grain Studio
LAST EDITED: 07.13.2010


TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer

*/


/*  
Client: Tuthhilltown Spirits
Client URL: http://www.tithhilltown.com

Author: 12 Grain Studio
Author URL: http://www.12grainstudio.com/


	
*/



/*
A. COLORS
-----------------------------------------------------------------------------

#hex (desc)

#f3f1e5  (light tan)
#c58240 (orange/brown)
#512918 (brown)
#660000  (red)
#ffffff (white)
#000000 (Black)



B. TABLE OF CONTENTS
-----------------------------------------------------------------------------
1. RESET

2. BASE
   Basic Styles
3. LAYOUT
	Content
	Navigation
	Sub-Nav
	Footer
	Homepage
	Promo Section
	Logo
	Page Styles


 	
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/


/* 1. RESET
no editing required
-----------------------------------------------------------------------------

html, body, br, hr, 
div, span, a,
object, iframe,
ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6,
p, blockquote, q, address,
small, big, cite, dfn, ins, del, 
i, em, b, strong, sup, sub, strike,
pre, code, samp, kbd, var, tt,
form, fieldset, legend, label,
input, textarea, option, .nobox{
	background: transparent;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	margin-top: 0px;
}

blockquote, q{
	quotes: none;
	color: #512918;
	text-align: left;
}

br{ height: 0; }

ul, ol, dl{ list-style: none; }
 */
a img{
	border: 0;
	margin: 0px auto;
}

img{
	display: inline-block;
}









/* Just some example content

div.skip-link {
	position:absolute;
	right:1em;
	top:1em;

} */




/* 2. BASE
no editing required
----------------------------------------------------------------------------- */
body {
	background: url(images/wheat.jpg) repeat 0 0;
	font-family: Helvetica, Verdana, Arial;
	color: #512918;
	font-size:12px;
	line-height: 16px;
}



	
	
/*========== TEXT =========*/


/*------  HEADERS -----*/
h1, h2, h3, h4 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}

h1 {
	font-size:28px;
	color:#512918;
	margin:15px 0 20px 0;
	padding:0px;
	text-align:left;
}

h2 {
	font-size:21px;
	color:#512918;
	margin:0px 0 15px 0;
	padding:0px;
	text-align:left;
}

h3 {
	font-size:16px;
	color:#512918;
	margin:5px 0 5px 0;
	padding:0px;
	text-align:left;
}

h4 {
	font-size:14px;
	color:#512918;
	margin:0px 0 5px 0;
	padding:0px;
	text-align:left;
}

/*------  COPY -----*/

p {
	padding:5px 0px 8px 0px;
	margin:0 auto;
	text-align:left;
	line-height:21px;
}


/*========== END TEXT =========*/


div#wrapper {
	width:800px;
	margin:0 auto;

	}



div#header {
	margin:0 auto;
	position:relative;
	width:100%;

	}



div#header h1 {
	display:none;
	}

	

.logotop {
	padding-bottom:15px;
	}

	


div.sidebar {
	float:left;
	overflow:hidden;
	padding:10px 1.9%;
	width:46%;
}

div#primary {
	clear:both;
	width:100%;
	margin:-30px 0px 0px;
	padding:0px;
}



/*========= Footer =========*/

div#footer {
	clear:both;
	width:100%;
	text-align:center;
	padding-top: 55px;
	padding-bottom: 25px;
	font-size: 10px;
	color: #999999;
}

div#footer a {
	color: #c58240;
	text-decoration:none;
	}
.footernav ul {
	width:100%;
	padding:0px;
	list-style-type: none;
	text-align: center;
}

.footernav  li{
	display: inline; 
}

.footernav  li:after
{
content: " | ";
}


/*=========End  Footer =========*/





.entry-title,.entry-meta {clear:both;}



div#container {margin-top:2em;}



/*========== FORMS ============*/

form#commentform .form-label {
	margin:1em 0 0;
}

form#commentform span.required {
	background:#fff;
	color:#c30;
}


form#commentform,form#commentform p {
	padding:0;
}


input#author,input#email,input#url,textarea#comment {
	padding:0.2em;
}


div.comments ol li {
	margin:0 0 3.5em;
}


textarea#comment {
	height:13em;
	margin:0 0 0.5em;
	overflow:auto;
	width:66%;
}



.alignright,img.alignright{

	float:right;
	margin:0em;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 15px;

}



.alignleft,img.alignleft{

	float:left;
	margin:0em;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 45px;
	padding-left: 0px;

}



.aligncenter,img.aligncenter{

	display:block;
	margin:0em auto 1em;
	text-align:center;

}




/*======= Gallery =======*/

div.gallery {

clear:both;
height:180px;
margin:1em 0;
width:100%;

}


p.wp-caption-text{
font-style:italic;
}


div.gallery dl{
	margin:1em auto;
	overflow:hidden;
	text-align:center;

}


div.gallery dl.gallery-columns-1 {
width:100%;

}



div.gallery dl.gallery-columns-2 {
width:49%;

}


div.gallery dl.gallery-columns-3 {
width:33%;

}


div.gallery dl.gallery-columns-4 {
width:24%;

}


div.gallery dl.gallery-columns-5 {
width:19%;

}


div#nav-above {
margin-bottom:1em;
}


div#nav-below {
margin-top:1em;

}



div#nav-images {
height:150px;
margin:1em 0;
}



div.navigation {
height:1.25em;

}



div.navigation div.nav-next {

float:right;
text-align:right;

}



div.sidebar h3 {

font-size:1.2em;

}



div.sidebar li {

list-style:none;
margin:0 0 2em;

}


div.sidebar li form {

margin:0.2em 0 0;
padding:0;

}


div.sidebar ul ul {

margin:0 0 0 1em;

}


div.sidebar ul ul li {

list-style:disc;

margin:0;

}


div.sidebar ul ul ul {

margin:0 0 0 0.5em;

}


div.sidebar ul ul ul li {

list-style:circle;

}


div#menu ul li,div.gallery dl,div.navigation div.nav-previous {

float:left;

}



div#header {

	text-align:center;

}



input#author,input#email,input#url,div.navigation div {

width:50%;

}



div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {

margin:0;

padding:0;

}





/*home page content columns*/

div#content {

		width:800px;
		min-height:500px;

}



div#newshomecolumn {

	width: 260px;
	float:left;
	margin-right:25px;
	margin-left: 10px;

	}

	

div#eventshomecolumn {

	width: 260px;

	float:left;

	margin-right:25px;

	margin-left: 10px;

	}



div#storehomecolumn {

	width: 200px;

	float:left;

	text-align:center;

	}

	

.category-about h2.entry-title {

	padding-left: 212px;

	}

	

.category-about .size-full {

	margin-top: -28px;
	padding-bottom: 40px;

	}

	

#post-230 .size-full {

	margin-top: 2px;
	padding-bottom: 40px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

	}

	

	

#post-230 h2.entry-title {
	display:none;

	}

	

h2.entry-title a:link, h2.entry-title a:visited, h2.entry-title a:hover {

	color:#512918;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	letter-spacing: normal;
	padding-top:8px;

	}

	

h2.entry-title a:hover, div#newshomecolumn h2.entry-title  a:hover, div#eventshomecolumn h2.entry-title  a:hover, div#storehomecolumn h2.entry-title  a:hover {
	padding-top:8px;
	color:#990000;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;

	}

	

h3.entry-title a:link {

	color:#512918;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;

	}

	

h3.entry-title a:hover {

	color:#990000;
	text-decoration:none;

	}	

	

.category-location-hours h3 {

	display: none;

	}

	

.pageid-3 h3 {

	color:#512918;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
	text-decoration:none;

	}

	

.pageid-3 p {

	line-height: 18px;
	font-size:10px;

	}



.entry-meta {

	display:block;

	}

	

div#newshomecolumn h1 a, div#eventshomecolumn h1 a, div#storehomecolumn h1 a {

	color: #c58240;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	padding:0px;

	}

		

div#homepagephotos {

	height:100px;
	width: 800px;
	margin-left:10px;

	}



div#homepagephotos img {

	padding: 3px;
	border: 1px solid #996633;
	margin-right:20px;

	}

	


.page-title h1, .page-parent h1 {

	color:#512918;
	text-transform:uppercase;
	font-size: 28px;
	letter-spacing: .01em;

	}



.entry-content p .more-link {

	display:block;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 10px;
	padding:5px 15px;
	}



.page-template-home-php .entry-content p, .page-template-home-php .entry-content a, #storehomecolumn p, #storehomecolumn a {

	font-size:11px;

	}

	

#storehomecolumn img {

	padding-top:10px;

	}

	

div#clearitall {
	width:100%;
	clear:both;

	}

	

#mailinglist {

	width: 250px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #663300;
	padding-top:30px;



	}



#search {

	width: 250px;

	text-align: center;	

	}



#searchmenu{

	text-align: center;

}





#searchsubmitbtn{

	position:relative;

	top:-25px;

	left:100px;

}



	

#twitter {

	width: 200px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #663300;
	padding-top:30px;

	}

	

div#left-column {

	width: 45%;

	float: left;

	clear: none;

	}

div#right-column {

	width: 45%;

	float: right;

	clear: none;

	}



.lastcell {

	padding-left:80px;

	}

	

.category-events .post, .category-recipes .post, .category-press .post, .category-news .entry-content {

	border-bottom:1px dotted #996633;
	padding-bottom:10px;

	}



.single .entry-content {
	border-bottom:none;

	}

	

.category-recipes .post img {

	margin-bottom: 50px;

	}


/*===========================================*/

/*Drop Down Menu Styles*/

#ddmenu {
	margin: 0;
	padding: 0;
	height:50px;
	width:800px;
	border:0px dotted #996633;
	
}

#ddmenu li {
	float: left;
	list-style: none;
	font: 16px normal Georgia, "Times New Roman", Times, serif;
	padding:0 12px;
}

#ddmenu .first{
	float: left;
	padding:0 11px 0 0;
	border:0px dotted #996633;
}

#ddmenu .last{
	float: left;
	padding:0 0 0 11px;
	border:0px dotted #996633;
}


#ddmenu li a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #512918;
	text-transform:uppercase;
	white-space: nowrap;
	text-align:center;
}

#ddmenu li a:hover {
	background-color: #e6e2c9;
	color:#660000;
}

#ddmenu li ul {
	margin: 3px 0 0 0px;
	padding: 0;
	position: absolute;
	visibility: hidden;
}

#ddmenu .right{
	margin: 3px 0 0 0px;
	display:inline;
	position: absolute;
	visibility: hidden;
	margin-left:-244px;
}

#ddmenu li ul li {
	display:inline;
	padding:0px;
}

#ddmenu li ul li a {
	width: auto;
	background-color:#e6e2c9;
	display: inline;
	color: #660000;
	font-size: 13px;
	padding: 2px 10px;
}

#ddmenu li ul li a:hover {
	background-color:#fff;
	padding: 2px 10px;
}



/*===========================================*/







	

/*======= DROP DOWN MENU =============*/



/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



.menu {

	width:830px;

	height:30px;

	position:relative;

	z-index:100;

	padding-bottom:15px;

}

/* hack to correct IE5.5 faulty box model 

* html .menu {width:800px; w\idth:800px;}*/

/* remove all the bullets, borders and padding from the default list styling */

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

/*.menu ul ul {width:100px;}*/

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited {

	display:block;

	font-size:12px;

	text-decoration:none;

	line-height:20px;

	padding-right: 36px;

	padding-left:10px;

	color:#5C3626;

	text-transform: uppercase;

}

/* a hack so that IE5.5 faulty box model is corrected */

/** html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}*/



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {color:#990000; width:800px;}

/* style the second level hover */

.menu ul ul li {/*background-color: #C58240; width:150px; float:left;*/}

.menu ul ul a.drop:hover{

	color:#990000;

	/*width:150px;

	background-color: #C58240;*/

}

.menu ul ul :hover > a.drop {color:#663300;width:190px;}

/* style the third level background 

.menu ul ul ul a, .menu ul ul ul a:visited {color:#990000;}*/

/* style the third level hover 

.menu ul ul ul a:hover {background:#b2ab9b;}*/





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:190px;}

/* another hack for IE5.5 */

* html .menu ul ul {top:25px;t\op:25px;}



/* position the third level flyout menu 

.menu ul ul ul{left:149px; top:-1px; width:149px;}*/



/* position the third level flyout menu for a left flyout 

.menu ul ul ul.left {left:-149px;}*/



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {

	color:#663300;

	height:auto;

	line-height:1em;

	padding:5px 10px;

	/*border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #330000;*/

}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#990000;}

.menu :hover > a, .menu ul ul :hover > a {color:#990000;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul, .menu ul a:hover ul{

	visibility:visible;

	display:block;

	postion: absolute;

	top:20px;

	color:#fff;

	width:600px;

	background-color: #990000;

}



/* keep the third level hidden when you hover on first level list OR link 

.menu ul :hover ul ul{visibility:hidden;}*/

/* make the third level visible when you hover over second level list OR link 

.menu ul :hover ul :hover ul{ visibility:visible;}







/* ================================================================ 

   This CSS is further CSS I have created specifically for Wordpress

   so that the current page is highlighted in two levels.

   If you want it in three levels let me know.



   Author: Isaac Rowntree

   Website: www.zackdesign.biz

=================================================================== */





.menu ul ul .current_page_item a {

  color: red;

  background: white;

}



.menu .current_page_item a {

  color: red;

  font-weight: bold;

  background: white;

}



.menu ul .current_page_item ul a {

  color: white;

  font-weight: normal;

  background: black;

}



.menu ul .current_page_item ul a:hover {

  background: gray;

}



.menu .current_page_item a:hover {

  background: white;

}





/* Featured Press Area */

#featuredpress {

	float:left;

	width: 410px;

	padding:10px;

	border: 1px solid #C58240;

	}



#pressstories {

	float:right;

	width: 340px;

	padding:10px;

	}

#pressstories img {

	display:none;

	}



#pressstories a {

	font-weight: bold;

	font-style: oblique;

	}

	

#pressstories h3 a {

	font-style:normal;

	}

	

.featuredpost {

	border-bottom:thin solid #5C3626;

	}



.featuredpost h3 {

	display:none;

	}



.featuredpost h2 a, .pageid-561 h2 {

	font-size:16px;

	}

	

.pageid-561 a {

	text-decoration: underline;

}



.category-staff img.alignleft {

	margin-bottom: 50px;

	}