/**
 *	Crossroad
 *  Base Screen Styles
 *	
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. breadcrumbs
 *		05. images
 *		06. tables
 *		07. forms
 *
 */
html,body {
	background:					#fff url(http://www.natz.shadowsystems.com.au/www.crossroad.com.au/images/bg-body.png) 50% 0 no-repeat;
}

body {
	color:						#3e434a;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}
/** layout
------------------------------------------------------------------ */
div#container {
	margin:						0 auto;
	width:						950px;
}

div#header {
	height:						90px;
}
	div#brand {
		float:					left;
		width:					233px;
	}
	div#search {
		background:				url(http://www.natz.shadowsystems.com.au/www.crossroad.com.au/images/bg-search.png) no-repeat;
		height:					55px;
		float:					right;
		margin:					18px 18px 0 0;
		width:					291px;
	}

div#nav {
	background:					url(http://www.natz.shadowsystems.com.au/www.crossroad.com.au/images/suckerfish.png);
	height:						36px;
}

div#feature {
	height:						432px;
}

div#content {
	background:					url(http://www.natz.shadowsystems.com.au/www.crossroad.com.au/images/bg-content.png) no-repeat;
	overflow:					hidden;
	width:						950px;
}
body.full-width div#content,
body.product-search div#content {
	background:					none;
}
body#home div#content {
	background:					url(http://www.natz.shadowsystems.com.au/www.crossroad.com.au/images/bg-content-home.png) no-repeat;
	min-height:					450px;
/*	background:					url(http://www.natz.shadowsystems.com.au/www.crossroad.com.au/images/line-height.gif);*/
}
	body#home div.grid-2-column div.column {
		min-height:				7.5em;
		float:					left;
		width:					470px;
	}
	body#home div.grid-2-column div.first {
		margin-right:			10px;
	}
	body#home div.grid-2-column div.last {
		float:					right;
	}
		body#home div.grid-2-column div.column div.inner {
			padding:			36px;
		}
		body#home div.grid-2-column div.last div.grid-2-column {
			clear:				both;
		}
		body#home div.grid-2-column div.last div.grid-2-column div.first,
		body#home div.grid-2-column div.last div.grid-2-column div.last {
			float:				left;
			margin:				0;
			width:				199px;
		}

div#content-header {
	padding:					36px 0 36px 36px;
}

div#content-side {
	float:						left;
	min-height:					42em;
	width:						230px;
}
	div#content-side-inner {
		padding-left:			36px;	
	}

div#content-main {
	margin-left:				230px;
}
body.full-width div#content-main,
body.product-search div#content-main {
	margin-left:				0;
}
	div#content-main.grid-2-column div.column {
		float:					left;
	}
	div#content-main.grid-2-column div.first {
		width:					490px;
	}
	body.full-width div#content-main.grid-2-column div.first {
		float:					none;
		min-height:				360px;
		width:					auto;
	}
	body.listing div#content-main.grid-2-column div.first,
	body.find-a-song div#content-main.grid-2-column div.first,
	body.blog div#content-main.grid-2-column div.first {
		width:					720px;
	}
	body.product-search div#content-main.grid-2-column div.first {
		width:					950px;
	}
		div#content-main.grid-2-column div.first div.inner {
			padding:			0 36px;
		}
	div#content-main.grid-2-column div.last {
		width:					230px;
	}
		
div#footer {
	background:					url(http://www.natz.shadowsystems.com.au/www.crossroad.com.au/images/bg-footer.png) no-repeat;
	height:						180px;
}
/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

hr {
	background:					#032550;
	border:						0;
	color:						#032550;
	height:						1px;
	margin-bottom:				1.5em;
}

strong {
	color:						#444;
	font-weight:				bold;
}

small {
	font-size:					10px;
}

div#brand h1 {
	padding:					22px 0 0 26px;
}

