/*---------------------------------------------------------------------------------------
Version: 1.1 Headframe.ca CSS Layout 
Author: Paul McLaren
Email: pmclaren@gmail.com
website: www.pmclaren.ca
---------------------------------------------------------------------------------------*/
@import url(nav.css);

/* #Specify blanket rules for all elements */

/* #Body */
body {
	text-align: center;
	min-width: 800px;
	background: #ffffff url(../images/bg.jpg) repeat-y 50% 0;
	

	}
	
/* #Wrapper */
#wrapper {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	
	}
	
/* #Masthead */
#masthead {
	width: 750px;
	height: 389px;
	margin: 0 auto;
	background:   url(../images/masthead.jpg) no-repeat;
	}
	
/* #Content */
#Maincontent {
	width: 750px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	
#content {

	width: 390px;
	float: left;
	padding top: 10px;
	}

#content h1, h2, p {
	padding-left: 10px;
	}
	
 h1 {
 	font: bold 20px Arial, Helvetica, Arial, sans-serif;
	color: #856250;
	background: #C9B6B3;
    margin: 0px 5px 0 5px;
    padding: 5px;
	}


/* #Sidebar_a */
#sidebar_a {

	width: 340px;
	float: right;
	padding top: 10px;

	}

/* #Mp3player*/
#mp3player {

	width: 250px;
	padding-left: 50px;

	}
	
/* #Sidebar_a */
#gallery {
	width: 650px;
	padding-left: 60px;

	}

	
	
/* #Footer */
#footer {
	padding-top:10px;
	clear:both;
	margin: 0 auto;
	width: 750px;
	height: 145px;
	background:  url(../images/footer.jpg) no-repeat;
	}
#footer p {
	padding-top:90px;
	font: bold 14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	margin-bottom: 10px;
	line-height:150%;
	}	

/* #Layout Default Settings */

/* #Code for mobile Devices */
	#header img {display: none;}
	.totop {display: none;}
/* #Code for mobile Devices */

/* #p Default styling for Paragraphs */


p { 
	font: 14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	margin-bottom: 10px;
	line-height:150%;
	}


img {
	border:0;
	}
	
/* Img Border Brown */
.border {
	padding: 0px;
	border: 5px solid #ac9c8e;
	}	

/* Default Links */

a:link {
color:#856250;
font-weight:bold;
}

a:visited {
color:#856250;
font-weight:bold;
}

a:hover {
color:#000;
text-decoration:none;
}

a:active {
color:#000;
}

/* End of Default Links */

/* Highlighting External Links */
.external {
background: url(../images/external.gif) no-repeat right top;
padding-right:10px;
}
/* End Highlighting External Links */

/* Text Styles */

.songtitle {
	font: bold 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #856250;
	margin-bottom: 10px;

}

.songlyrics {
	font: bold 10px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	margin-bottom: 10px;

}

.songinfo {
	font: 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	margin-bottom: 10px;
}

.date {
	font: bold 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	 margin: 5px 5px 10px 5px;
	text-align: right;
}

.textc {
	font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	margin-bottom: 10px;
	text-align: center;
}


/* Image Styles */

.imageright {
	float: right;
	padding: 7px;
	margin-left: 10px;
	
	}
	
.spacer {
	clear:both;
	}