/*-------------------------------------------------------------------------------------------
Theme Name: HMHB 2013
Description: A custom theme for the Half Man Half Biscuit Lyrics Project website
Author URI: http://www.chrisrand.com
Version: 1.0
Built on The HTML5 Reset Theme - http://html5reset.org - by Monkey Do! - http://monkeydo.biz
and SimpleGrid - http://simplegrid.info/ - by Conor Muirhead
-------------------------------------------------------------------------------------------*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/***** General *****/

body {
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: normal;
	line-height: 1.5em;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

p {
	margin: 0 0 0.5em;
}

p {
/*	max-width: 634px; */
	font-size: 0.9em;
}

td {
/*	max-width: 634px; */
	font-size: 0.8em;
}

td.s {
/*	max-width: 634px; */
	font-size: 0.667em;
}

.silver, strike {
	color:silver
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.2em;
	padding: 0.5em 0 0.25em;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.75em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.25em;
}

h5, h6 {
	font-size: 1em;
}

p a, p a:link, p a:visited {
	color: #00005e;
	text-decoration: none;
	border-bottom: 1px solid #00005e;
}

p a:hover, p a:active {
	color: #0000c0;
	border-bottom: 1px solid #0000c0;
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color: #333333;
	text-decoration: none;
	border-bottom: none;
}



img {
	max-width: 100%;
	height: auto;
}

a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] {
	text-decoration: none;
	border: 0 none;
	}

.gsc-results {
	text-align: left;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.clickable { /***** Containing div must have a position value *****/
  position: relative;
}

div.clickable a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none; /***** Makes sure the link doesn't get underlined *****/
  z-index: 10; /***** raises anchor tag above everything else in div *****/
  background-color: white; /*****workaround to make clickable in IE *****/
  opacity: 0; /*****workaround to make clickable in IE *****/
  filter: alpha(opacity=1); /*****workaround to make clickable in IE *****/
}

div.results_table {
	margin-top: 0.5em;
	margin-bottom: 1em;
	text-align: center;
}

div.results_table table {
	border: 3px solid #ccc;
	width: 95%;
}

div.results_table tr {
	margin-bottom: 2px;
}

div.results_table th {
	background-color: #222;
	text-align: center;
	padding: 3px 12px;
	color: #ccc;
	font-weight: bold;
}

div.results_table td {
	background-color: #ccc;
	text-align: center;
	padding: 3px 12px;
	color: #222;
	font-weight: normal;
}

div.results_table td.automatic {
	background-color: #FF9933;
}

div.results_table td.fastest_loser {
	background-color: #E5E500;
}

p.score {
	line-height:3em;
	font-size:3em;
	color:#fff;
	background-color:#000;
	padding:6px 12px;
}



/***** Header *****/

#logo {
	padding-bottom: 0;
}

.logo {
	color: #ff0;
	font-weight: bold;
	font-size: 1.1em;
}

.banner-wrap {
	position: relative;
	text-align: center;
	background: #666;
	padding: 0 10px 1em;
	margin-bottom: 0;
}

.banner-wrap2 {
	text-align: center;
	background: #444;
	padding: 0 0 0.125em;
	margin-bottom: 0;
}

.banner-wrap3 {
	text-align: center;
	background: #222;
	border-bottom: 1px solid #ccc;
	padding: 0 0 0.25em;
	margin-bottom: 0;
}

.banner img {
	position: absolute;
	top:20px;
	right:20px;
	z-index:10;
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	max-width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .banner img {
		top:100px;
        max-width: 50px;
        max-height: 50px;
    }
}


.intro {
	color: #ccc;
	font-size: 0.75em;
	line-height: 1.1em;
	max-width: none;
	padding-top: 0.5em;
	font-style: italic;
}

.intro2 {
	color: #fff;
	font-size: 1em;
	line-height: 1.25em;
	max-width: none;
	padding-top: 0.25em;
	font-weight: bold;
}

.intro3 {
	color: #fff;
	font-size: 0.75em;
	font-weight: normal;
	line-height: 1.25em;
	max-width: none;
	padding-top: 0.5em;
}

.intro3 a, .intro3 a:link, .intro3 a:visited, .intro3 a:active  {
	color: #ff0;
	text-decoration: none;
	border-bottom: 1px solid #ff0;
}

