/*---------------------------------------------
		FORM OBJECTS
---------------------------------------------*/

.textBox {
	width: 98%;
}

textArea {
	width: 98%;
	height: 150px;
}

.changed {
	background-color: #FFCC99;
}

.button {
	background-color: #CC9900;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	/*background-image: url("../images/site/buttonbg.gif");*/
	border: 2px solid #996600;
	cursor: pointer;
}

.picEdit {
	height: 88%;
}

/*---------------------------------------------
		GENERAL
---------------------------------------------*/

body {
	font-family: georgia, arial;
	font-size: 14px;
	background-attachment: fixed;
	background-repeat: no-repeat; 
	margin: 0px;
	color: #FFFFFF;
	background-image:url("../images/site/bwbg.jpg");
	background-position: top center;
        background-color: #000000;

}

.content {
	position:relative;
	width: 800px;
	margin: 0px auto;

}

.header {
	height: 400px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	float: left;
}

#page {
	float: left;
	background-color: #252525;
	width: 760px;
	min-height: 500px;
	padding: 10px 20px 10px 20px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.sectionTitle {
	float: left;
	width: 99%;
	color: #FFCC00;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	padding: 0% 0% 0% 1%;
	border-bottom: 1px dotted #FFFFFF;
	margin: 0px 0px 5px 0px;
}

a {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.logout {
	position: absolute;
	top: 0px;
	left: 805px;
}

/*---------------------------------------------
		HOME PAGE
---------------------------------------------*/

/* NEWS */

.news {
	float: left;
	width: 510px;
	min-height: 500px;
	
}

.news .item {
	float: left;
	padding: 5px;
	margin: 0px 0px 10px 0px;
}

.news .date {
	float: left;
	width: 68px;
	font-size: 11px;
	color: #666666;
}

.news .title {
	float: left;
	width: 430px;
	color: #CC9900;
	font-weight: bold;
}

/* NEXT SHOW */

.nextShow {
	float: left;
	width: 230px;
	margin-left:10px;
	padding: 5px;
}

.nextShow .date {
	font-weight: bold;
	color: #CC9900;
	float: left;
	width: 100%;
}

.nextShow .venue {
	float: left;
	width: 100%;
	font-style: italic;
}

.nextShow .moreInfo {
	padding-top: 5px;
	font-size: 12px;
	float: left;
	width: 100%;
	text-align: right;
}

/* MAILING LIST */

.mailingList {
	padding: 30px 0px 0px 15px;
	float: left;
	width: 230px;
}

.signUpB {
	width:100%;
}

.albumcover {
	float: left;
	width: 240px;
	margin-left: 10px;	
}

/*---------------------------------------------
		SHOWS
---------------------------------------------*/

.shows {
	float: left;
	width: 100%;
}


.shows .date {
	float: left;
	width: 24%;
	padding-left: 1%;
	padding-top: 5px;
	
}

.shows .time {
	float: left;
	width: 15%;
	padding-top: 5px;

}

.shows .venue {
	float: left;
	width: 25%;
	padding-top: 5px;

}

.shows .location {
	float: left;
	width: 35%;
	padding-top: 5px;

}

.shows .head {
	color: #CC9900;
	font-weight: bold;
	border-bottom: 1px dotted #666666;
	padding-bottom: 5px;
	padding-top: 5px;
}

.shows .notes {
	float: left;
	width: 99%;
	font-size: 10px;
	font-style: italic;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1%;
	border-bottom: 1px dotted #666666;
}


/*---------------------------------------------
		THE BAND
---------------------------------------------*/

.theBand .item {
	float: left;
	padding: 5px;
	margin: 0px 0px 10px 0px;
}

.theBand {
	padding-bottom: 30px;
}


.members .item {
	float: left;
	padding: 5px;
	margin: 0px 0px 10px 0px;
}

.members .picture {
	float: left;
	width: 200px;
	min-height: 200px;
}

.members .name {
	float: left;
	padding-left:20px;
	width: 520px;
	font-weight: bold;
	color: #CC9900;
	font-size: 16px;
}

.members .instrument {
	float: left;
	padding-left:20px;
	width: 520px;
	font-style: italic;
}

.members .email {
	float: left;
	padding-left:20px;
	width: 520px;
	padding-bottom: 10px;
}

.members .bio {
	float: left;
	padding-left:20px;
	width: 520px;
}

.members .save {
	padding-left:220px;
}

/*---------------------------------------------
		MUSIC
---------------------------------------------*/

.music .item {
	float: left;	
}

.music .picture {
	float: left;
	width: 250px;
	min-height: 500px;
	margin-right: 20px;
}

.music .name {
	float: left;
	width: 390px;
	font-weight: bold;
	color: #CC9900;
}


.music .date {
	float: left;
	width: 100px;
	color: #330000;
	text-align: right;
	font-size: 12px;
	color: #666666;
}

.music .fullalbum {
	float: left;
	width: 490px;
	font-size: 10px;
}

.music .description {
	float: left;
	width: 490px;
	padding-top: 5px;
	padding-bottom: 10px;
	color: #FFFFFF;
}

.music .track {
	float: left;
	width: 490px;
}

.music .track .textBox {
	width: 350px;
	margin-right: 10px;
}

.music .track .textBoxNo {
	width: 15px;
}

.music form {
	margin: 0px;
	padding: 0px;
}

.music .save {
	margin-top: 5px;
	padding-top: 5px;
	
}


.music .delete {
	margin-top: 5px;
	padding-top: 5px;
	
}

/*---------------------------------------------
		PICTURES
---------------------------------------------*/

.smallPictures {
	float:left;
	width: 330px;
	min-height: 600px;
}

.smallPictures .item {
	padding-top: 3px;
	width: 98px;
	height: 95px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	float: left;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;

}

.smallPictures img {
	cursor: pointer;
}

.smallPictures .buttons {
	float: left;
	width: 330px;
}

.smallPictures .back {
	float: left;
	width: 160px;
	text-align: left;
}

.smallPictures .next {
	float: right;
	width: 160px;
	text-align: right;
	padding-right: 10px;
}

#picName {
	float:left;
	width: 428px;
	height: 19px;
	font-weight: bold;
	color: #CC9900;
	margin-top: 17px;
	
}

#bigPicture {
	float:left;
	width: 428px;
	height: 424px;
	padding-top: 4px;
	border: 1px dotted #666666;
	text-align: center;
	margin-top: 2px;

}

#picDescription {
	float:left;
	width: 418px;
	margin-top: 5px;
	padding-left: 10px;
	color: #FFFFFF;
}

#picButtons {
	float: left;
	width: 318px;
	margin-top: 5px;
}

.uploadPicture {
	width: 100%;
	float: left;
}

/*---------------------------------------------
		CONTACT
---------------------------------------------*/

.membersEmail {
	float: left;
	padding-top: 20px;
	width: 100%;
}

.membersEmail .email {
	padding-left: 30px;
	float: left;
	width: 100%;
}

.otherLinks {
	float: left;
	padding-top: 20px;
	width: 100%;
}

.otherLinks .links {
	padding-left: 30px;
	float: left;
	width: 100%;
}