/*















Theme Name: Beers and Ears 4















Theme URI: http://beersandears.net















Description: A responsive theme for beersandears.net















Author: Scott Oliver















Author URI: http://pleasurewineland.com















Version: 4.0















Tags: responsive, bootstrap















*/































@import url('css/bootstrap.css');































@import url('css/bootstrap-responsive.css'); 































/*@import url('slider/nivo-slider.css');*/































@import url('slider/themes/default/default.css');







.clearfix:after {



    content: ".";



    display: block;



    clear: both;



    visibility: hidden;



    line-height: 0;



    height: 0;



}







.clearfix {



    display: inline-block;



}







html[xmlns] .clearfix {



    display: block;



}







* html .clearfix {



    height: 1%;



}







body {















	font-family: 'Noto Sans', sans-serif;















	font-weight:400;















}































h1, h2, h3, h4, h5, h6{















	font-family: 'Noto Serif', serif;













	font-weight:700;















}






strong {















	font-weight:700;















}































a {







	color: #990000;







}















a:hover {







	text-decoration:underline;







	color: #990000;







}















h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{







	color: #333333;







}















h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{







	text-decoration:none;







	color: #990000;







}















.container-fluid{







	padding-left:0;







}











code{



	white-space:normal;



	background-color:#ffffff;



	border:0;



}







blockquote{



	font-size:14px;



	font-style:italic;



}







blockquote p{



	font-size:14px;



	font-style:italic;



	margin-bottom:10px;



}















/*alignment*/















img.alignright {















	margin: 5px 0px 10px 10px;















	display: inline;















}































img.alignleft {















	margin: 5px 10px 10px 0px;















	display: inline;















}































img.aligncenter {















	display: block;















	margin-left: auto;















	margin-right: auto;















	margin-bottom: 10px;















}































.aligncenter {















	display: block;















	margin-left: auto;















	margin-right: auto;















	margin-bottom: 10px;















}































.alignright {















	float: right;















	margin: 0px 0px 10px 10px;















}































.alignleft {















	float: left;















	margin: 0px 10px 10px 0px;















}







/*wp-caption*/







.wp-caption {







	text-align: center;







	padding: 4px 0px 5px 0px;







	/*margin: 5px 5px ;*/







	/*max-width: 605px;*/







}















.wp-caption img {







	margin: 0px 0px 5px 0px;







	padding: 0px;







	border: 0px;







}















.wp-caption p.wp-caption-text {







	margin: 0px;







	padding: 0px 0px 0px 0px;







	/*font-size: 11px;







	font-weight: normal;







	line-height: 12px;*/







}



























/*navbar*/































.navbar-inverse .navbar-inner{







	background:url(img/wood.jpg);







	background-image:url(img/wood.jpg);







}















.navbar .brand{















}















.sidebar-nav {







    padding: 9px 0;







}















.sidebar-nav-fixed {







    position:fixed;







    width:23.404255319148934%;







	border:0px;







}















#nav-sidebar {







	height:100%;







	-webkit-border-radius: 0px;







	-moz-border-radius: 0px;







	border-radius: 0px;







	background:url(img/wood.jpg);







	-moz-box-shadow:    inset -10px 0px 8px -2px rgba(0, 0, 0, .6);;







 	-webkit-box-shadow: inset -10px 0px 8px -2px rgba(0, 0, 0, .6);;







 	box-shadow:         inset -10px 0px 8px -2px rgba(0, 0, 0, .6);;







}















.social-icons-mobile {















}















.social-icons-mobile img {







	max-height:40px;







	width:auto;







}































.logo {







	display:block;







	margin-left:auto;







	margin-right:auto;







	padding-bottom: 9px;







}















