/* default.css */

/*--------------------------reset styles----------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	cursor:pointer;
}
/*-------------------------------layout---------------------------------*/

.clear {
	clear:both;
}
body {

	background-color:#000;
	font: 12px "trebuchet ms", tahoma, sans-serif;
	color:#000;
	line-height:1.5em;
}
h1,h2,h3,h4,h5,h6,p {
	margin:0.5em 0;
}
/*---------------------MAIN LAYOUT----------------*/
#wrapper {
	width:950px;
	margin:auto auto auto 5px;
	position:relative;
}
#header {
	position:relative;
	height: 154px; 
	background: #0ba24b url(../images/siteimages09/body/header/fullHeader.jpg) no-repeat;
}
#headerExtended {
	position:relative;
	height: 154px; 
	background: #0ba24b url(../images/siteimages09/body/header/fullHeader_noBrayden.jpg) no-repeat;
}

#primaryContent_wrapper, #footer {
	width:481px;
	margin:0 0 0 164px;
	position:relative;
	z-index:2;
}
#primaryContent_wrapperExtended {
	width:780px;
	margin:0 0 0 164px;
	position:relative;
	z-index:2;
	float:left;
	display:inline; /* fixes double margin float bug on IE6 */
}

#primaryContent_wrapper {
	float:left;
	display:inline; /* fixes double margin float bug on IE6 */
	
}
#primaryContent {
	min-height:550px;
	_height:647px;
	background:#ede7c9 url(../images/siteimage09/body/canvas_sm.jpg) repeat-y top center;
	margin:41px 0 0 0;
	padding-bottom:50px;
}
#primaryContent_wrapperExtended #primaryContent {
	background:#ede7c9 url(../images/siteimage09/body/canvas_sm_lg.jpg) repeat-y top center;
}
#secondaryContent {	
	position:absolute;	
	width:164px;
	left:0;
	background: url(../images/siteimage09/body/leftstickers/redtree.jpg) no-repeat top left;	
	padding:118px 0 10px 0;
	z-index:1;

}
#subContent {	
	width:305px;	
	position:absolute;
	right:0;
	
	background: url(../images/siteimage09/body/rightside/braydenbody.jpg) no-repeat top right;	
	padding:389px 0 10px 0;
}
#footer {
	clear:left;
	color: #6E5B30;
}
#footer p {
	text-align:center; 
}

/*-----------MAIN NAVIGATION---------------------------*/
#branding {
	
	position:absolute;
	width:319px;
	height:154px;
	left:35px;
	margin:0;
	padding:0;
	overflow:hidden;
}
#branding img {
	position:absolute;
	margin:0;
	padding:0;
}

#mainNavigation { 
	
	padding:0;
	margin:0 0 0 354px;
	position:absolute;
	width:387px;
	height:154px;
	overflow:visible;
}
#mainNavigation p{
	z-index:1;
}

#mainNavigation ul {
	
}
#mainNavigation li {
	display:block;
	z-index:2;
	position:absolute;
	/*Following two lines are in case users have images turned off but CSS on */
	
	color:#ede7c9;
}
#mainNavigation a {
	display:block;
	width:100%;
	height:100%;
}
#mainNavigation span {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	z-index:3;
}
#mainNavigation #bioMenuOption {
	top:9px;
	left:9px;
	width: 57px;
	height:38px;
}
#mainNavigation #bioMenuOption span {
	background:url(../images/siteimage09/body/header/menu/bio.jpg) no-repeat top center;
}
#mainNavigation #bioMenuOption a:hover span {
	background:url(../images/siteimage09/body/header/menu/bio.jpg) no-repeat  center center;
}
#mainNavigation #bioMenuOption span.selected {
	background:url(../images/siteimage09/body/header/menu/bio.jpg) no-repeat bottom center;
}

