body {
    background: url(images/pageBg.png);
    color: #c08919;
    padding-bottom: 40px;
}

div.container {
    background: #412f00;
    -webkit-box-shadow: 0px 5px 30px #000000;
    -moz-box-shadow: 0px 5px 30px #000000;
    box-shadow: 0px 5px 30px #000000;
}

#header {
    height: 192px;
    background: url(images/defaultHeader.jpg);
    position: relative;
	margin: 0;
}

#header h1 {
    width: 278px;
    height: 192px;
    overflow: hidden;
    margin-left: 10px;
}

#header h1 a {
    width: 278px;
    height: 0px;
    padding-top: 192px;
    background: url(images/h1Logo.png) no-repeat top;
    display: block;
}
#header h1.menu-title {
	height: auto;
	margin-left: 0;
}

.contact {
	position: absolute;
	right: 20px;
	top: 45px;
	text-align: right;
}

.contact h2, .contact h3 {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-shadow: 0 0 4px #0d0d0d;
}

.contact h3 {
	margin-bottom: 5px;
}

.contact p {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}

#menu {
    height: 38px;
    padding-bottom: 10px;
    background: url(images/navBg.png) repeat-x top;
    position: absolute;
    z-index: 1;
    width: 950px;
    font-family: "garamond-premier-pro-caption-1","garamond-premier-pro-caption-2", serif;
    text-shadow: hsl(0,0%,0%) 1px 1px, hsl(0,0%,0%) 2px 2px;
	margin-top: -7px;
}

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

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

#menu ul li:first-child span,
#menu ul li.menu-item-486 span {
    display: none;
}

#menu ul li span {
    padding: 0px 14px;
}

#menu a {
    color: #fcb525;
    text-decoration: none;
    font-weight: bold;
    line-height: 38px;
    font-size: 1.4em;
    border-bottom: 0px;
}

#menu a:hover,
#menu .current-menu-item a {
    color: #fff;
    border-bottom: 0px;
}

#menu a:hover span,
#manu .current-menu-item a span {
    color: #fcb525;
}

#content {
    padding-top: 40px;
    background: url(images/contentBg.png) repeat-y;
}

#main {
    padding: 30px;
}

ul#slides {
    list-style: none;
    margin: 0px auto 30px;
    padding: 0px;
    -webkit-box-shadow: 0px 5px 30px #000000;
    -moz-box-shadow: 0px 5px 30px #000000;
    box-shadow: 0px 5px 30px #000000;
    width: 560px;
}

ul#slides li {
    margin: 0px;
    padding: 0px;
    width: 560px;
    height: 374px;
}

h1, h2, h3, h4, h5, h6 {
    color: #fcb525;
    font-weight: bold;
    font-family: "garamond-premier-pro-caption-1","garamond-premier-pro-caption-2", serif;
    margin-bottom: 8px;
    text-shadow: hsl(0,0%,0%) 1px 1px, hsl(0,0%,0%) 2px 2px;
}

a {
    color: #fcb525;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px dotted #fcb525;
}

a:hover {
    color: #fff;
    border-bottom: 1px dotted #fff;
}

#sidebar {
    padding-top: 30px;
}

.TweetAuthor {
	display: none !important;
}

#sidebar h3.title {
    background: #805c0c;
    font-size: 1.4em;
    text-transform: uppercase;
    height: 32px;
    line-height: 32px;
    padding-left: 30px;
    margin: 0px;
}

ul.dbem_events_list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#sidebar ul.dbem_events_list {
    padding: 10px 30px;
}

#sidebar ul.dbem_events_list h4 {
    font-size: 1.1em;
    color: #fff;
}

div.textwidget {
    padding: 10px 30px;
}

div.widget ul {
    list-style: none;
    margin: 0px;
    padding: 10px 30px;
}

div.widget h5 {
    font-size: 1.1em;
    color: #fff;
}

div.widget ul li h4 {
    font-size: 1.4em;
}

.widget .gform_wrapper,
.widget .gform_confirmation_message {
	margin:20px;
}
.widget .gform_wrapper div.validation_error {
	display:none;
}
.widget .gform_wrapper li.gfield.gfield_error {
	background:transparent;
	border:0;
}
.widget .gform_wrapper .left_label input.medium {
	width:180px;
}

div.entry-content p {
    font-size: 1.2em;
    line-height: 1.5;
}

div.entry-content strong {
    color: #fcb525;
}

#footer {
    width: 950px;
    margin: 20px auto 30px;
    text-align: center;
}

#prefooter {
    background: #1a1300;
    height: 44px;
    line-height: 44px;
    position: relative;
    text-align: right;
}

#prefooter div.textwidget {
    padding: 0px 10px 0px 0px;
    margin: 0px;
}

ul#social {
/*    position: absolute;
    left: 10px;
    top: 5px; */
    float:left;
    height: 34px;
    list-style: none;
}

ul#social li {
    width: 34px;
    display: inline-block;
    margin: 0px 10px 0px 0px;
}

ul#social a {
    display: block;
    width: 34px;
    height: 0px;
    padding-top: 34px;
    overflow: hidden;
    border: 0px;
}

ul#social a.fb {
    background: url(images/fb-icon.png) no-repeat top;
}

ul#social a.twitter {
    background: url(images/twitter-icon.png) no-repeat top;
}

body.home div.entry-content p {
    font-size: 1.4em;
}

#sidebar .wpcf7-form {
    padding: 10px 30px;
}

#sidebar .wpcf7-form input[type="text"] {
    width: 100px;
}