.menu li a {







	transition: background 0.5s;







	-moz-transition: background 0.5s; /* Firefox 4 */







	-webkit-transition: background 0.5s; /* Safari and Chrome */







	-o-transition: background 0.5s; /* Opera */







	color: white;







	text-decoration: none;







	text-transform: uppercase;







	padding: 5px 10px;







	display: block;







	font-size: .8em;







	background: rgba(99,0,0,0.6);







	background-position: 0 -90px;







	margin-bottom: 6px;







	margin-left:5.6818182%;







	border: 1px solid black;







	border: 1px solid rgba(0,0,0,0.3);







	font-weight: 700;







	text-shadow: 1px 1px 0px black;







	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);







	-webkit-border-top-left-radius: 10px;







	-webkit-border-bottom-left-radius: 10px;







	-moz-border-radius-topleft: 10px;







	-moz-border-radius-bottomleft: 10px;







	border-top-left-radius: 10px;







	border-bottom-left-radius: 10px;







	outline: none;







	border-right:none;







}







.menu li:nth-of-type(even) a



{



	background: rgba(66,6,102,0.6);



}







.menu li:nth-of-type(odd) a



{



	background: rgba(153,0,0,0.6);



}







.menu li:nth-of-type(even) a:hover



{



	background: rgba(66,6,102,1.0);



}





.menu li:nth-of-type(odd) a:hover



{



	background: rgba(153,0,0,1.0);



}

















.social-icons {







	margin-left:5.6818182%;







	margin-right:5.6818182%;







}































.social-icons img {







	margin:0;







	margin-left:0;







	margin-right:1.63179486%;







	margin-bottom:5px;







	width:21.459227%;







	max-width:100px;







	height:auto;







}















.social-icons img:first-child {















}















.social-icons img:last-child {















}















.nivoSlider {







    position:relative;







    background:url(slider/themes/default/loading.gif) no-repeat 50% 50%;







	-moz-border-radius: 10px;







    -webkit-border-radius: 10px;







    -khtml-border-radius: 10px;







    border-radius: 10px;	







}















.nivoSlider img {







    position:absolute;







    top:0px;







    left:0px;







    display:none;







	-moz-border-radius: 10px;







    -webkit-border-radius: 10px;







    -khtml-border-radius: 10px;







    border-radius: 10px;







}















.nivoSlider a {







    border:0;







    display:block;







}















.nivo-caption {







	-moz-border-radius-bottomleft:10px;







	-moz-border-radius-bottomright:10px;







	-webkit-border-radius-bottomleft:10px;







	-webkit-border-radius-bottomright:10px;







	-khtml-border-radius-bottomleft:10px;







	-khtml-border-radius-bottomright:10px;







	border-radius-bottomleft:10px;







	border-radius-bottomright:10px;







}















.theme-default .nivo-caption a{







	border-bottom:0;







}















.navbar-search{







	width:100%;







	padding-bottom:10px;







}















.navbar-search .search-query{







	border-radius: 10px;







	display: block;







	margin-left: auto;







	margin-right: auto;







	font-family: 'Noto Sans', sans-serif;







	font-weight:400;







}















#s{







	width:80%;







}















#main-content







{







	







}















.new {







	background: rgba(153,0,0,1.0);







	color: white;







	padding-left:10px;







	padding-top:10px;







	padding-bottom:10px;







	-moz-box-shadow: 1px 1px 7px #888;







	-webkit-box-shadow: 1px 1px 7px #888;







	box-shadow: 1px 1px 7px #888;







}















.new h4{







	margin:0px;







}















.hot {







	background: rgba(66,6,102,1.0);







	color: white;







	padding-left:10px;







	padding-top:10px;







	padding-bottom:10px;







	-moz-box-shadow: 1px 1px 7px #888;







	-webkit-box-shadow: 1px 1px 7px #888;







	box-shadow: 1px 1px 7px #888;







}















.hot h4{







	margin:0px;







}















.front-page-summary{







	border-style:solid;







	border-color:#888888;







	border-width:1px;







	margin-bottom:20px;







	-moz-box-shadow: 1px 1px 5px #888;







	-webkit-box-shadow: 1px 1px 5px #888;







	box-shadow: 1px 1px 5px #888;







}















.front-page-summary img{







	display: block;







	margin-left: auto;







	margin-right: auto;







}















.summary-text{







	padding-left:10px;







	padding-right:10px;







}















.summary-text hr{	







	margin:5px;







}















.byline {







	font-size:12px;







	margin:0px 0px 6px 0px;







}















