/* CSS Document written by Junaid Chaudhry

-------------------------------------------
BODY ELEMENT
-------------------------------------------
*/

body
{
	margin: 0px;
	padding: 0px;
	font-family: "Courier New" , Courier, monospace;
	/*font-family:Arial Black, sans-serif, Verdana, "Times New Roman", Garamond;*/
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
	background-color: #000000;
	background-image: url(../assets/images/website/bg5.jpg);
	/*background-repeat: no-repeat;*/
	background-position: center top;
}


/*
-------------------------------------------
MAIN NAVIGATION
-------------------------------------------
*/

#nav
{
	font-size: 12px;
	font-family: "Courier New" , Courier, monospace;
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	height: 50px;
	background-image: url(../assets/images/website/bg_nav.gif);
	background-repeat: no-repeat;
}

#nav ul
{
	margin: 0px;
	padding-left: 10px;
	padding-top: 5px;
	list-style-type: none;
	text-align: left;
}

#nav ul li
{
	display: inline;
	margin: 9px;
}

#nav a:link, #nav a:visited
{
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 2px;
}

#nav a:hover
{
	color: #b27b2d;
	text-decoration: none;
}

#nav a:active
{
	color: #FFFFFF;
	text-decoration: none;
}

#nav a:link.active
{
	color: #b27b2d;
	text-decoration: none;
}

#nav a:visited.active
{
	color: #b27b2d;
	text-decoration: none;
}

#nav a:hover.active
{
	color: #b27b2d;
	text-decoration: none;
}


/*
-------------------------------------------
NAVIGATION
-------------------------------------------
*/

a:link, a:visited, a:active
{
	color: #a36109;
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
	color: #7d4900;
}


/*
-------------------------------------------
LAYOUT
-------------------------------------------
*/

#wrapper
{
	background-color: #dcd3b0;
	color: #4b4638;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../assets/images/website/bg2.gif);
	background-repeat: repeat-y;
}

#content
{
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-top: 10px;
}

#columnFull
{
	width: 680px;
}

#columnLeft {
	float: left;
	width: 450px; /*position: absolute; */

}

#columnRight {
	float: right;
	width: 200px; /*position: relative; */
	background-image: url(../assets/images/website/bg_sideframe.jpg);
	background-repeat: no-repeat;
	height: 400px;
}

#columnLeftHome
{
	float: left;
	width: 380px; /*position: absolute; */
}

#columnRightHome
{
	float: right;
	width: 250px; /*position: relative; */
}

#columnLeftMusic
{
	float: left;
	width: 370px; /*position: absolute; */
}

#columnRightMusic
{
	float: right;
	width: 260px; /*position: relative; */
}

#footer
{
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 15px;
	color: #595443;
	background-color: #000000;
	background-image: url(../assets/images/website/bg_footer.gif);
	background-repeat: no-repeat;
}

.clearColumns
{
	margin: 0;
	padding: 0;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	clear: both;
}


/*
-------------------------------------------
HEADER PHOTOS
-------------------------------------------
*/

#headerHome
{
	background: url(../assets/images/website/h_home.jpg) no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	height: 300px;
}

#headerBio
{
	background: url(../assets/images/website/h_bio.jpg) no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	height: 300px;
}

#headerMusic
{
	background: url(../assets/images/website/h_music.jpg) no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	height: 300px;
}

#headerPhotos
{
	background: url(../assets/images/website/h_photos.jpg) no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	height: 300px;
}

#headerVideos
{
	background: url(../assets/images/website/h_videos.jpg) no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	height: 300px;
}

#headerShows
{
	background: url(../assets/images/website/h_shows.jpg) no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	height: 300px;
}

#headerGuestbook
{
	background: url(../assets/images/website/h_guestbook.jpg) no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	height: 300px;
}

#headerLinks
{
	background: url(../assets/images/website/h_links.jpg) no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	height: 300px;
}


/*
-------------------------------------------
HEADER TITLES
-------------------------------------------
*/

