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


/*--------------------------------
	Global
---------------------------------*/

	body{
		background:url(/images/site_components/site_bg.jpg) repeat-x;
		background-color:#1A120F;
		font:13px Helvetica, Verdana, Arial, sans-serif;
		margin:0;
		line-height:18px;
	}
	
	a{outline:none;}
	img{border:none;}
	
	#main_site{
		width:960px;
		margin:0 auto 0 auto;
	}
	
	a:link{color:#185A8F;text-decoration:underline;}
	a:visited{color:#185A8F;text-decoration:underline;}
	a:hover{color:#003366;text-decoration:underline;}
	a:active{color:#003366;text-decoration:underline;}
	
	#main_content{
		background:url(/images/site_components/main_content_bg.jpg) no-repeat;
		background-color:#FFFFFF;
	}
	
	#header{
		background:url(/images/site_components/header_bg_noBand.jpg) no-repeat;
		height:315px;
		margin-top:-17px;
	}
	
	#skip_nav_link{
		position:absolute;
		text-indent:-5600px;
	}

	#logo{
		position:absolute;
		display:block;
		width:389px;
		height:189px;
		top:20px;
		margin-left:20px;
		text-indent:-5600px;
		background:url("/images/site_components/onset_logo.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/onset_logo.png', sizingMethod='scale');
	}
	
	#launch_player{
		position:absolute;
		display:block;
		width:347px;
		height:190px;
		top:86px;
		margin-left:590px;
		text-indent:-5600px;
		background:url("/images/site_components/launch_player_rd.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/launch_player_rd.png', sizingMethod='scale');
	}
	
/*--------------------------------
	Nav Bar
---------------------------------*/

	
	#navBar{
		position:absolute;
		top:230px;
		*top:227px;
	}
	
	#navBar li{
		float:left;
		list-style:none;
		margin-right:25px;
		padding-right:25px;
	}
	
	#navBar .last{
		border-right:none;
	}
	
	ul#navBar li a { display: block; text-indent: -9999px; }
	

	a#news_nav {
		background:url("/images/site_components/navBar/news.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/navBar/news.png', sizingMethod='scale');
		width:68px;
		height:64px;
	}

	a:hover#news_nav {
		background:url("/images/site_components/navBar/news_on.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/navBar/news_on.png', sizingMethod='scale');
	}
	
	a#bandProfiles_nav {
		background:url("/images/site_components/navBar/bandProfiles.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/navBar/bandProfiles.png', sizingMethod='scale');
		width:70px;
		height:64px;
	}

	a:hover#bandProfiles_nav {
		background:url("/images/site_components/navBar/bandProfiles_on.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/navBar/bandProfiles_on.png', sizingMethod='scale');
	}
	
	a#photos_nav {
		background:url("/images/site_components/navBar/photos.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/navBar/photos.png', sizingMethod='scale');
		width:79px;
		height:64px;
	}

	a:hover#photos_nav {
		background:url("/images/site_components/navBar/photos_on.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/navBar/photos_on.png', sizingMethod='scale');
	}
	
	a#upcomingShows_nav {
		background:url("/images/site_components/navBar/upcomingShows.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/navBar/upcomingShows.png', sizingMethod='scale');
		width:74px;
		height:64px;
	}

	a:hover#upcomingShows_nav {
		background:url("/images/site_components/navBar/upcomingShows_on.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/navBar/upcomingShows_on.png', sizingMethod='scale');
	}
	
	a#songList_nav {
		background:url("/images/site_components/navBar/songList.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/navBar/songList.png', sizingMethod='scale');
		width:106px;
		height:64px;
	}

	a:hover#songList_nav {
		background:url("/images/site_components/navBar/songList_on.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/navBar/songList_on.png', sizingMethod='scale');
	}
	
	
	a#contact_nav {
		background:url("/images/site_components/navBar/contact.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/navBar/contact.png', sizingMethod='scale');
		width:93px;
		height:64px;
	}

	a:hover#contact_nav {
		background:url("/images/site_components/navBar/contact_on.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/navBar/contact_on.png', sizingMethod='scale');
	}
	
	a#lessons_nav {
		background:url("/images/site_components/navBar/lessons.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/navBar/lessons.png', sizingMethod='scale');
		width:92px;
		height:64px;
	}

	a:hover#lessons_nav {
		background:url("/images/site_components/navBar/lessons_on.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/navBar/lessons_on.png', sizingMethod='scale');
	}
	
	
	
/*--------------------------------
	Site
---------------------------------*/
	
	
	#content{
		float:left;
		margin:0 20px 0 20px;
		width:620px;
		min-height:600px;
	}
	
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0;
		padding:0;
		background:transparent;
	}
	
	
	#content.home h3{
		color:#185A8F;
		font-size:14px;
		font-weight:bold;
		margin-top:-15px;
	}
	
	#quote_area{
		padding:20px 0 20px 0;
		text-align:center;
		border-bottom:1px dotted #333333;
		width:920px;
		margin:0 20px 0 20px;
		*margin:0 20px 20px 20px;
	}
	
	#quote_area blockquote{
		font-size:20px;
		font-weight:bold;
	}
	
	#quote_area em{
		font-size:14px;
		font-weight:normal;
		font-style:italic;
		color:#666666;
		margin-left:100px;
	}
	
	.news_entry{
		border-bottom:1px dotted #333333;
		padding-bottom:15px;
		margin-bottom:15px;
	}
	
	.news_entry .date{
		font-size:20px;
		font-weight:bold;
	}
	