.intro3 a:hover {
	color: #f00;
	text-decoration: none;
	border-bottom: 1px solid #f00;
}

span.twitlink {
	border: 1px solid #666;
	background: #444;
	padding: 1px 10px 3px 10px;
}

span.twitlink a {
	font-size: 0.9em;
	text-decoration: none;
	border: none;
}


span.twitlink a:link, span.twitlink a:visited {
	color: #999;
	text-decoration: none;
}

span.twitlink a:hover, span.twitlink a:active {
	color: #ccc;
	text-decoration: none;
}








/***** Sidebar *****/

div.sidebar {
	margin-top: 1em;
	color: #666;
}

.sidebar h2 {
	background: #eeeeee;
	border-top: 6px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

.sidebar p {
	background: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0.5em 1em 1em 1em;
	margin: 0 0 1em;
	text-align: center;
}

.sidebar .searchform {
	background: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 0;
	font-size: 1.5em;
	padding: 0;
	margin: 0;
}

/***** Footer *****/

.footer p {
	color: #666;
	text-align: center;
	max-width: none;
}

/***** Layout *****/

.grid {
	padding: 20px;
	background-color: #FFFFFF;
}

.row {
	margin-bottom: 1em;
}

.the-grids {
	margin-top: 1em;
	margin-bottom: 4em;
	text-align: center;
}

.the-grids .row {
	margin-bottom: 0;
 }

/***** Home Page *****/

.home h2 {
	background: #eeeeee;
	border-top: 6px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 1.5em;
	font-weight: bold;
}

.home h2.red {
	color:red;
	font-style: oblique;;
}

.home p {
	background: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0.5em 2em 1em 2em;
	margin: 0 0 1em;
}

.home p.ticker {
	background: #000;
	border-top: 6px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 6px solid #ccc;
	padding: 0.5em 2em 0.5em 2em;
	margin: 0 0 1em;
	color: red;
}

.home p.ticker a, .home p.ticker a:visited {
	color: yellow;
	border-bottom: 1px solid yellow;
}

.home p.ticker a:hover {
	color: white;
}

.home h2.nospaceunder {
	padding-bottom: 0;
	margin-bottom: 0;
}

.home .searchform {
	background: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 0;
	font-size: 1.5em;
	padding: 0 0 0 0;
	border-bottom: 1px solid #ccc;
	margin: 0 0 0.75em 0;
}

.home p.nospaceover {
	padding: 0 1em 0.75em;
	margin: 0 0 1em;
}

.home ul,.home ol {
	background: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 1em;
	margin: 0 0 1em;
	font-size: 0.8em;
	text-align: left;
	line-height: 1.25em;
}

.home ul.centered,.home ol.centered {
	text-align: center;
}

.home ul a,.home ol a {
	font-weight: bold;
	border-bottom: none;
}

.home ul a.nodecoration {
	border-bottom: none;
}

.home li {
	list-style-type: none;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #ccc;
}

.home ul img {
	border-bottom: none;
}

/***** Albums Gallery *****/

.gallery p {
	background: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0.5em 1em 1em 1em;
	margin: 0 0 1em;
}

.gallery .albumyear {
	font-size: 0.75em;
	font-weight: normal;
}

/***** Single Album *****/

.album .tracklist h2 {
	font-size: 2em;
	padding-bottom: 0.25em;
	margin-bottom: 0;
}

.album .tracklist h2 a {
	text-decoration: none;
	border-bottom: none;
}

.album .tracklist p {
	padding: 0 1em 1.5em 1em;
	margin: 0 0 0.75em 0;
	border-bottom: none;
	border-bottom: 1px solid #ccc;
}

.album .tracklist ul {
	text-align: center;
	list-style-type: none;
	font-size: 1.25em;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 0;
	line-height: 1.75em;
}

.album .tracklist li {
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #ccc;
}

.album .tracklist li a {
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
}

.album .tracklist h3 {
	margin-top: 2em;
	margin-bottom: 0.5em;
	font-weight: normal;
	font-style: italic;
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #ccc;
}

/***** Lyrics Page *****/

.lyrics div.lyricssection {
	padding-left: 10px;
	border-left: 1px dotted #ccc;
	padding-right: 10px;
	border-right: 1px dotted #ccc;
}

.lyrics h2 {
	font-size: 2em;
	padding-bottom: 1em;
	margin-bottom: 0;
}

.lyrics h2 a {
	text-decoration: none;
	border-bottom: none;
}

.lyrics p {
	padding: 0 1em 1em 1em;
	margin: 0 2em;
	border-bottom: none;
}

.lyrics div#end_of_lyrics {
	height: 2em;
}

