/* infinite Carousel CSS by Remy Sharp of jQueryfordesigners.com - Remy, you rule
 ************ CSS customized by AbstractMachines.net

jPLayer by Happy Worm, thank you Happy Worms
************ CSS and JS behavior customized by AbstractMachines.net

Nat Andreini site hand coding and design by AbstractMachines.net 


*/


.sandwichbody {font-family:helvetica, arial, sans-serif; font-size: 100%;
background-color:transparent;
text-align: center; 
margin:0 auto 0 auto;
}

#containerone {
	margin:0px auto 50px auto;
	max-width:1400px;
	min-width:400px;
	min-height:1000px;
    max-height:3000px;
	text-align:left;
	position:relative;
	overflow:hidden;

}

#containerone img {border:0px;}
/*  ************ TOP PANEL ********* */


#header {
	margin:0px 0px 0px 1em;
	background-color:transparent;
}

h1 {color:black;}

h1 a {
	text-decoration:none;
	color:black;
}
h1 a:hover {
	text-decoration:none;
	color:red}

h1 span {float:left;width:5px;font-weight:bold; 
}

h2 {text-align:right;
font-family:helvetica, arial; text-transform:uppercase;font-size: 4.1em; font-weight: 100; line-height: 1em; border-bottom: 10px solid #eee; 
  margin:0 .4em 0 0;
	
}


h3 {margin:2em 3em .5em 2em;border-bottom: 1.3px solid #eee;
	font-family: "Lucida Grande", Tahoma;
		font-size: .8em;
		font-weight: lighter;
		font-variant: normal;
		text-transform: uppercase;
		color: #666666;
		text-align: center!important;
		letter-spacing: 0.3em;}

h3 a {margin:2em 3em .5em 2em;
	text-decoration:none;
	font-family: "Lucida Grande", Tahoma;
		font-size: .7em;
		font-weight: lighter;
		font-variant: normal;
		text-transform: uppercase;
		color: #666666;
	        margin-top: 10px;
		text-align: center!important;
		letter-spacing: 0.3em;
	}








/* ** INFINITE CAROUSEL BY REMY SHARP slightly modified for my purposes    */

.infiniteCarousel {
  width: 395px;
  position: relative;
  margin:10px 0 0 70px;
}

.infiniteCarousel .wrapper {
  width: 725px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: hidden;
  min-height: 4em;  
  margin: 0px 40px;
  position: relative;
  top: 0;
	padding:15px;
	  border:0;
}

.infiniteCarousel ul a img {
  border: 1px solid #000;
 
}

.infiniteCarousel .wrapper ul {
  width:3600px;  /* NAT */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 85px;
  width: 85px;
}

.infiniteCarousel ul li a img {
  display:block;
margin:0 5px;
}

.infiniteCarousel .arrow {
  display: block;
  height: 50px;
  width: 75px;
  background: url(sandwichmedia/images/bighand.right.png) no-repeat;
  text-indent: -4000px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: -490px;
background: url(sandwichmedia/images/small_right.png) no-repeat 0 0;
}

.infiniteCarousel .back {
  background-position: 0 -0px;
  left: 10px;
background: url(sandwichmedia/images/small_left.png) no-repeat 0 0;
}
/* .infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
} */



/* LI CAROUSEL CLASSES FOR DIVS *** */
.ulslide {}  /* MOSTLY FOR JQUERY PURPOSES WITHIN THE HTML */



/**   ******  ** HORIZONTAL NAVIGATION BAR   ******  **/
.horizontal {
	height:1em;
	margin:1em 2em 0 30em; /* for containermedia div */
	padding:0
}
.horizontal ul {margin:0; border-bottom:5px solid #eee; } /*previously hot pink */

.horizontal li {
	list-style-type:none;
	display:block;
	white-space:nowrap; 
}

.horizontal li a {padding:0; font-family: Lucida, Arial; font-variant: small-caps;	text-decoration:none;
	color:gray; font-size:1em;}

.horizontal li a:hover {color:black; }



/*  **************** BOTTOM PANEL left/navigation ************* */


#nav {
	float:left;
	width:20%;
	min-width:100px;
	text-align:left;
	display:inline;
	padding:15px 0px 0px 0px;
	margin:15px 5px 0px -25px;
	padding:0px 0px 0px 0px;
	border:0;
	text-align: left;
}



#nav ul {
	list-style-type:none;
	border:0;
	margin:0 10px 0 0;
	display:block;
	list-style-image:none;
	list-style-position:outside;
}

