/*  
Theme Name: Moonshine
Description: Moonshine Theme
Version: 1.0 
Author: Tattooed Tees, Inc. , Shaun Crittenden
*/

/*
background (dark green) #1a1711
text (dark green) #282116;
content background (lt tan) #faf5eb
red #c41c09
*/

/*
=RESET
-Eric Meyer Reset Reloaded - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
--------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! -S: I took this out
:focus {
	outline: 0;
}*/
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
	/* END RESET */
	
strong{
	font-weight: bold;
}


/*
=Structure
=Main
--------------------------------------------------------------------------------------------------*/
body    { background-color: #1a1711; color: #282116; font-family: Arial, Helvetica, San-Serif; text-align: center; }	
#shell  { background: url(images/tile_bg.jpg) center top repeat-x transparent; }
#wrapper{ background: url(images/main_bg_cb.jpg) center top no-repeat transparent; }

#sidebar{
	float: right;
	width: 300px;
	text-align: left;
	}
#content{
	float: left;
	width: 435px;
	padding-left: 25px;
	text-align: left;
	}

#box{
	position: relative;
	clear: both;
	width: 780px;
	display: block;
	margin: 0 auto 0 auto;
	overflow: hidden;
	text-align: left;
	background: url(images/content_bg.jpg) 0 top no-repeat #faf5eb;
	height: auto;
	padding-bottom: 20px;
	}	
#footer{
	background: url(images/footer_bg.jpg) center bottom repeat-x transparent;
	clear:both;
	text-align:left;
	overflow: hidden;
	}
#footer #footer-shell{
	background: url(images/footer_shell_bg.jpg) center bottom no-repeat transparent;
	height: auto;
	overflow: hidden;
}
#footer #footer-wrapper{
	background: url(images/footer_top_line.jpg) left top repeat-x #ebe0d6;
	width: 780px;
	margin: 0 auto 78px auto;
	text-align: left;
	position: relative;
	height: auto;
	overflow: hidden;
	}
#footer a{
	color: #000;
}
#footer #foot-nav{
	background: url(images/footer_top_line.jpg) right bottom repeat-x transparent;
	width: 460px;
	font-size: 10px;
	position: relative;
	float: left;
	margin-left: 10px;
	margin-bottom: 15px;
	}
#footer #footer-overlay{
	background: url(images/footer_front_detail.jpg) left top no-repeat transparent;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 38px;
	height: 52px;
}
#footer p{
	}
#footer #foot-nav li{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	}
#footer #foot-nav li a{
	padding: 13px 3px 3px 3px !important;
	display: block;
	}
#footer #foot-nav .current_page_item a{
	background: url(images/footer_current.gif) center top no-repeat transparent;
	color: #81715c;
	}
#footer #foot-nav .current_page_item a:hover{
	cursor: default;/* make it look like its not a link because we are here already! */
	text-decoration: none;
	}
#footer a:link, #footer a:visited{
	text-decoration: none;
	}
#footer a:focus {
	text-decoration: none;
	}
#footer a:hover, #footer a:active{
	text-decoration: underline;
	}
	
#company-information{
	position: relative;
	float: right;
	width: 300px;
	background-color: #e4d3c9;
	font-size: 11px;
	line-height: 1.3em;
	margin-top: 1px;/* to show border image of footer-wrapper */
}
#company-information a{
	font-weight: bold;
	background: url(images/footer_maplink_bg.gif) right center no-repeat transparent;
	padding-right: 10px;
}
#company-information #addy{ width: 150px; }
#company-information #hours{ width: 100px; }
#company-information p{
	position: relative;
	display: block;
	float: left;
	margin: 10px 0 10px 15px;
}
#footer #copyright{
	background: url(images/footer-moonshine-logo.gif) center top no-repeat transparent;
	padding: 30px 0 0 0;
	clear: left;
	color: #81715c;
	font-size: 10px;
	position: relative;
	width: 460px;
	display: block;
	text-align: center;
	margin-left: 10px;
}



