/*
Title: Maximum Sound master styles for screen media
Author: Badger Designs
Updated: 5 Feb 2007
*/

/* ############################################################################## */
/* ############################################################################## */

/* ######################## Begin Global Styles ######################## */

*	{
	border: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

body {
	background: #000;
	color: white;
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-left: auto;
	margin-right: auto;
	width: 757px;
	}

h1 {
	color: #ddd;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.25em;
	margin: 15px 0 10px 0;
	text-align: left;
	}

h2 {
	color: #eee;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 3px;
	padding: 2px 0 2px 0;
	text-align: left;
	}

/* ############################################################################## */
/* ############################################################################## */

/* ######################## Begin Alsett Clearing Method ######################## */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ######################## End Alsett Clearing Method ######################## */

/* ############################################################################## */
/* ############################################################################## */

.album {
	color: #fff;
	}

.artist {
	color: red;
	font-weight: bold;
	}

.frenchie {
	color: /*#F33*/ red;
	font-size: 110%;
	font-style: normal;
	font-weight: normal;
	}

.label {
	color: #fff;
	font-weight: normal;
	}

.maximumsound {
	color: /*#F33*/ red;
	font-weight: normal;
	font-size: 110%;
	}

.riddim {
	color: #fff;
	}

.song {
	color: #fff;
	font-style: italic;
	font-weight: normal;
	}

span.placeholder {
	visibility: hidden;
	}

span.yellow {
	color: #fa0;
	}

#wrap {
	background: transparent;
	width: 755px;
	}

#headerwrap {
	margin-bottom: 25px;
	padding: 0 0 0 15px;
	}

#banner img {
	border: /*2px solid #c30*/ 1px solid red;
	margin: 5px 15px 5px 425px;
	} 

#logostrip {
	background: black url(../images/artists_extract.jpg) right center no-repeat;
	border: 1px solid white;
	width: 726px;
	}

/* ######################## Begin Text-based Navigation Styles (CURRENTLY DISABLED LOCALLY) ######################## */

#nav {
	float: left;
	list-style-type: none;
	padding: 3px 3px 3px 0;
	}

#nav2 {
	float: left;
	list-style-type: none;
	padding: 0;
	}

#nav li {
	float: left;
	font: bold 110% Monaco,"Andale Mono",monospace;
	font: bold 130% "Courier New",Courier,monospace;
	font: bold 110% AmericanTypewriter;
	} 

#nav2 li {
	float: left;
	font: bold 100% Monaco,"Andale Mono",monospace;
	font: bold 130% "Courier New",Courier,monospace;
	font: bold 100% AmericanTypewriter;
	}

#nav a, #nav2 a {
	background: #000;
	border: 1px solid /*#c30*/ red;
	display: block;
	float: left;
	margin: 5px 6px 0 0;
	padding: 3px 8px 3px 8px;
	text-decoration: none;
	}

#nav2 a {
	margin: 5px 3px;
	}

#nav a:link, #nav2 a:link, #nav a:visited, #nav2 a:visited {
	color: #c30;
	font-weight: bold;
	text-decoration: none;
	}

#b-about #n-about a, #b-about #n2-about a,
#b-albums #n-albums a, #b-albums #n2-albums a,
#b-links #n-links a, #b-links #n2-links a,
#b-music #n-music a, #b-music #n2-music a,
#b-news #n-news a, #b-news #n2-news a,
#b-releases #n-releases a, #b-releases #n2-releases a,
#b-riddims #n-riddims a, #b-riddims #n2-riddims a,
#b-shop #n-shop a, #b-shop #n2-shop a {
	background: black;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}

#b-about #n-about a:hover, #b-about #n2-about a:hover,
#b-albums #n-albums a:hover, #b-albums #n2-albums a:hover,
#b-links #n-links a:hover, #b-links #n2-links a:hover,
#b-music #n-music a:hover, #b-music #n2-music a:hover,
#b-news #n-news a:hover, #b-news #n2-news a:hover,
#b-releases #n-releases a:hover, #b-releases #n2-releases a:hover,
#b-riddims #n-riddims a:hover, #b-riddims #n2-riddims a:hover,
#b-shop #n-shop a:hover, #b-shop #n2-shop a:hover {
	cursor: default;
	}

