/* =================================
Theme Name: Mess of Music
Description: A slick new theme for the re-launch of Mess of Music.
Author: Dan Hauk
Author URI: http://www.dan-hauk.com
Version: 2.0

Colors
----------
light blue for links: #498DC4 1674BF
very light blue (comments header): #D3E9FB
light gray (borders, reverse text, etc): #ccc

====================================
*/

/*
====================================
	RESET
====================================
*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,img { 
	border:0;
	}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
	}
ol,ul {
	list-style:none;
	}
caption,th {
	text-align:left;
	}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym, a img {
	border:0;
	}



/*
====================================
	BASIC STRUCTURE & GLOBAL
====================================
*/

body {
	text-align: center;
	background: #fff url(images/body-bg.jpg) repeat-x top left;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	}

#sforum {
	font-size: 13px;
	}

a {
	color: #1674BF;
	text-decoration: none;
	}

a:hover {
	color: #000;
	}

#container {
	
	}



/*
====================================
	HEADER
====================================
*/

#header {
	height: 141px;
	width: 960px;

	position: relative;
	margin: 0 auto;
	}

#user-info {
	float: right;

	width: 310px;
	height: 50px;

	background: url(images/user-info2.jpg) no-repeat top left;
	color: #fff;
	text-align: left;
	}

p.username {
	padding: 10px 0 0;
	}

p.login {
	padding: 10px 10px 0;
	}

#user-info a {
	color: #fff;
	}

#user-info a:hover {
	text-decoration: underline;
	}

img.sfavatartag {
	float: left;
	margin: 5px 10px 0 10px;
	}

ul#main-nav {
	float: right;
	clear: right;
	margin-top: 50px;
	/* margin-top: 11px; with banner image */

	height: 40px;
	}

ul#main-nav li {
	float: left;

	font-size: 15px;
	line-height: 40px;
	text-transform: lowercase;
	}

ul#main-nav li a {
	color: #294256;
	text-decoration: none;

	display: block;
	padding: 0 10px;
	}

ul#main-nav li a.nav-members {
	color: #AB0101;
	}

ul#main-nav li a:hover {
	/* color: #16242F; */
	color: #000;

	background: url(images/nav-hover2.jpg) no-repeat bottom center;
	}





/*
====================================
	VIDEO PLAYER
====================================
*/

#video {
	height: 428px;
	width: 960px;
	margin: 0 auto;
	padding: 75px 0 0;

	background: url(images/bg-video.jpg) no-repeat top left;

	text-align: left;
	color: #ccc;
	line-height: 1.5em;
	}

p.episode-video {
	float: left;
	}

div.vid-description,
div#shownotes,
div#embed-this {
	float: right;
	width: 290px;
	}

div.shownotes {
	height: 175px;
	margin: 10px 0;

	display: block;
	clear: both;
	overflow: auto;
	}

div.shownotes p {
	padding-top: 15px;
	}

div.vid-description p {
	margin-top: 15px;
	}

p.notes a {
	padding: 5px 10px;
	background: #5387AF;
	color: #fff;
	}

p.notes a:hover {
	background: #8CBFE8;
	color: #333;
	}

div#postnavigation {
	clear: right;
	float: right;

	width: 290px;
	padding-top: 10px;
	border-top: 1px solid #666;
	}

span.sfforumlink,
a.comments-link {
	float: right;
	clear: right;

	height: 15px;
	width: 265px;
	margin-bottom: 10px;
	padding-left: 25px;

	line-height: 15px;
	background: url(images/discussion-link.jpg) no-repeat;
	}

a.comments-link { background: url(images/comment-link.jpg) no-repeat; }

#postnavigation a,
span.sfforumlink a,
a.comments-link {
	color: #53A3E3;
	}

#postnavigation a:hover,
span.sfforumlink a:hover,
a.comments-link:hover {
	color: #ccc;
	}

p.previous-ep {
	float: left;
	width: 150px;
	padding: 0;
	}

p.next-ep {
	float: right;
	width: 100px;
	padding: 0;
	}

#shownotes ul {
	margin: 15px 0;
	}

#shownotes ul li {
	float: left;
	}

#shownotes ul li a {
	padding: 5px 10px 5px 22px;
	background: #5387af;

	color: #fff;
	}

#shownotes ul li a:hover { text-decoration: none; }

#shownotes ul li a.notes {
	background: #5387af url(images/notes.jpg) no-repeat 5px center;
	}
#shownotes ul li a.links {
	background: #5387af url(images/links.jpg) no-repeat 5px center;
	padding-left: 25px;
	}
