/*
Theme Name: RoastingHouse Site
Theme URI: http://roastinghouse.com
Description: Custom WordPress theme for roastinghouse.com by Jonk
Author: Jonk
Author URI: http://jonk.pirateboy.net/
Tags: black, two-columns, fixed-width
Version: 1.0

	This theme was designed and built by Johan (Jonk) Stenström ,
	whose blog you will find at http://jonk.pirateboy.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/************************************************** generic styles *************************************************/
html, body {
	height:100%;
}
html>body {
	height:100%;
}
body {
	/*
	background:url('images/top_bg.gif') top left repeat-x #000;
	*/
	background:url('images/body_bg_fade.gif') top left repeat-x #42494a;
	padding:0px;
	margin:0px;
	border:0px;
	text-align:center;
}
form, select, option, input, textarea, body, table, tr, td, a, pre {
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size:11px;
	color:#333;
	text-decoration:none;
}
form {
	border:0px;
	padding:0px;
	margin:0px;
}
input, select, option, textarea {
	color:#000;
}
img {
	border:0px;
	padding:0px;
	margin:0px;
}
h1, h2, h3, h4, h5, h6, h7, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding:0px;
	margin:0px;
	border:0px;
	font-size:24px;
	text-decoration:none;
	padding-bottom:5px;
	color:#ff5900;
}
h2 {
	font-size:19px;
}
h3, h4, h5, h6, h7 {
	font-size:15px;
}
h4 {
	padding-bottom:0px;
}
p {
	padding:5px 0px 5px 0px;
	margin:0px;
}
a, a:link, a:active, a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#000;
}
hr {
	border:0px;
	display:block;
	clear:both;
	color:#000000;
	background-color:#000000;
	height:1px;
}
.hidden {
	display:none;
}
#allContainer {
	width:100%;
	height:100%;
	min-height:100%;
	/*height:auto !important;*/
}
#headerAndContentContainer {
	background:url('images/bg_shadow.png') top center repeat-y; /*938px*/
	width:938px;/*842px*/
	/*height:100%;*/
	/*background-color:#000;*/
	padding:10px 0px 0px 98px;
	border:0px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -95px auto;
	text-align:left;
}
.clearer {
	clear:both;
	height:0px;
	display:block;
}
.hidden {
	display:none;
}
/************************************************** / generic styles *************************************************/