#main h2 {
    font-family: "garamond-premier-pro-caption-1","garamond-premier-pro-caption-2", serif;
    font-size: 3em;
}

div.aktt_tweets ul li {
    margin: 0px 0px 12px;
    line-height: 1.1;
}

div.aktt_tweets a {
    display: block;
    border-top: 1px dotted #fcb525;
    border-bottom: 0px;
    margin: 2px 0px 0px 0px;
}

div.aktt_tweets li.aktt_more_updates a {
    border: 0px;
}

ul.beers {
    list-style: none;
    margin: 0px;
    font-size: 1.2em;
}

ul.links {
    list-style: none;
    margin: 0px;
    font-size: 1.2em;
}

ul.links li {
    margin: 0px 0px 15px;
}

ul.links a {
    display: block;
}
ul#social {
    background: none;
}

#menu .responsive {
	display:none;
}

/*RESPONSIVE*/

@media screen and (max-width: 990px) {

	.container {
		width: 90%;
		position: relative;
		font-size: 110%;	 	}

	 #header {
	 	width: 100%; 	}

	#menu {
		position: relative;
		width: 100%;
		height: auto;
		background-color: #a07312;
		background-image: none;
		border-top: 3px solid #df9f1f;
		border-bottom: 3px solid #df9f1f;
		padding: 2px 15px 6px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 	}

	#menu a {
	    color: #fcb525;
	    text-decoration: none;
	    font-weight: bold;
	    line-height: 30px;
	    font-size: 1.4em;
	    border-bottom: 0px;	}

     #content {
     	width: 100%;
	 	margin: 0;
	 	padding: 0;
	 	background: #412e00; }

	 .span-16 { /*main*/
	 	width: 65%;	 }

	 .span-8 { /*sidebar*/
	 	width: 33%;
	 	background-color: #291700;	 }

	 .column {
	 	margin: 0 0px 0 0;
	 	padding: 0;	 }

	 #main {
	 	padding: 20px;
	 	margin: 0;
	 	-webkit-box-sizing: border-box;
	 	-moz-box-sizing: border-box;
	 	box-sizing: border-box;  	 }

	 ul#slides {
	     list-style: none;
	     margin: 0px auto 30px;
	     padding: 0px;
	     -webkit-box-shadow: 0px 5px 30px #000000;
	     -moz-box-shadow: 0px 5px 30px #000000;
	     box-shadow: 0px 5px 30px #000000;
	     	 }

	ul#slides {
	 	width: auto;
	 	height: auto;	 }

	 ul#slides li {
	     margin: 0px 0px 0;
	     padding: 0px;
	     width: auto;
	     height: auto;
	     text-align: center;
	 	bottom: 0;	 }

	 ul#slides li img {
	 	max-width: 100%;
	 	height: auto;
	 	margin-bottom: -5px;	 }

     #sidebar {
	 	margin: 20px 0 0;
	 	padding: 0;	 }

	#prefooter {
		width: 100%;
	    background: #1a1300;
	    text-align: center;	}

	#footer {
	    width: 100%;
	    margin: 0;	}

/*end*/
}

@media screen and (max-width: 768px) {

    .span-16 { /*main*/
    	width: 100%;	 }

    .span-8 { /*sidebar*/
    	width: 100%;
    	background-color: #291700;	 }

    #main {
    	padding-bottom: 0px; }

    #sidebar {
    	margin: 0;  }

	/*cool nav*/

	#menu .responsive {
		display:inline-block;
	}

	#menu {
		position: relative;	}

	#menu ul {
		width: 100%;
		padding: 2px 0;
		background: url(images/icon-menu.png) 11px 16px no-repeat; 	}

	#menu ul li {
		display: none; /* hide all <li> items */
		margin: 0;	}

	#menu ul li a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;	}

	#menu ul li.current_page_item a {
		background: none;	}

	/* for hover */

	#menu ul.hover li {
		display: block;
		width: 100%;
		margin: 0 0 5px;		}

	#menu ul.hover li a {
		color: #fff;	}

	#menu ul.hover li a:hover {
		color: #ff9000; }

	#menu ul.hover li ul {
		display: none; }

	#menu ul.�hover .current_page_item {
		background: url(images/icon-check.png) 11px 16px no-repeat; }

}

@media screen and (max-width: 520px) {

	.contact {
		display: block;
		top: auto;
		right: auto;
		text-align: center;
		position: relative;
		margin-bottom: 20px;
	}

}

/* Untappd Hacks */

#menu-container p, #menu-container span {
	color: #c08919 !important;
}
#menu-container .menu-bg-color {
	background: #412f00 !important;
}

#menu-container a {
	color: #fcb525 !important;
}
.menu-list-item  a {
	border-bottom-color: #fcb525 !important;
}
#menu-container {
	font-family: arial, helvetica, sans-serif !important;
}

.item-bg-color {
	background: #412f00 !important;
}

.section-header-bg-color {
	background: #805c0c !important;
}

.section-name {
	color: #fcb525 !important;
}

.section-description {
	border-bottom: 1px dotted #fcb525 !important;
}

.ut-menu .menu-info {
	border-top: 1px dotted #fcb525 !important;
	border-bottom: 1px dotted #fcb525 !important;
}

.linear-guide {
	background-image: url('images/untappd-linear.png') !important;
}

.ut-menu .h1 {
	color: #fcb525 !important;
	font-weight: bold !important;
    font-family: "garamond-premier-pro-caption-1","garamond-premier-pro-caption-2", serif !important;
}

.date-time {
	color: #c08919 !important;
	float: none !important;
}

.menu-list {
	display: none !important;
}

.rating-hideable {
	display: none !important;
}
