/* Andy Beck */
/* Elliot Lewis */
/* UMGI 2007 */

/* Main Site */

html, body{
	height:100%; /* needed for container min-height */
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-color: #DFD8BC;
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	text-align:left;
	line-height:13pt;
	color:#FFFFFF;
	
}

a:link {
	color:#FFF;
	text-decoration:none;
}
a:visited {
	color:#FFF;
	text-decoration:none;
}
a:hover {
	color:#FFF;
	text-decoration:underline;
}

.trackListing {
	color:#BBB;
}
.track_list {
	padding-left: 21px;
}
.track_list li{
	padding: 0px 0px 2px 0px;
}
.jig_one{
	margin-left: 8px;
}
.jig_two{
	margin-left: 12px;
}

#quote{
	font-size: 12pt;
	font-weight:bolder;
	letter-spacing:0.9px;
	color: #FFF;
}
#quote em{
	font-size: 9pt;
	font-weight:normal;
	letter-spacing:0.9px;
	color: #FFF;
}

#audioPlayer {
	position: relative;
	margin-right: 10px;
	margin-top: 10px;
	clear: right;
	float: right;
	width: 310px;
	height: 40px;
}

/* Template Styling */

#menu {
	color:#666;
	line-height:16pt;
	/*padding-top: 30px;*/
	width: 780px;
}
#off {
	padding: 0 40px 0 30px;
}
#menu a {
	color:#FFF;
	padding: 0 40px 0 30px;
}

#base {
	z-index: 50;
	position:relative; /* needed for footer positioning*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}



#container {
	width: 800px;
	padding-bottom: 400px; /* desk only */
	 /*padding-bottom: 240px; desk only */
}

#footer {
	position:absolute;
	bottom:0; /* stick to bottom */
	width: 800px;	
	margin-right: auto;
	margin-left: auto;	
}

#kiss {
	color: #996600;
	float: left;
	position:absolute;
	top: 250px;
	left: 3%;
}
#thinlizzy {
	color: #996600;
	float: left;
	position:absolute;
	top: 550px;
	left: 3%;
}
#jacket {
	/*color: #996600;
	float: right;
	position:absolute;
	top: 20px;
	left: 84%;
	z-index: 51;*/
	position: absolute;
	top: 15px;
	right: 0;
	z-index: 51;
	width: 17%;
	height: 728px;
	background: url(../images/asosor-jacket.gif) top left no-repeat;
}
#skidrow {
	color: #996600;
	float: right;
	position:absolute;
	top: 40px;
	right: 12%;
}
#scorpions {
	color: #996600;
	float: right;
	position:absolute;
	top: 500px;
	right: 3%;
}

#navigation {
	float:left;
}

#pageheader {
	min-height: 180px;
	height: 180px;
	text-align: center;
	background-color: #101413;
	background-image: url(../images/blackboard_logo.jpg);
	background-repeat: no-repeat;
}

#content{
	width: 730px;
	float:left;
	text-align:left;
}


#columnSingle {
	margin-left: 10px;
	float:left;
	width: 350px;	
}


#columnRegister {
	margin-left: 10px;
	margin-right: 40px;
	float:left;
	width: 310px;	
}

#columnFull {
	clear: both;
	margin-left: 10px;
	float:left;
	width: 600px;	
}

#downloadOne, #downloadTwo {
	clear: left;
	margin-left: 10px;
	float:left;
	width: 330px;
}
#downloadTwo {
	clear: none;
	margin-right: 10px;
	float:right;
}
#downloadOne img, #downloadTwo img{
	border: 3px double #FFFFFF;
	padding: 1px;
	margin-right: 10px;
}

