/* Overlevel CSS */

div {
	border: 0px solid red;
}

span{
	border: 0px solid green;
}

body{
	color: white;
}

a{
	color: black;
	text-decoration: none;
}

p:first-letter{
	font-size: 1.2em;
	font-weight: bold;
}

/* Base Attribute Classes */

.smallerText{ font-size: .85em; }

.underline{ font-style: underline; }

.leftAlign{ text-align: left; }

.centerAlign{ text-align: center;}

.rightAlign{ text-align: right; }

.floatLeft{ float: left; }

.floatRight{ float: right; }

.clearLeft{ clear: left; }

.clearRight{ clear: right; }

.clearBoth{ clear: both}

.fullWidth{ width: 100%;}

#jLink{
	z-index: 10;
	text-align: center;
	font-size: .8em;
	border-top: 1px solid black;
	border-left: 2px solid black;
	border-right: 3px solid black;
	border-bottom: 4px solid black;
	padding: 4px;
	margin-left: 10px;
	background: #DD0033;
	width: 80px;
	position: relative;
	top: -210px;
}

#jLink:hover{
	background: white;
}
#jLink a:hover{
	color: black;
}

#jLink a{
	color: white;
}

/* LINKS */

#links{
	margin-left: 275px;
}

#links a{
	text-align:center;
	color: white;
	margin-left: 1px;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	border-left: 2px solid black;
	border-right: 3px solid black;
	border-bottom: 4px solid black;
}

#linkMain{ background-color: #DD0033; }
#linkAbout{ background-color: #FF8800; }
#linkMusic{ background-color: #FFBB00; }
#linkStore{ background-color: #33AA00; }
#linkSchedule{ background-color: #0000FF; }
#linkContact{ background-color: #990099; }

#links a:hover{
	color: black;
	background: white;
}

#aboutLinks{
	margin-top: 7px;
	margin-left: 380px;
}
#aboutLinks a{
	text-align: center;
	margin-left: 5px;
	padding: 3px 5px 3px 5px;
	background-color: #FF8800;
	color: white;
	font-weight: bold;
	border-left: 1px solid black;
	border-right: 2px solid black;
	border-bottom: 3px solid black;
}

#aboutLinks a:hover{
	color: black;
	background: white;
}

/* Universal Classes */

#wrapper{
	width: 800px;
	margin-top: -8px;
	margin-bottom: -8px;
	margin-left: auto;
	margin-right: auto;
}

#header{
	height: 200px;
	border-bottom: 3px solid black;		
}

#headercandyname{
	padding-left: 3px;
	font-size: 1.5em;
}

#mainBody{	
}

#footer{
	text-align: center;
	border-top: 1px solid black;
	border-right: 2px solid black;
	border-bottom: 3px solid black;
	border-left: 1px solid black;
	margin: 5px;
	margin-bottom: 10px;
	font-size: .8em;
	font-weight: bold;
	padding: 4px 0 4px 0;
}

.textBox{
	background: url(Images/RightBottomCorner.png) no-repeat bottom right;
	text-align: center;
	padding: 5px;
	margin-top: 15px;
	border-style: solid;
	border-color: black;
	border-width: 2px 3px 4px 2px;
	width: 400px;
}

.innerBox{
	background: url(Images/LeftTopCorner.png) no-repeat top left;
	margin: -5px;
	padding: 5px;
}

.textBlock{
	margin:10px;
	margin-left: 50px;
	margin-top: 20px;
	width: 700px;
	
}

.indent{
	margin-left: 15px;
}

.songIndent{
	margin-left: 30px;
}

.songIndentLine{
	margin-left: 45px;
}

.firstLetter{
	font-size: 1.2em;
	font-weight: bold;
}

.larger{
	font-size: 1.2em;
	font-weight: bold;
}

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

.showName{
	font-style: italic;
}

.clearPage{
	clear: both;
	width: 100%;
}


/******** Main Page Red ********/

#indexPage{
	background-color: #FF99AA;
}

#indexPage #wrapper{
	border-left: 15px solid #990022;
	border-right: 15px solid #990022;
}

#indexPage #header{
	background-color: #DD0033;
}

#indexPage #mainBody{
	background-color: #FF3333;
}

#indexPage #footer{
	background-color: #CC0033;
}