#mainNavigation #newsMenuOption {
	top:24px;
	left:84px;
	width: 74px;
	height:45px;
}
#mainNavigation #newsMenuOption span {
	background:url(../images/siteimage09/body/header/menu/news.jpg) no-repeat top center;
}
#mainNavigation #newsMenuOption a:hover span {
	background:url(../images/siteimage09/body/header/menu/news.jpg) no-repeat center center;
}
#mainNavigation #newsMenuOption span.selected {
	background:url(../images/siteimage09/body/header/menu/news.jpg) no-repeat bottom center;
}

#mainNavigation #musicMenuOption {
	top:51px;
	left: 0px;
	width: 78px;
	height:46px;
}
#mainNavigation #musicMenuOption span {
	background:url(../images/siteimage09/body/header/menu/music.jpg) no-repeat top center;
}
#mainNavigation #musicMenuOption a:hover span {
	background:url(../images/siteimage09/body/header/menu/music.jpg) no-repeat center center;
}
#mainNavigation #musicMenuOption span.selected {
	background:url(../images/siteimage09/body/header/menu/music.jpg) no-repeat bottom center;
}

#mainNavigation #showsMenuOption {
	top:97px;
	left: 28px;
	width: 102px;
	height:44px;
}
#mainNavigation #showsMenuOption span {
	background:url(../images/siteimage09/body/header/menu/shows.jpg) no-repeat top center;
}
#mainNavigation #showsMenuOption a:hover span {
	background:url(../images/siteimage09/body/header/menu/shows.jpg) no-repeat center center;
}
#mainNavigation #showsMenuOption span.selected {
	background:url(../images/siteimage09/body/header/menu/shows.jpg) no-repeat bottom center;
}

#mainNavigation #storeMenuOption {
	top:72px;
	left: 137px;
	width: 130px;
	height:65px;
}
#mainNavigation #storeMenuOption span {
	background:url(../images/siteimage09/body/header/menu/store.jpg) no-repeat top center;
}
#mainNavigation #storeMenuOption a:hover span {
	background:url(../images/siteimage09/body/header/menu/store.jpg) no-repeat center center;
}
#mainNavigation #storeMenuOption span.selected {
	background:url(../images/siteimage09/body/header/menu/store.jpg) no-repeat bottom center;
}

#mainNavigation #visualsMenuOption {
	top:8px;
	left: 165px;
	width: 91px;
	height:53px;
}
#mainNavigation #visualsMenuOption span {
	background:url(../images/siteimage09/body/header/menu/visuals.jpg) no-repeat top center;
}
#mainNavigation #visualsMenuOption a:hover span {
	background:url(../images/siteimage09/body/header/menu/visuals.jpg) no-repeat center center;
}
#mainNavigation #visualsMenuOption span.selected {
	background:url(../images/siteimage09/body/header/menu/visuals.jpg) no-repeat bottom center;
}

#mainNavigation #contactMenuOption {
	top:36px;
	left:268px;
	width: 104px;
	height:56px;
}
#mainNavigation #contactMenuOption span {
	background:url(../images/siteimage09/body/header/menu/contact.jpg) no-repeat top center;
}
#mainNavigation #contactMenuOption a:hover span {
	background:url(../images/siteimage09/body/header/menu/contact.jpg) no-repeat center center;
}
#mainNavigation #contactMenuOption span.selected {
	background:url(../images/siteimage09/body/header/menu/contact.jpg) no-repeat bottom center;
}

#mainNavigation #miscMenuOption {	
	top:102px;
	left:286px;
	width: 74px;
	height:46px;
}
#mainNavigation #miscMenuOption span {
	background:url(../images/siteimage09/body/header/menu/misc.jpg) no-repeat top center;
}
#mainNavigation #miscMenuOption a:hover span {
	background:url(../images/siteimage09/body/header/menu/misc.jpg) no-repeat center center;
}
#mainNavigation #miscMenuOption span.selected {
	background:url(../images/siteimage09/body/header/menu/misc.jpg) no-repeat bottom center;
}


/*-----------------------------------------------------*/