.lyrics div.social {
	background-color: #eee;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.lyrics .box1  {
	text-decoration: none;
	border-bottom: none;
	font-size: 0.9em;
	margin-bottom: 0;
	padding: 6px;
}

.lyrics .box1 a {
	text-decoration: none;
	border-bottom: none;
	font-weight: bold;
}

.lyrics .box1 a:hover {
	text-decoration: underline;
}

.lyrics .box2  {
	background-color: #fff;
	border: none;
	text-decoration: none;
	font-size: 0.9em;
	padding: 6px;
}

.lyrics .box3  {
	text-decoration: none;
	font-size: 0.9em;
	padding: 6px;
}

.lyrics .box3 a {
	text-decoration: none;
	border-bottom: none;
	font-weight: bold;
}

.lyrics .textmiddle {
	vertical-align:middle;
}

.lyrics div.video-container {
	margin-top: 1em;
}

.lyrics p.videocaption {
	background: #fff;
	border-bottom: 1px solid #ccc;
	border-right: none;
	font-size: 0.75em;
	font-style: italic;
	margin: 0.5em 0 0 0;
	padding-right: 0;
	line-height: 1.5em;
	text-align: right;
}

.lyrics p.videolist {
	background: #fff;
	border-bottom: 1px solid #ccc;
	border-right: none;
	font-size: 1em;
	margin: 1em 0 0.5em 0;
	padding: 1em 0 0.5em 0;
	text-align: right;
}

.lyrics ul.videolist {
	text-align: right;
	list-style-type: none;
	font-size: 0.75em;
	font-style: italic;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 0;
	line-height: 1.75em;
}

.lyrics ul.videolist li {
	background-image: url("http://www.chrisrand.com/images/youtube.gif");
	background-repeat: no-repeat;
	background-position: 100% 5px;
	margin: 0 0 0.5em 0;
	padding: 0 40px 0.5em 0;
	border-bottom: 1px solid #ccc;
}

.lyrics ul.videolist li a {
	text-decoration: none;
	border-bottom: none;
}

.lyrics p.videohead {
	color: #666;
	font-size: 1.25em;
	margin: 1em 0 0 0;
	padding: 0;
	text-align: center;
}

.lyrics p.videonotes {
	color: #999;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	line-height: 1.25em;
	font-style: italic;
	text-align: center;
}

.lyrics p.videonotes a {
	color: #99f;
	text-decoration: underline;
	border: 0;
}




/***** Default Page *****/

.page .content {
	text-align: left;
}

.page .content h2 {
	margin-bottom: 1em;
}

.page .content h2 a {
	text-decoration: none;
	border-bottom: none;
}

.page .content h3 {
	margin-bottom: 0.5em;
}

.page p .content {
	text-align: left;
	padding-right: 3em;
}

.page .content ul {
	list-style-type: none;
	font-size: 1em;
	margin: 1em 0 1em 0;
	padding: 0 0 0.5em 0;
	line-height: 1.75em;
}

.page .content ul.spaceabove {
	padding-top: 0.5em;
	margin-top: 1em;
	border-top: 1px solid #ccc;
}

.page .content li {
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #ccc;
}

.page .content li a {
	text-decoration: none;
	border-bottom: none;
	font-weight: bold;
	color: #00005e;
}

.page .content li a:hover {
	border-bottom: 1px solid #f00;
}

.page .content .page-meta p {
	text-align: right;
	font-style: italic;
}

.page img.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.page div.quote {
	font-size: 1em;
	padding: 1.5em 1.5em 0.5em 1.5em;
	margin-bottom: 1.5em;
	border: 1px solid silver;
	text-align: justify;
}

.page p.quote {
	font-weight: bold;
	text-align: justify;
}

.page p.quotesource {
	font-style: italic;
	text-align: right;
}

.page div.quote .bqstart {
	font-family:"Times New Roman",Georgia,Serif;
	float: left;
	height: 45px;
	margin-top: -35px;
	padding-top: 45px;
	margin-bottom: -50px;
	font-size: 700%;
	color: #FF0000;
 }

 .page div.quote .bqend {
	font-family:"Times New Roman",Georgia,Serif;
	float: right;
	height: 25px;
	margin-top: 0px;
	padding-top: 45px;
	font-size: 700%;
	color: #FF0000;
 }