/************************************************** header styles *************************************************/
#header {
	width:800px;
	height:160px;
	padding:0px 20px 0px 20px;
	background:url('images/top_bg.gif') top left repeat-x #fff;
}
#header #logo {
	background:url('images/logo.gif') no-repeat top left #fff;
	width:323px;
	height:114px;
	float:left;
	display:inline;
}
#header #logo a {
	display:block;
	width:323px;
	height:85px;
}
/* menu */
#menu {
	display:inline;
	float:right;
	text-align:right;
	margin-top:84px;
	padding:0px;
	height:30px;
	overflow:hidden;
	clear:right;
}
#menu ul {
	border:0px;
	margin:0px;
	padding:0px;
	list-style:none;
	line-height:30px;
	height:30px;
	overflow:hidden;
}
#menu li {
	display:inline;
	float:left;
	border:0px;
	padding:0px;
	margin:0px;
	line-height:30px;
	height:30px;
	cursor:pointer;
	overflow:hidden;
	background:url('images/menu_tab_unactive_mid.gif') repeat-x top left;
}
#menu li.current_page_item .menu_tab_left, #menu li.current_page_parent .menu_tab_left, #menu li.current_page_ancestor .menu_tab_left {
	background:url('images/menu_tab_active_left.gif') no-repeat top left;
	width:8px;
	height:30px;
	display:inline;
	float:left;
	cursor:pointer;
}
#menu li.current_page_item .menu_tab_mid, #menu li.current_page_parent .menu_tab_mid, #menu li.current_page_ancestor .menu_tab_mid {
	height:30px;
	padding:2px 7px 0px 7px;
	display:inline;
	float:left;
	cursor:pointer;
}
#menu li.current_page_item .menu_tab_right, #menu li.current_page_parent .menu_tab_right, #menu li.current_page_ancestor .menu_tab_right {
	background:url('images/menu_tab_active_right.gif') no-repeat top left;
	width:8px;
	height:30px;
	display:inline;
	float:left;
	cursor:pointer;
}
#menu li .menu_tab_left {
	background:url('images/menu_tab_unactive_left.gif') no-repeat top left;
	width:8px;
	height:30px;
	display:inline;
	float:left;
	cursor:pointer;
}
#menu li .menu_tab_mid {
	height:30px;
	padding:2px 7px 0px 7px;
	display:inline;
	float:left;
	cursor:pointer;
}
#menu li .menu_tab_right {
	background:url('images/menu_tab_unactive_right.gif') no-repeat top left;
	width:8px;
	height:30px;
	display:inline;
	float:left;
	cursor:pointer;
}
/* hover menu */
#menu li a:hover .menu_tab_left {
	background:url('images/menu_tab_hover_left.gif') no-repeat top left;
}
#menu li a:hover .menu_tab_mid {
	background:url('images/menu_tab_hover_mid.gif') repeat-x top left;
}
#menu li a:hover .menu_tab_right {
	background:url('images/menu_tab_hover_right.gif') no-repeat top left;
}
#menu li.current_page_item a:hover .menu_tab_left, #menu li.current_page_parent a:hover .menu_tab_left, #menu li.current_page_ancestor a:hover .menu_tab_left {
	background:url('images/menu_tab_active_left.gif') no-repeat top left;
}
#menu li.current_page_item a:hover .menu_tab_mid, #menu li.current_page_parent a:hover .menu_tab_mid, #menu li.current_page_ancestor a:hover .menu_tab_mid {
	background:url('images/menu_tab_active_mid.gif') repeat-x top left;
}
#menu li.current_page_item a:hover .menu_tab_right, #menu li.current_page_parent a:hover .menu_tab_right, #menu li.current_page_ancestor a:hover .menu_tab_right {
	background:url('images/menu_tab_active_right.gif') no-repeat top left;
}
/* / hover menu */
#menu ul .current_page_item, #menu .current_page_item a:hover, #menu ul .current_page_parent, #menu ul .current_page_ancestor {
	background:url('images/menu_tab_active_mid.gif') repeat-x top left;
}
#menu ul .current_page_item a, #menu ul .current_page_parent a, #menu ul .current_page_ancestor a {
	color:#fff;
}
#menu a, #menu a:link, #menu a:active, #menu a:focus, #menu a:visited, #menu a:hover {
	text-decoration:none;
	border:0px;
	height:30px;
	line-height:30px;
	padding:0px;
	white-space:nowrap;
	color:#fff;
}

#menu a:hover {
	
}
#menu #searchform .hidden {
	display:none;
}
#menu #menuSearch #searchform div {
	padding-right:0px;
}
#menu #menuSearch {
	float:right;
}
#header #menuSearch #s {
	color:#000;
}
/* / menu */
/* submenu */
#submenu {
	display:block;
	clear:both;
	width:800px;
	padding:0px;
	height:30px;
	overflow:hidden;
}
#submenu ul {
	border:0px;
	width:100%;
	margin:0px;
	padding:0px;
	list-style:none;
	line-height:30px;
	height:30px;
	width:100%;
	overflow:hidden;
}
#submenu li {
	display:inline;
	float:left;
	border:0px;
	padding:0px;
	margin:0px;
	line-height:30px;
	height:30px;
	overflow:hidden;
}
#submenu ul .current_page_item, #submenu .current_page_item a:hover, #submenu ul .current_page_parent, #submenu .current_page_parent a:hover {
	background:url('images/menu_active.gif') no-repeat bottom center;
}
#submenu a, #submenu a:link, #submenu a:active, #submenu a:focus, #submenu a:visited, #submenu a:hover {
	text-decoration:none;
	border:0px;
	height:30px;
	line-height:30px;
	padding:15px 15px 15px 15px;
	white-space:nowrap;
}
#submenu .selected a:hover {
	background:url('');
}
#submenu a {
	color:#fff;
}
#submenu a:hover {
	background-color:#FF610D;
}
#submenu #searchform .hidden {
	display:none;
}
#submenu #menuSearch #searchform div {
	padding-right:0px;
}
#submenu #menuSearch {
	float:right;
}
#header #menuSearch #s {
	color:#000;
}
/* / submenu */
#header #menuSearch #searchsubmit {

}
/************************************************** / header styles *************************************************/