/*---------------------External Sites top and bottom menus-------------------------------------------------*/

/*----Image replace for images inside the popup. A little more cumbersome than i'd like--
---------    #WzBoDy is found within wz_tooltip.js     ---------------------------------  */

#WzBoDy  span{
	display:block;
	float:right;
	height:41px;
}
#WzBoDy a {
	text-decoration:none;
	color:inherit;
}
#WzBoDy  span.myspacePopupImageReplace{
	background:url(../images/siteimage09/body/othersitemenu/myspace.jpg) no-repeat;
	width: 148px;
}
#WzBoDy  span.youtubePopupImageReplace{
	background:url(../images/siteimage09/body/othersitemenu/youtube.jpg) no-repeat;
	width: 98px;
}
#WzBoDy  span.purevolumePopupImageReplace{
	background:url(../images/siteimage09/body/othersitemenu/purevolume.jpg) no-repeat;
	width: 124px;
}
#WzBoDy  span.facebookPopupImageReplace{
	background:url(../images/siteimage09/body/othersitemenu/facebook.jpg) no-repeat;
	width: 111px;
}
/*----end image replacement part---------*/

#externalSitesNavigation_top, #externalSitesNavigation_bottom {
	height:41px;
	color:white;
	width:100%;
	
}
#externalSitesNavigation_top {
	position:absolute;
	top:0;
	left:0;
}

#externalSitesNavigation_top ul, #externalSitesNavigation_bottom ul {
	width:100%;
	padding:0;
	margin:0;
}
#externalSitesNavigation_top ul li,  #externalSitesNavigation_bottom ul li {
	margin:0;
	padding:0;
	float:left;
	position:relative;
	height:41px;
}
#externalSitesNavigation_top ul li span, #externalSitesNavigation_bottom ul li span {
	position:absolute;
	width:100%;
	height:100%;
}
#externalSitesNavigation_top ul li.externalSitesMyspace, #externalSitesNavigation_bottom ul li.externalSitesMyspace  {	
	width:148px;	
}
#externalSitesNavigation_top ul li.externalSitesMyspace span, #externalSitesNavigation_bottom ul li.externalSitesMyspace span {
	background:url(../images/siteimage09/body/othersitemenu/myspace.jpg) no-repeat;	
}
#externalSitesNavigation_top ul li.externalSitesYoutube, #externalSitesNavigation_bottom ul li.externalSitesYoutube  {	
	width:98px;	
}
#externalSitesNavigation_top ul li.externalSitesYoutube span, #externalSitesNavigation_bottom ul li.externalSitesYoutube span {
	background:url(../images/siteimage09/body/othersitemenu/youtube.jpg) no-repeat;	
}
#externalSitesNavigation_top ul li.externalSitesPurevolume, #externalSitesNavigation_bottom ul li.externalSitesPurevolume  {	
	width:124px;	
}
#externalSitesNavigation_top ul li.externalSitesPurevolume span, #externalSitesNavigation_bottom ul li.externalSitesPurevolume span {
	background:url(../images/siteimage09/body/othersitemenu/purevolume.jpg) no-repeat;	
}
#externalSitesNavigation_top ul li.externalSitesFacebook, #externalSitesNavigation_bottom ul li.externalSitesFacebook  {	
	width:111px;	
}
#externalSitesNavigation_top ul li.externalSitesFacebook span, #externalSitesNavigation_bottom ul li.externalSitesFacebook span {
	background:url(../images/siteimage09/body/othersitemenu/facebook.jpg) no-repeat;	
}
/*---------------------------------------------------------------------------*/



/*---------------------NOTE ON STICKERS---------------------

	The left and right side stickers are dynamically 
	controlled by PHP and thus are included in 
	include/bottomdesign09.php
	.leftStickers
	.rightStickers
			

-----------------------------------------------------------*/
#secondaryContent ul li, #subContent ul li, #primaryContent #middleSticker  {
	position:relative;
	display:block;
	overflow:hidden;
}
#secondaryContent ul li {
	width:158px;
	margin:3px auto 5px 0px;	
}
#subContent ul li {
	width:272px;
	margin:0 auto 5px 16px;	
}