#indexPage #mainloli{
	margin: 40px;
	border: 0px solid #990022;
}

#indexPage embed{
	width: 500px;
	height: 450px;
}

/******** About Us Orange ********/

#aboutPage{
	background-color: #FFEE88;
}

#aboutPage h1{
	font-size: 1.5em;
	font-weight: bold;
	font-family: cursive;
	text-align:center;
}

#aboutPage p:first-letter{
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 20px;
}

#aboutPage #wrapper{
	border-left: 15px solid #FF4400;
	border-right: 15px solid #FF4400;
}

#aboutPage #header{
	background-color: #FF8800;
}

#aboutPage #mainBody{
	background-color: orange;
}

#aboutPage #footer{
	background-color: #FF8800;
}

#aboutPage .floatLeft{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#aboutPage .floatRight{
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#aboutPage .imageBorder{
	border-top: 4px solid #FF4400;
	border-right: 6px solid #FF4400;
	border-bottom: 8px solid #FF4400;
	border-left: 4px solid #FF4400;
}

#aboutPage .reviewLink{
	float: left;
	width: 200px;
	margin-left: -40px;
	margin-right: 10px;
}

#aboutPage .reviewLink a{
	text-decoration: underline;
}

#aboutPage .textBox{
	background-color: #FF8800;	
}

#aboutPage .reviewText{
	width: 300px;
	margin-left: 450px;
	padding: 10px;
	text-align: left;
}

#aboutPage .marginLeft{
	margin-left: 20px;
}

#aboutPage .fullWidth{
	border: 2px solid orange;
}

/******** MusicVideos Yellow ********/

#musicPage{
	background-color: #FFFFAA;
}

#musicPage #wrapper{
	border-left: 15px solid #CC7700;
	border-right: 15px solid #CC7700;
}

#musicPage #header{
	background: #FFBB00;
}

#musicPage #mainBody{
	background-color: #FFFF55;
}

#musicPage #footer{
	background-color: #FFBB00;
	clear: left;
}

#musicPage .textBox{
	margin-left: 200px;
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #FFBB00;
}

#musicPage .frontMusicBlock{
	margin-left: 200px;
	margin-top: 30px;
	border-style: solid;
	border-color: black;
	border-width: 2px 3px 4px 2px;
	background-color: #FFBB00;
	width: 565px;
	padding: 10px;
}

#musicPage .frontMusicBlock h1{
	font-size: 1.5em;
	font-weight: bold;
	font-family: cursive;
	text-align: center;
}

#musicPage .frontMusicBlock p:first-letter{
	margin-left: 20px;
}

#musicPage .textBlock{
	margin-left: 200px;
	margin-top: 30px;
	border-style: solid;
	border-color: black;
	border-width: 2px 3px 4px 2px;
	background-color: #FFBB00;
	width: 565px;
	padding: 10px;
}

#musicPage #sideMenu{
	margin-bottom: 10px;
	margin-left: 10px;
	width: 170px;
	float: left;
}

#musicPage #sideMenu a:link;{
	color: white;
}
#musicPage #sideMenu a:visited;{
	color: white;
}


#musicPage .sideMenuLine{
	text-align: center;
	padding: 5px;
	margin-top: 15px;
	border-style: solid;
	border-color: black;
	border-width: 2px 3px 4px 2px;
	background-color: #FFBB00;
}

#musicPage .sideMenuSpecial{
	border-width: 4px 6px 8px 4px;
	font-size: 1.05em;
}

#musicPage .imageBorder{
	border-top: 4px solid #CC7700;
	border-right: 6px solid #CC7700;
	border-bottom: 8px solid #CC7700;
	border-left: 4px solid #CC7700;
	margin: 10px;
}

#musicPage .songBlock {
	text-align: center;
	width: 350px;
}

#musicPage .songOcto{
	width: 380px;
	float: right;
}

#musicPage .songOcto img{
	margin: 0px;
	margin-left: -35px;
}

#musicPage .songOcto .musicPlayer{
	margin-left: -35px;
}

#musicPage .songBlock .youTubePlayer{
	margin-left: 10px;
}

#musicPage .songBlock .musicPlayer{
	margin-bottom: 10px;
	width: 300px;
}

#musicPage .songBlock p{
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	font-style: italic;
}

#musicPage .textBlock h1{
	font-size: 1.5em;
	font-weight: bold;
	font-family: cursive;
	text-align: center;
}