#shownotes ul li a.download {
	background: #5387af url(images/download.jpg) no-repeat 5px center;
	}

#shownotes ul li a:hover {
	background: #8CBFE8;
	color: #666;
	}

#shownotes ul li a.notes:hover {
	background: #8CBFE8 url(images/notes-hover.jpg) no-repeat 5px center;
	}
#shownotes ul li a.links:hover {
	background: #8CBFE8 url(images/links-hover.jpg) no-repeat 5px center;
	padding-left: 25px;
	}
#shownotes ul li a.download:hover {
	background: #8CBFE8 url(images/download-hover.jpg) no-repeat 5px center;
	}

ul#dl-links li,
#links ul li {
	float: none;
	}

ul#dl-links li a,
#links ul li a {
	background: none;
	color: #53a3e3;
	border-bottom: 1px solid #444;

	padding: 5px;
	margin-right: 1px;
	display: block;
	}

#links ul li a {
	padding: 2px 0 2px 20px;
	background: url(images/link-music.jpg) no-repeat center left;
	}

#links ul li.site a { background: url(images/link-site.jpg) no-repeat center left; }

ul#dl-links li a:hover {
	background: #444;
	color: #53a3e3;
	border-color: #666;
	}

#links ul li a:hover {
	color: #53a3e3;
	background: #333 url(images/link-music.jpg) no-repeat center left;
	text-decoration: underline;
	}

#links ul li.site a:hover { background: url(images/link-site.jpg) no-repeat center left; }

#embed-this input {
	padding: 3px;
	margin-bottom: 10px;
	width: 270px;
	border: 0;

	font-family: 'Courier New', Courier, monotype;
	}






/*
====================================
	MAIN BODY
====================================
*/

/******* Recent Episodes ********/
#recent-episodes {
	clear: both;
	overflow: auto;

	margin: 0 auto;
	padding: 0 0 20px;
	width: 960px;

	text-align: left;
	line-height: 1.4em;
	}

#recent-episodes a { color: #000; }
#recent-episodes a:hover { text-decoration: underline; }
#recent-episodes a.view-all {
	font-size: 14px;

	float: right;
	margin-top: -35px;
	}

#recent-episodes p {
	padding-top: 10px;
	}

#recent-episodes p span {
	font-weight: bold;
	font-size: 13px;
	}

/******** Bottom Content ********/
#content {
	width: 960px;
	margin: 0 auto;
	padding: 75px 0 25px;

	background: transparent;
	}

#content-page-inner p {
	line-height: 1.5em;
	padding: 10px 0;
	}

#forums-donation {
	background: #fff url(images/bg-content.jpg) repeat-x;
	clear: both;

	overflow: auto;
	text-align: left;
	}

#forums-donation-inner {
	width: 960px;
	margin: 0 auto;

	line-height: 1.4em;
	}

/******** From the forums ********/
#forums {
	width: 630px;
	float: left;
	}

#discussion {
	width: 630px;
	float: left;
}

a.join-discussion {
	color: #000;
	font-size: 14px;

	float: right;
	margin-top: -35px;
	}

a.join-discussion:hover {
	text-decoration: underline;
	}

.sf-latest-header {
	text-align: left;
	font-style: italic;
	font-size: 11px;

	margin: 0;
	}

.sf-latest-content {
	text-align: left;
	margin: 5px 0 0 0;
	border-bottom: 1px solid #ccc;
	}

#forums .sf-latest-content { padding-bottom: 15px; }

.sf-latest-content p {
	padding: 5px 0;
	}

.sf-latest-content hr,
.sf-latest-content img {
	display: none;
	}

.sf-latest-content blockquote {
	font-size: 11px;
	background: #f7f7f7;
	border: 1px solid #eee;
	padding: 5px;
	margin-bottom: 10px;
	}

/******** Twitter & News ********/
#twitter-news {
	width: 310px;
	float: right;
	clear: right;

	/* margin-left: 15px; */
	margin-top: 20px;
	}

#twitter_div {
	width: 310px;
	float: right;
	clear: right;
	margin-top: 20px;
	}

#latest-news {
	margin-top: 20px;

	float: right;
	clear: right;
	width: 310px;
	}

a.main-page-submit {
	display: block;
	width: 310px;
	text-align: right;
	}

/******** Bottom Content - right side ********/
#about-show,
#donation,
#search,
#sponsors {
	width: 310px;
	float: right;
	clear: right;
	}

#about-show,
#donation,
#sponsors {
	margin-top: 20px;
	}

/******** About the show ********/
#about-show p {
	line-height: 1.4em;
	padding-bottom: 10px;
	}

