@charset "UTF-8";
/* CSS Document */

/*******************************************
© the cut off. All Rights Reserved
this was written by Jefrey Hamilton.
*******************************************/

body {
	background:#000;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size:11pt;
	line-height: 16px;
	color:#000;
	min-width:980px;
}
p { margin: 5px 0 10px; }
a {
	color:#000;
	text-decoration:underline;
}
a:link {}
a:hover {
	color:#205d8d;
}
a:visited {}
a:active {outline:none;}
a:focus {outline-style: none;}

/*******************
---- STRUCTURE
********************/


#topNavArea {
	background:#000;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-bottom:1px solid #444;
	height:40px;
}

#topNavBox {
	height:39px;
	width:970px;
	margin:0px auto;
	padding:0 0 0 0;
	background:#262626;
}
#topNavBox #topNavRight {
	text-align:right;
	padding:14px 10px 0 0;
	margin:0 0 0 0;
	list-style-type:none;
	font-size:7pt;
}
#topNavBox #topNavRight li {
	padding:0 0 0 5px;
	margin:0 0 0 0;
	display:inline;
	line-height:9px;
}
#topNavBox #topNavRight li a {
	background:url(../images/bulletTopNav.gif) center left no-repeat; 
	padding:0 0 0 20px;
	color:#bebebe;
	text-decoration:none;
}
#topNavBox #topNavRight li a:hover {
	background:url(../images/bulletTopNav_r.gif) center left no-repeat;
	color:#fff;
	text-decoration:none;
}

#mPlayer {
float:left;
padding:8px 0 0 10px;
}

#topNavBox #topNavLeft {
	text-align:left;
	padding:0 0 0 10px;
	margin:0 0 0 0;
	list-style-type:none;
	font-size:8pt;
}
#topNavBox #topNavLeft li {
	padding:0 25px 0 0;
	display:inline;
}
#topNavBox #topNavLeft li a {
	background:center left no-repeat;
	padding:0 0 0 10px;
	color:#e9e9e9;
	text-decoration:none;
}
#topNavBox #topNavLeft li a:hover {
	background:center left no-repeat;
	color:#fff;
	text-decoration:none;
}




/*******************
---- MAIN NAV
********************/


#NAV_Top { background:url(../images/NAV_TopBG.png) center top repeat-x;
			height:176px;
			margin:0 0 0 0;
			padding:0 0 0 0;
}
#NAV_TopArt { background:url(../images/NAV_TopArt.jpg) center top no-repeat;
			height:176px;
}

#NAV_BottomBG { padding:0 0 0 0; margin:0 auto; height:76px; background:#000 url('../images/NAV_BottomBG.png') top center repeat-x; }

#NAV_Bottom { padding:0 0 0 0; margin:0 auto; height:76px; width:970px; background:#000 url('../images/NAV_BottomBG.png') top center repeat-x; }
#NAV_Bottom h2 { display:none; }
#NAV_Bottom li { padding:0; margin:0px; list-style:none; display:inline; float:left }
#NAV_Bottom li a { text-decoration: none; display:block; height:76px; }
#NAV_Bottom li a span { display:none; }
#NAV_Bottom li a#biography { width:133px; background-image:url('../images/NAV_BottomButtons.png'); background-position: left 0px; background-repeat:no-repeat; }
#NAV_Bottom li a#biography:hover { background-position:-970px 0; }
#NAV_Bottom li a#media { width:92px; background-image:url('../images/NAV_BottomButtons.png'); background-position: -133px 0px; background-repeat:no-repeat; }
#NAV_Bottom li a#media:hover { background-position: -1103px 0; }
#NAV_Bottom li a#shows { width:97px; background-image:url('../images/NAV_BottomButtons.png'); background-position: -225px 0px; background-repeat:no-repeat; }
#NAV_Bottom li a#shows:hover { background-position: -1195px 0; }
#NAV_Bottom li a#home { width:328px; background-image:url('../images/NAV_BottomButtons.png'); background-position: -322px 0px; background-repeat:no-repeat; }
#NAV_Bottom li a#home:hover { background-position: -1292px 0; }
#NAV_Bottom li a#photos { width:102px; background-image:url('../images/NAV_BottomButtons.png'); background-position: -650px 0px; background-repeat:no-repeat; }
#NAV_Bottom li a#photos:hover { background-position: -1620px 0; }
#NAV_Bottom li a#contact { width:100px; background-image:url('../images/NAV_BottomButtons.png'); background-position: -752px 0px; background-repeat:no-repeat; }
#NAV_Bottom li a#contact:hover { background-position: -1722px 0; }
#NAV_Bottom li a#links { width:118px; background-image:url('../images/NAV_BottomButtons.png'); background-position: -852px 0px; background-repeat:no-repeat; }
#NAV_Bottom li a#links:hover { background-position: -1822px 0; }


