body{
	color:				#ebe1f0;
	margin: 			20px;
	text-align: 			center;
	background-color:		#221c25;
	font-family:			Trebuchet, Verdana;
	text-decoration:		none;
}
a{
	text-decoration:		none;
}
img{
	border: 			0px;
	margin: 			0px;
	padding: 			0px;
}
.head{
	width:				800px;
	height:				99px;
	background-image: 		url("../images/header.gif");
}
.menu-left{
	height:				25px;
	width:				600px;
	float:				left;
	margin:				0px;
}
.menu-right{
	padding:			1px;
	float:				left;
	height:				25px;
	width:				198px;
}
.search{
	padding:			0px;
	height:				18px;
	font-size:			10px;
	float:				left;
}
.container{
	width:				800px;
	margin-top:			10px;
	padding:			0px;
}
.scale-chord-teaser{
	color:				#e0d0e0;
	width:				628px;
	margin-left:			0px;
	padding-bottom:			0px;
	margin-bottom:			10px;
	font-size:			0.9em;
	text-align:			left;
	float: 				left;
	background-color:		#221c25;
}
.index-lessons{
	color:				#e0d0e0;
	width:				626px;
	padding-bottom:			10px;
	margin-left:			0px;
	margin-bottom:			10px;
	margin-right:			0px;
	font-size:			0.9em;
	border:				#5a4a59 solid 1px;
	text-align:			left;
	float: 				left;
	background-color:		#221c25;
}
.index-lessons h4{
	margin-top:			0px;
	margin-bottom:			5px;
	padding-left:			10px;
}
.index-lessons a, p{
	font-size:			0.9em;
	color:				#e0d0e0;
}
.index-lessons a:hover{
	font-size:			0.9em;
	color:				#e0abe0;
}
.index-lessons p{
	margin-top:			0px;
	margin-bottom:			10px;
	padding-left:			20px;
	padding-right:			10px;
}

/*
	Lesson Page Styles
	==================
*/

.lesson-box{
	color:				#e0d0e0;
	width:				258px;
	height:				200px;
	margin-right:			10px;
	padding-bottom:			10px;
	margin-bottom:			10px;
	font-size:			0.9em;
	border:				#5a4a59 solid 1px;
	text-align:			left;
	float: 				left;
	background-color:		#221c25;
}
.lesson-box a, p{
	font-size:			0.9em;
	color:				#e0d0e0;
}
.lesson-box a:hover{
	font-size:			0.9em;
	color:				#e0abe0;
}
.lesson-box p{
	margin-top:			0px;
	margin-bottom:			0px;
	padding-left:			10px;
	padding-right:			10px;
}

/*
	Lessons Document Styles
	=======================
*/

.document{
	font-family:			Courier;
	text-align:			left;
	margin-top:			10px;
	margin-bottom:			10px;
	padding:			10px;
	font-size:			0.9em;
	border:				#5a4a59 solid 1px;
}
.document-heading{
	font-family:		Trebuchet, Verdana;
	font-weight:		bold;
	font-size:			1.6em;
}
.document a{
	font-weight:			bold;
	color:				#9000ff;
}

/*
	Chord Styles
	============
*/

.chord-box{
	color:				#e0d0e0;
	width:				800px;
	height:				200px;
	padding-bottom:			10px;
	margin-bottom:			10px;
	font-size:			0.9em;
	border:				#5a4a59 solid 1px;
	text-align:			left;
	float: 				left;
	background-color:		#221c25;
}
.chord-box .header{
	padding-top:			10px;
}
.chord-box a, p{
	font-size:			0.9em;
	color:				#e0d0e0;
}
.chord-box a:hover{
	font-size:			0.9em;
	color:				#e0abe0;
}
.chord-box p{
	margin-top:			0px;
	margin-bottom:			0px;
	padding-left:			10px;
	padding-right:			10px;
}