#about-show p.host {
	padding: 10px 0 10px 90px;
	border-top: 1px solid #ccc;
	}

p.danhauk { background: url(images/danhauk-thumbnail.jpg) no-repeat 0 10px; }
p.danberg { background: url(images/danberg-thumbnail.jpg) no-repeat 0 10px; }

/******** Search ********/
#search input,
form#searchform input {
	font-size: 16px;
	color: #666;
	border: 1px solid #ccc;

	padding: 8px 38px 8px 8px;
	background: #fff url(images/search.jpg) no-repeat center right;
	float: left;
	}

#search input#searchsubmit,
form#searchform input#searchsubmit { display: none; }





/*
====================================
	SIDEBAR
====================================
*/

#sidebar {
	width: 310px;
	float: right;
	text-align: left;
	}

#sidebar ul li {
	float: none;
	clear: both;
	overflow: auto;

	padding-bottom: 40px;
	}

#sidebar ul li#recent-posts,
#sidebar ul li.widget_execphp {
	padding-bottom: 5px;
	}

div.sidebar-view-all {
	display: block;
	text-align: right;
	}





/*
====================================
	PAGES
====================================
*/

#content-page {
	background: #fff url(images/bg-page.jpg) repeat-x;
	min-height: 900px;

	overflow: auto;
	}

#content-page-inner {
	width: 960px;
	margin: 0 auto;
	padding: 75px 0;

	overflow: hidden;
	}

#main-content {
	width: 630px;
	float: left;
	text-align: left;
	}





/*
====================================
	FOOTER
====================================
*/

#footer {
	clear: both;
	margin-top: 50px;

	background: #ccc url(images/footer-bg.jpg) repeat-x top left;

	color: #666;
	}

#footer-inner {
	width: 960px;
	margin: 0 auto;

	background: url(images/footer.jpg) no-repeat top right;
	text-align: left;
	}

#footer p.license {
	clear: both;

	padding: 50px 0;
	}

#footer a {
	color: #333;
	}

#footer a:hover {
	text-decoration: underline;
	}




/*
====================================
	HEADINGS
====================================
*/

h1 {
	height: 100px;
	width: 170px;

	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;

	text-indent: -9999em;
	background: transparent;
	}

h1 a {
	height: 100px;
	width: 170px;
	display: block;
	}

h2 {
	padding: 5px 0;

	font-size: 25px;
	font-weight: normal;
	color: #333;
	}

#video h2 {
	width: 290px;
	float: right;

	margin-bottom: 15px;
	padding: 5px 0;

	font-size: 25px;
	font-weight: normal;
	line-height: 1em;
	}

#video h2 a { color: #ccc; }
#video h2 a:hover { color: #fff; text-decoration: none; }


h3 {
	height: 27px;
	margin: 16px 0;

	text-indent: -9999em;
	}

h3.recent { background: url(images/h3-recentepisodes.png) no-repeat; }
h3.fromforums { background: url(images/h3-fromforums.png) no-repeat; }
h3.aboutshow { background: url(images/h3-aboutshow.png) no-repeat; }
h3.donation { background: url(images/h3-makedonation.png) no-repeat; }
h3.search { background: url(images/h3-findsomething.png) no-repeat; }
h3.sponsors { background: url(images/h3-sponsoredlinks.png) no-repeat; }
h3.discussion { background: url(images/h3-discussion.png) no-repeat; }
h3.tweet { background: url(images/h3-tweet.png) no-repeat; }
h3.news { background: url(images/h3-latestnews.png) no-repeat; }

li#recent-posts h2.widgettitle,
li.widget_execphp h2.widgettitle {
	height: 27px;
	margin: 15px 0;
	padding: 0;

	background: url(images/h3-recentepisodes.png) no-repeat;
	text-indent: -9999em;

	float: none;
	}

li.widget_execphp h2.widgettitle { background: url(images/h3-latestnews.png) no-repeat; }

h4 {
	margin-top: 25px;
	clear: both;
	}

h4#comment {
	font-size: 16px;
	margin-top: 50px;
}

h5 {
	font-size: 14px;
	}

h6 {
	font-weight: normal;
	}




/*
====================================
	LISTS
====================================
*/

/******** Recent Episodes - Main Page ********/
ul#episode-list ul#recent-sidebar li {
	width: 220px;
	padding: 10px;

	float: left;
	border: 0;
	}

ul#episode-list ul#recent-sidebar li:hover {
	background-color: #fff;
	}

ul#episode-list ul#recent-sidebar a {
	color: #333;
	}

/******** Recent Episodes - Sidebar ********/
ul#recent-sidebar li {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;

	overflow: auto;
	display: block;

	color: #000;
	text-align: left;
	}