/***** Default Post *****/

.post .content {
	text-align: left;
}

.post .content h2 {
	margin-bottom: 1em;
}

.post .content h2 a {
	text-decoration: none;
	border-bottom: none;
}

.post p .content {
	text-align: left;
	padding-right: 3em;
}

.post .content ul {
	list-style-type: none;
	font-size: 1em;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 0;
	line-height: 1.75em;
}

.post .content li {
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #ccc;
}

.post .content li a {
	text-decoration: none;
	border-bottom: none;
	font-weight: bold;
}

.post .content .post-meta p {
	text-align: left;
	font-style: italic;
	font-size: 0.8em;
	color: #999;
	line-height: 1.2em;
	margin: 1em 0 2em 0;
}

.post .songintro {
	font-size: 1em;
	padding-bottom: 0.5em;
	margin-bottom: 0.75em;
	border-bottom: 6px solid silver;
}

.post .myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:6px 40px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}

.post .myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
}

.post .myButton:active {
	position:relative;
	top:1px;
}

.post .LFCsong a {
	color: red;
	font-size: 1.5em;
	font-weight: bold;
}

.post .LFCalbum {
	color: silver;
	font-style: oblique;
	font-size: 0.9em;
}

.post h3.LFC {
	border: 1px solid silver;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-right: 1em;
	padding: 3px 12px;
}






/***** Showdown Page *****/

div.showdown h2 {
	margin-bottom: 0.5em;
}

div.showdown h2.grey {
	color: silver;
}

div.showdown h2.red {
	color: red;
}

div.showdown h3 {
	border: 1px solid silver;
	margin-top: 2em;
	margin-bottom: 6px;
	padding: 6px 12px;
}

div.showdown h3 a:hover {
	background-color: yellow;
}

div.showdown h4 {
	margin-bottom: 1em;
	line-height: 140%;
}

div.wp-showdown-announcement h2.wp-showdown-title {
	background-color: yellow;
	margin-top: 24px;
	margin-bottom: 6px;
	padding: 6px 12px;
	font-size: 1em;
}

div.showdown .score {
	background-color: black;
	color: white;
	font-weight: bold;
	font-size: 2em;
	padding: 3px 3px;
	margin-right: 2px;
}

div.showdown p {
	max-width: 790px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/***** More stuff for Lux Familiar Cup 2015 pages *****/

div.datagrid { margin-top: 2em; margin-bottom: 1em; max-width: 90%; margin-left: auto; margin-right: auto;}

.datagrid table { border-collapse: collapse; text-align: right; width: 100%; } .datagrid {background: #fff; overflow: hidden; border: 1px solid #A65B1A; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A65B1A), color-stop(1, #7F4614) );background:-moz-linear-gradient( center top, #A65B1A 5%, #7F4614 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A65B1A', endColorstr='#7F4614');background-color:#A65B1A; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #BF691E; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #7F4614; border-left: 1px solid #D9CFB8;font-size: 15px;font-weight: normal; }.datagrid table tbody .alt td { background: #F0E5CC; color: #7F4614; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }

.datagrid table td.left,.datagrid table th.left { text-align:left; }
.datagrid table td.center,.datagrid table th.center { text-align:center; }
.datagrid table td.right,.datagrid table th.right { text-align:right; }

div.questionpro {
	margin-top: 2em;
	margin-bottom: 2em;
}






/***** A to Z Index Page *****/

.page a.nodecoration {
	border-bottom: none;
}

.page ul.newlist {
	list-style-type: none;
	font-size: 1.25em;
	line-height: 1.25em;
}

.page ul.newlist img {
	border: 1px solid black;
	top:5px;
}

.page ul.newlist .label {
	margin-left: 1em;
}


.page ul.alllist li {
	margin: 0 0 0.25em 0;
	padding: 0 0 0.25em 0;
	border-bottom: 1px solid #ccc;
}

.page ul.alllist li a {
	text-decoration: none;
	border-bottom: none;
	font-weight: normal;
}

.page ul.alllist a:hover {
	border-bottom: 1px solid #f00;
}

.page ul.latestlist li {
	margin: 0 0 0.25em 0;
	padding: 0 0 0.25em 0;
	border-bottom: 1px solid #ccc;
}

.page ul.latestlist li a {
	text-decoration: none;
	border-bottom: none;
	font-size: 1.25em;
	font-weight: bold;
}

.page ul.latestlist a:hover {
	border-bottom: 1px solid #f00;
}

.page ul.latestlist li img {
	vertical-align:middle;
	margin-right: 10px;
}

.page .content h3.nospace {
	margin-bottom: 0;
}

.page .content h3.bordered {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}


/***** A to Z Post *****/

.post p.atoz-subhead {
	text-align: center;
	font-style: normal;
	color: #666;
	font-size: 1.5em;
	font-weight: bold;
	background: #eeeeee;
	border-top: 6px solid #ccc;
	padding: 16px 6px;
	margin-top: 18px;
	margin-bottom: 0px;
}

.post div#navcontainer {
	margin-bottom: 20px;
}

.post div#navcontainer ul#navlist {
	background: #eeeeee;
	width: 100%;
	padding-left: 0;
	padding-bottom: 0px;
	margin-left: 0;
	margin-bottom: 0px;
	white-space: nowrap;
	text-align: center;
	font-size: 0.9em;
}