#musicPage .textBlock p{
	margin-left: 15px;
	font-size: .85em;
	margin-bottom: 2px;
	margin-top: 0px;
}

#musicPage .textBlock p:first-letter{
	font-size: 1.4em;
	font-weight: bold;
	margin-left: -10px;
	margin-right: 1px;
}

#musicPage .textBlock .indent{
	margin-left: 45px;
}

#musicPage .textBlock .fullText{
	font-size: 1.2em;
}

#musicPage .textBlock .fullText:first-letter{
	font-size: 1em;
	font-weight: bold;
	margin-left: -10px;
	margin-right: 1px;
}

/******** Shop Green ********/

#shopPage{
	background-color: #99FF66;
}

#shopPage #wrapper{
	border-left: 15px solid #336600;
	border-right: 15px solid #336600;
}

#shopPage #header{
	background-color: #33AA00;
}

#shopPage #mainBody{
	background-color: #00FF00;
}

#shopPage #footer{
	background-color: #33AA00;
}

#shopPage .textBox{
	margin-top: 100px;
	margin-right: 20px;
	width: 370px;
	float: right;
	background-color: #33AA00;
}

#shopPage .textBox img{
	border: 4px solid white;
	margin: 5px;
}

#shopPage .textBox .innerBox a{
	text-decoration: underline;
}

#shopPage dl{
	margin-left: 20px;
	width: 300px;
	float: left;
}

#shopPage dt{
	font-size: 1.3em;
	padding-top: 2px;
	background: url(Images/candyIcon.png) no-repeat 0 50%;
	border-top: 0px solid #336600;;
	padding-bottom: 8px;
	
}

#shopPage dt .indent{
	margin-left: 55px;
	margin-top: 20px;
}

#shopPage dt:first-letter{
	font-size: 1.2em;
	font-weight: bold;
}

#shopPage dd{
	margin-left: -10px;
	border-bottom: 0px solid #336600;
}

#shopPage dd embed{
	margin-left: 10px;
	margin-bottom: 30px;
	width: 350px;
}
#shopPage dd a{
	margin-left: 30px;
	font-style: italic;
}

#shopPage h2{
	text-align: center;
	font-family: cursive;
	border-bottom: 4px solid #336600;
}

#shopPage .margin{
	margin-left: 30px;
}



/******** Upcoming Shows Blue ********/

#schedulePage{
	background-color: #99CCFF;
}

#schedulePage .overlayText{
	color: red;
	background: white;
	border: 1px solid black;
	padding: 2px;
	font-size: 1.4em;
	position: relative;
	top:330px;
	left: 110px;
	width: 400px;
}

#schedulePage #wrapper{
	border-left: 15px solid #0044CC;
	border-right: 15px solid #0044CC;
}

#schedulePage #header{
	background-color: #0000FF;
}

#schedulePage #mainBody{
	background-color: #00CCFF;
}

#schedulePage #footer{
	background-color: #0000FF;
}

#schedulePage .textBox{
	width: 600px;
	margin-left: 90px;
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #0000FF;
}

#schedulePage .scheduleEvent{
	display: inline;
}

#schedulePage .announcementBox{
	width: 350px;
	background: url(Images/RightBottomCorner.png) no-repeat bottom right;
	text-align: center;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 30px;
	border-style: solid;
	border-color: black;
	border-width: 2px 3px 4px 2px;
	margin-left: auto;
	margin-right: auto;
	background-color: #0000FF;
}

/******** Contact Us Purple ********/

#contactPage{
	background-color: #CC66FF;
}

#contactPage #wrapper{
	border-left: 15px solid #660066;
	border-right: 15px solid #660066;
}

#contactPage #header{
	background-color: #990099;
}

#contactPage #mainBody{
	background-color: #AA44DD;
}

#contactPage #footer{
	background-color: #990099;
}

#contactPage .textBox{
	margin: 20px;
	
	background-color: #990099;
}

#contactPage .textBox p{
	margin-bottom: 4px;
	margin-top: 4px;
}

#contactPage form{
	margin-left: 200px;
	margin-bottom: 20px;
	width: 300px;
}

#contactPage fieldSet{
	border: 2px solid #660066;
	border-right: 4px solid #660066;
	border-bottom: 4px solid #660066;
}