/* ######################## End Text-based Navigation Styles (CURRENTLY DISABLED LOCALLY) ######################## */

/* ######################## Begin Image-based Navigation Styles ######################## */

#new-navwrap, #new-navwrap2 {
	margin: 10px 0px;
	}

#new-nav, #new-nav2 {
	margin: 0px;
	padding: 0px;
	height: 18px;
	list-style: none;
	display: inline;
	overflow: hidden;
	width: 728px;
	}

#new-nav li, #new-nav2 li {
	margin: 0;
	padding: 0px;
	list-style: none;
	display: inline;
	}

#new-nav a, #new-nav2 a {
	float: left;
	padding: 18px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height: /**/:20px; /* for IE5/Win only */
	}

#new-nav a:hover, #new-nav2 a:hover {
	background-position: 0 -18px;
	}

#new-nav a:active, #new-nav a.selected, #new-nav2 a:active, #new-nav2 a.selected {
	background-position: 0 -18px;
	}

#t-about a, #t2-about a {
	width: 96px;
	background: black url(../images/new-nav_images/about_us.gif) top left no-repeat;
	}

#t-albums a, #t2-albums a {
	width: 83px;
	background: black url(../images/new-nav_images/albums.gif) top left no-repeat;
	}

#t-contact a, #t2-contact a {
	width: 86px;
	background: black url(../images/new-nav_images/contact.gif) top left no-repeat;
	}

#t-links a, #t2-links a {
	width: 59px;
	background: black url(../images/new-nav_images/links.gif) top left no-repeat;
	}

#t-music a, #t2-music a {
	width: 65px;
	background: black url(../images/new-nav_images/music.gif) top left no-repeat;
	}

#t-news a, #t2-news a {
	width: 57px;
	background: black url(../images/new-nav_images/news.jpg) top left no-repeat;
	}

#t-releases a, #t2-releases a {
	width: 142px;
	background: black url(../images/new-nav_images/new_releases.gif) top left no-repeat;
	}

#t-riddims a, #t2-riddims a {
	width: 82px;
	background: black url(../images/new-nav_images/riddims.gif) top left no-repeat;
	}

#t-shop a, #t2-shop a {
	width: 58px;
	background: black url(../images/new-nav_images/shop.gif) top left no-repeat;
	}

#b-about #t-about a:hover, #b-about #t2-about a:hover,
#b-albums #t-albums a:hover, #b-albums #t2-albums a:hover,
#b-links #t-links a:hover, #b-links #t2-links a:hover,
#b-music #t-music a:hover, #b-music #t2-music a:hover,
#b-news #t-news a:hover, #b-news #t2-news a:hover,
#b-releases #t-releases a:hover, #b-releases #t2-releases a:hover,
#b-riddims #t-riddims a:hover, #b-riddims #t2-riddims a:hover,
#b-shop #t-shop a:hover, #b-shop #t2-shop a:hover {
	cursor: default;
	}

/* ######################## End Image-based Navigation Styles ######################## */

#graphic-1, #graphic-2 {
	background: transparent url(../images/discs.gif) -3px 0 no-repeat;
	clear: left;
	height: 63px;
	width: 730px;
	}

#lower-navwrap {
	padding: 0 0 0 15px;
	}

/* ############################################################################## */
/* ############################################################################## */

/* ######################## Begin Global Hyperlink Styles ######################## */

a:link, a:visited {
	color: #00a8ec;
	font-weight: normal;
	text-decoration: none;
	}

a:hover {
	color: #00f;
	font-weight : normal;
	text-decoration : none;
	}

.t-dancehall tfoot a:link, .t-dancehall tfoot a:visited {
	color: #fa0;
	font-weight : bold;
	text-decoration : none;
	}

.t-roots tfoot a:link, .t-roots tfoot a:visited {
	color: #fa0;
	font-weight : bold;
	text-decoration : none;
	}

#nav a:hover, #nav2 a:hover {
	background: #c30;
	border: 1px solid #fff;
	color: #fff;
	font-weight : bold;
	text-decoration : none;
	}