.post div#navcontainer #navlist li {
	list-style-type: none;
	display:inline;
	border: 0;
}

.post div#navcontainer #navlist a {
	padding: 3px 10px;
}

.post div#navcontainer #navlist a:link, #navlist a:visited {
	color: #333;
	background-color: #ccc;
	text-decoration: none;
}

.post div#navcontainer #navlist a:hover {
	color: #fff;
	background-color: #666;
	text-decoration: none;
}

.post-content-atoz p a {
	font-style: italic;
	text-decoration: underline;
	border: 0;
}

.post-content-atoz strong {
	margin-top: 10px;
}

.post-content-atoz img {
	border: 1px solid black;
	margin-top: 12px;
	margin-bottom: 12px;
}

.page .content h2.atoztitle {
	line-height:200%;
}

h2 span.atoz-dropcap {
	font-weight: bold;
	font-size: 1.25em;
	color: white;
	background-color: red;
	padding: 3px 9px;
}

h2 span.atoz-dropcap a {
	color: white;
}

h2 span.atoz-dropcap a:hover {
	color: yellow;
	text-decoration: underline;
}

.post h2 span.isfor {
	font-weight: normal;
	font-size: 0.9em;
}



/***** Songs Revisited Template *****/

.content p.revisited-subhead {
	text-align: center;
	font-style: normal;
	color: #666;
	font-size: 1.5em;
	font-weight: normal;
	background: #eeeeee;
	border-top: 6px solid #ccc;
	padding: 16px 6px;
	margin-top: 18px;
	margin-bottom: 0px;
}

.content h2.revisited-title {
	text-align: center;
	line-height:125%;
	font-size: 2.5em;
	color: black;
}

.content div.revisit-button {
    width: 100%;
    margin: 24px 0;
    text-align: center;
}

.content p.revisited-discuss {
	text-align: center;
	clear: left;
	display: inline-block;
	margin: 0 auto;
	padding: 6px 12px;
	border: 1px solid black;
	background-color: red;
	margin-bottom: 6px;
}

.content p.revisited-discuss a {
	border: none;
	color: white;
	font-style: normal;
	font-size: 1.5em;
}

.content p.revisited-discuss a:hover {
	color: yellow;
}

.content p.revisited-spotify {
	clear:both;
	float:center;
	text-align: center;
	font-style: normal;
	margin-bottom: 6px;
}

.content p.revisited-lyrics {
	clear:both;
	float:center;
	text-align: center;
	font-style: normal;
	margin-bottom: 6px;
	font-size: 1em;
}

.content p.revisited-album {
	text-align: center;
	font-style: normal;
	color: #666;
	font-size: 1em;
	background: #eeeeee;
	padding: 6px;
}





/***** Responsive iFramed Video *****/

