body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background: #42494f; /* used to be #576461; */
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-family:arial;


}


/* Center the whole thing on the page */
#content {
  width: 1009px ;
  margin-left: auto ;
  margin-right: auto ;
}
	


/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}

#header p,
#header h1,
#header h2 {
	font-size:14px;
	padding:.4em;
	margin:0;
	color:#fff;
}


/* -----------------------------------------------
  Search
----------------------------------------------- */



#searchbarcontainer {
	margin : 0px;
	padding-top : 5px;
	padding-bottom : 5px;
}

#searchcontainer ul {
	margin: 0px;
	padding : 0px;
	height : 100%;
	width:100%;
	color: #fff;
	font-size : 14px;
}

#searchcontainer ul li { 
	display: inline;	
}



#searchlist {
	position: relative;
	
}

input.searchbox {
	width : 140px;
	font-size : 11px;
	color : #42494f;
	background-color : transparent;
	border : 1px solid #fff;
	margin-left : 1px;
	/*Lines below required to center the searchbox vertically and for horizontal position in IE. Requires #navlist position absolute above!*/
	position:absolute; top:55%; left: 90%; height:1.4em; margin-top:-1em
	
	
}

input.button{
	font-family: arial;
	font-size : 14px;
	font-style: italic;
	background: #42494f;
	color: #fff;
	cursor:pointer;
	border : 0px;
	height : 23px;
	width : 70px;
	/*Lines below required to center the search button vertically and for horizontal position in IE. Requires #navlist position relative!*/
	margin-left : 5px;
	position:absolute; top:65%; left: 77%; height:1.4em; margin-top:-1em
}

input.button_hover{
	font-family: arial;
	font-size : 14px;
	font-style: italic;
	background: #42494f;
	color: #fff;
	cursor:pointer;
	border : 1px;
	height : 23px;
	width : 70px;
	/*Lines below required to center the search button vertically and for horizontal position in IE. Requires #navlist position absolute above!*/
	margin-left : 5px;
	position:absolute; top:65%; left: 77%; height:1.4em; margin-top:-1em
}





	

/* -----------------------------------------------
  Nav
----------------------------------------------- */



#navbarcontainer {
	margin : 0px;
	padding-top : 5px;
	padding-bottom : 5px;
	
	background-color: #f6520b;

}

#navcontainer ul {
	margin: 0px;
	padding : 0px;
	height : 100%;
	width:100%;
	color: #fff;
	font-size : 14px;
	text-align: center;
}

#navcontainer ul li { 
	display: inline;	
}

#navcontainer ul li a {
	padding-left: 20px;
	padding-right: 20px;
	padding-top : 5px;
	padding-bottom : 5px;
	background-color: #f6520b;
	color: #fff;
	text-decoration: none;
}

#navcontainer ul li a:hover {
	background-color: #f9814e;
	color: #fff;
}

#navlist {
	position: relative;
	
}

#ads {
	margin-top:5px;
	margin-bottom:10px;

}


/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}


/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page - was 100% RB */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:5px 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

.col1 {
	margin-top:5px;
}



/* 3 Column settings */
.threecol {
	background:#addfd3;		/* right column background colour */
}
.threecol .colmid {
	right:14%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:56%;			/* width of the middle column */
	background:#fff;	/* left column background colour */
}
.threecol .col1 {
	width:53%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:30%;			/* Width of left column content (column width minus padding on either side) */
	left:18%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:14%;			/* Width of right column content (column width minus padding on either side) */
	left:73%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	background:#addfd3;
}



.blogText {

	color:#484644;
	font-size:12px;
}


.blogText a:link, .blogText a:visited {
	color:#f7520c;
	text-decoration:none;
}

.blogText a:hover {
	color:#f7520c;
	text-decoration:underline;
}

.blogHeadline  {
	font-size:20px;
	color:#f7520c;
	font-weight: bold;
	font-stretch:extra-condensed;
	font-style: italic;
}


.blogHeadline a:link, .blogHeadline a:visited  {
	color:#f7520c;
	text-decoration: none;
}

.blogHeadline a:hover {
	color:#f8692d;
	text-decoration:underline;
}



.leftblogHeadline  {
	font-size:16px;
	color:#f7520c;
	font-weight: bold;
	font-stretch:extra-condensed;
	font-style: italic;
}


.leftblogHeadline a:link, .leftblogHeadline a:visited  {
	color:#f7520c;
	text-decoration: none;
}

.leftblogHeadline a:hover {
	color:#f8692d;
	text-decoration:underline;
}

.leftblogAuthor {
	color:#484644;
	font-size:12px;
	margin-top: -15px;
	margin-bottom: -10px;
	font-weight: bold;

	}


/* BEST BETS */

/*.col1 #bestbets {
	background:#c1e4ca;		/*bestbets section background color 
	padding-top:0px;		/*padding around green box 
	padding-right:5px;
	padding-bottom:15px;
	padding-left:15px;
}	

.bestbetsheader {
	background:#525252;
	margin:5px 35px 5px -15px;
	padding-top:15px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:15px;
	color:#fff;
	font-style:italic;
	font-size:16px;
}	
*/