.scale-box{
	color:				#e0d0e0;
	width:				800px;
	height:				200px;
	padding-bottom:			10px;
	margin-bottom:			10px;
	font-size:			0.9em;
	border:				#5a4a59 solid 1px;
	text-align:			left;
	float: 				left;
	background-color:		#221c25;
}
.scale-box .header{
	padding-top:			10px;
}
.scale-box a, p{
	font-size:			0.9em;
	color:				#e0d0e0;
}
.scale-box a:hover{
	font-size:			0.9em;
	color:				#e0abe0;
}
.scale-box p{
	margin-top:			0px;
	margin-bottom:			0px;
	padding-left:			10px;
	padding-right:			10px;
}
.scale-box table{
	width:				780px;
	font-size:			0.9em;
	text-align:			center;
}
.fretboard-box-1000{
	width:				1000px;
	background-image: 		url("../images/fretboard/6by22neck1000.jpg");
}
.fretboard-box-800{
	width:				800px;
	background-image: 		url("../images/fretboard/6by22neck800.jpg");
}

.scale-search-box{
	margin-top:			10px;
	margin-bottom:			10px;
	width:				590px;
	height:				174px;
	float:				left;
	border:				#5a4a59 solid 1px;
	text-align:			left;
}
.scale-search-box .header{
	padding-top:			10px;
}
.scale-search-box a, p{
	font-size:			0.9em;
	color:				#e0d0e0;
}
.scale-search-box a:hover{
	font-size:			0.9em;
	color:				#e0abe0;
}
.scale-search-box p{
	margin-top:			0px;
	margin-bottom:			0px;
	padding-left:			10px;
	padding-right:			10px;
}
.scale-search-box label{
	font-weight:			bold;
	font-size:			0.8em;
	color:				#e0d0e0;
}
.scale-search-box .left-label{
	width:				55px;
	padding-left:			10px;
}

.scale-key-box{
	text-align:			left;
	vertical-align:			middle;
	margin-top:			10px;
	margin-left:			10px;
	margin-bottom:			10px;
	width:				200px;
	float:				left;
	border:				#5a4a59 solid 1px;
}
.scale-key-box p{
	margin-top:			0px;
	margin-bottom:			0px;
	padding-left:			10px;
	padding-right:			10px;
}
.scale-key-box .key{
	vertical-align: 		middle;
	height:				22px;
	width:				162px;
	font-weight:			bold;
	font-size:			0.8em;
}

.news-box{
	color:				#e0d0e0;
	width:				800px;
	height:				200px;
	padding-bottom:			10px;
	margin-bottom:			10px;
	font-size:			0.9em;
	border:				#5a4a59 solid 1px;
	text-align:			left;
	float: 				left;
	background-color:		#221c25;
}
.news-box a, p{
	font-size:			0.9em;
	color:				#e0d0e0;
}
.news-box a:hover{
	font-size:			0.9em;
	color:				#e0abe0;
}
.news-box p{
	margin-top:			0px;
	margin-bottom:			0px;
	padding-left:			20px;
	padding-right:			10px;
	padding-top:			0px;
	padding-bottom:			0px;
}
.news-sub-box-left{
	width:				249px;
	float:				left;
	margin-right:			10px;
}
.news-sub-box-right{
	width:				249px;
	float:				left;
}
.news-box h4{
	padding-left:			10px;
	padding-right:			10px;

}

.search-result-box{
	color:				#e0d0e0;
	width:				800px;
	height:				75px;
	padding-bottom:			10px;
	margin-bottom:			10px;
	font-size:			0.9em;
	border:				#5a4a59 solid 1px;
	text-align:			left;
	float: 				left;
	background-color:		#221c25;
}
.search-result-box a, p{
	font-size:			0.9em;
	color:				#e0d0e0;
}
.search-result-box a:hover{
	font-size:			0.9em;
	color:				#e0abe0;
}
.search-result-box p{
	margin-top:			0px;
	margin-bottom:			10px;
	padding-left:			20px;
	padding-right:			10px;
	padding-top:			0px;
	padding-bottom:			0px;
}