#gigRating {
	margin-top: 15px;
	margin-left: 10px;
	clear: left;
	float:left;
	width: 140px;
}
#gigTitles {
	margin-top: 15px;
	margin-left: 30px;
	float:left;
	width: 340px;
}
#gigTitles h3 {
	margin: 0px;
}
#gigRight {
	/*border: 1px solid #66CCCC;*/
	margin-top: 15px;
	margin-left: 10px;
	margin-bottom: 10px;
	clear:right;
	float:right;
}
#gigLabel {
	clear: both;
	float:left;
	width: 100px;
}
#gigInput {
	margin-left: 10px;
	margin-bottom: 10px;
	float:left;
	width: 400px;
}

hr {
	border-bottom: 2px solid #CCCCCC;
	clear: both;
	width: 710px;
	margin-left: 10px;
}

#rolloverMenu1, #rolloverMenu2, #rolloverMenu3 {
	margin: 20px 10px 20px 20px;
	float: left;
}
#rolloverMenu {
	margin: 15px 10px 20px 20px;
	float: left;
}
#rolloverMenu3 {
	margin-right: 0;
}


#Gallery {
	width: 714px;
	clear: both;
	margin-left: 10px;
	float:left;
}
#Gallery a img {
	margin: 0 11px 0 0;
	border: 0 none;
}


#vidColumn {
	text-align: center;
	margin-left: 10px;
	float:left;
	width: auto;	
}

#videoFrame {
	float: right;
	background-image: url(../images/video_bg.gif);
	background-repeat: no-repeat;
	width: 330px;
	height: 300px;
	padding: 10px 0px 0px 10px;
	margin-right: 50px;
}
#videoFrameLow {
	float: right;
	background-image: url(../images/video_bg_low.gif);
	background-repeat: no-repeat;
	width: 180px;
	height: 200px;
	padding: 10px 0px 0px 10px;
	margin-right: 100px;
}


#columnOne, #columnTwo{
	margin-left: 10px;
	float:left;
	width:250px;
}
#columnTwo{
	width:230px;
}



#sideBox {
	float:left;
}
#floatRight {
	float:right;
	margin-right: 10px;
}
.box#sideBox {
	float:left;
	width: 220px;
	margin-right:10px;
	text-align: center;
}



#blackboard {
	background-color: #101413;
	background-image: url(../images/blackboard.jpg);
	background-repeat: repeat-y;
}

#blackboardLeft {
	float:left;
}

#blackboardRight {
	float:right;
}


h1{
	font-size: 12pt;
	text-transform:uppercase;
	letter-spacing:0.9px;
	color: #FFCC66;
	font-family: Helvetica, Arial, sans-serif;
}

h2 {
	padding: 0px;
	margin: 0px;
	font-size: 10pt;
	color: #FFCC66;
	letter-spacing:0.9px;
	font-family: Helvetica, Arial, sans-serif;	
}

h3{
	font-size: 12pt;
	letter-spacing:0.9px;
	color: #FFCC66;
	font-family: Helvetica, Arial, sans-serif;
}

ul{
	padding-left:22px;
}
li{
	padding:0px 0px 8px 0px;
}

/*
#pipe {	
	position:relative; 
	height:auto !important; 
	height:100%; 
	min-height:100%; 
	float:left;
	margin-left: 40px;
	background-image: url(images/pipe_bg.gif);
	background-repeat: repeat-y;
}
#leftLeg, #rightLeg {
	height: 20px;
	min-width: 30px;
	background-image: url(images/desk_leg.jpg);
	background-repeat: no-repeat;
}

#leftLeg {
	margin-left: 50px;
	float: left;
}
#rightLeg {
	margin-right: 50px;
	float: right;
}
*/

/*
	Added June 2009
*/
#videoTitle{
	padding-left: 10px;
}
#videoPlayer{
	margin-left: 100px;
	width: 538px;
	height: 308px;
	padding-top: 20px;
	text-align: center;
	background-image: url(../images/video_wide_bg.gif);
	background-position: center;
	background-repeat: no-repeat;
}
#videoBackButton{
	float:left;
	margin:220px 0 0 20px;
}