#nav li a:hover {color:black;}

.verticalnav a {
font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
font-variant:small-caps;
	font-size:1.1em;
	text-decoration:none;
	color:gray;
}

/*     CSS TYPOGRAPY ::  HOVER ::  VERTICAL NAV BAR */

/*   get arty: EACH LI WITH DIFFERENT BG COLORS FOR HOVER ::  VERTICAL NAV BAR  
.opaquehover, .opaquehover2, .opaquehover3, .opaquehover4, .opaquehover5, .opaquehover6, .opaquehover7, .opaquehover8, .opaquehover9, .opaquehover10, .opaquehover11 {
background-color:none;	
}
.opaquehover:hover, .opaquehover3:hover, .opaquehover5:hover, .opaquehover7:hover, .opaquehover9:hover, .opaquehover11:hover {	
	background-color:lime;	
}

.opaquehover2:hover, .opaquehover4:hover, .opaquehover6:hover, .opaquehover8:hover, .opaquehover10:hover {
	background-color:green;
}



.opaquehover:hover, .opaquehover3:hover, .opaquehover5:hover, .opaquehover7:hover, .opaquehover9:hover, .opaquehover11:hover {	
		background-color:#eee;	
	
}

.opaquehover2:hover, .opaquehover4:hover, .opaquehover6:hover, .opaquehover8:hover, .opaquehover10:hover {
	background-color:#eee;
}

.opaquehover:hover, .opaquehover11:hover {
background-color:#eee;
}

#innernav {

	min-height:400px;
	max-width:100px;

}

*/




/*   ******* ******** contain floated elements nested within the #containermedia div ******** */

/* define it */
#containermedia {
	width:85%;
	margin:40px auto 50px auto;
	float:left;
	max-width:1200px;
	position:relative;
}
/* floated elements nested within are now contained */
.clearfix:after {
	content: ".";
	display:block;height:0;clear:both;visibility:hidden;
}

.clearfix {display:inline-table;}
/*backslash hides from IE MAC \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* end backslash hack */





/*   ******* ******** PROJECT BIO ******** */
.hiddenbio {display:none;}

#project_bio {float:right;
	margin:0 40% 0 0;
	
	
}
#project_bio p {
	padding:5px;
	font-family: helvetica, arial;
	font-size:.8em;
	letter-spacing:-.2px;
	display:inline;
	margin:0;
	width:300px;
	position:absolute;
	color:gray;
	text-transform:uppercase;	
}


#project_bio p a {
	color:gray;
	text-decoration:none;
}
#project_bio p a:hover {
	text-decoration:underline;
	color:black;
}








/*  **************** my css for jPlayer div ************* */
#revnine img {
	max-height:500px;
}
#julia img {
	max-height:550px;
}
.multimedia {
	clear:both;
	text-align:left;
    margin:0;
	width:100%;
	min-height:200px;
	max-height:1000px;
	min-width:900px;
	max-width:1400px;
	float:left;
	background-color:#eee;
	margin:0 40% 0 10%;



/* re: code above: inline html: css animation::   .multimedia {display:none}  */
}


/*  ******* MULTIMEDIA AND MEDIA DIV IMAGES ***** */

.multimedia img  {
	display:inline;
  border:0;
  float:right;
  margin:10px 25px 25px 25px;
 
} 



/* ******** LONG   LONG   LONG   *** */
#long {
	
	
}

#long img {
	display:block;
	float:right;
	min-width:600px;
	max-width:800px;
	max-height:100px;

}


/* ********  MULTIMEDIA STATIC PLAYLIST UL LI   *** */
.multimedia li {
	list-style-type:none;
	display:block;
	font-family: Georgia, Times New Roman, serif;
		font-size: .5em;
		font-weight: bold;
		color: blue;
		line-height: 22px;
		margin: 0;
		text-transform: uppercase;
		letter-spacing: .5px;
		max-width:400px;
	
	}
	
	.multimedia ul {
		max-width:500px;
	}

.multimedia li span {	font-family: Georgia, Times New Roman ,serif;
		font-size: .95em;
		line-height: 22px;
		text-transform: none;
		letter-spacing: 2px;
		color:black; 

}

.multimedia p {
	font-family: helvetica, arial, sans-serif;
	font-size:.75em;
        font-weight: bold;
	letter-spacing:-.8px;
	display:inline;
	margin:5px;
	text-transform: uppercase;
	width:300px;
	padding:2px;
}





