/* 

	 AUTHOR:  Dan King
	 					neomusecreative@gmail.com
					
*/

/* RESETS AND PAGE SETUP */
* { margin: 0; padding: 0 }
html { overflow-y: scroll; }

body {
	padding:0;
	font-family: "Garamond", tahoma, verdana, arial, sans-serif;
	font-size:85%;
	background-color: #faf6e9;
	
	background-attachment: fixed;

}

li {font-size:1.1em; font-weight: bold;}
h1 {font-size: 5.5em; color: #660014;}
h2 {font-size: 1.8em; color: #660014; padding-top: 20px; padding-bottom: 25px;}
h3 {font-size: 1.5em; color: #660014; padding-top: 15px; padding-bottom: 10px;}
p {font-size: 1.1em; padding: 10px;}
 
/*  END RESET AND PAGE SETUP */

/*  TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX*/




#banner {
	color: #fde7ab;
	text-align: center;
	background: url(img/banner-bg.png) repeat-x;
	padding: 20px 0 20px 0;
}


#header {
	padding: 10px 0 50px 0;
	border-bottom: 2px solid #929321;
	border-top: 2px solid #929321;
	color: #fde7ab;
	background: #170306;
}


#header ul {
	float: left;
	width: 850px;
	position: absolute;
	left: 50%;
	margin-left: -425px;
}

#header li {
	display: inline;
	background-color: #170306;
	text-align: center;
}

#header li a {
	color: #fde7ab;
	font-weight: bold;
	text-decoration: none;
	padding: 0 10px 0 10px;
	
}

#header li a:hover, #header li a:active {
	color: #dc5e54;
}

#wrapper{
	width: 1000px;
	margin: 0 auto;
}

#main {
	background: none;
	width: 800px;
	margin: 70px 0 90px 100px;
	color: #250005;
	border: none;
	background: #faf6e9;
}	

#main .inside {
	padding: 0 20px 20px 20px;
}

#main .inside-table {
	padding: 0 20px 20px 160px;
}

#home-list  {
	margin: 0 0 0 20px;
}

.drama-pic {
	margin: 10px 20px 10px 10px;
	float: left;
}

.drama-pictwo {
	margin: 40px 20px 30px 10px;
	float: left;
}

.headsong {
	margin: 0 0 0 55px;
}

.songlist {
	margin: 0 0 10px 150px;
}

.button-text {
	float: left;
}
	
.button {
	float: right;
	width: 200px;
	
}


/* Media Players */


#flow-player { width: 245px;  margin-top: 20px; background: #EAEAEA; }

#flow-caption { padding: 10px 10px 10px 15px; }
#flow-caption p { font-size: 14px;}

#flow-caption a { color: #ffffff; font-size: 16px; padding: 5px; border: 1px solid #000000; background: #02008f; margin-left: 35px; margin-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#flow-caption a:hover { background: #ffffff; border: 1px solid #02008f; color: #02008f; text-decoration: none; }





#obn-player { padding: 20px; }





				
	
#footer {
	padding: 10px 0 10px 0;
	border-top: 2px solid #929321;
	color: #dc5e54;
	background: #250005;
	text-align: center;
	
}




#footer li {
	display: inline;
	background-color: transparent;
	color: #ffffff;
}

#footer li a {
	margin-left: 10px;
	margin-right: 10px;
	color: #fde7ab;
	font-weight: normal;
	text-decoration: underline;
	font-size: 0.9em;
	
}

#footer li a:hover, #header li a:active {
	color: #930024;
}

.text_footer_header3 {
	text-decoration: none;
	color: #930024;
}

.text_footer_header3:hover {
	text-decoration: underline;
}



/* Javascript menu styles */

#sddm
{	margin: 0;
	z-index: 20;
	text-align:center;
}

#sddm li {	
	padding: 0 5px 0 5px;
	list-style: none;
	float: left;
	font: 20px "Garamond";
	text-align: center;
	
}

#sddm li a {	
	display: block;
	width: 110px;
	background: #170306;
	color: #fde7ab;
	text-decoration: none;
}

#sddm div {	
	position: absolute;
	visibility: hidden;
	margin-top: 8px;
	margin-left: -40px;
	padding: 0;
	background: #000000;
	
}

#sddm #m1 {	
	position: absolute;
	visibility: hidden;
	margin-top: 8px;
	margin-left: -10px;
	padding: 0;
	background: #000000;
	
}

#sddm div a {	
		position: relative;
		display: block;
		padding:  5px 10px; 
		width: auto;
		white-space: nowrap;
		text-decoration: none;
		background: #170306;
		color: #fde9b1;
		font: 16px "Garamond";
		
}

#sddm div a:hover {	
	background: #170306;
	color: #dc5e54;
}


.single-heading { margin-top: 10px; }







#formLeft {
	margin: 100px 0 0 30px;
	float: left;
}

#formLeft input {		
		width: 250px;
		height: 25px;
		margin: 0 0 20px 0;
		border: 1px solid #660014;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		text-align: center;
		background-color: #ffffff;
		font-size: 0.8em;
}

#formLeft label {
	display: block;
	font-size: 0.8em;
        color: #660014;
        font-family: helvetica, arial;
	
}

#formRight {
	margin: 10px;
	float: right;
}

#formRight label {
	margin-left: 20px;
        color: #660014;
        font-family: helvetica, arial;
}

.input-bg {
	margin-bottom: 20px;
	
}

#formRight {
	width: 360px;
	float: right;
	padding-right: 44px;
	}
#formRight textarea {
		width: 298px;
		height: 209px;
		display: block;
		border: 1px solid #660014;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background: #ffffff;
		margin: 0 0 0 20px;
		padding: 13px 0 13px 0;
		font-family: Helvetica, arial;
		font-size: 0.8em;
		overflow: auto;
}