ul#recent-sidebar li:hover { background: #eee; }

ul#recent-sidebar li a {
	color: #666;
	}
ul#recent-sidebar li a:hover {
	color: #000;
	text-decoration: none;
	}

/******** Recent News - Sidebar ********/
ul#sidebar-news {
	border-top: 1px solid #ccc;
	}

ul#sidebar-news li {
	padding: 7px 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
	}

ul#sidebar-news h6 a {
	display: block;
	}

ul#sidebar-news small,
ul#sidebar-news small a {
	color: #666;
	}

ul#sidebar-news li:hover {
	background: #eee;
	}

/******** All Episodes list ********/
div#content-page-inner ul#recent-sidebar li.all-eps {
	line-height: 1.5em;
	padding: 25px 10px;
	}

div#content-page-inner ul#recent-sidebar li.all-eps div {
	float: left;
	width: 370px;
	}

div#content-page-inner ul#recent-sidebar li.all-eps p {
	padding-top: 0;
	}

div#content-page-inner ul#recent-sidebar li.all-eps a {
	display: block;
	}

div#content-page-inner ul#recent-sidebar li.all-eps span {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	}

div#content-page-inner ul#recent-sidebar li.all-eps img {
	padding: 0;
	margin: 0 15px 0 0;
	}

/******** From the forums ********/
#forums ul li {
	padding: 10px 0;

	border-bottom: 1px solid #ccc;
	font-style: italic;
	font-size: 11px;
	}

#forums ul li p {
	font-style: normal;
	font-size: 12px;
	line-height: 1.4em;

	padding-top: 10px;
	}

#forums ul li img {
	width: 150px;
	}

#forums ul li blockquote {
	display: none;
	}

/******** Twitter ********/
ul#twitter_update_list,
ul#twitter_update_list-sidebar {
	background: url(images/tweet.png) no-repeat top left;

	width: 310px;
	padding: 40px 0 5px;
	margin-top: -20px;
	}

ul#twitter_update_list-sidebar {
	margin: 0;
	}

ul#twitter_update_list li,
ul#twitter_update_list-sidebar li {
	border-bottom: 1px solid #A6D0E7;
	padding: 10px;
	background: #D7ECF9;
	}

/******** About the Hosts ********/
ul#short-bio {
	padding: 10px;
	background: #eee;

	overflow: auto;
	display: block;
	}

ul#short-bio li {
	width: 275px;
	float: left;
	margin-right: 20px;
	}

/******** Member Content ********/
ul#members {
	margin-top: 15px;
	border-top: 1px solid #ccc;
	}

ul#members li {
	border-bottom: 1px solid #ccc;

	padding: 10px 0;
	overflow: auto;
	}

ul#members li img {
	float: left;
	margin-right: 10px;
	}

ul#members li div.content {
	width: 500px;
	float: left;
	}

ul#members li div.content p {
	margin: 0;
	padding: 0;
	}

ul#members li div.content h4 {
	margin: 0;
	padding: 0;
	}

ul#members li div.content small {
	margin: 0;
	padding: 0;
	}
	

/******** Footer ********/
#footer-inner ul {
	margin: 110px 50px 0 0;
	max-width: 150px;

	float: left;
	}

#footer-inner ul li {
	padding: 2px 0;
	}

#footer-inner ul li p {
	line-height: 1.4em;
	}

#footer-inner ul li.title {
	font-weight: bold;
	font-size: 14px;

	padding-bottom: 5px;
	}





/*
====================================
	COMMENTS
====================================
*/

ol#commentlist li {
	/* margin-top: 20px; */
	/*padding: 15px 0 0;*/
	margin: 15px 0 20px;
	overflow: auto;

	/*border-bottom: 1px solid #ccc;*/
	border: 1px solid #ddd;
	}

/*
.comment-avatar {
	background: #D3E9FB;
	padding: 0 15px;
	height: 26px;

	line-height: 26px;
	}

.comment-avatar img {
	float: left;
	margin-right: 10px;
	padding-top: 3px;
	}

.comment-avatar p {
	padding: 0;
	margin: 0;

	font-size: 11px;
	font-style: italic;
	color: #666;
	}
*/

p.comment-author,
#content-page-inner p.comment-author {
	font-size: 11px;
	font-style: italic;
	color: #666;

	padding: 5px;

	border-bottom: 1px solid #B1D6F4;
	background: #D3E9FB;
	}

.comment-text {
	clear: both;
	padding: 0;
	}

