/* ---------- Default style sheet for brettgarsed.com ---------- */

/* ---------- formatting of structural elements ---------- */

body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	background-image: url(/images/main_bg.gif);
	background-position: left;
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #515B7D;
}
	
#container {
	margin: 0;
	padding: 0;
}


/* ---------- Styles for header elements ---------- */

#header {
	height: 177px;
	margin: 0;
	padding: 0;
	background-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

#headerPhoto {
	float: left;
}
	
#player {
	float: right;
	width: 409px;
	height: 150px;
	background-image: url(/images/player_bg.gif);
}
	
#playerDummy {
	z-index: 5;
	position: absolute;
	top: 65px;
	right: 25px;
	width: 200px;
	background-color: #FFF;
	text-align: center;
	border-top: 1px solid #636C8A;
	border-left: 1px solid #636C8A;
	border-right: 1px solid #282D3E;
	border-bottom: 1px solid #282D3E;
}

#playerDummy a, #playerDummy a:visited {
	display: block;
	background-color: #515B7D;
	color: #C1C9E5;
	text-decoration: none;
	font-weight: bold;
	padding: 10px;
}

#playerDummy a:hover {
	background-color: #8393CA;
	color: #fff;
}
	
#playerDummy a:active {
	padding: 11px 9px 9px 11px;
}

#topStrip {
	position: absolute;
	top: 150px;
	left: 0px;
	margin: 0;
	width: 100%;
	height: 27px;
	background-color: #8393CA;
	color: #FFF;
}
	
#breadcrumbs {
	float: left;
	padding: 4px 5px 4px 10px;
}

#breadcrumbs a, #breadcrumbs a:visited {
	color: #FFF;
	text-decoration: none;
}

#breadcrumbs a:hover {
	background-color: transparent;
	text-decoration: underline;
}
	
#dateTime {
	float: right;
	padding: 4px 10px 4px 5px;
}


/* ---------- Styles for nav elements ---------- */
	
#nav {
	float: left;
	margin-bottom: 10px;
	width: 150px;
	background-color: #515B7D;
}


ul#menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: medium;
}
	
ul#menu li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #636C8A;
	border-bottom: 1px solid #282D3E;
}

ul#menu li a:link, ul#menu li a:visited {
	display: block;
	width: 135px;
	text-decoration: none;
	color: #C1C9E5;
	padding: 5px 5px 5px 10px;
	margin: 0;
}

ul#menu li a.more {
	background-image: url(/images/bcrumb_m_l.gif);
	background-position: 90%;
	background-repeat: no-repeat;
}

ul#menu li a:hover {
	background-color: #8393CA;
	color: #FFF;
}

#audio #audio-nav,
#bio #bio-nav,
#buy #buy-nav,
#contact #contact-nav,
#discs #discs-nav,
#gear #gear-nav,
#gigs #gigs-nav,
#links #links-nav,
#news #news-nav,
#photos #photos-nav,
#press #press-nav,
#tabs #tabs-nav,
#forums #forums-nav,
#lessons #lessons-nav
{
	background-color: #6B7390;
	color: #FFF;
}

ul#menu li ul {
	list-style-type: none;
	position: absolute;
	left: 150px;
	margin-top: -29px;
	z-index: 2;
	display: none;
	padding: 0;
	border: 1px solid #282D3E;
	background-color: #515B7D;
}

* html ul#menu li ul {
	left: 110px;
}

ul#menu li ul li a, ul#menu li ul li a:hover {}

ul#menu li:hover ul, ul#menu li.sfhover ul {
	display: block;
}

#menuSwitch {
	color: #C1C9E5;
	font-size: small;
	padding-left: 10px;
	margin-bottom: 10px;
	line-height: 1.5;
}
	
#menuSwitch a {
	color: #C1C9E5;
	text-decoration: none;
	border: 1px solid #636C8A;
	padding: 3px;
}
	
#menuSwitch a:hover {
 	background-color: #8393CA;
	color: #fff;
}
	

/* ---------- Styles for content div elements ---------- */

#content {
	margin-left: 151px;
	padding: 10px 25px 5px 10px;
	position: relative;
}

/* Hides from IE5-mac \*/
* html #content {height: 1%;
} /* quashes IE/Win peekaboo bug */
/* End hide from IE5-mac */

#latest, #lessonsNav, #lessonsPanel {
	float: right;
	width: 200px;
	height: auto;
	margin: 10px 0 10px 10px;
	border: 1px solid #515B7D;
	background-color: #EFF1F8;
}

	
/* ---------- Styles for Main content area ---------- */

#toTop {
	float: right;
	clear: both;
	font-size: medium;
	padding: 0;
	margin: 5px;
}
	
#toTop a:link, #toTop a:visited, #toTop a:hover {
	background-color: transparent;
	color: #8393CA;
	text-decoration: none;
}

.bottom {
	border-bottom: 1px dashed black;
	padding-bottom: 15px;
	clear: both;
}

.clear {
	clear: both;
}

.clearLeft {
	clear: left;
}


/* ---------- Styles for Latest News panel ---------- */

#latestHeading {
	text-align: center;
	background-color: #8393CA;
	color: #fff;
	margin: 0;
	padding: 5px;
	font-size: small;
}

