/*
	1312 v3.12
	
	written by Mike "1312" (mike@welovetheweb.com)
	for We Love The Web Ltd. (frank@welovetheweb.com)
	
	site design by: Joby (jcatto@mac.com)
*/
body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 0.6em;
}

#newsPage, #aboutPage, #discogPage, #artistsPage, #shopPage, #contactPage {
/* any page type changes can go here, at the end of the style sheet the background image will be changed for the h2 based on this - to help the page break gracefully */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background-color: #E0DFE0;
}

#top {
	float: left;
	width: 188px;
	overflow: hidden;
}

	#mainHeading {		
		margin: 25px 0px 34px 0px;
		padding: 0px;
		width: 187px;
		height: 61px;
	}
		#mainHeading a#backToHome { float: left; position: relative; background: url(/images/sitewide/logo_jacktophono.gif) no-repeat; height: 61px; width: 187px; }
			
	#navPrimary {
		margin: 0px;
		padding: 0px;
		width: 188px;
	}
		#navPrimary ul { margin: 0px; padding: 0px; list-style-type: none; }
		#navPrimary li { clear: left; float: left; padding: 0px; margin: 0px; }
		/* menu roll overs */
		#navPrimary a#navNews { float: left; position: relative; background: url(../images/sitewide/nav_news.gif) no-repeat left top; height: 69px; width: 188px; }
		#navPrimary a#navNews:hover { background: url(../images/sitewide/nav_news_over.gif) no-repeat left top; height: 69px; width: 188px; }
		#navPrimary a#navAbout { float: left; position: relative; background: url(../images/sitewide/nav_about.gif) no-repeat left top; height: 69px; width: 188px; }
		#navPrimary a#navAbout:hover { background: url(../images/sitewide/nav_about_over.gif) no-repeat left top; height: 69px; width: 188px; }
		#navPrimary a#navDiscography { float: left; position: relative; background: url(../images/sitewide/nav_discog.gif) no-repeat left top; height: 69px; width: 188px; }
		#navPrimary a#navDiscography:hover { background: url(../images/sitewide/nav_discog_over.gif) no-repeat left top; height: 69px; width: 188px; }
		#navPrimary a#navArtists { float: left; position: relative; background: url(../images/sitewide/nav_artists.gif) no-repeat left top; height: 80px; width: 188px; }
		#navPrimary a#navArtists:hover { background: url(../images/sitewide/nav_artists_over.gif) no-repeat left top; height: 80px; width: 188px; }
		#navPrimary a#navShop { float: left; position: relative; background: url(../images/sitewide/nav_shop.gif) no-repeat left top; height: 60px; width: 188px; }
		#navPrimary a#navShop:hover { background: url(../images/sitewide/nav_shop_over.gif) no-repeat left top; height: 60px; width: 188px; }
		#navPrimary a#navContact { float: left; position: relative; background: url(../images/sitewide/nav_contact.gif) no-repeat left top; height: 77px; width: 188px; }
		#navPrimary a#navContact:hover { background: url(../images/sitewide/nav_contact_over.gif) no-repeat left top; height: 77px; width: 188px; }
		
#content {
	float: left;
	width: 474px;
	background-color: #fff;
	min-height: 600px;
	_height: 600px;
}
/*body > #content { height: 600px; }*/

#bottom {
}

h1 {
	display: none; /* to help it break down more gracefully */
}

h2 {
	margin: 38px 0px 12px 0px;
	width: 474px;
	height: 45px;
	background-repeat: no-repeat;
}

h3 {
	clear: left;
	font-weight: bold;
	color: #fff;
	text-align: left;
	background-color: #F6921D;
	padding: 1px 3px 3px 3px;
	margin: 12px 12px 0px 12px;
	font-size: 1em;
}

p {
	padding: 0px;
	margin: 6px 12px 12px 12px;
}
a:link {
	color: #F6921D;
	text-decoration: underline;
}

a:hover {
	color: #666;
	text-decoration: underline;
}

a:visited {
	color: #D38829;
	text-decoration: underline;
}
img {
	border: 0;
}

ol {

}
li {

}
.center {
	text-align: center;
}
/* to help it break down more gracefully, used in the nav and for h2s */
.hideText { 
	display: none;
}
		
.inlineImgLeft {
	float: left;
	margin: 6px 6px 6px 12px;
}
.inlineImgRight {
	float: right;
	margin: 6px 12px 6px 6px;
}

/* discogPage Styles */
#discogPage #content table img {
	width: 100px;
	height: 100px;
	padding: 0px;
	margin: 0px;
}
#discogPage #content table p {
	padding: 0px;
	margin: 0px;
	text-align: center;	
}
#discogPage #content table {
	margin: 20px 12px 12px 30px;
	font-size: 1.0em;
}
#discogPage #content td {
	width: 100px;
	padding-right: 60px;
	padding-bottom: 6px;
}
/* Discog detail pages */
#discogPage #content #trackInfoColumn {
	float: left;
}
#discogPage #content img {
	width: 198px;
	height: 198px;
	padding: 0px;
	margin: 12px 0px 12px 12px;
}
#discogPage #content p {
	margin-top: 12px;
	clear: left;
}
/* artists page styles */
#artistsPage #content ul { margin: 6px 12px 12px 12px; padding: 0px; list-style-type: none; text-align: center; }

#artistsPage #content li { padding-top: 12px; }

#artistsPage a#beatphreak { margin: 0px auto 0px auto;  display: block; background: url(/images/artists/logo_beatphreak.gif) no-repeat left top; height: 42px; width: 248px; }
#artistsPage a#mooch { margin: 0px auto 0px auto;  display: block; background: url(/images/artists/logo_mooch.gif) no-repeat left top; height: 60px; width: 234px; }
#artistsPage a#randomHeroes { margin: 0px auto 0px auto;  display: block; background: url(/images/artists/logo_randomHeroes.gif) no-repeat left top; height: 96px; width: 191px;  }

#artistsPage .nudge { margin-top: 10px; }
/* Page type header changes - remember to add a div id for the page types, both in the page and near the top of this css */
#newsPage h2 {
	background-image: url(../images/header_news.gif);
}
#aboutPage h2 {
	background-image: url(../images/header_about.gif);
}
#discogPage h2 {
	background-image: url(../images/header_discog.gif);
}
#artistsPage h2 {
	background-image: url(../images/header_artists.gif);
}
#shopPage h2 {
	background-image: url(../images/header_shop.gif);
}
#contactPage h2 {
	background-image: url(../images/header_contact.gif);
}