/*
HEADER
--------------------------------------------------------------------------------------------------*/
#header{
	display: block;
	height: 129px;
	width: 780px;
	margin: 0 auto;
	position: relative;
	background: url(images/header_bg.jpg) left top no-repeat transparent;
}
#header h1{
	position: absolute;
	top: 30px;
	left: 20px;
	display: block;
	width: 260px;
	height: 65px;
	text-align: left;
}
#header h1 a{
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -9999px;
	background: url(images/moonshine_sign.gif) left top no-repeat transparent;
}


/*
=Navigation
--------------------------------------------------------------------------------------------------*/
.nav{
	width: 100%;
	text-align: center;
	background-color: #282116;
	color: #ac9345;
	position: relative;
	font-size: .7em;
	letter-spacing: .04em;
	}	
.nav ul{
	width:780px;
	margin: 0 auto;
	text-align: right;
	position: relative;
	}
.nav ul li{
	display: inline;
	margin-left: 10px;
	}
.nav ul li a{
	color: #AC9345;
	text-decoration: none;
	line-height: 4em;
}
.nav ul li a:hover,
.nav .current_page_item a,
.current_page_ancestor a,
.nav ul .current-cat a{
	color: #c41c09;
}
.nav .current_page_item a{
	}
.nav .current_page_item a:hover,
.nav current-cat a:hover{
	cursor: default;
}
.nav .nav-feat{background-color: #1a1711; padding: 5px;}

#sub-nav{
	font-size: .7em;
	margin: -4px 0 10px 0;
	text-align: center;
}
#sub-nav li{
	display: inline;
	margin: 0 5px 0 5px;
}
#sub-nav li a{
	text-decoration: none;
	background-color: #ebe0d6;
	padding: 4px;
}
#sub-nav li a:hover{
	text-decoration: underline;
}

/*
=Anchors
=Typography
--------------------------------------------------------------------------------------------------*/
a{
	color: inherit;
	text-decoration:underline;
	}	
a:hover{
	color: #000;
	}
h1 a, h1 a:hover{
	text-decoration: none;
}
#content h2{ 
	background: url(images/page_heading_bg.jpg) left top no-repeat transparent;
	background: url(images/page_heading_bg.gif) left bottom no-repeat transparent;
	font-size: 1.1em;
}
#content h3{ 
	background: url(images/section_heading_bg.jpg) left top no-repeat transparent;
	font-size: .9em;
}
#content h2 a{
	text-decoration: none;
}
#content h2, #content h3{
	color: #c41c09;
	letter-spacing: .05em;
	line-height: 1.2em;
	width: 435px;
	margin-left: -25px;
	padding: 20px 0 20px 25px;
	margin-bottom: 10px;
	clear: both;
}
#content h2 a,
#content h3 a,
#content h4 a,
#content h5 a,
#content h6 a{
	color: #C41C09;
}
#content h4{
	border-bottom: solid 1px #e5decb;
	padding: 5px 0;
	font-size: .8em;
	font-weight: bold;
	margin: 1em 0 .5em;
	clear: both;
}
#content h4 a{ text-decoration: none; }
#content h4 a:hover{ text-decoration: underline; }
h4, h5, h6{
	}
#content p,
#content ul{
	font-size: .8em;
	letter-spacing: .03em;
	line-height: 1.5em;
	margin-bottom: 1em;
	clear: both;
}

#content ul{
	list-style: disc inside;
}

#content img{
	background: url(images/img_bg.gif) center repeat transparent;
	border: solid 1px #dad4c2;
	padding: 3px;
	margin: 0 5px 21px 0;
}
#content #gmap img{
	background-image: none;
}

#inner-menu #content h6{
	background: url(images/underline.gif) left bottom no-repeat transparent;
	padding: 15px 0 3px 0;
	font-size: .8em;
	font-weight: bold;
}
#inner-menu #content p{
	font-size: .7em;
	margin: 0;
}
.more-link{
	background: url(images/more_arrow.gif) right center no-repeat transparent;
	text-align: right;
	font-size: .7em;
	position: relative;
	float: right;
	padding-right: 10px;
	text-decoration: none;
	color: #000;
}
#content .more-link{
	margin-bottom: 1em;
}
#sidebar .more-link{
	margin-right: 10px;
}
.more-link:hover{
	text-decoration: underline;
	color: #000;
}
#content em{
	font-style: italic;
}
blockquote{
	clear: both;
	display: block;
	margin-bottom: 2em;
	border-bottom: dotted 1px #e0d5c7;
}
blockquote p{
	margin-bottom: 0;
	margin-bottom: 0 !important;
	
}
code{
	padding-left:15px;
	border:1px dashed white;
}
abbr,acronym{
	border:0;
	}