.embed-container {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/***** Recent Comments Page *****/

.recent .content h2 {
	margin-bottom: 1em;
	text-align: left;
}


/***** Comments *****/

.comments ol {
	counter-reset: li; /* Initiate a counter */
	margin-left: 0; /* Remove the default left margin */
	padding-left: 0; /* Remove the default left padding */
	text-align: left;
	overflow: hidden;
}

.comments ol > li {
	position: relative; /* Create a positioning context */
	margin: 0 0 6px 3em; /* Give each list item a left margin to make room for the numbers */
	padding: 0 0 0.5em 1em; /* Add some spacing around the content */
	list-style: none; /* Disable the normal item numbering */
	border-top: 2px solid #666;
}

.comments ol > li:before {
	content: counter(li); /* Use the counter as content */
	counter-increment: li; /* Increment the counter by 1 */
	/* Position and style the number */
	position: absolute;
	top: -2px;
	left: -3em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 3em;
	/* Some space between the number and the content in browsers that support generated content but not positioning it */
	margin-right: 0;
	padding: 4px;
	border-top: 2px solid #666;
	color: #999;
	background: #666;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

.comments p {
	text-align: left;
	padding: 0.25em 1em;
}

.comments p.comment-author {
	background: #eee;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding-top: 0.25em;
	border-bottom: 1px solid #ccc;
}

.comments p.comment-author .reference {
	text-transform: none;
	font-weight: normal;
}

.comments p.comment-date {
	font-style: italic;
	font-weight: normal;
	text-align: right;
	font-size: 0.75em;
	color: #999;
}

.comments h2 {
	background: #cccccc;
	border: none;
	padding: 0.25em;
	margin: 2em 0 0 0;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
}

.comments div.commentskip p {
	margin: 0 0 2em 0;
	text-align: center;
}

.comments a, .comments a:link, .comments a:visited {
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid red;
}

.comments a:hover, .comments a:active {
	color: #800080;
	border-bottom: 1px solid red;
}

.comments span.boxx {
	color: #339;
	border: 1px solid silver;
	padding: 2px 6px;
	margin-right: 6px;
	font-weight: bold;
}

.comments blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes: "\201C""\201D""\2018""\2019";
	font-style: italic;
}

.comments blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}

.comments blockquote p {
	display: inline;
}

.comments ul {
	text-align: left;
	padding: 0.25em 0 0 2.5em;
	font-size: 0.9em;
}

.comments ul > li {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
}

.comments span.apologies {
    color: red;
    background-color: yellow;
    padding-left: 6px;
    padding-right: 6px;
}



/***** Comments Reply Form *****/

form#commentform {
	background: #fafafa;
	border: 1px solid #999;
	padding: 1em 2em;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
}

form#commentform input, form#commentform textarea {
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	width: 90%;
	font: 1em arial,sans-serif;
	background: #FFFFFF;
	}

form#commentform .name input {
	text-transform: uppercase;
	font-weight: bold;
	}

form#commentform textarea {
	width: 90%;
	max-width: 90%;
	height: 150px;
	line-height: 150%;
	margin-bottom: 0;
	}

form#commentform p.text {
	margin-bottom: 0;
	}

form#commentform input:hover, form#commentform textarea:hover,
form#commentform input:focus, form#commentform textarea:focus {
	border-color: #C9C9C9;
	}

form#commentform label {
	margin-left: 0.5em;
	color: #999999;
	}

form#commentform .tags {
	margin-right: 1em;
	color: #666666;
	font-size: 0.75em;
	line-height: 1.5em;
	font-style: italic;
	}

form#commentform .submit input {
	width: auto;
	padding: 9px 15px;
	background: #617798;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	}
	


/***** Ghost Button *****/

	
a.ghost-button, a.ghost-button:link, a.ghost-button:visited {
  display: inline-block;
  width: 50%;
  padding: 8px;
  background-color: #eee;
  color: #000;
  border: 2px solid #000;
  text-align: center;
  outline: none;
  text-decoration: none;
  margin-bottom: 8px;
}

a.ghost-button:hover,
a.ghost-button:active {
  background-color: #000;
  color: #fff;
}


/***** Posts and Pages External Links *****/

{code type=php}
.page a[href^="http://"]:not([href*="halfmanhalfbiscuit.uk"]):after,
.page a[href^="https://"]:not([href*="halfmanhalfbiscuit.uk"]):after,
.post a[href^="http://"]:not([href*="halfmanhalfbiscuit.uk"]):after,
.post a[href^="https://"]:not([href*="halfmanhalfbiscuit.uk"]):after {
content: "" url('/wp-content/themes/HMHB-2013/Icon_External_Link.png');
padding-left:3px;
}
{/code}