* {margin:0;padding:0;}

html,body {background:#FFF;color:#333;text-align:center;}
body {font:12px helvetica,arial,verdana,sans-serif;background:white;}

h1 {font-size:36px;letter-spacing:-0.5px;}
h2 {font-size:18px;line-height:20px;color:#000;}
h3 {font-size:16px;color:#666;}
h4 {font-size:14px;}
h5 {font-size:15px;}

a {color:#333;text-decoration:none;}
a:hover {color:#009;text-decoration:underline;}


#wrapper {text-align:left;width:965px;margin:0px auto;padding:20px;background:white;}

#navcontainer ul {padding-left: 0;margin-left: 0;background-color: #333;color: #EEE;float: left;width: 100%;font-weight: bold;}
#navcontainer ul li {display: inline;}
#navcontainer ul li a {padding: 0.2em 1em;background-color: #333;color: #EEE;float: left;border-right: 1px solid #fff;}
#navcontainer ul li a:hover {background-color: #000;color: #FFA;}

div#navcontainer2 {padding: 5px 0;background-color: #ffaaaa;float: left;width: 963px;font-weight: bold;text-align:center;border:1px solid #cc0000; font-size: 15px;}
div#navcontainer2 a {color: #cc0000;}

#masthead {height:175px;background-image:url("/images/hmhb_header_image_sized.jpg");background-repeat:no-repeat;padding:5px 0;}
#masthead h1 a {width:800px;float:left;color:#FF0;margin:16px 0 0 12px;}
#masthead h1 a:hover {text-decoration:none;color:#FFF;}
#masthead h1 a em {font-style:normal;}
#masthead h2 {width:800px;float:left;color:#FFF;margin:6px 0 30px 14px;}
#masthead h3 {width:920px;float:left;color:#FF0;text-align:left;margin:6px 0 0 14px;font-weight:normal;}
#masthead h2 a {color:#FFF;}

#authorBlurb img {float:right;width:42px;height:42px;border:3px solid #EEE;}
#authorIntro {line-height:1.4em;width:400px;float:right;margin:8px 0 0;}

ul.nav {list-style:none;background-color:#CCC;border-bottom:1px solid red;border-top:1px solid green;}

.nav li {border-right:1px solid #DDD;float:left;display:block;width:150px;}
.nav li a {font-size:11px;outline:none;color:#333;text-decoration:none;display:block;width:149px;text-transform:uppercase;padding:5px 0 12px 5px;}
.nav li a span {font-size:11px;color:#777;text-transform:lowercase;}
.nav li a:hover {background:#666;color:#eee !important;width:145px;}
* html .nav li a:hover {background:#666;width:149px;}
.nav li.skip a:hover,li.top a:hover {background:transparent;color:#333 !important;}

#archives {background:#333;}
#archives ul {list-style:none;padding:5px 0 3px;}
#archives li {float:left;display:block;width:151px;}
#archives li a {font-weight:700;color:#7F7F7F;width:149px;display:block;padding:2px 0 4px 5px;}
#archives li a:hover {color:#EEE;}

#mainCol {float:left;width:435px;margin:26px 0 0;}
#mainCol h4 {color:#777;text-transform:uppercase;margin-bottom:20px;}

#midCol, #tertCol {width:232px;float:left;margin-top:25px;margin-left:33px;}
#tertCol h1 {color:white;font-size:24px;background-color:#666;padding:5px 5px;margin-top:10px;}
#midCol h2,#tertCol h2 {color:white;font-size:18px;background-color:#666;padding:5px 5px;}
#midCol h3,#tertCol h3 {color:white;font-size:14px;background-color:#666;padding:5px 5px;}
#midCol ul,#tertCol ul {background-color:#eee;list-style:none;margin:0 0 10px 0;padding:3px 0;border-bottom:6px solid #999;}
#tertCol ul.albumlist {font-size:14px;text-transform:none;font-weight:bold;}
#midCol li, #tertCol li {list-style:none;color:#7F7F7F;line-height:1.2em;border-top:1px solid #BBB;padding:5px 5px 5px 10px;}
#midCol li a, #tertCol li a {font-weight:bold;} 
#midCol a:hover, #tertCol a:hover {color:#009;text-decoration:underline;}
#tertCol form {margin:5px 0 20px 0;}
#tertCol input[type=text] {font:16px helvetica,arial,verdana,sans-serif;}
#tertCol input[type=submit] {margin-top:5px;}
#tertCol ul img {margin-right:5px;border:0;}
#tertCol ul img a {border:0;}

#elseWhere {margin:0 0 20px;}

.postMeta {background:url(images/dot.gif) repeat-x left center;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px;}
.postMeta span.date {background:#FFF;color:#7F7F7F;padding:0 2px 0 4px;}
.postMeta span.comments {background:#FFF url(images/chat_grey.gif) no-repeat left center;padding-left:15px;margin-left:2px;}
.postMeta span.comments a,.postMeta span.date a {color:#555;}

.post {margin:0 0 15px;}
.post h2 {line-height:1.2em;margin-bottom:7px;}
.post h2 a {width:100%;display:block;outline:none;}
.post .entry {line-height:1.4em;overflow:hidden;}
.post .entry p a {background:url(images/dot.gif) repeat-x bottom left;font-weight:700;}

.entry blockquote {margin:0 1.3em;}

.entry ul {border-bottom:1px solid #BBB;color:#666;margin:20px 0 50px 0;}
.entry ul li {padding-top:7px;margin-bottom:7px;border-top:1px solid #BBB;}
.entry li a {font-size:14px;color:#333;font-weight:900;}
.entry li a {background:url(/images/tick.gif) no-repeat;padding-left:20px;}
.entry li a:hover {background-color:yellow;}

.entry ol {margin:0 1em 0 3em;}
.entry ol li {margin:0 0 7px;}
.entry img,.entry a img {border:0 solid #EEE;}
.entry a:hover img {border-color:#DFDFDF;}
.entry a:hover {text-decoration:underline;}
.entry table tr {padding:15px 0;}
.entry table tr.alt {background:#eee;}

.entry a img.youtube {border:0; text-decoration:none; float:left; margin-right:6px; margin-top:3px;}

#more_reading {color:#7F7F7F;font-size:11px;text-transform:uppercase;margin-bottom:25px;text-align:right;}
#more_reading a img {border:none;margin:0 0 3px 2px;}

#tweetbacks {margin-top:10px;padding-top:6px; border-top:1px solid silver;text-align:right;font-style:italic;}

#comments {width:435px;padding:12px 0 0;}
#comments h3,h3#respond {color:#555;margin-bottom:7px;}

ol.commentslist {list-style:none;margin:5px 0 12px;}
.commentslist li {background:#DDD;border:1px solid #BBB;margin-bottom:7px;padding:7px 0;}
.commentslist li.alt {background:#FFF;}
.commentslist li:hover {border-color:#888;}
.commentslist .comment_text {line-height:1.4em;overflow:hidden;margin:0 7px;}
.comment_text ul,.comment_text ol,.comment_text blockquote {margin:0 1em;}

p.author_meta {font-weight:700;text-transform:uppercase;margin:0 0 0 7px;}
p.post_meta {font-size:11px;text-transform:uppercase;text-align:right;margin:0 7px 0 0;}

.commentslist li.author {background:#333;color:#CCC;}
.commentslist li.author a {color:#DDD;}
#comments_closed {background:#ccc;color:#ccc;margin-top:12px;line-height:1.5em;padding:7px 0;}

p.nocomments {margin:0 12px 0 7px;}
p.nocomments a {color:#ddd;font-weight:700;text-decoration:underline;}

ol.pingslist {font-size:12px;margin:1.5em 2em;}
.pingslist li {color:#7F7F7F;margin:0 0 7px;}

#author,#email,#url,#comment {font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}
#comment {width:429px;overflow:auto;}
#commentform p small {font-size:10px;color:#7F7F7F;}
.commentslist code {background:transparent;}

#footer p {padding-top:7px;}
#footer p a {font-weight:700;color:#333;}

.floatleft {float:left;margin:3px 7px 0 0;}
.floatright {float:right;margin:3px 0 0 7px;}
.right {float:right;}
.left {float:left;}
.clear {clear:both;}
.fix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix {display:block;}
* html .fix {height:1%;}
#authorIntro a,#midCol a {font-weight:700;}

.nav li.skip,li.top {border-left:1px solid #DDD;float:right;display:block;width:150px;}
.nav li.skip a,li.top a {width:150px;}

#searchWrap {margin-bottom:20px;}
#searchWrap input,#more_reading p,#more_reading img {vertical-align:middle;}

.entry h3,.post .entry p,.comment_text p,.comment_text ul,.comment_text ol,.comment_text blockquote,#commentform p {margin:1em 0;}

.commentslist li a,.pingslist li a,#commentform p a {font-weight:700;background:url(images/dot.gif) repeat-x bottom left;}
.commentslist li.author a:hover,p.nocomments a:hover {color:#FFF;}

p.signoff {text-align:right;margin-bottom:20px;margin-top:10px;font-style: italic;font-size: 10px;}


#singleCol {float:left;width:960px;margin:26px 0 0;}

h2.all_comments {margin-bottom:20px;font-size:36px;}
ul.all_comments {list-style:none;margin-bottom:20px;line-height:150%;}
ul.all_comments a {text-decoration:none;}
ul.all_comments a:hover {text-decoration:underline; background-color:yellow;}
li.all_comments {float:left; width: 200px; height: 200px; margin-bottom:10px;margin-right:10px;padding:10px; border:1px solid #000; overflow:hidden; background-color:#eee;}
div.all_comments_comment {font-weight:normal; font-style:italic; font-size:15px; colour:#000; line-height:125%; margin-bottom:10px;}
div.all_comments_author {font-weight:normal; color:#000; padding-top:5px; border-top:1px solid #666;}
span.all_comments_name {font-weight:700; text-transform:uppercase;}
span.all_comments_page {color:#666;}
span.all_comments_date {color:#333;}

div.top_comments {float:left; width: 200px; height: 880px; margin-bottom:10px;margin-right:10px;padding:10px; border-top:1px solid #666;  border-right:1px solid #666; border-left:1px solid #666; overflow:hidden; background-color:#fff;}
h2.top_comments {margin-bottom:5px;}
p.top_comments {font-style:italic;margin-bottom:10px;}
ul.top_comments {list-style:none;margin-bottom:20px;line-height:120%; font-weight:700; text-transform:uppercase;}
div.top_comments li {margin-bottom:5px;}
div.tc-user {text-transform:uppercase;}


#homepagecol1,#homepagecol2,#homepagecol3 {float:left;width:299px;margin-top:24px;}
#homepagecol2,#homepagecol3 {margin-left:33px;}

#homepagecol1 h1 {color:white;font-size:24px;background-color:#666;padding:5px 10px;}
#homepagecol1 h2, #homepagecol2 h2, #homepagecol3 h2  {color:white;font-size:18px;background-color:#666;padding:5px 10px;}
#homepagecol1 ul, #homepagecol2 ul, #homepagecol3 ul {list-style:none;margin:0 0 10px 0;padding:3px 0;border-bottom:6px solid #999;}
#homepagecol1 ul {background-color:#ccc;}
#homepagecol1 ul img {margin-right:5px;border:0;}
#homepagecol2 ul, #homepagecol3 ul, #homepagecol1 ul.lighter {background-color:#eee;}
#homepagecol1 li, #homepagecol2 li, #homepagecol3 li {list-style:none;color:#7F7F7F;line-height:1.2em;border-top:1px solid #BBB;}
#homepagecol1 li {padding:5px 5px 5px 15px;}
#homepagecol2 li, #homepagecol3 li {padding:5px 5px 5px 10px;}
#homepagecol1 li a, #homepagecol1 p a, #homepagecol2 li a, #homepagecol3 li a {font-weight:bold;} 
#homepagecol1 a:hover, #homepagecol2 a:hover, #homepagecol3 a:hover {color:#009;text-decoration:underline;}

#homepagecol1 form {margin:5px 0 20px 0;}
#homepagecol1 input[type=text] {font:16px helvetica,arial,verdana,sans-serif;}
#homepagecol1 input[type=submit] {margin-top:5px;}
#homepagecol3 h3 {color:black;font-size:21px;letter-spacing:-0.5px;border:3px solid silver;text-align:center;padding:5px;margin-bottom:20px;}
#homepagecol3 ul.user a {font-weight:bold;text-transform:uppercase;}

.spaceafter {margin-bottom:20px;}
.largertext {font-size:14px;text-transform:none;}

a#randombutton {
	display: block;
	width: 295px;
	height: 120px;
	text-decoration: none;
	background: url("http://www.chrisrand.com/images/lyric-button.gif");
	margin-bottom:20px;
	}
a#randombutton:hover {
	background-position: -295px 0px;
	background-color:none;
	}

.results_table table {
	border:1px solid black;
	}

.results_table td {
	border:1px solid silver;
	margin:0;
	padding:2px 4px;
	text-align:center;
	}

.results_table tr.automatic {
	background-color:#FF9933;
	font-weight:bold;
	}

.results_table tr.fastest_loser {
	background-color:#FFFF99;
	font-weight:bold;
	}

.results_table td.winner {
	background-color:#FFFF99;
	font-weight:bold;
	}

.results_table td.score {
	font-size:18px;
	font-weight:bold;
	}

.new {
	color:yellow;
	background-color:red;
	font-weight:bold;
	padding: 2px 5px;
	}

.scored {
	font-size:18px;
	font-weight:bold;
	margin-left:15px;
	}

.count {
float:right;
padding: 0 3px;
font-size:18px;
font-weight:bold;
color:#eeeeee;
}

li.recent-comment { overflow: hidden }