.sidebar-summary{







	border-style:solid;







	border-color:#888888;







	border-width:1px;







	margin-bottom:10px;







	-moz-box-shadow: 1px 1px 5px #888;







	-webkit-box-shadow: 1px 1px 5px #888;







	box-shadow: 1px 1px 5px #888;







}















.sidebar-summary img{







	display: block;







	margin-left: auto;







	margin-right: auto;







}















.summary-text-sidebar{







	padding-left:10px;







	padding-right:10px;







	font-size:12px;







}















.summary-text-sidebar hr{	







	margin:5px;







}















.byline-sidebar {







	font-size:10px;







	margin:0px 0px 6px 0px;







}







/* Comment Styles



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



li.bypostauthor {



  border: 1px solid;



  border-color: #08C;



  display: block;



}



#respond {



  margin-top: 20px;



}



ol.commentlist {



  margin: 0 0 15px !important;



}



ol.commentlist img.avatar {



  margin: 8px 10px 0 0;



  padding: 4px;



  line-height: 1;



  border: 1px solid #DDD;



  -webkit-border-radius: 4px;



  -moz-border-radius: 4px;



  border-radius: 4px;



  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);



  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);



  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);



  float: left;



}



ol.commentlist li {



  margin: 0;



  padding: 8px 0 8px 64px;



  list-style: none;



  overflow: hidden;



  position: relative;



}



ol.commentlist li header {



  margin: 0;



  line-height: 1.5em;



}



ol.commentlist li article nav {



  float: right;



}



ol.commentlist li ul {



  margin: 8px 0 0 !important;



}



ol.commentlist li li {



  border: 0;



  margin: 0 0 0 68px !important;



  padding: 0 0 8px;



}



ol.comment-list li .comment-content p {



  margin: 0 0 10px !important;



}



ol.comment-list li p.meta {



  font-weight: normal;



  background: transparent;



  padding: 0;



  font-style: italic;



  font-size: 0.9em;



  margin: 0 0 10px !important;



}



ol.comment-list li p.meta strong {



  font-weight: bold;



}



#respond {



  margin-bottom: 15px;



}



#respond input.text,



#respond select,



#respond textarea,



.comment-form-author input,



.comment-form-email input,



.comment-form-url input {



  border: 1px solid #eee;



  background: #f6f6f6;



  color: #777;



  font-size: 1em;



  line-height: 1em;



  padding: 0.375em;



  width: 50%;



  margin: 0 4px 0 0;



  outline: 0;



  display: block;



}



#respond input.text:focus,



#respond select:focus,



#respond textarea:focus,



.comment-form-author input:focus,



.comment-form-email input:focus,



.comment-form-url input:focus,



.widget_search input#s:focus {



  border: 1px solid #ccc;



}



.borderradius #respond input.text,



.borderradius #respond select,



.borderradius #respond textarea,



.borderradius .comment-form-author input,



.borderradius .comment-form-email input,



.borderradius .comment-form-url input,



.borderradius .widget_search input#s {



  -moz-border-radius: 0.5em;



  -webkit-border-radius: 0.5em;



  -khtml-border-radius: 0.5em;



  -o-border-radius: 0.5em;



  border-radius: 0.5em;



}



#respond textarea {



  width: 98%;



  margin-right: 0;



}



#respond label {



  font-size: 1em;



  font-weight: bold;



  display: inline;



}



.button,



#submit,



.widget_search #searchsubmit,



.reply .comment-reply-link {



  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);



  color: white;



  padding: 5px 10px 5px;



  font-size: 14px;



  line-height: 20px;



  text-align: center;



  border: 1px solid #EEE;



  border-bottom-color: #DDD;



  -webkit-border-radius: 4px;



  -moz-border-radius: 4px;



  border-radius: 4px;



  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);



  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);



  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);



  cursor: pointer;



  background-color: #990000;



  background-image: -moz-linear-gradient(top, #990000, #440000);



  background-image: -ms-linear-gradient(top, #990000, #440000);



  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#990000), to(#440000));



  background-image: -webkit-linear-gradient(top, #990000, #440000);



  background-image: -o-linear-gradient(top, #990000, #440000);



  background-image: linear-gradient(top, #990000, #440000);



  background-repeat: repeat-x;



  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000', endColorstr='#440000', GradientType=0);



  border-color: #04C #04C #002A80;



  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);



  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);



}



.button:hover,



#submit:hover,



.widget_search #searchsubmit:hover,



.reply .comment-reply-link:hover {



  color: #333333;



  text-decoration: none;



  background-color: #e6e6e6;



  background-position: 0 -15px;



  -webkit-transition: background-position 0.1s linear;



  -moz-transition: background-position 0.1s linear;



  -ms-transition: background-position 0.1s linear;



  -o-transition: background-position 0.1s linear;



  transition: background-position 0.1s linear;



  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);



  color: #ffffff;



  background-color: #660000;



}



.button:active,



#submit:active,



.widget_search #searchsubmit:active,



.button.green:active {



  position: relative;



  top: 1px;



}







/* Navigation */