/*******************
---- CONTENT
********************/

#contentBG { padding:0 0 0 0; margin:0 auto; background:#111 url(../images/contentBG.jpg) center top repeat-x; min-height:661px; height:auto !important; height:661px; }

#contentMainBG { padding:0 0 0 0; margin:0 auto; background:transparent url(../images/contentMainBG.jpg) center top repeat-y; width:970px; }

#leftColumn, #leftColumnTop, #left {
	width:620px;
	float:left;
	padding:0 0 0 15px;
	text-align:left;
}

#newsTitleBar {
	padding:14px 0 10px 0;
}

#newsTitleBar h2 {
	text-indent:-9000px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(../images/NewsAndEvents.jpg) top left no-repeat;
	width:548px;
	height:62px;
}

#newsTitleBar h3 {
	text-indent:-9000px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(../images/WhereToBuy.jpg) top left no-repeat;
	width:548px;
	height:62px;
}

.biographyTitleBar {
	text-indent:-9000px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(../images/biography.jpg) top left no-repeat;
	width:548px;
	height:62px;
}

.articlesTitleBar {
	text-indent:-9000px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(../images/articles.jpg) top left no-repeat;
	width:548px;
	height:62px;
}

.albumTitleBar {
	text-indent:-9000px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(../images/albums.jpg) top left no-repeat;
	width:548px;
	height:62px;
}

.showsTitleBar {
	text-indent:-9000px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(../images/shows.jpg) top left no-repeat;
	width:548px;
	height:62px;
}

.photosTitleBar {
	text-indent:-9000px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(../images/photos.jpg) top left no-repeat;
	width:548px;
	height:62px;
}
.contactUsTitleBar {
	text-indent:-9000px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(../images/contact-us.jpg) top left no-repeat;
	width:548px;
	height:62px;
}
.bandsTitleBar {
	text-indent:-9000px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(../images/bands.jpg) top left no-repeat;
	width:548px;
	height:62px;
}
.clubsTitleBar {
	text-indent:-9000px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(../images/clubs.jpg) top left no-repeat;
	width:548px;
	height:62px;
}
.miscTitleBar {
	text-indent:-9000px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(../images/misc.jpg) top left no-repeat;
	width:548px;
	height:62px;
}

#rightColumn, #right {
	width:275px;
	float:right;
	padding:0 25px 0 0;
	text-align:left;
}

#homeDates {
	padding:0 0 22px 0;
	margin:0 0 0 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#000;
	line-height: 18px;
}

#homeDates h2 {
	text-indent:-9000px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(../images/UpcomingShows.jpg) top left no-repeat;
	width:247px;
	height:74px;
}

#homeDates a {
	color:#333;
	text-decoration:none;
}
#homeDates a:hover {
	color:#205d8d;
	text-decoration:none;
}


/*******************
---- RIGHT SIDE DATES
********************/

#rdates h3 {
	text-indent:-9000px;
	background:transparent url(../images/UpcomingShows.jpg) no-repeat scroll left bottom;
	height:74px;
	margin:0;
	width:247px;
	}
#rdates ul {
	font-family:Verdana,Arial,sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	width:250px;
	}
#rdates li {
	background:transparent url(../images/datesBG.jpg) no-repeat scroll left top;
	height:39px;
	list-style-type:none;
	padding:0 0 0 25px;
	width:247px;
	color:#333333;
	}	
#rdates a.c {
	color:#333333;
	display:inline;
	font-size:10px;
	text-decoration:none;
	}
#rdates a.c:hover {
	color:#205d8d;
	text-decoration:none;
}
#rdates a {
	color:#3F3F3F;
	display:block;
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	text-decoration:underline;
}
#rdates a:hover {
	color:#005D92;
	text-decoration:none;
	}



/*******************
---- RIGHT SIDE LINKS
********************/

