/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Jamie Mitges
	Created: 2009-07-28
	Created by: Cindy Dochstader cindy@rkd.ca
	
	COLOURS:	
	Light Blue: #29536f
	Green: #6fa02d
	Dark Blue BG: #040e16

------------------------------------------------------------------- */


/* TABLE OF CONTENTS */
/* ---------------------------------------- HTML, BODY, RESETS */
/* ---------------------------------------- GLOBAL STYLES */
/* ---------------------------------------- STRUCTURE */
/* -------------------------------------------- Header */
/* ----------------------------------------------- Top Nav */
/* -------------------------------------------- Wrapper */
/* -------------------------------------------- Content Area */
/* -------------------------------------------- Side Bar */
/* -------------------------------------------- Footer */
/* -------------------------------------------- Form */




@import url("reset.css");
@import url("jplayer.css");
@import url("prettyPhoto.css");


 
/* ----------------------------------------------
	HTML, BODY, RESETS
---------------------------------------------- */

html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}

body {
	background: #040e16; /* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
	padding:0;
	margin:0;
	top:0;
	left: 0;
	font: 14px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	}
	.BodyStyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		background: #040e16 url(../../images/body-bg.jpg) repeat-x left top;
		}

img, form { /* removes all default formatting on images and forms */
	padding:0;
	margin:0;
	line-height:0;
	}

:focus { outline: none; } /* removes dotted outline from links */

.Clear { clear: both; } /* clears all floats; apply to empty divs */



/* ----------------------------------------------
	GLOBAL STYLES - style as necessary
---------------------------------------------- */

a:link, a:visited {
	color: #6fa02d;
	text-decoration: none;
	}

a:hover, a:active {
	color: #6fa02d;
	text-decoration: underline;
	}
	
.ArrowLinks { margin-top:-5px; }
	.Arrow {
		background: url(../../images/arrow-links.png) no-repeat 0 1px;
		padding-left:22px;
		}
			
p, td, div { 
	font: 14px/22px Arial, Helvetica, sans-serif;
	}
	p {
		padding:0 0 12px 0;
		}

strong, b {
	font-weight: bold;
	}

em, i {
	font-style: italic;
	}

h1 {
	color: #29536f;
	font: bold 22px Arial, Helvetica, sans-serif;
	margin-bottom:18px;
	text-transform:uppercase;
	}
		
h2 { 
	color: #6fa02d;
	font: normal 18px Arial, Helvetica, sans-serif;
	margin:18px 0 8px 0;
	}	
	.MarginRight20px {
		margin-right:20px;
		}
		
ul {
	margin-bottom:12px;
	padding:0;
	}
	li {
		list-style: disc outside;
		margin: 0 0 8px 15px;
		}

ol { }
	

/* styles used by WYSIWYG - style as necessary */
pre { }
address { }



/* ----------------------------------------------
	STRUCTURE
---------------------------------------------- */
	
/* ---------------------------------------- Header */

#PrintHeader { display: none; }

#Header { 
	width: 940px;
	height:75px;
	margin: 0 auto;
	background:url(../../images/header-bg.png) no-repeat top right;  
 	}
	
.Logo { 
	float:left; 
	margin:19px 0 0 0;
	}



/* ---------------------------------------- Top Nav */
	
.TopNav {
	width:469px;
	height:14px;
	float:right;
	margin:59px 0 0 0;
	}
	
.TopNav ul {
	list-style: none;
	padding:0;
	margin:0;
	line-height:0;	
	}
	.TopNav li {
		list-style: none;
		padding:0;
		margin:0;
		line-height:0;
		}
	
.TopNav a {
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:14px;
	background:url(../../images/top-nav.png) no-repeat; 
	text-indent:-9000px;
	}

.TopNav a.NavHome  {
	background-position:0 0;
	width: 49px;
	}	
	.TopNav a.NavHome:hover  {
		background-position:0 -14px;
		}
		
