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

body { font-family: 'Lato', sans-serif; border-top: solid 7px #000; }
h1,h2 { font-family: 'Crimson Text', serif; }
h1 { font-size: 3.2em; line-height: .9em; margin: 0 0 .6em 0; }
h2 { font-size: 2.3em; }
hr { border: solid #000; border-width: 1px 0 0; margin: 1.25rem 0 0; }
time { text-transform: uppercase; font-size: 1em; font-weight: 500; margin: 0 0 1em 0; display: block; }
a { color: #600; }
a:hover { color: #600; text-decoration: underline; }
a:visited { color: #8C4040; }
blockquote { line-height: 1.2em; font-size: 1.1em; background-color: #ddd; padding-bottom: .6rem; }

/* generic */
.tight { 
	margin: 0 !important;
	padding: 0 !important;
}
.grey { 
	color: #999;
}

.no-border { 
	border: none !important;
}

/* overrides */
.row { max-width: 72em; }
tr { background-color: #fff !important; }
code { color: inherit; }

/* header */
body > header:first-of-type { margin-top: -4.5em; position: relative; z-index: 1; }
header:first-of-type p { border-top: solid 1px #000; border-bottom: solid 1px #000; font-size: 1.1em; font-family: 'Crimson Text'; margin: 1.2em 0 1.2em 0; padding: .2em 0; }

/* footer */
body > footer:first-of-type { background-color: #000; height: 20em; padding-top: 3em; color: #fff; }
body > footer:first-of-type h2 { color: #fff; }
body > footer:first-of-type a { display: block; margin: 0 0 .5em 0; }
body > footer:first-of-type p { color: #333; }

/* main section */
#topdog { border-left: solid 1px #000; border-right: solid 1px #000; padding: 1em 1.5em 0 1.5em; }
#topdog article { padding: 2em 0 2em 0; border-top: solid 1px #000; }
#topdog article:first-of-type { padding-top: 0; border-top: none; }
#topdog header a { font-weight: normal; color: #000; }
#topdog p { font-size: 1.1em; line-height: 1.2em; }
#topdog ul { font-size: 1.1em; line-height: 1.2em; }
#topdog figure { margin: 0 0 1.5em 0; display: table; }
#topdog .picLeft { float: left; margin: 0 1.5em 1em 0; }
#topdog .picRight { float: right; margin: 0 0 1em 1.5em; }
#topdog img { border-radius: 3px; }
#topdog figcaption { font-weight: 300; font-size: 1em; font-style: italic; margin-top: .3em; display: table-caption; caption-side: bottom; }
#topdog p.q { font-weight: 700; }
#topdog a { font-weight: 700; }
#topdog footer { margin-top: 2em; clear: both; }
#topdog footer p { text-transform: uppercase; font-weight: 900; font-size: 1em; margin: 0 0 0 0; }
#topdog footer ul { margin: 0; font-size: 1em; }
#topdog footer li { display: inline; }
#topdog footer li:after { content: " | "; }
#topdog footer li:last-child:after { content: ""; }
#topdog footer img { margin: 1em 0 0 0; border-radius: 0px; }
#topdog > header { font-family: 'Crimson Text'; font-size: 3.2em; text-align: center; text-transform: capitalize; font-style: italic; border-bottom: solid 1px #000; padding: 0 0 .8em 0; margin: 0 0 1em 0; }

/* channels section (left column) */
#channels { padding-right: 1.3em; }
#channels hr { border: solid #e8e8e8; border-width: 3px 0 0; }
#channels h2 a { font-weight: normal; }
#channels p { line-height: 1.3em; font-size: .9em; }
#channels a { font-weight: 700; }
#channels ul:first-of-type { margin: 0; list-style-type: none; line-height: 1.1em; font-size: .9em; }
#channels ul:first-of-type li { margin: 0 0 .9em 0; }
#channels ul:nth-of-type(2) { margin: 0; list-style-type: none; line-height: .3em; font-size: .9em; }
#channels ul:nth-of-type(2) li { margin: 0 0 .9em 0; }
#channels ul:nth-of-type(2) li:first-of-type { display: none; }

/* recent section (right column) */
#recent { padding-left: 1.3em; }
#recent hr { border: solid #e8e8e8; border-width: 3px 0 0; }
#recent ul { margin: 0; list-style-type: none; line-height: 1.1em; font-size: .9em; }

#recent-posts h3 { font-family: 'Crimson Text', serif; font-size: 1.2em; font-weight: 300; line-height: 1em;  }
#recent-posts h3 a { color: #000; }
#recent-posts ul { margin: 0; list-style-type: none; line-height: 1.1em; font-size: 1.0em; }
#recent-posts li { padding: 1.5em 0 1.2em 0; border-bottom: solid 1px #e8e8e8; }
#recent-posts li:first-of-type { padding-top: 0; }
#recent-posts nav { font-size: .8em; display: block; text-align: right; font-weight: 700;  }
#recent-posts p { font-size: .9em; line-height: 1.3em; margin-bottom: .2em; }
#recent-posts p strong { font-weight: normal; }
#recent-posts img { border-radius: 3px; }
#recent-posts figure { text-align: center; }

/* pourcast */
#pourcast { margin: 0 -.4em; text-align: center; }
#pourcast h2 { font-family: 'Lato'; font-size: 1.7em; font-weight: 900; }
#pourcast figure:first-of-type { margin: 0 0 .5em 0; }
#pourcast p { margin: 0; line-height: 1.3em; font-size: .9em; }
#pourcast div:first-of-type { text-align: center; }
#pourcast div:first-of-type p { font-size: .8em; margin-bottom: 0;  }
#pourcast div:first-of-type p:nth-of-type(2) { font-weight: 700;  }
#pourcast div:first-of-type a { font-weight: 700; display: block; margin: 0 0 1em 0; }
#pourcast table { width: 100%; border: none; margin: 0; }
#pourcast table p { margin: 0; }
#pourcast table td { width: 50%; text-align: center; }
#pourcast table td:first-of-type p:first-of-type { font-size: 1.5em; }
#pourcast table td:nth-of-type(2) p { font-size: .9em; line-height: 1.1em; margin-top: 1em; text-transform: capitalize; }
#pourcast a { font-weight: 700; }


/* TWITTER WIDGET */
#twitter-widget-0 { width: 100%; height: 200px; }

/* POURCAST MODAL */
#drinkModal p { font-size: 1.05em; line-height: 1.2em; }
#drinkModal p:nth-of-type(2) { margin: 0 0 .3em 0; }
#drinkModal hr { margin: 0 0 1em 0; }
#drinkModal ul { list-style-type: none; margin-left: 0; font-size: 1.05em; line-height: 1.3em; }

/* SHOP PROMO BAR */
#shop-promo { background-color: #ccc; margin-left: 1em; text-align: center; }

/* DEALING WITH TABLES */
#topdog table { border: none; }
#topdog td:first-of-type { width: 45%; padding-left: 0; }
#topdog td { vertical-align: top; }

/* TOGGLE */
#toggle { list-style-type: none; margin-top: 1.8em; font-size: 1.1em; font-weight: 900; position: relative; z-index: 999; }
#toggle li { display: inline; }
#toggle li:first-of-type { padding: .8em; border: solid 1px #000; }
#toggle a { border: solid 1px #000; background-color: #000; padding: .8em; color: #fff; text-decoration: underline; }
#toggle a:hover { text-decoration: none; }

/* CHRISTMAS HEADER */
.container{
	margin:0 auto;
	width:100%;
  	height:80px;
 	background-color:#770000;
	background-image: url(http://magnificentbastard.com/images/bg_christmas.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	animation: animatedBackground 140s infinite;
	-webkit-animation: animatedBackground 140s linear infinite;
	-moz-animation: animatedBackground 140s linear infinite;
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    text-decoration: none;
}
.container p{
			 color: #fff;
			 font-size:1.2em;
			 text-align: center;
			 font-weight: 500;
			 padding-top: 1.3em;
			 margin: 0;
}
.container p span{
	text-decoration: underline;
	font-weight: bold;
}
@keyframes animatedBackground {
	from { background-position-y:100%; }
	to { background-position-y:0%; }
}
@-webkit-keyframes animatedBackground {
			from {background-position-y:100%; }
	to {background-position-y:0%; }
		}

/* media queries override */		
@media only screen and (max-width: 64em) { 
	
	#topdog { border-left: none; border-right: none; } 
	
}
@media only screen and (max-width: 40em) { 
	
	#topdog { border-left: none; border-right: none; } 
	#toggle { margin-left: 0; text-align: center; }
	body > header:first-of-type { margin-top: 0; }
	
}