.col1 #bestbets {
	padding-top:0px;		/*padding around bestbets box */
	padding-right:5px;
	padding-bottom:15px;
	padding-left:15px;
	border-style: none solid solid solid;
	border-color: #f6520b;
}	

.bestbetsheader {
	background:#f6520b;
	margin:5px -5px 5px -15px;
	padding-top:15px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:15px;
	color:#fff;
	font-style:italic;
	font-size:16px;
}

.bianculli {
	font-size: 22px;
}

.col1 #bestbets img {
	float:left; 
	margin:3px 15px 5px 0px;
	position:relative;
}

#bestbetstable td {
	padding-bottom: 7px;
}


.bestbettitle {
	font-size:16px;
	color:#000;
	margin:1px;
}

.bestbetstime {
	font-size:14px;
	color:#f7520c;
	margin:1px 1px 6px 1px;
	font-style: italic;
}

.bestbetstext {
	color:#484644;
	font-size:12px;
	margin:1px;
}

.bestbetstext a:link, a:visited  {
	color:#f7520c;
	text-decoration: none;
}

.bestbetstext a:hover {
	color:#f8692d;
	text-decoration:underline;
}


.col1 #aboutdavid {
	background:#fff;		/*about section background color */
	padding-top:0px;		/*padding around green box */
	padding-right:0px;
	padding-bottom:15px;
	padding-left:15px;
}	

.aboutdavidheader {
	background:#f6520b;
	margin:5px 0px 5px -15px;
	padding-top:15px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:15px;
	color:#fff;
	font-style:italic;
	font-size:18px;
}	

.aboutdavidtable h1 {
	margin-top:-5px;
	color:#627471;
	font-size:12px;
}

.aboutdavidtable p {
	margin-top:-7px;
	color:#f6520b;
	font-size:12px;
}


.col2 #werts {
	background:#fff;		
	padding-top:0px;		
	padding-right:92px;
	padding-bottom:15px;
	padding-left:5px;
	background-image: url(images/werts_homepage_header2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
/*	border-style: none solid none solid;
	border-color: #bed4d2;  */
	margin-bottom: -25px;
	height: 68px;
	
}	

#wertsentry {
	background:#fff;		
	padding-top:0px;		
	padding-left:5px;
/*	border-style: none solid solid solid;
	border-color: #bed4d2; */
	
}




.wertsheader {
	background:#525252;
	margin:5px 0px 5px -15px;
	padding-top:15px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:15px;
	color:#fff;
	font-style:italic;
	font-size:16px;
}	

.wertsauthor {
	font-style: italic;
	font-weight:bold;
	font-size:14px;
	color: #627471;
	text-align: right;
	margin-top: -5px;
	margin-right: 3px;
	}
	
#authorentry {
	background:#fff;		
	padding-top:0px;		
	padding-bottom:15px;
	padding-left:5px;
	border-style: solid solid solid solid;
	border-color: #bed4d2;
	
}

#worthbuying {
	background:#fff;		
	padding-top:0px;		
	padding-bottom:15px;
	padding-left:5px;
	border-style: none solid solid solid;
	border-color: #bed4d2; 
	
}
.worthbuyingheader {
	background:#525252;
	margin:5px -5px 5px -15px;
	padding-top:15px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:15px;
	color:#fff;
	font-style:italic;
	font-size:16px;
}	


.col2 #therest {
	background:#fff;		
	padding-top:0px;		
	padding-bottom:15px;
	padding-left:5px;	
}	

.col2 #therest img {
	float:left; 
	margin:1px 15px 5px 0px;
	position:relative;
}

.col3 p {
	font-size: 12px;
	font-style: italic;
	margin-left: 5px;
}

.col3 a:link, .col3 a:visited {
	color:#f7520c;
	text-decoration:none;
}

.col3 a:hover {
	color:#f7520c;
	text-decoration:underline;
}



/* subpage specific */


#subpage_center {
	background:#fff;		
	padding-top:0px;		
	padding-bottom:15px;
	padding-left:5px;
	padding-right:5px;
	border-style: none solid solid solid;
	border-color: #bed4d2;
	min-height: 1550px;
	
}

#subpage_bestbets {
	background:#fff;		
	padding-top:0px;		
	padding-bottom:15px;
	padding-left:5px;
	padding-right:5px;
	border-style: none solid solid solid;
	border-color: #bed4d2;
	min-height: 1550px;
	
}

#subpage_bestbets img {
	float:left; 
	margin:0px 15px 5px 0px;
	position:relative;
}



IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

.booktitle  {
	font-size:16px;
	color:#f7520c;
	font-weight: bold;
	margin: 1px;

}

.subtitle {
	color:#484644;
	font-size:14px;
	font-weight: bold;
	margin: 1px;

}

.author {
	color:#484644;
	font-size:12px;
	margin: 1px;

}


