@charset "UTF-8";
/* CSS Document */

* { margin : 0; padding : 0; }
h1, h2, h3, h4, h5, p{ margin : 0 20px; padding : .5em 0;}
h1, h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.1em;
}

ol {
	padding-left: 50px;
	padding-right: 50px;
}

pre {
	margin-left: 20px;
	font-size: 1.1em;
}

body {
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .7em;
	}

#container {
	margin:0px auto;
	background: url(../_images/background.jpg) no-repeat;
	background-color: #192122;
	width: 1000px;
	text-align: left;
	overflow: auto;
	position: relative;
}

#menu {
	background: url(../_images/menubg.png);
	width: 110px;
	height: 840px;
	float: left;
	text-align: center;
}

#menu ul {
	padding-bottom: 30px;
	list-style: none;
}

#menu a:link, #menu a:visited {
	text-decoration: none;
	font-family: Arial, Gadget, sans-serif;
	font-size: 14px;
	color:#fffffe;
	display: block;
	height: 26px;
	width: 110px;
	text-shadow: #000 0.1em 0.1em 0.2em;
	line-height: 26px;
	font-weight: bold;
}

#menu a:hover, #menu a:active  {
	background-image:url(../_images/menubgover.png);
	text-shadow: #000 0.1em 0.1em 0.1em;
}

#pageMenu {
	float:right;
	margin : 0 20px; 
	padding : .5em 0;
	text-transform:uppercase;
	font-size: 1.2em;
}

#pageMenu a:link, #pageMenu a:visited, a:link, a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#00F;
}

#pageMenu a:hover, #pageMenu a:active, a:hover, a:active {
	color:#A00
}

#content {
	background: #fff;
	width: 690px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 60px;
	padding-bottom: 10px;
	padding-top: 10px;
	float: left;
}

#content img {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#tablature {
	display: block;
	width: 500px;
    margin-left: auto;
    margin-right: auto;
}

#adsense {
	display: block;
	width: 468px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 10px;
}

#content ul {
	padding-left: 50px;
	padding-right: 50px;
}
	
#ad {
	float:right;
}

#title {
	height: 15px;
	width: 323px;
	position: absolute; left: 490px; top: 10px;
	background:url(../_images/title.png) no-repeat;
	text-indent: -9999px;
}

#title h1 a {
    display: block;
    padding: 15px 0 0 0;
    overflow: hidden;
    background-image: url(../images/sidebar/heading.png);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:15px;
}

#openChordDesc img {
	float:left;
	margin: 20px;
}

#openChordBullets {
	float:right;
	width: 335px;
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 70px;
}

#openChordContent {
	clear: left;
}

#openChordContent h3 {
	padding-top: 20px;
}

#printChartTitle {
	text-align: center;
}

#printChartTitle h3 {
	padding-top: 20px;
}

#tabDef {
	margin : 20px; 
}

.lessonPlan {
	clear: left;
}

.lessonPlan li {
	list-style: url(none) none;
	float: left;
	margin : 0 5px; 
	padding : .5em 0;
	text-transform: uppercase;
}

.lessonPlan li a {
	text-decoration: underline;
}

.lessonPlan ul{
	 margin : 0 16px;
}

div.h3 {
	text-align:center;
}

.guitars {
	margin-left: 25px;
	margin-top: 50px;
}

label {
	color: #000000;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 10pt;
	font-weight: bold;
	float: left; 
	width : 85%; 
}

label span { 
	float: left; 
	width: 53%; 
	text-align: right; 
}

label, label span { 
	display: block; 
	padding-bottom : .25em; 
}

fieldset {
	width: 686px;
	border: none;
}

fieldset input, fieldset textarea { 
	float: right; 
	width: 45%; 
	border: 1px solid #000; 
}

fieldset input:hover, fieldset textarea:hover  { 
	border-color: #ba8f0b; 
}

fieldset input:active, input:focus, fieldset textarea:active, textarea:focus { 
	border-color: #900; 
}

#walkingwindow p {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

#walkingwindow a {
	color: #FFF;
	text-decoration: underline;
}

#walkingwindow a:hover {
	text-decoration: none;
}

#walkingwindow a:visited {
	color: #FFF;
}

#vid {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}