body {
	margin: 0;
	border: 0;
	background-color: #eee;
	color: #000;
	font-family:Helvetical, Arial, sans-serif;
}

#menu-container {
    background-color: #ccc;
    width: 100%;
    padding: 4px 8px 6px 8px;
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: 1px #333 solid;
    z-index: 100;
    opacity: .95;
    -moz-opacity: 9.5;
}

#menu-container:hover {
    cursor: pointer;
}

#menu-content {
	display: none;
}

#menu-content ul {
    list-style: none;
    float: left;
    padding: 0 2rem 0 0;
}

#menu-content li {
    padding: .15rem 0;
}

#container {
	width:98%;
	padding: 28px 1%;
	max-width:600px;
	margin:0 auto;
}

header, h1, h2, h3 {
	text-align:center;
}
h1 {
	margin:.0;
	padding: .5rem 0 0 0;
}
#cringe-logo img {
    width: 70%;
    height: auto;
}
#cringe-logo a {
    display: block;
    line-height: 0;
}
h2 {
	margin:.25rem 0;
    padding: 0;
}

a {
	color: #126D08;
}
a:hover {
	text-decoration: none;
}

#social {
	text-align:center;
	line-height: 7px;
	height: 20px;
	position: relative;
}

.fb-like-container {
	height: 20px;
	width: 100px;
}

.twitter-share-container {
	position: relative;
    top: -8px;
}

nav.main ul {
    list-style: none;
    padding:0;
    margin:0 0 .5rem 0;
	display: inline-block;
}
nav.main li {
	float: left;
}

nav {
	font-size: 1rem;
	text-align:center;
}

nav div {
	display: inline-block;
}

nav a {
	background-color: #666;
	color: #fff;
	display: inline-block;
	border-left: 1px #ccc solid;
	padding: .905rem .5rem;
	float: left;
	text-decoration:none;
}
nav.main li:first-child a,
nav.flex-nav a:first-child {
	border:0;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	padding: .5rem .4rem;
	font-size: .9rem;
	line-height: 1rem;
}
nav.main li:last-child a,
nav.flex-nav a:last-child {
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	padding: .5rem .4rem;
	font-size: .9rem;
	line-height: 1rem;
}

nav.flex-nav div a:first-child.day,
nav.flex-nav div a:last-child.day {
	padding: .905rem .5rem;
	font-size: 1rem;
	line-height: 1.2rem;
}

nav a:hover {
	background-color: #000;
	color: #fff;
}
nav a.on,
nav a.flex-active {
	background-color: transparent;
	color: #126D08;
}
nav a.on:hover,
nav a.flex-active:hover {
	background-color: transparent;
	color: #126D08;
}

p {
	font-size: 1.1rem;
}

.pick {
	background-color:#fff;
	border: 2px #999 solid;
	padding: .8rem;
	margin:0 0 2rem 0;
}

.slides td,
.slides th {
    border-bottom: 1px solid #666;
    text-align:left;
}

ul.earshot-index {
	list-style: none;
	padding:0;
	overflow: hidden;
}
ul.earshot-index li {
	float:left;
	width:99%;
	padding: .5%;
}
ul.earshot-index li .listing {
	display:table;
	width:100%;
}
ul.earshot-index li .listing a {
	display: table-cell;
	border: 1px #000000 solid;
	background-color:#ffffff;
	color:#126D08;
	vertical-align: middle;
	text-align: center;
	height: 3rem;
	width:100%;
	padding:1%;
	text-decoration:none;
}
ul.earshot-index li:hover a,
ul.earshot-index li a:hover {
	background-color:#126D08;
	border-color:#126D08;
	color:#ffffff;
}

ul.earshot-index .details {
	position:relative;
	margin:-.5% 0 1% 0;
	color:#ffffff;
	background-color:#126D08;
	padding: 1%;
	display: none;
	list-style: none;
	overflow: hidden;
}
ul.earshot-index li:hover .details {
	display:block;
}
ul.earshot-index li .details li {
	padding: .5%;
}
ul.earshot-index li .details li a {
	padding: 4% 0;
	text-align: center;
	display:block;
	border: 1px #eeeeee solid;
	text-decoration:none;
	background-color:#217D18
}
ul.earshot-index li .details li a:hover {
	background-color:#126D08
}


ul.earshot-gallery {
	list-style: none;
	padding:0;
}
ul.earshot-gallery img {
	width:100%;
	height:auto;
}

footer {
	font-size: .9rem;
	text-align:center;
	clear: both;
}

x.flexslider .slides li p {
    text-decoration:line-through;
}

@media screen and (min-width: 480px) and (max-width: 599px) {
	ul.earshot-index li {
		width:49%;
	}
	ul.earshot-index li:nth-child(2n+1):hover + li + li,
	ul.earshot-index li:nth-child(2n+2):hover + li {
		clear:both;
	}
	ul.earshot-index li:hover .details {
		width:201%;
		display:block;
	}
	ul.earshot-index li:nth-child(2n+1) .details {
		left:0%;
	}
	ul.earshot-index li:nth-child(2n+2) .details {
		left:-102%;
	}
}

@media screen and (min-width: 600px)  {
	ul.earshot-index li {
		width:32.33333%;
	}
	ul.earshot-index li:nth-child(3n+1):hover + li + li + li,
	ul.earshot-index li:nth-child(3n+2):hover + li + li,
	ul.earshot-index li:nth-child(3n+3):hover + li {
		clear:both;
	}
	ul.earshot-index li .details {
		width:304.5%;
	}
	ul.earshot-index li:hover .details {
		display:block;
	}
	ul.earshot-index li:nth-child(3n+1) .details {
		left:0%;
	}
	ul.earshot-index li:nth-child(3n+2) .details {
		left:-103.25%;
	}
	ul.earshot-index li:nth-child(3n+3) .details {
		left:-206.5%;
	}
}

.promo {
	display:block;
	text-align:center;
	height: 200px;
	overflow:hidden;
	position:relative;
	padding:1%;
}
	.promo img {
		width:80%;
	}
	.promo div {
		padding:1px 2px;
	}
	.promo .title {
		font-size:1.8rem;
		background-color:#fff;
		position:absolute;
		top: 8%;
		right:4%;
		-ms-transform: rotate(5deg); /* IE 9 */
		-webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
		transform: rotate(5deg);
	}
	.promo .date {
		font-size:1.4rem;
		background-color:#fff;
		position:absolute;
		top: 42%;
		right: 11%;
		-ms-transform: rotate(-4deg); /* IE 9 */
		-webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
		transform: rotate(-4deg);
	}
	.promo .bands {
		font-size:1.4rem;
		background-color:#fff;
		position:absolute;
		bottom: 8%;
		left:20%;
		-ms-transform: rotate(2deg); /* IE 9 */
		-webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
		transform: rotate(2deg);
	}
@media screen and (max-width: 500px) {
	.promo {
		font-size: .8rem;
	}
	.promo img {
		width:100%;
	}
}