.search-result-box h4{
	margin-top:			0px;
	margin-bottom:			5px;
	padding-left:			10px;
}
.submit-box{
	color:				#e0d0e0;
	width:				800px;
	height:				200px;
	padding-bottom:			10px;
	margin-bottom:			10px;
	font-size:			0.9em;
	border:				#5a4a59 solid 1px;
	text-align:			left;
	float: 				left;
	background-color:		#221c25;
}
.submit-box a, p{
	font-size:			0.9em;
	color:				#e0d0e0;
}
.submit-box a:hover{
	font-size:			0.9em;
	color:				#e0abe0;
}
.submit-box p{
	margin-top:			0px;
	margin-bottom:			0px;
	padding-left:			10px;
	padding-right:			10px;
	padding-top:			0px;
	padding-bottom:			0px;
}
.submit-box label{
	font-weight:			bold;
	font-size:			0.9em;
	color:				#e0d0e0;
}
.submit-box img{
	bottom-margin: 10px;
}
.submit-box input, textarea{
	width:				780px;
}

.link-box{
	color:				#e0d0e0;
	width:				800px;
	height:				200px;
	padding-bottom:			10px;
	margin-bottom:			10px;
	font-size:			0.9em;
	border:				#5a4a59 solid 1px;
	text-align:			left;
	float: 				left;
	background-color:		#221c25;
}
.link-box a, p{
	font-size:			0.9em;
	color:				#e0d0e0;
}
.link-box a:hover{
	font-size:			0.9em;
	color:				#e0abe0;
}
.link-box p{
	margin-top:			0px;
	margin-bottom:			0px;
	padding-left:			20px;
	padding-right:			10px;
	padding-top:			0px;
	padding-bottom:			0px;
}
.link-box h4{
	padding-left:			10px;
	padding-right:			10px;

}

.comments{
	color:				#e0d0e0;
	width:				798px;
	padding-bottom:			10px;
	margin-left:			0px;
	margin-bottom:			10px;
	margin-right:			0px;
	font-size:			0.9em;
	border:				#5a4a59 solid 1px;
	text-align:			left;
	float: 				left;
	background-color:		#221c25;
}

.comments h4{
	font-size:			0.9em;
	margin-top:			0px;
	margin-bottom:			0px;
	padding-left:			10px;
}
.comments a, p{
	font-size:			0.9em;
	color:				#e0d0e0;
	margin-right:			0px;
	padding-right:			10px;
}
.comments a:hover{
	font-size:			0.9em;
	color:				#e0abe0;
}
.comments p{
	margin-top:			0px;
	margin-bottom:			10px;
	padding-left:			20px;
	padding-right:			10px;
	padding-bottom:			10px;
	padding-top:			5px;
	border-bottom:			#5a4a59 solid 1px;
}

.comments label {
	width:				100px;
	margin-right:			10px;
	text-align:			right;
	vertical-align:			top;
}
.comments input#name {
	width:				330px;
}
.comments textarea {
	height:				100px;
	width:				660px;
}

/* 
	Google Ad styles
	================
*/

.left-side-ad{
    margin:				0px;
    margin-bottom:			10px;
    margin-right:			10px;
	float: 				left;
	border:				#5a4a59 solid 1px;
}
.full-width-ad{
	width:				800px;
	margin:				0px;
	border:				#5a4a59 solid 1px;
	margin-bottom:			10px;
}
.full-width-link-unit{
	padding:			10px;
	width:				800px;
	margin-top:			0px;
	margin-left:			0px;
	margin-right:			00px;
	margin-bottom:			10px;
	border:				#5a4a59 solid 1px;
}
.footer a, p{
	color:				#e0d0e0;
	font-size:			0.9em;
}
.footer a:hover{
	color:				#e0abe0;
	font-size:			0.9em;
}