.comment-text blockquote {
	padding: 5px;
	/*margin-bottom: 15px;*/
	margin: 0 15px 15px;
	background: #f7f7f7;
	border: 1px solid #eee;
	}

.comment-text blockquote p {
	padding: 0 0 5px;
	font-size: 11px;
	color: #666;
	}

/* .comment-avatar {
	float: left;
	margin: 0 10px 0 0;
	}
*/

/* .comment-text {
	float: left;
	width: 565px;
	}
*/

/* p.comment-author {
	font-size: 11px;
	font-style: italic;
	color: #666;
	padding-bottom: 5px;
	}
*/

.comment-text p,
#content-page-inner .comment-text p {
	/*padding-bottom: 15px;*/
	padding: 5px 15px 10px;
	line-height: 1.5em;
	}

#commentsform {
	margin-top: 20px;
	}

#commentsform input,
#commentsform textarea {
	padding: 5px;
	margin-bottom: 10px;

	border: 1px solid #ccc;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}

#commentsform input#sbutt {
	cursor: pointer;
	background: #eee;
	margin-top: 5px;
}

#commentsform input#sbutt:hover {
	background: #488CC3;
	border-color: #2F5E84;
	color: #fff;
}

form#commentform textarea {
	border: 1px solid #ccc;
	font-size: 14px;
	padding: 5px;
	margin-bottom: 5px;
	}

p.comment-signup {
	margin: -20px 0 25px;
}
	





/*
====================================
	IMAGES & BUTTONS
====================================
*/

img.logo {
	position: absolute;
	top: 0;
	left: 0;
	}

img.header-banner {
	float: left;
	margin: 5px 0 0 270px;
}

#video img { display: none; }
#content-page-inner img {
	display: inline;
	float: left;

	margin: 0 15px 15px 0;
	}

#recent-episodes img {
	width: 220px;
	}

img.donation,
form.donation img {
	margin-bottom: 15px;
	}

li#recent-posts img {
	float: left;
	margin: 0 5px 5px 0;
	}

img.news-thumb {
	padding: 2px;
	border: 1px solid #ccc;
	}

ul#short-bio img {
	float: left;
	margin-right: 10px;
	}





/*
====================================
	OTHER CLASSES
====================================
*/

.sfforumlink a { text-decoration: none; border: none; }

blockquote blockquote,
hr,
#sfversion {
	display: none;
	}

#sfprofileheadtable h3 {
	text-indent: 0;
	font-size: 18px;
}

#sfprofileheadtable td { background: #fff; }

/******** Log in styles ********/
form#loginform-tml-page input,
form#registerform-tml-page input,
form#lostpasswordform-tml-page input {
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #666;
	}

input#wp-submit-tml-page,
input#register-submit-tml-page,
input#login-submit-tml-page,
input#lostpassword-submit-tml-page {
	background: #eee;
	cursor: pointer;
	}

input#wp-submit-tml-page:hover,
input#register-submit-tml-page:hover,
input#login-submit-tml-page:hover,
input#lostpassword-submit-tml-page:hover {
	background: #488CC3;
	border-color: #2F5E84;
	color: #fff;
	}

form#loginform-tml-page label,
form#registerform-tml-page label,
form#lostpasswordform-tml-page label { display: block; }

form#loginform-tml-page p.forgetmenot label { display: inline; }

/******** Submit News form ********/
form.tdomf_form { margin-top: 15px; }
form.tdomf_form input { margin-bottom: 15px; }
form.tdomf_form label { font-weight: bold; }
form.tdomf_form input#tdomf_form1_preview { margin-right: 15px; }

div#tdomf_form_preview,
div.tdomf_form_preview {
	border: 0;
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding-top: 10px;
	}

div#tdomf_form_preview p,
div.tdomf_form_preview p {
	margin: 0;
	padding: 0;
	}

div.form-preview-thumb {
	float: left;
	margin: 0 5px 30px 0;
	}

/******** News & Vote Box ********/
.vote {
	float: left;
	margin-right: 5px;
	}

.news {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	overflow: auto;
	}

.news-item {
	width: 500px;
	float: left;
	}

/******** Contact Form ********/
.wpcf7 input,
.wpcf7 textarea {
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #666;
	}

.wpcf7 input#contact-submit {
	background: #eee;
	cursor: pointer;
	}

.wpcf7 input#contact-submit:hover {
	background: #488CC3;
	border-color: #2F5E84;
	color: #fff;
	}

.sfpostcontent blockquote { padding: 10px; }


/*
Here is a list of all the <DIV>s in Whiteboard.
*/

#container{}
#post{}
#postmeta{}
#postnavigation{}
#searchform{}
#sidebar{}