@charset "UTF-8";
html, body, p, li, ul, blockquote, ol, dl, div, h1, h2, h3, h4, h5, h6, form, fieldset, input, img, span {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #000000;
	background-image: url(../images/site/backdrop_gray.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
/*hide focus lines */

:focus { -moz-outline-style: none; }

body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 65%;
	margin: 0px;
	padding: 0px;
}
p, li, td {
	line-height: 1.3;
	font-size: 1.15em;
	margin: 0px;
}
a:link {
	color: #ff3300;
	text-decoration: none;
}
a:visited {
	color: #cc3300;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}
a img {
	border-width: 0px;
	border-style: none;
}
input.textField {
	background-color: white;
}
input.textField:focus {
	background-color: #FFFF66;
}
/*Header Navigation
*/

#header {
	background-image: url(../images/site/header_main.jpg);
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	height: 222px;
	width: 799px;
	margin-right: auto;
	margin-left: auto;
}
/*Alternate Headers*/

body.notes #header {
	background-image: url(../images/site/header_fret.jpg);
}
body.theory #header {
	background-image: url(../images/site/header_theory.jpg);
}
body.trivia #header {
	background-image: url(../images/site/header_fun.jpg);
}
body.tools #header {
	background-image: url(../images/site/header_tools.jpg);
}
body.courses #header {
	background-image: url(../images/site/header_reports.jpg);
}
body.search #header {
	background-image: url(../images/site/header_search.jpg); 
}
#header h1 {
	text-indent: -9999px;
}
#header h1 a {
	display: block;
	position: absolute;
	width: 305px;
	top: 96px;
	height: 42px;
	left: 150px;
}
#header #navigation {
	position: absolute;
	top: 176px;
	left: 0px;
	width: 801px;
	height: 34px;
}
#header #navigation ul li {
	display: inline;
	list-style: url(none);
}
#navigation a {
	display: block;
	position: absolute;
	text-indent: -9999px;
	height: 33px;
	overflow: hidden;
	top: 0px;
	font-size: 1%;
}
#navigation li#notes_nav a {
	left: 0px;
	width: 212px;
	background: url(../images/site/notes_nav_back.gif);
}
#navigation li#theory_nav a {
	left: 212px;
	width: 237px;
	background: url(../images/site/theory_nav_back.gif);
}
#navigation li#trivia_nav a {
	left: 449px;
	width: 144px;
	background: url(../images/site/trivia_nav_back.gif);
}
#navigation li#tools_nav a {
	left: 593px;
	width: 88px;
	background: url(../images/site/tools_nav_back.gif);
}
/* Roll Over */

#navigation li#notes_nav a:hover, #navigation li#theory_nav a:hover, #navigation li#trivia_nav a:hover, #navigation li#tools_nav a:hover {
	background-position: 0 -50px;
}
body.notes #navigation li#notes_nav a:link, body.notes #navigation li#notes_nav a:visited, body.notes #navigation li#notes_nav a:hover, body.notes #navigation li#notes_nav a:active, body.theory #navigation li#theory_nav a:link, body.theory #navigation li#theory_nav a:visited, body.theory #navigation li#theory_nav a:hover, body.theory #navigation li#theory_nav a:active, body.trivia #navigation li#trivia_nav a:link, body.trivia #navigation li#trivia_nav a:visited, body.trivia #navigation li#trivia_nav a:hover, body.trivia #navigation li#trivia_nav a:active, body.tools #navigation li#tools_nav a:link, body.tools #navigation li#tools_nav a:visited, body.tools #navigation li#tools_nav a:hover, body.tools #navigation li#tools_nav a:active {
	background-position: 0 -100px;
}
/* Sidebar and Content Layout*/

#container {
	margin: 0px auto;
	width: 799px;
	background-color: #F5F1EB;
	background-image: url(../images/site/content_back.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#sidebar {
	float: left;
	width: 174px;
	padding-left: 4px;
	overflow: hidden;
}
#content {
	float: right;
	width: 550px;
	padding-right: 30px;
	margin-top: 8px;
}
#footer {
	clear: both;
	text-align: center;
	background-image: url(../images/site/footer_back.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 3em;
	padding-bottom: 2em;
}
.ggSideBar .tab {
	background-color: #F5D6D6;
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	text-indent: -9999px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	margin-top: 1px;
	margin-bottom: 1px;
}
.ggSideBar .member {
	background-image: url(../images/site/member_nav.gif);
}
.ggSideBar .cool {
	background-image: url(../images/site/cool_nav.gif);
}
.ggSideBar .blog {
	background-image: url(../images/site/blog_nav.gif);
}
.ggSideBar .games {
	background-image: url(../images/site/games_nav.gif);
}
.ggSideBar .tools {
	background-image: url(../images/site/tools_nav.gif);
}
.ggSideBar .open {
}
.ggSideBar .closed {
}
.ggSideBar .hover, .ggSideBar .focused {
	background-position: 0 -50px;
}
#sidebar li {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 15px;
	list-style: none;
}
#sidebar li span {
	font-size: 0.75em;
	color: #666666;
	display: block;
	padding-top: 0.5em;
}
li#search_area {
	margin-bottom: .65em;
}
li#search_area #searchSubmit {
	position: relative;
	top: 5px;
	left: 3px;
}
li#user_area {
	margin-top: 0.5em;
}
li#user_area #logInSubmit {
	position: relative;
	left: 5px;
}
.logLabel {
	font-size: 0.75em;
	line-height: 3;
}
/* Universal Content */

h2 {
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	font-size: 200%;
	line-height: 1;
	min-height: 25px;
}
h3 {
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 16px;
	min-height: 23px;
}
.breadcrumb {
	color: #FF3300;
}
.aside {
	background-image: url(../images/site/aside_top.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	width: 193px;
	background-color: #E4E5FB;
	margin-left: 25px;
	margin-bottom: 15px;
}
.aside2 {
	background-image: url(../images/site/aside_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 10px;
}
blockquote {
	font-size: 1.1em;
	font-style: italic;
}
blockquote span {
	text-align: right;
	display: block;
	font-style: normal;
	padding-top: .5em;
}
#content  p, #content li {
	line-height: 1.5;
}
#content  ul, #content p {
	margin-top: .75em;
	margin-bottom: 1.25em;
}
#content ul {
	padding-left: 15px;
}
.dropShadow, .dropShadowR {
	background-image: url(../images/site/drop_shadow.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
	margin-left: 7px;
}

.dropShadow {
	float: left;

}

.dropShadowR {
	float: right;
}

.dropShadow img, .dropShadowR img {
	position: relative;
	top: -7px;
	left: -7px;
}
.clearAll {
	clear: both;
}

#shareThis {
	font-size: 1.15em;
	padding-left: 15px;
	padding-top: .35em;
		padding-bottom: .25em;

}