@charset "UTF-8";





/* ------------------------------------------------------------------------------------------------------*/
/* STYLES SPECIFIC TO THE WP-AUDIO PLUG-IN  -------------------------------------------------------------*/


/* NOTES: 

1. The wp-audio plug-in generates and outputs it's own CSS into the head of the document. THe plug-in code has been modified 
   to add the CSS in this doc right below all of the styles output by the plug-in. 
   
2. The only way to change the look and feel of the play/pause buttons was by replacing the images in the wp-audio plug-in folder.
   If these are ever overwritten at any time, back-up images can be found in the /themes/robbybenson/images/music/" folder.
   

This is the CSS rendered by the plug-in settings out of the box:

.wpa_container {display: inline-block; vertical-align: top; text-align: left; color: inherit;}
.wpa_container a {text-decoration: none; color: #24f;}
.wpa_container a:hover {text-decoration: none; color: #02f;}
.wpa_container, .wpa_container div, .wpa_container span, .wpa_container a {margin: 0; border: 0; padding: 0; font-weight: normal; letter-spacing: normal; line-height: normal;}
.wpa_container img.wpa_play {width: 16px; height: 14px; margin: 0 5px 0 0; border: 0; padding: 0; vertical-align: baseline; background: #888;}
.wpa_container span.wpa_text {font-family: Arial, Sans-serif; font-size: 18px; font-weight: bold; letter-spacing: -1px;}
.wpa_container div.wpa_bar, .wpa_container div.wpa_bar div {height: 5px; font-size: 1px; line-height: 1px; overflow: hidden;}
.wpa_container div.wpa_bar {display: none; position: relative; margin: 0 0 0 21px; background: #eee;}
.wpa_container div.wpa_bar div {position: absolute; top: 0px; left: 0px;}
.wpa_container div.wpa_bar div.wpa_bar_load {width: 0; z-index: 10; background: #ccc;}
.wpa_container div.wpa_bar div.wpa_bar_position {width: 0; z-index: 11; background: #46f;}
.wpa_container div.wpa_bar div.wpa_bar_click {width: 100%; z-index: 12; background: transparent; cursor: pointer;}
.wpa_container div.wpa_sub {display: none; position: relative; margin: 0 0 0 22px; color: #aaa;}
.wpa_container div.wpa_sub, .wpa_container div.wpa_sub span.wpa_time, .wpa_container div.wpa_sub span.wpa_dl {font-family: Arial, Sans-serif; font-size: 11px;}
.wpa_container div.wpa_sub a.wpa_dl {position: absolute; top: 0; right: 0;}
.wpa_container div.wpa_sub span.wpa_dl_info {display: none; position: absolute; top: -130%; left: 105%; border: 1px solid #ddf; padding: 5px; background: #f2f2ff;}


The following are our overrides:

*/

/* Override for text and styles */
#mainContent .wpa_container span.wpa_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0;
	position: relative;
	top: -0.5em;  /* center-align vertically with the button image*/
}

#mainContent .wpa_container a {
	display: block;
	position: relative;
	margin: -1px 0 0 0;
	width: 304px;
	height: 22px;
	padding: 7px 0 7px 8px;
	background: #1a1a1a url(../images/music/dottedVertRule.gif) no-repeat 39px center;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
#mainContent .wpa_container a:link		{ color: #cccccc; text-decoration: none; }
#mainContent .wpa_container a:visited	{ color: #cccccc; text-decoration: none; }
#mainContent .wpa_container a:hover		{ color: #7bb1b9; text-decoration: none; }
#mainContent .wpa_container a:active	{ color: #7bb1b9; text-decoration: none; }


/* Override for play/pause buttons */
#mainContent .wpa_container img.wpa_play {
	background: none no-repeat;
	border: 0 none;
	height: 23px;
	margin: 0 22px 0 0;
	padding: 0;
	vertical-align: center;
	width: 22px;
}


/* Overrides for status bar */
#mainContent .wpa_container div.wpa_bar { margin: 0 0 0 39px; background: #666; }
#mainContent .wpa_container div.wpa_bar div.wpa_bar_load { background: #ccc; }
#mainContent .wpa_container div.wpa_bar div.wpa_bar_position { background: #7bb1b9; }w