.navigation {



	display: none;



}



.single .navigation {



	display: block;



}







.previous{



	float: left;



}







.next{



	float:right;



}







/*Share Buttons*/







.sharecontainer{



	width:100%



}







.sharediv{



	/*height:auto;*/



	/*width:95%*/



	margin-right:0px;



	float:right;



	margin-bottom:10px;



}







.sharediv img{



	padding:2px;



	border-radius:5px;



	/*width:9.5%;*/



	max-width:22px;



	background-color:rgba(66,6,102,1.0);



}







.sharediv a:nth-of-type(odd) img{



	background-color:rgba(153,0,0,1.0);



}











/* YARPP */





.yarpp{







	display:block;







	height:auto;







}





.yarpp:after { 







	content: " "; 







	display: block; 







	clear: both;







} 





.yarpp div:last-child{







	margin-right:0;	







}



.yarpp-summary{







	display:inline;







	float:left;







	border-style:solid;







	border-color:#888888;







	border-width:1px;







	margin-bottom:10px;







	-moz-box-shadow: 1px 1px 5px #888;







	-webkit-box-shadow: 1px 1px 5px #888;







	box-shadow: 1px 1px 5px #888;







	margin-right:1%;







	width:18.6%;







	/*height:120px;*/







	overflow:hidden;







}



.yarpp-summary h6{

	font-size: 11px;

	line-height: 13px;

	margin: 5px 0px;

}



.yarpp-summary img{







	display: block;







	margin-left: auto;







	margin-right: auto;







}



.yarpp-text{







	padding-left:5px;







	padding-right:5px;







	margin-bottom:5px;







	font-size:12px;







	height:45px;







	overflow:hidden;







}



.yarpp-text hr{	







	margin:5px;







}





/* Beer List */





.beerlist h2{

	margin:10px 0px 0px 0px;

}



.beerlist hr{

	margin:0px 0px 10px 0px;

}



.beerlist-row{

	display:block;

	height:auto;

}





.beerlist-row:after { 

	content: " "; 

	display: block; 

	clear: both;

}





.beerlist-row div:last-child{

	margin-right:0;	

}



.beerlist-summary{







	display:inline;







	float:left;







	border-style:solid;







	border-color:#888888;







	border-width:1px;







	margin-bottom:10px;







	-moz-box-shadow: 1px 1px 5px #888;







	-webkit-box-shadow: 1px 1px 5px #888;







	box-shadow: 1px 1px 5px #888;







	margin-right:1%;







	width:18.6%;







	/*height:120px;*/







	overflow:hidden;







}



.beerlist-summary h6{



	font-size: 11px;

	line-height: 13px;

	margin: 5px 0px;







}



.beerlist-summary img{







	display: block;







	margin-left: auto;







	margin-right: auto;







}



.beerlist-text{







	padding-left:5px;







	padding-right:5px;







	margin-bottom:5px;







	font-size:12px;







	height:45px;







	overflow:hidden;







}



.beerlist-text hr{	







	margin:5px;







}











/* Large desktop */















@media (min-width: 1200px) {







	.sidebar-nav-fixed{







		width: 23.076923076923077%;







	}







}