.t-dancehall tfoot a:hover, .t-roots tfoot a:hover {
	color: #fc3;
	font-weight : bold; 
	text-decoration : none;
	}

a:active {
	color: inherit;
	font-weight : bold;
	text-decoration : none;
	}

.t-dancehall tfoot a:active, .t-roots tfoot a:active {
	color: #fff;
	font-weight : bold; 
	text-decoration : none;
	}

/* ######################## End Global Hyperlink Styles ######################## */

/* ############################################################################## */
/* ############################################################################## */

/* ######################## Begin Global Table Styles ######################## */

.t-riddim {
	clear: left;
	margin: 0 0px 0 15px;
	}

table {
	background: black;
	border-bottom: 1px solid #c30;
	font-size: 95%;
	margin-bottom: 30px;
	width: 725px; /* 100% width produces a horizontal scrollbar in IE5/Mac - use 99.5% */
	}

table.t-roots {
	border-bottom: 1px solid green;
	}

table caption {
	background: /*#c30*/ black;
	border-top: 1px #c30 solid;
	border-bottom: 1px #c30 solid;
	color: #fa0;
	font-weight: bold;
	padding: 4px 20px;
	position: relative;
	text-align: left;
	}

table caption span.placeholder {
	visibility: hidden;
	}

table.t-roots caption {
	background: black;
	border-top: 1px green solid;
	border-bottom: 1px green solid;
	}

th.track, td.track {
	color: #fa0;
	width: 10%;
	}

th.song, th.artist, th.rhythm{
	color: #fa0;
	font-style: normal;
	font-weight: bold;
	width: 30%;
	}

th {
	background: transparent url(../images/halfscreen_black.gif) 0 0;
	border-bottom: 1px solid #c30;
	color: #FA0;
	padding: 5px 20px;
	text-align: left;
	vertical-align: top;
	}

.t-roots th { 
	border-bottom: 1px solid green;
	}

td {
	background: black;
	border-bottom: 1px solid #b5b5b5;
	color: #fff;
	padding: 5px 20px;
	text-align: left;
	vertical-align: top;
	}

tfoot td {
	background: black;
	border-bottom: none;
	color: #fa0;
	font-weight: bold;
	padding: 3px 20px; 
	text-align: right;
	}

tbody tr td+td+td { /* applies colour to table cells 3 and 4 (Artist and Rhythm)*/
	color: /*#00a8ec*/ red;
	font-weight: bold;
	}

tbody tr td+td+td+td{ /* makes table cell 4 white again */
	color: #fff;
	font-weight: normal;
	}

/* ######################## End Global Table Styles ######################## */

/* ############################################################################## */
/* ############################################################################## */

#b-outer {
	background: transparent;
	border: 1px dashed white;
	clear: both;
	margin-bottom: 30px;
	margin-left: 23px;
	padding: 5px;
	width: 700px;
	}

.betwixt {
	background: transparent;
	border: 1px dashed red /*#fa0*/;
	padding: 5px;
	}

#b-inner {
	background: transparent;
	border: 1px dashed white /*green*/;
	padding: 5px;
	}

#b-inner p{
	background: transparent;
	padding: 3px 0px;
	}


.betwixt p {
	background: transparent;
	color: #fff;
	font-family: Century Gothic, Arial, Geneva, sans-serif;
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 3px;
	text-align: center;
	}

.betwixt a {
	background: transparent;
	font-size: 110%;
	}

#linksbar {
	background: black;
	margin: 0 0 30px 30px;
	width: 700px;
	}

#linksbar img {
	margin: 5px 5px;
	vertical-align: middle;
	}

#links-1, #links-2, #links-3, #links-4, #links-5 {
	text-align: center;
	}

#footer{
	padding: 2px 0 10px;
	width: 710px;
	}

#footer span {
	font-size: .7em;
	line-height: 1.3em;
	margin: 0;
	}

#footer span.copyright-max {
	float: left;
	}

#footer span.copyright-badger {
	float: right;
	}
/* ######################## End Global styles ######################## */

/* ############################################################################## */
/* ############################################################################## */