/*--------------------------------
	Headers
---------------------------------*/
	
	#content.upcomingShows h2{text-indent:-5600px;background:url(/images/site_components/headers/upcomingShows.png) no-repeat;width:178px;height:30px;}
	#content.bandProfiles h2{text-indent:-5600px;background:url(/images/site_components/headers/bandProfiles.png) no-repeat;width:164px;height:30px;}
	#content.lessons h2{text-indent:-5600px;background:url(/images/site_components/headers/lessons.png) no-repeat;width:104px;height:30px;}
	#content.contact h2{text-indent:-5600px;background:url(/images/site_components/headers/contact.png) no-repeat;width:87px;height:30px;}
	#content.songList h2{text-indent:-5600px;background:url(/images/site_components/headers/songList.png) no-repeat;width:109px;height:30px;}
	#content.photos h2{text-indent:-5600px;background:url(/images/site_components/headers/photos.png) no-repeat;width:80px;height:30px;}
	
	#sidebar h3{margin-left:660px;text-indent:-5600px;background:url(/images/site_components/headers/upcomingShows_sidebar.png) no-repeat;width:133px;height:23px;}
	
/*--------------------------------
	Sidebar
---------------------------------*/

	#sidebar{line-height:normal;}
	
	#sidebar .show{
		margin:10px 0;
		padding:5px 0;
	}
	
	#sidebar .sidebar_divider{
		position:absolute;
		width:218px;
		height:19px;
		margin-left:660px;
		*margin-left:0px;
		background:url("/images/site_components/show_div_line.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/navBar/show_div_line.png', sizingMethod='scale');
	}
	
	#sidebar h4{
		color:#185A8F;
		font-size:12px;
		font-weight:bold;
		margin-top:-10px;
	}
	
/*--------------------------------
	Bios
---------------------------------*/

	#content.bandProfiles img{
		float:left;
		margin:0 20px 20px 0;
		border:5px solid #333333;
	}
	
	
/*--------------------------------
	Shows
---------------------------------*/

	#content.upcomingShows .show{
		border-bottom:1px dotted #333333;
		margin:10px 0;
		padding:10px 0;
	}
	
	#content.upcomingShows h4{
		color:#185A8F;
		font-size:14px;
		font-weight:bold;
		margin-top:-15px;
	}


/*--------------------------------
	Song List
---------------------------------*/
	
	#songs{
		list-style:none;
		margin-left:-40px;
		*margin-left:0px;
	}
	
	#content.songList .song{
		float:left;
		width:200px;
		margin-right:10px;
	}
	
	#content.songList .dash{display:none;}
	
/*-------------------------------------
	Contact Page
-------------------------------------*/
	
	#contact_form{
		width:520px;
		margin-top:20px;
		padding-top:20px;
		padding-bottom:20px;
		border-top:dotted;
		border-top-color:#FFFFFF;
		border-top-width:1px;
		border-bottom:dotted;
		border-bottom-color:#FFFFFF;
		border-bottom-width:1px;
	}
	
	#contact_form .personal_info{
		border-bottom:1px dotted #333333;
		padding:0 0 10px 0;
		margin:0 0 10px 0;
	}

	#contact_form label{
		float:left;
		width:200px;
		margin-right: 10px;
	}
	
	#contact_form label span{color:#481A04}

	#contact_form input{
		width: 300px;
		background:#EEF5F9;
		border: 1px solid #15313B;
		padding: 2px;
	}

	#contact_form textarea{
		width: 300px;
		height: 100px;
		background:#EEF5F9;
		border: 1px solid #15313B;
		padding: 2px;
	}

	#contact_form select{
		width: 300px;
		background:#EEF5F9;
		border: 1px solid #15313B;
		padding: 2px;
		line-height:normal;
		letter-spacing:normal;
	}

	

	#contact_form .submitbtn {
		width: auto;
		padding: 4px 12px;
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #481A04;
		background: #EEF5F9;
		border:1px solid #15313B;
		margin-left:208px;
	}
	
/*--------------------------------
	Photo gallery
---------------------------------*/
	
	ul#photo_gallery{
		margin-left:-40px;
		*margin-left:0px;
	}
	
	#photo_gallery li{
		list-style:none;
		float:left;
		margin:0 15px 15px 0;
	}
	
	#photo_gallery img{
		border:3px solid #333333;
	}
	
/* ----------------------
	Lightbox
---------------------- */
	
	
	#lightbox{
		background-color:#eee;
		padding: 10px;
		border-bottom: 2px solid #666;
		border-right: 2px solid #666;
	}
		
	#lightboxDetails{
		font-size: 0.8em;
		padding-top: 0.4em;
	}	
	
	#lightboxCaption{ float: left; }
	
	#keyboardMsg{ float: right; }
	
	#closeButton{ top: 5px; right: 5px; }

	#lightbox img{ border: none; clear: both;} 
	
	#overlay img{ border: none; }

	#overlay{ background-image: url("/images/lightbox/overlay.png"); }

	* html #overlay{
		background-color: #333;
		back\ground-color: transparent;
		background-image: url("/images/filler.gif");
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/lightbox/overlay.png", sizingMethod="scale");
	}
	
	#sjcallan{
		float:right;
		margin-top:-5px;
		*margin-top:0px;
		margin-right:20px;
	}
	#copyright{
		margin-left:20px;
		padding-bottom:5px;
	}
	
	#footer{
		clear:both;
	}