/* blogpage specific */



.blogwrapper .BlogFeatureTitle, .BlogFeatureTitle {
	font-size:20px;
	color:#f7520c;
	font-weight: bold;
	font-stretch:extra-condensed;
	font-style: italic
}
.blogwrapper .BlogFeatureTitle2, .BlogFeatureTitle2 {
	font-size:16px;
	color:#f7520c;
	font-weight: bold;
	font-stretch:extra-condensed;
	font-style: italic

}
.blogwrapper p, .blogdetail {
	color:#484644;
	font-size:12px;
}
.blogwrapper p a:link, .blogwrapper p a:visited, .blogdetail a:link, .blogdetail a:visited {
	color: #f7520c;
	text-decoration: underline;
}

.blogwrapper .permalink {
	font-style:italic;
	padding-bottom:15px;
	margin-bottom:15px;
}
.blogwrapper .permalink a:link, .blogwrapper .permalink a:visited {
	/*	color:#FFFFFF;	*/
	text-decoration:none;
}
.blogwrapper .permalink a:hover {
	text-decoration:underline;
}

.blogArchiveList a:link, .blogArchiveList a:visited {
	color:#f7520c;
	text-decoration:none;
}
.blogArchiveList a:hover {
	color:#f7520c;
	text-decoration:underline;
}

.blogFeatureTitle a:link, .blogFeatureTitle a:visited {
	color:#f7520c;
	text-decoration: none;
}
.blogFeatureTitle a:hover {
	color:#f8692d;
	text-decoration:underline;
}

/* COMMENTS */

.comment {
	margin-bottom:10px;
}

.comments {
	color: #000;
}

.comments-open-header {
	padding-top:20px;
	font-style:italic;
	font-size:16px;
}




#comments-open-text {
	padding-top:20px;
}
#commentPreviewHead {
	color:#000;
	font-style:italic;
	font-size:20px;
	padding-bottom:8px;
}

#comments-form {
	font-size:12px;
}


.inner {
	color:#000;
}
.comments-header {
	font-style:italic;
	font-size:14px;
	padding-top:6px;
	margin-top:6px;
	
}
.comment-header {
	font-size:14px;
	font-style:italic;

}
.comment-header a:link, .comment-header a:visited {
	color:#000;
}
.comment-content {
	width:400px;
	padding-left:10px;
	font-size:12px;
}
.commentPostedDate {
	border-bottom:1px dotted black;
	font-style:italic;
	font-size:12px;
	width:300px;

}

.comment-footer {
	border-bottom:1px dotted black;
	font-style:italic;
	font-size:12px;
	width:300px;
}


#comments-open-footer {
	padding-top: 10px;
	}


/* Jukebox styles */

#jukeboxholder {
	background-image:url(../images/jukebox/jukebox.jpg);
	background-repeat:no-repeat;
	width:488px;
	height:491px;
}
#jukeboxcontentwrapper {
	left:0;
	margin-left:0;
}

#jukeboxtable {
	border-collapse:collapse;
	width:390px;
	margin-left:50px;
/*	margin-top:117px;
*/
}
#jukeboxtable tr {
	height:66px;
}

#jukeboxtable tr#toppadTR {
	height:117px;
}

#jukeboxtable td {
	width:195px;
	text-align:center;
	color:#2e394f;
	text-transform:uppercase;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:100%;
}
#jukeboxtable td a:link, #jukeboxtable td a:visited {
	color:#2e394f;
	text-decoration:none;
}


#featured {
	margin-left:20px;
	width:460px;
}

.mainhead {
	color:#fa702c;
	font-size:24px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.mainsubhead {
	font-size:16px;
	color:#fa702c;
	font-weight:bold;
	margin-top:0;
	padding-top:0;
}


#featured td {
	padding-top: 10px;
}
#featuredCDTable td {
	vertical-align:top;
}
.featuredCDText {
	color: #abdd81;
	font-weight:bold;
}
#featuredtracks {
	border-top: 2px solid #fa702c;
	margin-top:30px;
}
#featuredtracks td {
	vertical-align: top;
}
.featuredtrackimage {
	width:135px;
}
.featuredtrackimage img {
	margin-top: 20px;
}
td.featuredtracktext {
	line-height:120%;
}
td.featuredtracktext p.title {
	padding-top:0;
	margin-top:0;
	color: #abdd81;
	font-size: 18px;
	font-weight: bold;
}



/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	background: #fff;	
	
}

.footerheader {
	background:#bed4d2;
	margin:5px 0px 5px 0px;
	padding-top:1px;
	padding-right:5px;
	padding-bottom:1px;
	padding-left:15px;
	color:#fff;
	font-weight: bolder;
	font-style:italic;
	font-size:18px;
	width: 96%;
	text-align: left;
}	



#footer ul li {
	font-size: 14px;
	font-style: italic;
	margin-left: 5px;
	display: inline;
	padding-left: 20px;
	padding-right: 20px;

}

#footer p {
	font-size: 14px;
	font-style: italic;

}