.postmetadata{
	position: relative;
	clear: both;
	width: 100%;
}

.postmetadata a{
	color: #C41C09;
}

#content .navigation{
	padding: 25px 0;
	position: relative;
}

#content .navigation a{
	color: #8a7a67 ;
	padding: 7px;
	background-color: #ebe9e5;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
}
#content .navigation a:hover{
	text-decoration: underline;
}

#content .navigation .alignleft{
	text-align: left;
	float: left;
	display: inline;
	width: 48%;
}

#content .navigation .alignright{
	text-align: right;
	float: right;
	width: 48%;
	display: inline;
}



/*
=Sidebar
--------------------------------------------------------------------------------------------------*/
#sidebar{
	letter-spacing: .03em;
}
#sidebar h3{
	background-color: #ebe0d6;
	padding: 8px 8px 8px 20px;
	margin: 10px 3px 3px 0;
	font-size: .9em;
}
#sidebar ul{
	margin-left: 15px;
}
#sidebar ul li{
	font-size: .7em;
	margin-right: 3px;
	margin-bottom: 2px;
}
#sidebar ul li a{
	padding: 4px;
	display: block;
	color: #877c59;
	text-decoration: none;
	border-bottom: solid 1px #e5decb;
	padding-left: 14px;
}
#sidebar ul li a:hover{ background: url(images/more_arrow.gif) 2px center no-repeat transparent; }

#sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { color: #c41c09; }
#sidebar-head{
	display: block;
	width: 100%;
	height: 173px;
	position: relative;
}
#sidebar-head #search{
	position: absolute;
	bottom: 19px;
	left: 20px;
}
/* Search field */
#sidebar-head #search input#s{
	background: url(images/search_bg.jpg) left top repeat transparent;
	border: solid 1px #383636;
	color: #9c9f8b;
	font-size: 14px;
	padding: 4px;
	width: 158px;
}
/* Search submit button */
#sidebar-head #search input#searchsubmit{
	background: url(images/btn_search.gif) left top no-repeat transparent;
	width: 73px;
	height: 29px;
	text-indent: -9999px;
	overflow: hidden;
	border-style: none;
	margin-left: 10px;
	top: -1px;
	position: relative;
}
#sidebar-head #search input#searchsubmit:hover{ cursor: pointer; background: url(images/btn_search.gif) left bottom no-repeat transparent; }

#fresh{
	background: url(images/fresh_bg_tile.jpg) left 10px repeat-y transparent;
	padding: 0 0 0 10px;
}

#fresh ul, #sidebar-head ul{
	margin: 0;
}
#fresh ul li, #sidebar-head ul li{
	font-size: .9em;
	margin: 0;
}
#fresh ul li a, #sidebar-head ul li a{
	border-style: none;
}
#fresh ul li a:hover{
	background-image: none;
}

#fresh h3{
	background: url(images/fresh_heading_bg.jpg) left top no-repeat transparent;
	padding: 30px 0 12px 10px;
	margin-left: -10px;
	margin-top: 0;
}
#fresh h2,
#fresh h4,
#fresh h5,
#fresh h6{
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
#fresh p{
	font-size: .8em;
	margin-bottom: 10px;
}
#inner-menu #fresh p{
	line-height: 1.3em;
}
#fresh p, #fresh ul{
	margin-right: 10px;
}
#fresh span{
	background: url(images/fresh_btm_bg.jpg) left bottom no-repeat transparent;
	display: block;
	clear: both;
	width: 300px;
	height: 50px;
	margin-left: -10px;
	font-size: .6em;
	color: #9d9374;
	padding-left: 10px;
}
#fresh span a.more-link{
	font-size: 1.1em;
	color: #000;
	position: relative;
	left: -10px;
}