/************************************************** main styles *************************************************/
#mainContent {
	width:570px;
	padding:0px 0px 0px 20px;
	display:inline;
	float:left;
	background-color:#fff;
}
#mainContentWide {
	width:800px;
	padding:0px 0px 0px 20px;
	display:inline;
	float:left;
}
.post, page {
	
}
.post a, .page a {
	text-decoration:underline;
}
.post h1, .post h1 a, .page h1, .page h1 a, .post h2, .post h2 a, .page h2, .page h2 a {
	line-height:28px;
	text-decoration:none;
}
.post h2, .post h2 a, .page h2, .page h2 a {
	font-size:19px;
	line-height:24px;
}
.post .postInnerPadding, .page .postInnerPadding {
	padding:0px 20px 10px 0px;
	text-align:justify;
}
#mainContentWide .post .postInnerPadding, #mainContentWide .page .postInnerPadding {
	padding:0px 0px 10px 0px;
}
.post .postInnerPadding .date, .page .postInnerPadding .date {
	color:#666;
	font-style:italic;
}
.post .postFooter {
	clear:both;
	display:block;
	padding-top:5px;
}
.image .navigation {
	margin:0px 0px 20px 0px;
}
.image .navigation .alignleft, .image .navigation .alignright {
	float:left;
}
.imagelink, .alignleft {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
.alignright {
	float:right;
	margin-left:5px;
	margin-bottom:5px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.navigation {
	display:block;
	margin:0px 0px 20px 0px;
	padding:0px;
}
.navigation .alignleft {
	float:left;
}
.navigation .alignright {
	float:right;
	padding-right:20px;
}
.streamboxHeader {
	display:block;
}
/************************************************** / main styles *************************************************/

/************************************************** sidebar styles *************************************************/
#sidebar {
	display:inline;
	float:left;
	width:230px;
}
#sidebar ul, #sidebar ul ol, #sidebar li {
	border:0px;	
	margin:0px;
	padding:0px;
	list-style:none;
}
#sidebar h2 {
	background-color:#999;
	text-transform: uppercase;
	width:220px;
	display:block;
	padding:4px 5px 4px 5px;
	font-size:15px;
	color:#333;
	/*font-size:19px;*/
}
#sidebar li ul {
	background-color:#ccc;
	width:220px;
	display:block;
	padding:5px;
	overflow:hidden;
}
#sidebar li.below {
	background:url('images/below_box_sidebar.gif') top left no-repeat #000;
	display:block;
	height:18px;
	width:230px;
}
#sidebar .rss {
	background:url('images/rss.gif') no-repeat 0px 1px;
	padding-left:18px;
	height:18px;
	line-height:18px;
	display:block;
}
#sidebar #linkcat-7 li {
	height:18px;
	line-height:18px;
}
#sidebar .linkcat li a {
	display:block;	
	clear:both;
}
#sidebar .linkcat li img {
	display:inline;	
	float:left;
	padding-right:4px;
}
/* Begin author-list */
#sidebar ul.author-list-ul {
	padding-bottom:0px;
}
.author-list * {
	font-size:10px;
}
.author-list .user {
	display:block;
	width:239px;
	padding-bottom:5px;
}
.author-list a {
	text-decoration:none;
	cursor:pointer;
}
.author-list .avatar {
	display:inline;
	float:left;
}
.author-list .userDesc {
	display:inline;
	float:left;
	margin:5px 0px 0px 5px;
	width:164px;
}
.author-list span {
	display:block;
}
/* End author-list */
/************************************************** / sidebar styles *************************************************/

/************************************************** footer styles *************************************************/
#behindFooter {
	display:block;
	height:95px;
	width:800px;
}
#footerContainer {
	width:840px;/*842px*/
	/*height:100%;*/
	/*background-color:#000;*/
	padding:0px 98px 0px 98px;
	border:0px;
	margin:0 auto 0px auto;
	text-align:center;
}
#footer {
	background-color:#FF610D;
	width:800px;
	padding:0px 20px 0px 20px;
	margin:0px;
	height:95px;
	text-align:left;
	color:#fff;
}
#footer a {
	color:#fff;
	text-decoration:underline;
}
#footer #footerInnerPadding {
	padding:10px 0px 10px 0px;
}
/************************************************** / footer styles *************************************************/