#latest h2,
#lessonsPanel h2
{
	padding: 2px 2px 2px 20px;
	background-image: url(/images/bcrumb_m_d.gif);
	background-position: 10px;
	background-repeat: no-repeat;
	background-color: #D8DDEE;
	color: #515B7D;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
/*
.heading {
	background-color: #D8DDEE;
	color: #515B7D;
	padding: 2px 2px 2px 10px;
	margin: 0;
	font-size: small;
}
*/
.latestContent {
	color: #515B7D;
	padding: 0 5px 10px 21px;
	margin: 0;
}

.latestRelease {
	text-align: center;
	padding-bottom: 10px;
}
	
#latest li {
	margin-bottom: .5em;
}


/* ---------- Various text and link styles ---------- */

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	color: #900;
}
	
#content p {
	line-height: 1.5;
}

acronym {
	cursor: help;
	border-bottom: 1px dotted #666;
}

dl.links dd, dl#interviews dd {
	padding-top: .1em;
	padding-bottom: .5em;
}

dl#interviews dt, dl.links dt {
	padding-left: 20px;
	background-image: url(../images/extlink.png);
	background-position: left;
	background-repeat: no-repeat;
}

ul.banners {
	list-style-type: none;
	margin-bottom: 20px;
}
ul.banners li {
	margin-bottom: 15px;
}
	
ul.banners li a {
	background-color: #FFF;
}
		
ul.quicktime {
	line-height: 2em;
	list-style-type: none;
}
	
ul.quicktime li {
	padding-left: 25px;
	background-image: url(/images/qt_bullet.png);
	background-position: left;
	background-repeat: no-repeat;
}
	
a.external {
	padding-left: 15px;
	background-image: url(/images/extlink.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.albumTitle {font-style: italic}

a {
	text-decoration: underline;
	color: #8393CA;
}
	
a:visited {
	color: #515B7D;
}
	
a:hover {
	background-color: #515B7D;
	color: #EFF1F8;
}

.quote {
	font-weight: bold;
	font-style: italic;
}

.quoteCredit {
	padding-bottom: 1em;
	padding-top: .1em;
}

.blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 2em;
	margin-right: 250px;
	padding: 1em;
	border: 1px solid #515B7D;
	background-color: #EFF1F8;
}
	
.youTubeVideo {
	margin-left: 2em;
}

.strikethrough {
	text-decoration: line-through;
	color: #666;
}

/* ---------- Styles for inline photos ---------- */

#bioPhoto {
	float: right;
	border: 1px solid #515B7D;
	margin-left: 10px;
}
	
/* ---------- Styles for Discography & Press sub-menus ---------- */

#subNavContainer {
	margin: 0 0 20px 0;
	padding: 0;
	width: inherit;
	background-color: #EFF1F8;
	border: 1px solid #515B7D;
}
	
#subHead {
	text-align: center;
	background-color:#D8DDEE;
	color: #515B7D;
	border-bottom: 1px dashed #515B7D;
}
	
#subNavList {
	list-style-type: none;
	margin: 0;
	padding: 5px;
	text-align: center;
}
	
#subNavList li {
	display: inline;
	margin: 0;
}
	
#subNavList li a:link, #subNavList li a:visited {
	text-decoration: none;
	color: #8393CA;
	padding: 5px;
}

#subNavList li a.current {
	background-color: #D8DDEE;
}
	
#subNavList li a:hover {
	background-color: #515B7D;
	color: #C1C9E5;
}
	
/* ---------- Styles for Discography entries ---------- */

.discContainer, .reviewsContainer {
	height: 170px;
	width: 600px;
	background-color: #EFF1F8;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0;
	border: 1px solid #515B7D;
}

.albumInfo {
	text-align: center;
}
	
.paypal {
	text-align: center;
	border: 1px solid black;
	background-color: #8393CA;
	color: #C1C9E5;
	font-weight: bold;
}

.status {
	background-color: #D8DDEE;
	color: #515B7D;
	padding-left: 10px;
	border-top: 1px dashed #515B7D;
}

a.top:hover {background-color: transparent;
}
	
/* ---------- Styles for Spotlight Column ---------- */

#spot {
	width: 550px;
	margin: auto;
	text-align: center;
}
	
#spotCol {
	float: left;
	margin-right: 25px;
}
	
#spotHead {
	margin-top: 20px;
}

#spotDesc {
	text-align: left;
}
	
/* ---------- Styles for Reviews page entries ---------- */

.reviewsInfo h1 {
	text-align: center;
}
	
/* ---------- Styles for Audio page table ---------- */

#audioTracks {
	width: auto;
	margin: auto;
	border-collapse: collapse;
}
	 
#audioTracks tr th {
	background-color: #8393CA;
	margin: 0;
	padding: 5px;
	border: 1px solid #515B7D;
	color: #FFF;
}

#audioTracks tr.white {
	background-color: #FFF;
}

#audioTracks tr.blue {
	background-color: #EFF1F8;
}

.songTitle {
	font-weight: bold;
}

#audioTracks td {
	margin: 0;
	padding: 5px;
	/*white-space: nowrap;*/
	border: 1px solid #515B7D;
}	
	
#audioTracks td.notes {
	white-space: normal;
	width: 25%;
}

#audioTracks td ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}


/* ---------- Styles for Contact page ---------- */

ul#contactList {
	list-style: none;
	width: 400px;
}

li.contact {
	margin: 10px;
	border: 1px solid #515B7D;
	background-color: #EFF1F8;
	text-align: center;
}
	
li.contact a {
	display: block;
	padding: 1em;
	text-decoration: none;
}
	
li.contact a:hover {background-color: #8393CA;
}