label {
	display: block;
	font-size: 0.8em;
	
}

input.submit-button {
	float: right;
	margin-right: 40px;
	padding: 5px;
	color: #660014;
	font-weight: bold;
	border: 1px solid #660014;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input.submit-button:hover {
	background-color: #660014;
	color: #faf6e9;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.thanks-content {
	margin: 175px 0 200px 175px;
        
}

.error-content {
	margin: 275px 0 200px 300px;	
}

.about-content {
	margin: 150px 30px 20px 30px;
        
}





div.jp-single-player,
div.jp-playlist-player {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:1.25em;

	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #666;
}
div.jp-interface {
	position: relative;
	background-color:#eee;
	width:418px;
	height:80px;
	border:1px solid #009be3;
}
div.jp-single-player div.jp-interface {
	border-bottom:none;
}
div.jp-playlist-player div.jp-interface {
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
div.jp-interface ul.jp-controls li {
	position: absolute;
}
div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	top:20px;
	width:40px;
	height:40px;
}
div.jp-single-player a.jp-play,
div.jp-single-player a.jp-pause {
	left:40px;
}
div.jp-playlist-player a.jp-play,
div.jp-playlist-player a.jp-pause {
	left:48px;
}
a.jp-play {
	background: url("jplayer.blue.monday.jpg") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("jplayer.blue.monday.jpg") -41px 0 no-repeat;
}
a.jp-pause {
	background: url("jplayer.blue.monday.jpg") 0 -42px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("jplayer.blue.monday.jpg") -41px -42px no-repeat;
}
a.jp-stop {
	top:26px;
	background: url("jplayer.blue.monday.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
}
div.jp-single-player a.jp-stop {
	left:90px;
}
div.jp-playlist-player a.jp-stop {
	left:126px;
}
a.jp-stop:hover {
	background: url("jplayer.blue.monday.jpg") -29px -83px no-repeat;
}
a.jp-previous {
	left:20px;
	top:26px;
	background: url("jplayer.blue.monday.jpg") 0 -112px no-repeat;
	width:28px;
	height:28px;
}
a.jp-previous:hover {
	background: url("jplayer.blue.monday.jpg") -29px -112px no-repeat;
}
a.jp-next {
	left:88px;
	top:26px;
	background: url("jplayer.blue.monday.jpg") 0 -141px no-repeat;
	width:28px;
	height:28px;
}
a.jp-next:hover {
	background: url("jplayer.blue.monday.jpg") -29px -141px no-repeat;
}
div.jp-progress {
	position: absolute;
	overflow:hidden;
	top:32px;
	background-color: #ddd;
	width:122px;
	height:15px;
}
div.jp-single-player div.jp-progress {
	left:130px;
}
div.jp-playlist-player div.jp-progress {
	left:164px;
}
div.jp-load-bar {
	background: url("jplayer.blue.monday.jpg") 0 -202px repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("jplayer.blue.monday.jpg") 0 -218px repeat-x ;
	width:0px;
	height:15px;
}
a.jp-volume-min {
	top:32px;
	background: url("jplayer.blue.monday.jpg") 0 -170px no-repeat;
	width:18px;
	height:15px;
}
div.jp-single-player a.jp-volume-min {
	left:274px;
}
div.jp-playlist-player a.jp-volume-min {
	left:296px;
}
a.jp-volume-min:hover {
	background: url("jplayer.blue.monday.jpg") -19px -170px no-repeat;
}
a.jp-volume-max {
	top:32px;
	background: url("jplayer.blue.monday.jpg") 0 -186px no-repeat;
	width:18px;
	height:15px;
}
div.jp-single-player a.jp-volume-max {
	left:346px;
}
div.jp-playlist-player a.jp-volume-max {
	left:368px;
}
a.jp-volume-max:hover {
	background: url("jplayer.blue.monday.jpg") -19px -186px no-repeat;
}

div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	top:37px;
	background: url("jplayer.blue.monday.jpg") 0 -250px repeat-x;
	width:46px;
	height:5px;
	cursor: pointer;
}
div.jp-single-player div.jp-volume-bar {
	left:292px;
}
div.jp-playlist-player div.jp-volume-bar {
	left:314px;
}
div.jp-volume-bar-value {
	background: url("jplayer.blue.monday.jpg") 0 -256px repeat-x;
	width:0px;
	height:5px;
}
div.jp-play-time,
div.jp-total-time {
	position: absolute;
	top:49px;
	width:122px;
	font-size:.64em;
	font-style:oblique;
}
div.jp-total-time {
	text-align: right;
}
div.jp-single-player div.jp-play-time,
div.jp-single-player div.jp-total-time {
	left:130px;
}
div.jp-playlist-player div.jp-play-time,
div.jp-playlist-player div.jp-total-time {
	left:164px;
}
div.jp-playlist {
	width:418px;
}
div.jp-playlist ul{
	list-style-type:none;
	margin:0;
	padding:0 20px;
	background-color:#ccc;
	border:1px solid #009be3;
	border-top:none;
	width:378px;
	font-size:.72em;
}
div.jp-single-player div.jp-playlist li {
	padding:5px 0 5px 20px;
	font-weight:bold;
}
div.jp-playlist-player div.jp-playlist li {
	padding:5px 0 4px 20px;
	border-bottom:1px solid #eee;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last {
	padding:5px 0 5px 20px;
	border-bottom:none;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {
	list-style-type:square;
	list-style-position:inside;
	padding-left:8px;
}
div.jp-playlist-player div.jp-playlist a {
	color: #666;
	text-decoration: none;
}
div.jp-playlist-player div.jp-playlist a:hover {
	color:#0d88c1;
}
div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current {
	color:#0d88c1;
}