#fresh ul li a{
	font-size: .9em;
	color: #000;
	padding: 3px 0 3px 0;
}
#fresh ul li a:hover{
	color: #c41c09;
}

#fresh .wplc_event_list{
	/* font-size: .8em; */
	line-height: 1.4em;
}
#fresh .wplc_event_list li{
	margin-bottom: 1em;
}
#fresh .wplc_event_list small{
	font-size: 10px;
	letter-spacing: 0em;
}

#sidebar #brews{
	display: block;
	height: 71px;
	background: url(images/moonshine_brew_heading.jpg) center top no-repeat transparent;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 0;
}

#sidebar-head #menu a{
	position: absolute;
	display: block;
	width: 177px;
	height: 21px;
	background: url(images/btn-menus.gif) left top no-repeat transparent;
	left: 6px;
	top: 10px;
	text-indent: -9999px;
}
#sidebar-head #menu a:hover{
	background: url(images/btn-menus.gif) left bottom no-repeat transparent;
}

.wplc_event_list .event,
.wplc_event_list .event a{
	line-height: normal;
}

/* BTNS */
#sidebar-head li a{ margin: 0 !important; padding: 0 !important; margin: 0; padding: 0; }

#sidebar-head a{
	position: absolute; display: block; text-indent: -9999px;
}
#brunch a{ width: 68px; height: 23px; top: 50px; left: 15px;}
#sidebar-head #brunch a       { background: url(images/btn_brunch.gif) top no-repeat transparent; }
#sidebar-head #brunch a:hover { background: url(images/btn_brunch.gif) bottom no-repeat transparent; }

#lunch-dinner a{ width: 68px; height: 42px; top: 75px; left: 15px;}
#sidebar-head #lunch-dinner a       { background: url(images/btn_lunch-dinner.gif) top no-repeat transparent; }
#sidebar-head #lunch-dinner a:hover { background: url(images/btn_lunch-dinner.gif) bottom no-repeat transparent; }

#specials a{ width: 68px; height: 23px; top: 25px; left: 17px;}
#sidebar-head #specials a       { background: url(images/btn_specials.gif) top no-repeat transparent; }
#sidebar-head #specials a:hover { background: url(images/btn_specials.gif) bottom no-repeat transparent; }

#spirits a{ width: 68px; height: 23px; top: 25px; left: 90px;}
#sidebar-head #spirits a       { background: url(images/btn_spirits.gif) top no-repeat transparent; }
#sidebar-head #spirits a:hover { background: url(images/btn_spirits.gif) bottom no-repeat transparent; }

#brew a{ width: 68px; height: 23px; top: 50px; left: 90px;}
#sidebar-head #brew a       { background: url(images/btn_brew.gif) top no-repeat transparent; }
#sidebar-head #brew a:hover { background: url(images/btn_brew.gif) bottom no-repeat transparent; }

#late-night a{ width: 68px; height: 23px; top: 75px; left: 95px;}
#sidebar-head #late-night a       { background: url(images/btn_late-night.gif) top no-repeat transparent; }
#sidebar-head #late-night a:hover { background: url(images/btn_late-night.gif) bottom no-repeat transparent; }


#reservations a{ width: 88px; height: 24px; top: 10px; left: 195px;}
#sidebar-head #reservations a       { background: url(images/btn_reservations.gif) top no-repeat transparent; }
#sidebar-head #reservations a:hover { background: url(images/btn_reservations.gif) bottom no-repeat transparent;  }

#events a{ width: 88px; height: 24px; top: 15px; left: 195px;}
#sidebar-head #events a       { background: url(images/btn_events.gif) top no-repeat transparent; }
#sidebar-head #events a:hover { background: url(images/btn_events.gif) bottom no-repeat transparent;  }

#newsletter a{ width: 88px; height: 24px; top: 46px; left: 195px;}
#sidebar-head #newsletter a       { background: url(images/btn_newsletter.gif) top no-repeat transparent; }
#sidebar-head #newsletter a:hover { background: url(images/btn_newsletter.gif) bottom no-repeat transparent; }