#secondaryContent ul, #subContent ul, #primaryContent div#middleSticker {
	display:block;

}
#secondaryContent ul li span, #subContent ul li span, #primaryContent #middleSticker  span{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	z-index:2;
}
/*----------static stickers----------
------- ones common on most pages---*/
#secondaryContent ul li#braydensjourney {
	height:157px;
}
#secondaryContent ul li#braydensjourney span {
	background:url(../images/siteimage09/body/leftstickers/braydensjourney.jpg) no-repeat;
}
#secondaryContent ul li#mailinglist {
	height:105px;
}
#secondaryContent ul li#mailinglist span {
	background:url(../images/siteimage09/body/leftstickers/mailinglist.jpg) no-repeat;
}
#secondaryContent ul li#grenade {
	height:128px;
}
#secondaryContent ul li#grenade span {
	background:url(../images/siteimage09/body/leftstickers/grenade.jpg) no-repeat;
}
#secondaryContent ul li#bamboobottomleft {
	height:104px;
	width:165px;
	top:-7px; /* Compensates for too much black space at top of image */
}
#secondaryContent ul li#bamboobottomleft span {
	background:url(../images/siteimage09/body/leftstickers/bamboobottomleft.jpg) no-repeat;
}
/*------------Right Stickers-------*/
#subContent ul li#sponsoredbymotive {
	height:153px;
}
#subContent ul li#sponsoredbymotive span {
	background:url(../images/siteimage09/body/rightside/rightstickers/sponsoredbymotive.jpg) no-repeat;
}
/*---------------middle stickers--------------*/

#primaryContent #middleSticker {
	float:right;
	/*margin:0 1px 5px 5px;*/
	margin:0 1px 5px -40px;
	position:relative;
	right:-35px;

}
#primaryContent .middleStickerMailinglist {
	width:238px;
	height:136px;
}
#primaryContent .middleStickerMailinglist span {
	background:url(../images/siteimage09/middlestickers/mailinglist.jpg) no-repeat;
}

/*---------------------End Stickers--------------------------*/

/*------------General Formatting -------------------------------------------------------*/
#primaryContent .right {
	float:right;
	display:inline;
}
#primaryContent .left {
	float:left;
	display:inline;
}


a {
	color:#CFB272;
}
input {
	width:150px;
}
textarea {
	width:325px;
	height:100px;
}
#primaryContent fieldset {
	
	
	border: 1px solid #1b6f2b;
	padding-bottom:10px;
	
}
#primaryContent form {
	clear:both;
}
#primaryContent form  p {
	margin:0 0 10px 0;

}
 #primaryContent  legend {
		
	font-weight:bold;
	padding:3px;
	margin-left:25px;
	margin-bottom:5px;
	
}

input:focus, textarea:focus {
	background:#ffc;
	color:#014b16;
	font-weight:bold;
}
label {
	float:left;
	width:175px;
}
#primaryContent a {
	/*color:#479b13;*/
	/*color:#679b57;
	color:#347d39;*/
	color:#1b6f2b;
	
	font-weight:bold;
	text-decoration:none;
	font-size:1.2em;
}
#primaryContent a:hover {
	/*color:#479b13;
	color:#02601c;*/
	color:#014b16;
	font-weight:bold;
	
}