.hNews
{
	background-image: url(../assets/images/website/ht_news.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

.hNextShow
{
	background-image: url(../assets/images/website/ht_nextshow.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

.hContact
{
	background-image: url(../assets/images/website/ht_contact.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

.hArchive
{
	background-image: url(../assets/images/website/ht_archive.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

.hPhotoToday
{
	background-image: url(../assets/images/website/ht_photoday.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

.hBio
{
	background-image: url(../assets/images/website/ht_bio.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

.hMusic
{
	background-image: url(../assets/images/website/ht_music.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

.hPickAlbum
{
	background-image: url(../assets/images/website/ht_album.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

.hPhotos
{
	background-image: url(../assets/images/website/ht_photos.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

.hVideos
{
	background-image: url(../assets/images/website/ht_videos.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

.hMerchandise
{
	background-image: url(../assets/images/website/ht_Merchandise.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

.hShows
{
	background-image: url(../assets/images/website/ht_shows.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

.hGuestbook
{
	background-image: url(../assets/images/website/ht_gbook.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

.hLinks
{
	background-image: url(../assets/images/website/ht_links.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

.hError
{
	background-image: url(../assets/images/website/ht_error.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

.h404
{
	background-image: url(../assets/images/website/ht_404.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

.h403
{
	background-image: url(../assets/images/website/ht_403.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 36px;
}

/*
-------------------------------------------
TEXT ELEMENTS
-------------------------------------------
*/

h1, h2, h3, p
{
	margin: 0px;
	padding: 0px;
}

h1 {
	display: none;
}

h2
{
	margin-bottom: 10px;	
}

h3 {
	color: #000000;
	margin: 0px;
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: -5px;
}

.date
{
	color: #8d856a;
}

.guestbookHeader
{
	color: #000000;
}

.guestbookName
{
	font-weight: bold;
	text-transform: uppercase;
}

/*
-------------------------------------------
FORM ELEMENTS
-------------------------------------------
*/

/* form wrapper required by ASP.net */
form#aspnetForm
{
	margin: 0;
	padding: 0;
	width: 700px;
}

.textbox
{
	font-family: "Courier New" , Courier, monospace;
	/*font-family:sans-serif, Verdana, "Times New Roman", Garamond;*/
	font-size: 12px;
	background-color: #ded8c6;
	border: 1px solid #968d70;
	padding: 5px;
}

.textboxCaptcha
{
	font-family: "Courier New" , Courier, monospace;
	/*font-family:sans-serif, Verdana, "Times New Roman", Garamond;*/
	font-size: 12px;
	background-color: #ded8c6;
	border: 1px solid #968d70;
	float: left;
	margin-top: 12px;
	margin-right: 10px;
	padding: 5px;
}

.formLabel
{
	float: left;
}

.formError
{
	float: right;
}

.formErrorCaptcha
{
	float: right;
	padding-top: 20px;
}


/*
-------------------------------------------
VARIOUS ELEMENTS
-------------------------------------------
*/

div.hr
{
	height: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../assets/images/website/bg_separator.gif);
	background-repeat: no-repeat;
	text-align: center;
}

div.hr hr
{
	display: none;
}

div.hr2
{
	height: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../assets/images/website/bg_separator.gif);
	background-repeat: no-repeat;
	text-align: center;
}

div.hr2 hr
{
	display: none;
}

.randomPhoto img
{
	padding: 5px;
	background-color: #9d9274;
	background-image: url(../assets/images/website/bg_homephoto.gif);
	background-repeat: no-repeat;
}

.albumCover img
{
	padding: 5px;
	background-color: #9d9274;
	float: left;
	margin-right: 10px;
	background-image: url(../assets/images/website/bg_album.gif);
	background-repeat: no-repeat;
}

.albumCoverThumb img {
	padding: 5px;
	background-color: #9d9274;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	background-image: url(../assets/images/website/bg_albumthumb.gif);
	background-repeat: no-repeat;
}

#gallery {
	margin-left: 60px;
}

.photo
{
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
	width: 240px;
	padding: 5px;
	background-color: #9d9274;
	background-image: url(../assets/images/website/bg_photo.gif);
	background-repeat: no-repeat;
}

.photo p {
	margin: 0px;
	padding: 5px;
	line-height: 14px;
	color: #000000;
}

.lines
{
	background-image: url(../assets/images/website/bg_lines.gif);
	background-repeat: repeat;
}

.note
{
	border-right: #d1c8a7 1px dashed;
	border-top: #d1c8a7 1px dashed;
	border-left: #d1c8a7 1px dashed;
	border-bottom: #d1c8a7 1px dashed;
	padding: 5px;
	margin: 0px;
	line-height: 14px;
}

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

table.dataTable {
	/*padding-left:140px;*/
}
table.dataTable th{
	font-weight:bold;
	text-align:left;
	border-bottom:thick;
}
table.dataTable td{
	/*text-align:justify;*/
	vertical-align:top;
	padding:2px;
}
table.dataTable tr:hover{
	background:#CCCC99;
}
input, textarea {
	/*background:#FFFFFF;*/
	font-weight:bold;
	border:thin;
}

/*--------------------------------------------*/
/* Big box with list of options */
#ajax_listOfOptions{
	position:absolute;			/* Never change this one */
	width:250px;				/* Width of box */
	height:175px;				/* Height of box */
	overflow:visible;				/* Scrolling features */
	border:1px solid #317082;	/*Dark green border */
	background-color:#FFF;	 	/*White background color */
	text-align:left;
	z-index:100;
	color:#333333;
	/*font-size:0.9em;*/
}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding:1px;
	cursor:pointer;
	font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#317082;
	color:#FFF;
}
#ajax_listOfOptions_iframe{
	background-color:#F00;
	position:absolute;
	z-index:5;
}
form{
	display:inline;
}