#location a{ width: 65px; height: 20px; top: 50px; left: 205px;}
#sidebar-head #location a       { background: url(images/btn-location.gif) top no-repeat transparent; }
#sidebar-head #location a:hover { background: url(images/btn-location.gif) bottom no-repeat transparent; }

.menu-current a{
	background-position: bottom !important;
}


/*
=Post
=Comment
--------------------------------------------------------------------------------------------------*/

.postmetadata{
	padding: 10px;
	font-size: .7em !important;
	/*background-color: #ebe0d6;*/
	background-color: #f0e9e0;
	width: 420px;
}
.post small.posted{
	font-size: 11px;
	color: #555;
	padding-bottom: 5px;
	display: block;
}

.entrytext a{
	color: #C41C09;
}

	
/*
=Comments
--------------------------------------------------------------------------------------------------*/
ol.commentlist{
	width: 440px;
	clear: both;
	}
ol.commentlist li{
	margin: 10px 0 10px 0;
	position: relative;
	}
ol.commentlist li.alt{
	background-color: #EBE0D6;
	background-color: #F0E9E0;
	}
.commentlist li .comment-data{
	background: url() left bottom repeat-x transparent;
	border-bottom: solid 1px #c0bc96;
	}
.commentlist li.alt .comment-data{
	background: url() left bottom repeat-x transparent;
}
.commentlist li blockquote{
	line-height: 14px;
	font-style: italic;
	font-size: 12px;
	border-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
small.commentmetadata{
	font-size: 1em;
	margin-bottom: 1em;
	display: block;
	padding: 5px 5px 4px 5px;
}
.commentlist cite{
	font-style: normal;
	position: absolute;
	top: 0;
	left: 40px;
	line-height: 40px;
	}
.commentlist p{
	line-height: 1.4em;
	margin: 10px 10px 0 10px;
	padding-bottom: 10px;
	}
.commentlist p.comment-data{
	margin: 0 !important;
	padding: 0 !important;
	line-height: 40px;
	height: 40px;
}
.commentlist p.comment-data a{
	text-decoration: none;
}
.commentlist li img{
	margin: 0 !important;
	border: none 0px transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	}
.commentlist li small{
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 10px;
	line-height: 32px;
}
#commentform{
	margin: 0 0 20px 0;
	}
#commentform small{
	font-size: .8em;
	}
#commentform input, #commentform textarea{
	font-family: Arial, Helvetica, San-Serif;
	font-size: 12px;
	padding: 4px;
	border: solid 1px #81715c;
	background-color: #FFF;
	}
#commentform textarea{
	width: 425px;
	}
#commentform p{
	margin-left: 0;
	padding-left: 0;
}
#contact input, #contact textarea{
	font-family: Arial, Helvetica, San-Serif;
	font-size: 12px;
	padding: 4px;
	border: solid 1px #81715c;
	background-color: #FFF;
	width: 420px;
}
#contact input[type=submit]{
	width: auto;
}

#wrapper #content .wpcf7-checkbox input{
	display: inline;
	width: auto;
}
label small{
	display: block;
	font-style: italic;
	color: #777;
	font-size: 12px;
	letter-spacing: normal;
}

/*
=Special
--------------------------------------------------------------------------------------------------*/


img.alignright{
	position: relative;
	float: right;
}

img.alignleft{
	position: relative;
	float: left;
}

#gmap{
	display: block;
	width: 425px;
	height: 400px;
	border: solid 2px #cdc7bd;
}

.post-edit-link{
	padding-top: 20px;
	display: block;
	float: left;
}

.postmetadata .post-edit-link{
	padding-top: 0;
	display: inline;
	float: none;
}

/*
=tabs
--------------------------------------------------------------------------------------------------*/

.ui-tabs-nav{
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}

.ui-tabs-nav li{
	float: left;
	display: block;
	margin-right: 10px;
}

.ui-tabs-nav li a{
	background-color: #e9e0d7;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 14px;
	border: solid 1px #cdc7bd;
	color: #777;
}

.ui-tabs-hide{
	display: none;
}

#wrapper #content .ui-tabs-selected a,
#wrapper #content .ui-tabs-nav a:hover{
	background-color: #e1d3ca;
	border: solid 1px #a29c92;
	color: #000;
}