#primaryContent h1, #primaryContent h2, #primaryContent h3, #primaryContent h4, #primaryContent h5, #primaryContent h6, #primaryContent p, #primaryContent ul, #primaryContent ol,   #primaryContent form, #primaryContent div  {	
	padding-left:25px;
	padding-right:35px;
}
#primaryContent h1 {
	padding-top:15px;
	font-size:2em;
}
#primaryContent h2 {
	font-size:1.4em;
}
#primaryContent h3 {
	font-size:1.1em;
	margin-bottom:-5px;
}
#primaryContent div#miniNav {
	text-align:center;
	margin-bottom:10px;
	width:100%;
	position:absolute;	
	bottom:0;	
}
#primaryContent div#miniNav ul {
	margin:0 auto;	
}
#primaryContent div#miniNav ul li {
	display:inline;
	color:#585245;
}
#primaryContent div#miniNav ul li a {
	font-size:1em;
	text-decoration:none;
	color:#585245;
	color:#479b13;
}
#primaryContent div#miniNav ul li a:hover {	
	color:#000;
}
#primaryContent blockquote p {
	padding-left:35px;
	padding-right:55px;
	font-style:italic;
	font-size:1.1em;
}
#primaryContent p.images img {
	text-align:center;
}
#primaryContent p.images img {
	float:left;
	margin: 10px 15px 20px 15px;
	border:2px #6E5B30 solid;
}
#primaryContent ul {
	margin-top:5px;
}
#primaryContent .instantMessaging {
	margin: 0 0px 100px 10px;
	
}
#primaryContent ol {
list-style:inside decimal;
	margin-left:15px;
}

.error {
	color:red;
}
.required {
	font-weight:bold;
}
#submitPress
{
	padding:50px 0px;
	
	width:500px;
	margin:100px auto;
	border:1px solid #CFB272;
	text-align:center;
}
#submitPress p {
	margin: 5px 10px;
	
}
#submitPress p.success{
	color:#CFB272;
}
#primaryContent p .chorus {
	color:#014b16;
	font-size:1.2em;
	font-weight:bold;
}

/*--------------------------------------------------------------------------------------*/


/*-----------------------For the mail list ---------------------------------------------*/

.navimage {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 5px;
	
}

/* Status Messages */
.alert,
.warn,
.error {
	clear: both;
	padding: 5px;
	color: #000;
}
#alertmsg {
	border: 1px solid #A5D768;
}
.alert {
	background: #DDF0BD;
}
.alert strong,
.alert label {
	color: green;
}
#warn {
	border: 1px solid #FF8000;
}
.warn {
	background: #FFF6E5;
}
.warn strong,
.warn label {
	color: #FF8000;
}
#error {
	border: 1px solid #F3D5D5;
}
.error {
	background: #FFF1F1;
}
.error strong,
.error label {
	color: red;
}
.error input,
.error textarea {
	background: #FFF;
}
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/*                STORE PAGE                                                  */
#primaryContent div.storeMerch {
	width:auto;
	text-align:center;
	
}
#primaryContent div.storeMerch div a {
	
	text-align:right;
	
}
#primaryContent div.storeAlbumPicture{
	float:left;
	width:200px;
}
#primaryContent .storeAlbumPicture p {
	margin-left:3px;
	margin-right:3px;
}

#primaryContent div.storeSongList h3 {
	font-size:1.6em;
	margin-top:-1px;
	margin-bottom:10px;
	vertical-align:middle;
}
#primaryContent div.storeSongList  {
	float:left;
	position:relative;
	left:-60px;
	width:400px;
}

#primaryContent .storeSongList  ol {
	list-style:outside	 decimal;
	position:relative;
	
}
#primaryContent .storeSongList  ol li {
	position:relative;
	height:24px;
	vertical-align:middle;
}

#primaryContent .storeSongList  ol li span, #primaryContent .storeSongList  h3 span {
	left:200px;
	font-weight:bold;
	position:absolute;
	font-size:1em;
	
}
#primaryContent .storeSongList p {
	display:inline;
}
#primaryContent .storeSongList  h3 span {
	left:250px;
	
}
#primaryContent .storeSongList  ol li a, #primaryContent .storeSongList  h3 a {
	left:250px;
	
	position:absolute;
}
#primaryContent .storeSongList  h3 a {
	left:315px;
}


/*-----------------------------------------------------------------------------*/