/************************************************** Listen & Learn styles *************************************************/
.includeContent {
	text-align: left;
}
#releases {
	font-size:10px;
}
#releases h2 {
	background-color:#999;
	text-transform: uppercase;
	width:540px;
	display:block;
	margin-top:20px;
	padding:4px 5px 4px 5px;
	font-size:15px;
	color:#fff;
	/*font-size:19px;*/
}
#releases .releasesContent {
	background-color:#ccc;
	width:540px;
	padding:4px 5px 4px 5px;
	display:block;
}
#releases .releasesContent .innerPadding {
	padding:21px 0px 0px 21px;
}
#releases ul {
	border:0px;
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
}
#releases li {
	display:inline;
	float:left;
	border:0px;
	padding:0px 23px 23px 0px;
	margin:0px;
	width:150px;
	text-align:left;
	overflow:hidden;
}
#releases .releasesContent .left {
	background-color:#333;
	width:300px;
}
#releases .releasesContent .right {
	width:250px;
	background-color:#333;
	padding-left:5px;
}
#streamboxContainer {
	float:left;
	display:inline;
	margin-right:20px;
}
#streamboxContainer h2 {
	background-color:#999;
	text-transform: uppercase;
	width:250px;
	display:block;
	margin-top:20px;
	padding:4px 5px 4px 5px;
	font-size:15px;
	color:#333;
	text-align:left;
}
#streamboxContainer #streamboxContent {
	background-color:#ccc;
	width:250px;
	padding:14px 5px 14px 5px;
	display:block;
}
#linksContainer {
	float:left;
	display:inline;
	clear:right;
}
#linksContainer h2 {
	background-color:#999;
	text-transform: uppercase;
	width:260px;
	display:block;
	margin-top:20px;
	padding:4px 5px 4px 5px;
	font-size:15px;
	color:#333;
	text-align:left;
}
#linksContainer #linksContent {
	background-color:#ccc;
	width:260px;
	padding:4px 5px 4px 5px;
	display:block;
}
#linksContainer a {
	display:block;
	line-height:18px;
	background:url('images/link_icons/link.gif') no-repeat 0px 1px;
	padding-left:20px;
	text-decoration:none;
	text-align:left;
}
#linksContainer a:hover {
	text-decoration:underline;
}
#linksContainer a.flickr {
	background:url('images/link_icons/flickr.gif') no-repeat 0px 1px;
}
#linksContainer a.myspace {
	background:url('images/link_icons/myspace.gif') no-repeat 0px 1px;
}
#linksContainer a.spotify {
	background:url('images/link_icons/spotify.gif') no-repeat 0px 1px;;
}
#linksContainer a.twitter {
	background:url('images/link_icons/twitter.gif') no-repeat 0px 1px;
}
#linksContainer a.youtube {
	background:url('images/link_icons/youtube.gif') no-repeat 0px 1px;
}
#linksContainer a.facebook {
	background:url('images/link_icons/facebook.gif') no-repeat 0px 1px;
}
/************************************************** / Listen & Learn styles *************************************************/

/************************************************** writer styles *************************************************/
.writer {
	float:left;
	display:inline;
	width:253px;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#fff;
	border:1px solid #333;
	text-align:left;
}
.writer img {
	width:100px;
	height:100px;
	padding:0px;
	margin:0px;
	display:inline;
	float:left;
}
.writer .innerPadding {
	border:0px;
	margin:0px;
	padding:5px;
	display:inline;
	float:left;
	width:143px;
	height:90px;
}
/************************************************** / writer styles *************************************************/

/************************************************** available songs styles *************************************************/
#availSongsTable {
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
	padding:0px;
	margin:0px;
}
#availSongsTable #availSongsTableHeader td {
	font-weight:bold;
	background-color:#333;
	color:#fff;
}
#availSongsTable tr {
	background-color:#fff;
}
#availSongsTable tr td {
	padding:5px;
	border-bottom:1px solid #333;
	vertical-align:top;
	text-align:left;
}
#availSongsTable tr td.valignMid {
	white-space:nowrap;
	vertical-align:middle;
}
/************************************************** / available songs styles *************************************************/

/************************************************** rightBar styles *************************************************/
.rightBar {
	float:right;
	display:inline;
	padding:0px 0px 20px 20px;
	font-size:10px;
}
.rightBar .rightBarContent {
	text-align:left;
	width:150px;
}
.rightBar ul {
	border:0px;
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
}
.rightBar li {
	display:inline;
	float:left;
	border:0px;
	padding:0px 0px 10px 0px;
	margin:0px;
	width:150px;
	text-align:left;
	overflow:hidden;
}
/************************************************** / rightBar styles *************************************************/

/************************************************** contactform styles *************************************************/
.contactform {
	display:block;
	padding-top:5px;
}
.contactform .contactleft, .contactform .contactright {
	display:block;
	clear:both;
}
.contactform input, .contactform textarea{
	margin-bottom:5px;
}
/************************************************** / contactform styles *************************************************/