@media (max-width: 979px) {







	.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {







		color: #fff;







		transition: background 0.5s;







		-moz-transition: background 0.5s; /* Firefox 4 */







		-webkit-transition: background 0.5s; /* Safari and Chrome */







		-o-transition: background 0.5s; /* Opera */







		background: rgba(90,90,90,0.2);







		border: 1px solid black;







		border: 1px solid rgba(0,0,0,0.3);







		text-transform: uppercase;







		font-size: .8em;







	}















	.navbar-inverse .nav-collapse .nav > li:nth-of-type(even) > a, .navbar-inverse .nav-collapse .dropdown-menu a:nth-of-type(even) {







		background: rgba(66,6,102,0.6);







	}















	.navbar-inverse .nav-collapse .nav > li:nth-of-type(odd) > a, .navbar-inverse .nav-collapse .dropdown-menu a:nth-of-type(odd) {







		background: rgba(153,0,0,0.6);







	}















	.navbar-inverse .nav-collapse .nav > li:nth-of-type(even) > a:hover, .navbar-inverse .nav-collapse .nav > li:nth-of-type(even) > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:nth-of-type(even):hover, .navbar-inverse .nav-collapse .dropdown-menu a:nth-of-type(even):focus {







		background: rgba(66,6,102,1.0);







	}















	.navbar-inverse .nav-collapse .nav > li:nth-of-type(odd) > a:hover, .navbar-inverse .nav-collapse .nav > li:nth-of-type(odd) > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:nth-of-type(odd):hover, .navbar-inverse .nav-collapse .dropdown-menu a:nth-of-type(odd):focus {







		background: rgba(153,0,0,1.0);







	} 







}















/* Portrait tablet to landscape and desktop */































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















	.sidebar-nav-fixed {















		width: 22.92817679558011%;















	}















}































@media (min-width: 768px) {















	.navbar, .horizontalad {















		display:none;















	}















	















	#main-content{















		padding-top:20px;















	}















	.front-page-column{







		padding-top:20px;







	}







	







	.sidebar-column{







		padding-top:10px;







	}















}































/* Landscape phone to portrait tablet */































































@media (max-width: 767px) {


	.sidebarad {

		display:none;

	}




	.container-fluid {




		padding-right: 0;





	}




	#sidebar-container{



		display:none;




	}































	.sidebar-nav-fixed {















       	position:static;















       	width:auto;















		display:none;















    }















	.hot{















		margin-bottom:20px;















	}















	.new{















		margin-bottom:20px;















	}







	







	/*#sidebar{







		display:none;







	}*/







	







	/* YARPP Mobile */















	.yarpp div:last-child{







		margin-right:0;	







	}















	.yarpp-summary{







		display:block;







		margin-bottom:10px;







		margin-right:0;







		width:100%;







		overflow:hidden;







	}















	.yarpp-summary h6{







		margin: 5px 0px;



		line-height:20px;



		font-size:20px;







	}















	.yarpp-summary img{







		width:15%;







		padding:5px;







		height:auto;







		float:left;







		display:inline;







	}















	.yarpp-text{







		display: inline-block;



		



		margin-bottom:5px;







		height:45px;







		overflow:hidden;



		



		width:75%;



	}

	

	

	/* Beer List Mobile */







	.beerlist div:last-child{







		margin-right:0;	







	}















	.beerlist-summary{







		display:block;







		margin-bottom:10px;







		margin-right:0;







		width:100%;







		overflow:hidden;







	}















	.beerlist-summary h6{







		margin: 5px 0px;



		line-height:20px;



		font-size:20px;







	}















	.beerlist-summary img{







		width:15%;







		padding:5px;







		height:auto;







		float:left;







		display:inline;







	}















	.beerlist-text{







		display: inline-block;



		



		margin-bottom:5px;







		height:45px;







		overflow:hidden;



		



		width:75%;



	}







}







@media (max-width: 985px) {







	/* Navigation */







	.navigation {



		display: block;
		height:20px;
		padding:0 0 10px 0;



	}



	.wp-pagenavi {



		display: none;



	}







}











/* Landscape phones and down */











@media (max-width: 480px) {











}