div#content {
	font-size:					1.2em;
	line-height:				1.5em;
}
	body#home div#content div.grid-2-column div.first h2,
	body#home div#content div.grid-2-column div.first h3,
	body#home div#content div.grid-2-column div.last h3,
	body#home div#content div.grid-2-column div.last h4 {
		color:					#032550;
	}
	body#home div#content div.grid-2-column div.first h2 {
		font-size:				36px;
		margin-bottom:			18px;
	}
	body#home div#content div.grid-2-column div.first h3 {
		font-size:				14px;
		text-transform:			uppercase;
	}
	body#home div#content div.grid-2-column div.first h4 {
		color:					#000;
		font-weight:			bold;
	}
	body#home div#content div.grid-2-column div.last h3 {
		font-size:				30px;
		margin-bottom:			0.8em;
	}
	body#home div#content div.grid-2-column div.last h4 {
		color:					#2e9cf3;
		font-size:				14px;
		text-transform:			uppercase;
	}
	body#home div#content p.blog-summary,
	body#home div#content p.blog-link {
		font-size:				11px;
	}
	
	div#content p {
		margin-bottom: 			1.5em;
	}
	body#home div#content div#twitter-time p {
		margin-bottom:			0;
	}

		div#content div#content-header h2 {
			color:				#3e434a;
			font-size:			30px;
			line-height:		36px;
		}
	
div#content h3 {
	font-weight:				bold;
	margin-bottom:				0.5em;
}

div#content h4 {
	font-weight:				bold;
}

div#footer {
	color:						#fff;
	font-size:					1.1em;
	line-height:				1.65em;
}
/** lists/typography/links
------------------------------------------------------------------ */
div#content ol {
	margin-bottom:				1.5em;
}
div#content ol li span.upcoming-release-date {
	color:						#000;
}

div#content a,
div#content a:link {
	color:						#50b2ff;
	text-decoration:			none;
}
div#content a:hover {
	text-decoration:			underline;
}

div#content-side ul li {
	border-bottom:				1px solid #dfdfdf;
	color:						#3e434a;
	display:					block;
	padding:					18px 0 17px 0;
}
div#content-side ul li.here {
	background-color:			#fff;
}

div#content-main ul {
	margin-bottom:				1.65em;
}
div#content-main ul.pagination {
	margin:						0;
	padding-bottom:				36px;
	text-align:					center;
}
	div#content-main ul li {
		background:				url(http://www.natz.shadowsystems.com.au/www.crossroad.com.au/images/icons/icon-bullet-blue.png) no-repeat;
		padding-left:			1.65em;
	}
	div#content-main ul.pagination li {
		background:				none;
		display:				inline;
		padding:				0 10px;
	}
	div#content-main ul.pagination li.here {
		font-weight:			bold;
	}
	div#content-main ul.pagination li.here a,
	div#content-main ul.pagination li.here a:link {
		color:					#3e434a;
		text-decoration:		underline;
	}

div#footer ul.grid-6-column {
	padding-top:				1.65em;
}
	div#footer ul.grid-6-column li.column {
		float:					left;
		margin-right:			10px;
		width:					150px;
	}
	div#footer ul.grid-6-column li.first {
		padding-left:			18px;
		width:					132px;
	}
	div#footer ul.grid-6-column li.last {
		margin-right:			0;
	}
	div#footer ul.grid-6-column li h5 {
		font-size:				12px;
		text-transform:			uppercase;
	}
	div#footer ul li a {
		color:					#fff;
		text-decoration:		none;
	}
/** breadcrumbs
------------------------------------------------------------------ */
/** images
------------------------------------------------------------------ */
/** tables
------------------------------------------------------------------ */
/** forms
------------------------------------------------------------------ */
input#query {
	background:					none;
	border:						0;
	float:						left;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					12px;
	height:						15px;
	margin-top:					14px;
	margin-left:				69px;
	padding:					5px 5px;
	width:						149px;
}
input#query-btn {
	float:						left;
	height:						25px;
	margin-top:					14px;
	margin-left:				12px;
	width:						40px;
}