/* CSS3 Stylesheet for Ron Pulcer Music */

/* Define HTML5 block-level elements */

article, aside, figure, figcaption, footer, header, hgroup, nav, section { display:block; }

/* Body color: #FF9900 or #FF9933 (resembles top of classical guitar) */

	body {
		font-family: arial, verdana, sans-serif;
		font-size: 14px;
/*		background-color: #FF9933; */
		background-image: url('/music/images/100_0715_block_custom_double_2_addred50.jpg');
		text-align: center;
	}

	em {
		font-weight: bold;
		font-style: normal;
	}

/* The margin-left and margin-right set to 'auto' handles the block centering */

	.template_container {
		width: 775px;
		margin-left:auto;
		margin-right:auto;
		background-color: #FFFFCC;
		border: solid;
		border-color: #660000;
/*
    NOTE: For some reason, the outline is not working correctly.
		outline: solid;
		outline-color: #FFFFCC;
*/
	}

/* Headings */

	h1 {
		font-size: 18px;
		font-weight: bold;
	}

	h2 {
		font-size: 16px;
		font-weight: bold;
	}

	h3 {
		font-size: 14px;
		font-weight: bold;
	}

	.txt-red   { color: #990000; }
	.txt-green { color: #009900; }
	.txt-blue  { color: #000099; }

/* Main sections */

	header {
		clear:both;
		background-color: #FFFFCC;
		width: 100%;
		text-align: left;
		vertical-align: top;
	}

	.middle {
		background-color: #FFFFCC;
		width: 100%;
		text-align: left;
		vertical-align: top;
		margin-left: 10px;
	}

	footer {
		clear:both;
		background-color: #FFFFCC;
		width: 100%;
		text-align: left;
		vertical-align: top;
	}


/* RPM Logo */

	#header_logo {
		padding-top: 5px;
		vertical-align: top;
	}

	#footer_logo {
		padding-top: 16px;
		vertical-align: top;
	}

	td.logo img {
		border: 0px;
	}


/* Treble and Bass Clef navigation bars (measures) */

	header table tr td.nav_measure {
		padding-top: 32px;
	}

	.nav_measure {
		text-align: left;
	}

	td.nav_measure img {
		border: 0px;
	}


/* Breadcrumbs to indicate website hierarchy (you are here) */

	.breadcrumbs {
		text-align: right;
		padding-right: 8px;
	}

	.bc_level1 {
		color: #000099;
		font-weight: bold;
		text-decoration: none;
	}

	.bc_level2 {
		color: #990000;
		font-weight: bold;
		text-decoration: none;
	}

	.bc_level3 {
		color: #009900;
		font-weight: bold;
		text-decoration: none;
	}


/* Main content area (to the right of guitar neck sidebar nav) */

	.content_area {
		float: left;
		width: 590px;
		padding-top: 5px;
		vertical-align: top;
		padding-left: 4px;
		padding-right: 4px;
	}


/* Guitar neck sidebar navigation */

	.nav_sidebar {
		float: right;
		margin-left: 4px;
		width: 166px;
	}

	.gtr_neck_nav {
		background-color: #993300;
		margin: 15px 0px 0px 8px;
		width: 128px;
		font-weight: bold;
	}

	.gtr_neck_nav td {
		margin: 0px;
		border: 0px;
		padding: 0px;
		vertical-align: middle;
	}

/* FONT-SIZE is necessary (even though only fret image is shown, no text). */
/* With HTML5/CSS3, fret tr/td has same height as text tr/td,	unless font-size specified. */
/* 6px allows Online Lessons link to be visible when page loads */

	.fret {
		font-size: 6px;
/*	font-size: xx-small; */
	}

	.neck_fretspace_1 {
		padding: 0px 0px 0px 4px;
		background-color: #FFFFCC;
		color: #000099;
		text-decoration: none;
		font-size: 14px;
		display: block;
	}

	.neck_fretspace_1.a:link {
		background-color: #FFFFCC;
		color: #000099;
		display: block;
	}

	.neck_fretspace_1.a:visited {
		background-color: #FFFFCC;
		color: #000099;
		display: block;
	}

	.neck_fretspace_1.a:active {
		background-color: #FFFFCC;
		color: #000099;
		display: block;
	}

	.neck_fretspace_1:hover {
		background-color: #000099;
		color: #FFFFCC;
		display: block;
	}

	.neck_fretspace_2 {
		padding: 0px 0px 0px 16px;
		color: #FFFFCC;
		text-decoration: none;
		font-size: 12px;
		display: block;
	}

	.neck_fretspace_2.a:link {
		color: #FFFFCC;
		background-color: #993300;
		display: block;
	}

	.neck_fretspace_2.a:visited {
		color: #FFFFCC;
		background-color: #993300;
		display: block;
	}

	.neck_fretspace_2.a:active {
		color: #FFFFCC;
		background-color: #993300;
		display: block;
	}

	.neck_fretspace_2:hover {
		color: #993300;
		background-color: #FFFFCC;
		display: block;
	}

	article img { padding-right: 10px; }
	.left_img  { float: left; }
	.right_img { float: right; }

/* Copyright notice and footer logo */

	.copyright {
		vertical-align: top;
		text-align: center;
		font-style: italic;
		/* color: #990000; */
		color: dimgray;
	}

	.unplugged_logo {
		text-align: center;
	}