/*  ****   jPlayer by HAPPYWORM.COM    you guys rock!!!  ******/
#outer_player, #outer_player2, #outer_player3, #outer_player4, #outer_player5, #outer_player6, #outer_player7 {
	margin:.2em;
	

}

#player_container, #player_container2, #player_container3, #player_container4, #player_container5, #player_container6, #player_container7 {
	float:left;
	margin:50px 0px 0px 0px;
	position: relative;
	background-color:#eee;
	width:418px;
	height:100px;
	border:0;
	/* border: 10px solid #000;
  -moz-border-radius:10px;
  -webkit-border-radius: 10px; */
}
#player_container,  ul#player_controls, #player_container2, ul#playercontrols2, #player_container3, ul#playercontrols3, #player_container4, ul#playercontrols4, #player_container5, ul#playercontrols5, #player_container6, ul#playercontrols6, #player_container7, ul#playercontrols7 {
	list-style-type:none;
	padding:0;
	margin: 0;
}
#player_container,  ul#player_controls li, #player_container2,  ul#player_controls2 li, #player_container3,  ul#player_controls3 li, #player_container4,  ul#player_controls4 li, #player_container5,  ul#player_controls5 li, #player_container6,  ul#player_controls6 li, #player_container7,  ul#player_controls7 li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play, #player_pause, #player_play2, #player_pause2, #player_play3, #player_pause3, #player_play4, #player_pause4, #player_play5, #player_pause5, #player_play6, #player_pause6, #player_play7, #player_pause7 {
	display: block;
	position: absolute;
	left:40px;
	top:20px;
	width:40px;
	height:40px;
	cursor: pointer;}

#player_play, #player_play2, #player_play3, #player_play4, #player_play5, #player_play6, #player_play7 {
	background: url("sandwichmedia/images/spirites.jpg") 0 0 no-repeat;
}
#player_play.different_prefix_example_hover, #player_play2.different_prefix_example_hover, #player_play3.different_prefix_example_hover, #player_play4.different_prefix_example_hover, #player_play5.different_prefix_example_hover, #player_play6.different_prefix_example_hover, #player_play7.different_prefix_example_hover {
	background: url("sandwichmedia/images/spirites.jpg") -41px 0 no-repeat;
}
#player_pause, #player_pause2, #player_pause3, #player_pause4, #player_pause5, #player_pause6, #player_pause7 {
	background: url("sandwichmedia/images/spirites.jpg") 0 -42px no-repeat;
}
#player_pause.different_prefix_example_hover, #player_pause2.different_prefix_example_hover, #player_pause3.different_prefix_example_hover, #player_pause4.different_prefix_example_hover, #player_pause5.different_prefix_example_hover, #player_pause6.different_prefix_example_hover, #player_pause7.different_prefix_example_hover {
	background: url("sandwichmedia/images/spirites.jpg") -41px -42px no-repeat;
}
#player_stop, #player_stop2, #player_stop3, #player_stop4, #player_stop5, #player_stop6, #player_stop7 {
	position: absolute;
	left:90px;
	top:26px;
	background: url("sandwichmedia/images/spirites.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}
#player_stop.different_prefix_example_hover, #player_stop2.different_prefix_example_hover, #player_stop3.different_prefix_example_hover, #player_stop4.different_prefix_example_hover, #player_stop5.different_prefix_example_hover, #player_stop6.different_prefix_example_hover, #player_stop7.different_prefix_example_hover {
	background: url("sandwichmedia/images/spirites.jpg") -29px -83px no-repeat;
}
#player_progress, #player_progress2, #player_progress3, #player_progress4, #player_progress5, #player_progress6, #player_progress7 {
	position: absolute;
	left:130px;
	top:32px;
	background-color: #eee;
	width:122px;
	height:15px;
}
#player_progress_load_bar, #player_progress_load_bar2, #player_progress_load_bar3, #player_progress_load_bar4, #player_progress_load_bar5, #player_progress_load_bar6, #player_progress_load_bar7 {
	background: url("sandwichmedia/images/bar_load.gif")  top left repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