#rlinks h4 { text-indent:-9000px; background:transparent url(../images/SocialLinks.jpg) no-repeat scroll left bottom; height:74px; margin:0; width:247px; }
#rlinks li { padding:0; margin:0px; list-style:none; display:inline; float:left }
#rlinks li a { text-decoration: none; display:block; width:247px; }
#rlinks li a span { display:none; }
#rlinks li a#myspace { height:40px; width:247px; background-image:url('../images/SocialLinks.png'); background-position: left 0px; background-repeat:no-repeat; }
#rlinks li a#myspace:hover { background-position:-247px 0; }
#rlinks li a#facebook { height:41px; width:247px; background-image:url('../images/SocialLinks.png'); background-position: left -40px; background-repeat:no-repeat; }
#rlinks li a#facebook:hover { background-position: -247px -40px; }
#rlinks li a#lastfm { height:41px; width:247px; background-image:url('../images/SocialLinks.png'); background-position: left -81px; background-repeat:no-repeat; }
#rlinks li a#lastfm:hover { background-position: -247px -81px; }
#rlinks li a#viemo { height:41px; width:247px; background-image:url('../images/SocialLinks.png'); background-position: left -122px; background-repeat:no-repeat; }
#rlinks li a#viemo:hover { background-position: -247px -122px; }
#rlinks li a#youtube { height:60px; width:247px; background-image:url('../images/SocialLinks.png'); background-position: left -163px; background-repeat:no-repeat; }
#rlinks li a#youtube:hover { background-position: -247px -163px; }



/*******************
---- FOOTER
********************/

#footerBG { padding:0 0 0 0; margin:0 auto; background:transparent url(../images/footerBG.png) center top repeat-x; height:70px; }

#footerMainBG { padding:0 0 0 0; margin:0 auto; background:transparent url(../images/footerMainBG.jpg) center top no-repeat; width:980px; height:70px; }

#footerContent { background-color:#205d8d; color:#CCC; font-size:7pt; padding:0 0 40px 0; }

#footerMainContent {
	clear:both;
	color:#eeeeee;
	margin:0 auto;
	padding:15px 0 20px 0;
	text-align:left;
	width:970px;
	}
#footerMainContent #footerNav {
	list-style-type:none;
	text-align:left;
	padding-left:0;
	}
#footerNav li {
	border-right:1px solid;
	display:inline;
	font-size:10px;
	padding:0 5px;
	}
#footerNav li.first {
	padding-left:0;
	}
#footerNav li.last {
	border-right:0 none;
	}
	

#footerMainContent #footerNav a {
	color:#FFFFFF;
	font-size:10pt;
	text-decoration:none;
	text-transform:capitalize;
	}
#footerMainContent #footerNav a:hover {
	color:#eeeeee;
	text-decoration:underline;
	}
	
	#footerMainContent #footerRightContainer {
	width:500px;
	}
	
#footerMainContent #footerRightContainer #copyright {
	font-size:9pt;
	padding:5px 0 15px 0;
	text-align:right;
	color:#eeeeee;
	}
#footerMainContent #footerRightContainer #reserved {
	font-size:9pt;
	color:#80b0d6;
	text-align:right;
	line-height:14px;
	}

#footerMainContent #footerRightContainer #reserved a{
	color:#80b0d6;
	text-decoration:none;
	}
#footerMainContent #footerRightContainer #reserved a:hover {
	color:#80b0d6;
	text-decoration:underline;
	}
	
#footerMainContent a#JefreyGDesignsLogo {
	background:transparent url(../images/Jefrey_G_Logo.jpg) no-repeat scroll left top;
	display:block;
	height:79px;
	text-indent:-9000px;
	width:92px;
	}
#footerMainContent a#JefreyGDesignsLogo:hover {
	background-position:-92px top;
	}

/*******************
---- BIO PAGE
********************/

.bio_page {
	font-size:12pt;
	line-height: 21px;
}

/*******************
---- MEDIA PAGE
********************/

#mediaTop {

}
#mediaLeft {
	width: 200px;
	float: left;
}
#mediaLeftShadow {

}
#mediaRight {
	width: 400px;
	float: right;
}

.left-white {
	background: transparent url(../images/left-white.jpg) center top no-repeat;
	display:block;
	height:27px;
	width:620px;
}


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

#showsList { }

#showsList ul { list-style:none; padding:0; margin:0px; }

#showsList li { padding: 15px 0 15px 10px; }

.shows_odd {
	background-color: #d3d2d1;
}

/*******************
---- PHOTOS PAGE
********************/

.photos {

}
.photos-row {
	width: 600px;
}

.photos-indv {
	width: 200px;
	text-align: center;
}
.photos-indv-text {
	text-decoration: none;
}

.photos-indv-text a {

}


div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 190px;
}

div.gallery:hover {
  border: 1px solid #205d8d;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
  background-color: #fff;
}

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

.contact-lg-text {
	font-size: 20px;
	line-height: 25px;
}

/*******************
---- LINKS PAGE
********************/

.links-lg-text {
	line-height: 20px;
}

/*misc classes*/
.clear {
	clear:both;
}
.clearleft {
	clear:left;
}
.clearright {
	clear:right;
}
.spacer {
	height:15px;
	font-size:7pt;
	padding-left:10px;
	text-align:center;
}
.floatLeft {
float:left;
}
.floatRight {
float:right;
}