.TopNav a.NavAbout  {
	background-position:-49px 0;
	width: 107px;
	}	
	.TopNav a.NavAbout:hover  {
		background-position:-49px -14px;
		}
		
.TopNav a.NavKeyMusicians  {
	background-position:-156px 0;
	width:125px;
	}	
	.TopNav a.NavKeyMusicians:hover  {
		background-position:-156px -14px;
		}
		
.TopNav a.NavDiscography  {
	background-position:-281px 0;
	width:116px;
	}	
	.TopNav a.NavDiscography:hover  {
		background-position:-281px -14px;
		}

.TopNav a.NavContact  {
	background-position:-397px 0;
	width:72px;
	}	
	.TopNav a.NavContact:hover  {
		background-position:-397px -14px;
		}
		
	
/* ---------------------------------------- Wrapper */

#Wrapper {
	width: 940px;
	margin: 0 auto;
	}	
	

/* ---------------------------------------- Content Area */
	
#Content {
	width:620px;
	float:left;
	margin-top:5px;
	}

.MainCallout {
	float:left;
	width:300px;
	margin-top:25px;
	}
	
.AlbumFloatLeft {
	float:left;
	width:140px;
	padding:7px 20px 15px 0;
	}	
	.BuyAlbumButton {
		margin-top:12px;
		}
	
.DiscographyAlbumName {
	margin-top:15px;
	}
	
.DiscographyDate {
	font-size:12px;
	font-style: italic;
	}
	
.PhotoCourtesy {
	font-size:12px;
	margin-top:5px;
	}
		
.MusicVideo {
	padding:10px 0 15px 0;		
	}
	
.TextFloatRight {
	float:left;
	width:460px;
	}
	
.TestimonialName {
	text-align:right;
	margin: -10px 15px 5px 0 ;
	color:#b3defa;
	}
	
	
/* ---------------------------------------- Side Bar */
	
#SideBar {
	float:right;
	width: 300px;
	margin-top:5px;
	padding:0;
	}
	
#SideBar h2 {
	margin-bottom:13px;
	}
	
.SideBarCallout {
	display:block;
	width:300px;
	height:80px;
	margin-bottom:20px;
	background:url(../../images/sidebar-bg.jpg) repeat-x; 
	}
	.SideBarCallout .FloatLeft { 
		float:left;
		margin:10px;
		}
	.SideBarCallout p {
		padding:18px 0 0 0;
		}

/* ---------------------------------------- Footer*/

#Footer { 
	margin-top:60px;
	height:96px;
	background:url(../../images/footer-bg.jpg);
	}
	
.Container {
	width:940px;
	margin: 0 auto;
	}
	
.Copyright {
	margin-top:23px;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#29536f;
	float:left;
	}
	
	
.RKD {	
	margin-top:23px;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#1e4056;
	float:right;
	}

.RKD a:link, .RKD a:visited, .RKD a:hover, .RKD a:active {
	color:#1e4056;
	text-decoration: none;
	}



/* ---------------------------------------- Form */

.Error, .Required {
	color: #bb0000;
	font: 12px/19px Arial, Helvetica, sans-serif;
	}

.Form {
	border-collapse:collapse;
	border-spacing: 0;
	}
	.Form td {
		padding: 7px 0px;
		vertical-align: top;
		}
		.Form td.FormText {
			width:100px;
			text-align:right;
			}		

textarea, input {
	font: 13px/19px Arial, Helvetica, sans-serif;
	color: #000;
	border: 1px solid #fff;
	background: #fff url(../../images/input-bg.gif) repeat;
	margin:0 10px;
	width:250px; 
	}		
	input { 
		height:20px; 
		}

	.Button input {
		width:105px;
		height:24px;
		margin:10px 0 0 256px;
	}
	
#config.aid {display:none; overflow: hidden;}

#jqjp_audio_1 {display:none; overflow: hidden;}