#player_progress_load_bar.different_prefix_example_buffer, #player_progress_load_bar2.different_prefix_example_buffer, #player_progress_load_bar3.different_prefix_example_buffer, #player_progress_load_bar4.different_prefix_example_buffer, #player_progress_load_bar5.different_prefix_example_buffer, #player_progress_load_bar6.different_prefix_example_buffer, #player_progress_load_bar7.different_prefix_example_buffer {
	background: url("sandwichmedia/images/bar_buffer.gif")  top left repeat-x;
}
#player_progress_play_bar, #player_progress_play_bar2, #player_progress_play_bar3, #player_progress_play_bar4, #player_progress_play_bar5, #player_progress_play_bar6, #player_progress_play_bar7 {
	background: url("sandwichmedia/images/bar_play.gif") top left repeat-x ;
	width:0px;
	height:15px;
}
#player_volume_min, #player_volume_min2, #player_volume_min3, #player_volume_min4, #player_volume_min5, #player_volume_min6, #player_volume_min7 {
	position: absolute;
	left:274px;
	top:32px;
	background: url("sandwichmedia/images/spirites.jpg") 0 -170px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

#player_volume_max, #player_volume_max2, #player_volume_max3, #player_volume_max4, #player_volume_max5, #player_volume_max6, #player_volume_max7 {
	position: absolute;
	left:346px;
	top:32px;
	background: url("sandwichmedia/images/spirites.jpg") 0 -186px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

#player_volume_min.different_prefix_example_hover, #player_volume_min2.different_prefix_example_hover, #player_volume_min3.different_prefix_example_hover, #player_volume_min4.different_prefix_example_hover, #player_volume_min5.different_prefix_example_hover, #player_volume_min6.different_prefix_example_hover, #player_volume_min7.different_prefix_example_hover {
	background: url("sandwichmedia/images/spirites.jpg") -19px -170px no-repeat;
}

#player_volume_max.different_prefix_example_hover, #player_volume_max2.different_prefix_example_hover, #player_volume_max3.different_prefix_example_hover, #player_volume_max4.different_prefix_example_hover, #player_volume_max5.different_prefix_example_hover, #player_volume_max6.different_prefix_example_hover, #player_volume_max7.different_prefix_example_hover {
	background: url("sandwichmedia/images/spirites.jpg") -19px -186px no-repeat;
}

#player_volume_bar, #player_volume_bar2, #player_volume_bar3, #player_volume_bar4, #player_volume_bar5, #player_volume_bar6, #player_volume_bar7 {
	position: absolute;
	left:292px;
	top:37px;
	background: url("sandwichmedia/images/volume_bar.gif") repeat-x top left;
	width:46px;
	height:5px;
	cursor: pointer;
}
#player_volume_bar_value, #player_volume_bar_value2, #player_volume_bar_value3, #player_volume_bar_value4, #player_volume_bar_value5, #player_volume_bar_value6, #player_volume_bar_value7 {
	background: url("sandwichmedia/images/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:5px;
}

#player_playlist_message, #player_playlist_message2, #player_playlist_message3,  #player_playlist_message4,  #player_playlist_message5,  #player_playlist_message6,  #player_playlist_message7 {
	position: absolute;
	left:0;
	bottom:0;
	width:338px;
	padding:5px 40px 10px 40px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.4em;
	height:1em;
	background-color:#ccc;
}

#song_title, #song_title2, #song_title3, #song_title4, #song_title5, #song_title6, #song_title7 {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	font-weight:bold;
}

#play_time, #total_time, #play_time2, #total_time2, #play_time3, #total_time3, #play_time4, #total_time4, #play_time5, #total_time5, #play_time6, #total_time6, #play_time7, #total_time7 {
	padding-top:.3em;
	font-weight:normal;
	font-style:oblique;
	font-size:.7em;
}

#play_time, #play_time2, #play_time3, #play_time4, #play_time5, #play_time6, #play_time7 {
	float:left;
}

#total_time, #total_time2, #total_time3, #total_time4, #total_time5, #total_time6, #total_time7 {
	float:right;
	text-align: right;
}

.miaow {
	font-size:.8em;
	color:#999;
}




#footer {
	clear:both;
	text-align:center;
	margin:50px auto 10px auto;
	max-width:1400px;
	min-width:400px;
}

#footer h1 {text-align:right;
font-family:helvetica, arial; text-transform:uppercase;font-size: .8em; font-weight: 100; line-height: 1em; border-bottom: 10px solid #eee; 
  margin:0 .4em 0 0;}
#footer h2 {color:gray;margin:2em 3em .5em 2em; font-family:Georgia;
	font-size: .6em;
        font-weight: bold;
	text-transform:uppercase;
	letter-spacing:2px;
	border-bottom: 1.3px solid #eee; 	/* previously a hot pink #FF00FF */
	}
	
	#footer h2  a {
		color:black;
		text-decoration:none;
		
	}
	#footer h2 a:hover {
		text-decoration:underline;
	}