body {
  margin:0;
  padding:0 0 30px 0;
  width:100%;
  text-align:center;
  background:#000021 url('../images_pres/body_bkgnd.png') top left repeat-x;
  font-family:Lato, sans-serif;
  font-size:18px; /*default font size, mainly for ie6*/
  line-height:1.4em;
}

a {
  text-decoration:none;
  color:blue;
}

a:hover {
  text-decoration:underline;
}

a:visited {
  color:navy;
}

a:hover img {
	opacity:0.8;
	filter: alpha(opacity = 50);
}
blockquote {
	font-size:90%;
}
blockquote div {
	text-align:right;
	color:green;
	font-style:italic;
}
blockquote p {
	
	margin-bottom:5px;
}
h1, h2, h3 {
  font-weight:normal;
  color:green;
}

h1 {
	font-size:1.8em;
	font-family:Oswald;
	margin:0 0 .3em 12px;
	padding:0;
	text-transform:uppercase;
	line-height:1.2em;
}

h2 {
	color:green;
	font-size:22px;
	font-family:Oswald;
	margin:0 12px;
	padding:0;
	text-transform:uppercase;
	line-height:30px;
}

h3 {
	font-size:1.3em;
	font-family:Oswald;
	margin:0 12px;
	padding:0;
	text-transform:uppercase;
}
h4 {
	color:green;
	font-size:15px;
	margin:0 12px 6px;
	padding:0;
	font-weight:normal;
}


h1 a, h2 a, h3 a, h4 a {
	color:green;
}

h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
	color:green;
}

p {
	margin:0 12px 10px;
}
ul {
	margin:0 12px 10px;
}


img {
	display:block;
	margin:6px 12px 6px;
	max-width:100%;
}

img.border {
border:#dcdcdc 1px solid;
}


a img {
	border:none;
}

ol {
	margin-right:12px;
}
ol li {
	margin-bottom:4px;
}

cite {
  font-style:normal;
}
form {
	margin:0 12px 12px;
}
form label {
	display:block;
	margin:0 5px 5px 0;
}
form label span {
	display:block;
}

#container {
	max-width:960px;
	margin:auto;
	text-align:left;
}

#content {
  background:white url('../images_pres/content_bkgnd.jpg') 0 0 repeat;
  overflow:hidden;
  text-align:left;
  padding-bottom:12px;
  clear:both;
}

#leftcol {
  float:left;
  width:65%;
}

#rightcol {
  float:left;
  width:35%;
}

#rightcol .cblock img {
  margin:10px;
}

#single_column .cblock {
  margin-right:12px;
}

.cblock {
	margin:12px 0 0 12px;
	overflow:hidden;
	padding:10px 0 0 0;
}

#topbanner {
	position:relative;
	height:319px;
	background:url('../images_pres/topbanner.jpg') top left no-repeat;
	border-top:5px black solid;
	
}

#logo_link {
	display:block;
	position:absolute;
	background:url('../images_pres/fss_logo.png') 0 0 no-repeat;
	width:386px;
	height:158px;
	top:15px;
	left:30px;
}


#footer {
	border-top:black 4px solid;
	border-bottom:black 4px solid;
	background:#074b10;
	overflow:hidden;
	}

#footer h2 {
  margin:0 12px 0 12px;
  color:yellow;
}

#footer p {
  color:white;
  margin:0 12px 0 12px;
}

#secondary_menu, #legal, #contact {
  float:left;
  margin:12px 0;
}

#secondary_menu {
  width:25%;
}

#secondary_menu ul {
  list-style-type:none;
  padding:0;
  margin:0 12px 0 12px;
  color:white;
}

#secondary_menu li:hover {
  background:#009933;
  padding-left:5px;
}

#secondary_menu a {
  text-decoration:none;
  color:white;
}

#legal {
  width:50%;
  border-right:white 1px solid;
  
}

#contact {
  width:35%;
  position:relative;
}

#contact p {
  font-size:17px;
}

#contact a {
  color:yellow;
}

#contact a:hover {
  background:#009933;
  text-decoration:none;
}
.wrap {
	overflow:hidden;
}
.cleared {
	clear:both;
}
.column {
	float:left;
}
.divider {
	border-bottom:1px green solid;
	margin:0 12px;
}
.divider.fullwidth {
	width:90%;
}
.left {
	float:left;
}
small {
	font-size:70%;
	line-height:.5em;
}
.smalltext {
	font-size:70%;
	line-height:1.3em;
}

a.bulk_download {
	font-weight:bold;
	
	font-size:19px;
}

#rightcol .cblock .jp-single-player-wrapper {
  margin:0 10px;
}

.topbanner_full .ss_promo_topbanner {
  position:absolute;
  left:35px;
  top:225px;
}

#ss_total_browse {
	float:left;
	width:150px;
	background:green url(../images_pres/ss_total_browse_bkgnd.png) left top repeat-x;
	text-align:center;
	padding:10px;
	margin:4px 12px 0px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

#ss_total_browse span {
	display:block;
}

#ss_total_browse .ss_current_total {
	font-family:Oswald;
	color:yellow;
	font-size:60px;
	line-height:60px;
}

#ss_total_browse .ss_current_total_subtitle {
	float:left;
	color:yellow;
	width:150px;
	font-size:16px;
	margin-top:7px;
	margin-right:7px;
}
#ss_total_browse .ss_browse_link {
	display:block;
	clear:both;
	color:white;
	font-size:18px;
	padding-top:5px;
}

#ss_total_browse .ss_browse_link:visited {
	color:white;
}
.trans:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}
	

/* SS browser shortcut box */
.ss_browser_box {
  height:75px;
  width:268px;
  background:url(../images_pres/song_browser_box_bkgnd.png) left top repeat-x;
  text-align:center;
}

.ss_browser_box h2 {
  color:yellow;
  font-size:23px;
  font-family:GentiumBasicRegular;

}

.ss_browser_box form {
  margin:5px;
}

.ss_browser_box label {
  color:yellow;
  font-size:22px;
}

.ss_browser_box select {
  width:120px;
}

.ss_browser_box button {
  width:65px;
}

.topbanner_full .ss_browser_box {
  position:absolute;
  left:35px;
  top:225px;
}

/* end ss browser box */

.song_browser_control {
  width:720px;
  background:url(../images_pres/song_browser_control_bkgnd.png) left top repeat-x;
  margin:10px 10px -12px;
  padding:4px 10px 4px 10px;
}

.song_browser_control form {
  margin:0;
  padding:0;
}

.song_browser_control label {
  color:yellow;
  font-size:22px;
}

.song_browser_control select {
  width:120px;
}

.song_browser_control button {
  width:65px;
  height:26px;
}

.ss_subtitle {
  margin: 0 0 3px 10px;
  font-size:19px;
  color:green;
}

.player {

}

.player_header {

}

.download_button_link {
  
}



.song_browser {
  
}

.song_browser_group {
  padding-bottom:4px;
  background:url(../images_pres/song_browser_group_shadow.png) left bottom repeat-x;
  margin:10px;
}

.song_browser_group_heading {
  margin-left:0;
}

.song_browser_group_heading {
	font-size:19px;
}

/* ss browser group table */
.song_browser_group_table {
  width:100%;
  border-right:1px #dcdcdc solid;
  border-left:1px #dcdcdc solid;
  border-collapse:collapse;
}

/* table headings */

.song_browser_group_table_header {
  background:#dcdcdc;
  height:30px;
}

.song_browser_group_table_header th {
  padding-left:5px;
}

.song_browser_title_header {
  text-align:left;
  width:80%
}


.song_browser_reference_header {
  width:20%;
  text-align:left;
}

.song_browser_preview_header {
  text-align:center;
}

.song_browser_download_header {
  padding:default .5em;
  text-align:center;
}

.song_browser_publishedon_header {
	width:100px;
	padding:default .5em;
	text-align:left;
}

/* table rows */
.song_browser_row {
  height:35px;
  border-bottom:#dcdcdc 1px solid;
  background:white;
}

.song_browser_title {
  padding-left:5px;
}

.song_browser_reference {
  text-align:left;
  padding-left:5px;
}

.song_browser_preview {
}
.song_browser_time {
	text-align:center;
  padding:0 .5em;
}
.song_browser_download {
  text-align:center;
  padding:0 .5em;
}

.song_browser_publishedon {
	padding-left:5px;
}
/* ----------------------------------------- */

.ss_footnote {
  font-size:14px;
  line-height:16px;
  font-family:GentiumBasicItalic, georgia, "times new roman", serif;
}

.ss_daily_subtitle {
  text-align:center;
}



#ss_copyright {
  text-align:center;
  clear:both;
  padding:0 .5em;
}

span.ss_reference {
  white-space:nowrap;
}

/* ----------------------------------- Blog ----------------------------------*/ 

.blog_entry {
}

.be_author {
}

.be_date {
}

.be_readmore {
  text-align:right;
}

.be_title {
	line-height:1.2em;
}

.be_title a {
  color:green;
}




.be_summary {

}
   

.blog_featured li {
	margin-left:25px;
}
.blog_featured ul {
  list-style-type:none;
  margin:0;
  padding:0;
  margin:0 10px 10px;
}

.blog_featured ul li {
  margin:5px 0 0 0;
  padding:0;
}

.blog_featured ul li span {
display:block;
}


.blog_archives li {
	margin-left:25px;
}
.blog_archives ul {
  list-style-type:none;
  margin:0;
  padding:0;
  margin:0 10px 10px;
}

.blog_archives ul li {
  margin:5px 0 0 0;
  padding:0;
}

.blog_archives ul li span {
display:block;
}

.be_date {
  
}
.pageList {
	list-style-type:none;
	margin:0 12px 12px;
	padding:4px;
}
.pageList li a {
	display:block;
	float:left;
	padding:8px;
}
.pageList li.active a {
	border:1px blue solid;
}
.blogPrevNext {
	clear:both;
	padding:12px 24px 12px 12px;
}
.blogPrevNext a {
	display:block;
}
.blogPrevLink {
	float:left;
}
.blogNextLink {
	float:right;
}
/* -------------------------------- Music --------------------------------- */
.m_lyrics {
	float:left;
	width:40%;
}
.m_lyrics p {
	margin-top:15px;  
}

.m_lyrics p span {
	display:block;
	font-weight:bold;
}

.m_lyrics h2 {
	margin-bottom:-10px;
}
.m_description {
	float:right;
	width:55%;
}

.m_download a {
	display:block;
	margin:0 10px;
	width:240px;
	height:50px;
	position:relative;
	color:white;
}

.m_download a:hover {
	color:yellow;
	text-decoration:none;
}

.m_download a span {
	display:block;
	position:absolute;
	left:45px;
	top:28px;
	font-size:14px;
}

.m_download_hi {
	background:url('../images_pres/m_download_hi_bkgnd.png') -2px -2px no-repeat;
}

.m_download_hi:hover {
	background:url('../images_pres/m_download_hi_bkgnd.png') -2px -54px no-repeat;
}

.m_download_lo {
	background:url('../images_pres/m_download_lo_bkgnd.png') -2px -2px no-repeat;
}

.m_download_lo:hover {
	background:url('../images_pres/m_download_lo_bkgnd.png') -2px -54px no-repeat;
}


/* contact form */
#contact_form_main {
  display:block;
  margin:12px;
}

#contact_form_main label {
  display:block;
  float:left;
  margin:0 5px 5px 0;
  margin-left:0;
}

#contact_form_main #email {
  width:170px;
}

#contact_form_main #text_label {
  float:none;
clear:both;
}

.img_w_caption {
	background:#dcdcdc;
	margin:12px 12px 0 12px;
}

.img_w_caption img {
	margin:0px;
}

.img_w_caption i, .img_w_caption em {
	font-family:arial, sans;
}

.img_w_caption span {
	display:block;
	padding:5px;
	font-size:13px;
	font-family:arial, sans;
}

.lbsTooltip em {
	font-family:inherit;
	text-decoration:italic;
}
#ss_prev_next {
	clear:both;
	overflow:hidden;
	margin:0 12px;
	padding-top:15px;
}

#ss_prev_next a {
	display:block;
	font-size:115%;
}
#ss_prev {
	float:left;
}
#ss_next {
	float:right;
}

#ss_featured {
	list-style-type:none;
	padding:0;
}
#ss_featured li {
	margin-bottom:6px;
}
#ss_featured li span {
	white-space:nowrap;
}

/* LOGIN */
.loginForm {
}
.loginForm fieldset {
	border:none;
	margin:0;
	padding:0;
}

/* REGISTER */
.register .section {
	clear:both;
}
.register .section label {
	float:left;
	width:170px;
}
p.registerMessage {
	color:green;
	font-weight:bold;
}
form .error {
	color:red;
	font-size:11px;
}
form .section {
	overflow:hidden;
	margin-bottom:6px;
}
.cblock .sharethis {
	text-align:center;
}

.column.left {
	float:left;
}
.column.right {
	float:right;
}
.column.right.one-third {
	width:33%;
}

.column.left.two-thirds {
	width:66%;
}

.submitButton {
	padding:10px 18px;
}
audio {
	height:30px;
	width:300px;
	background:green;
}
.small-only {
	display:none;
}


h1.page_header {
	margin-top:12px;
	font-size:20px;
	text-align:center;
}
h2.page_title {
	font-size:1.5em;
	text-align:center;
}

/* Scripture songs display page */


#ss_prev_box, #ss_next_box {
	float:left;
	width:125px;
	padding-bottom:1px; /* prevents the floats from sliding if this box is empty */
} 

#ss_listen_download {
	float:left;
	padding:0 0 20px;
	width:250px;
}
.download_button_link {
	display:block;
	float:right;
	width:240px;
	height:50px;
	background:url('../images_pres/ss_download_bkgnd.png') -2px -2px no-repeat;
}
.download_button_link:hover {
	background:url('../images_pres/ss_download_bkgnd.png') -2px -54px no-repeat;
}
#ss_player_nav {
	width:520px;
	overflow:hidden;
	clear:both;
	margin:auto;
	padding:17px 0 0;
}
.ss_nav {
	display:block;
	color:black;
}
.ss_prev {
	margin:12px 10px 0 12px;
	text-align:right;
}
#ss_next_box {
	
}
.ss_next {
	margin:12px 12px 0 10px;
}
.ss_nav:hover {
	text-decoration:none;
	color:green;
}
.ss_nav:visited {
	color:black;
}
.ss_nav:visited:hover {
	color:green;
}
.ss_nav span {
	display:block;
}
.ss_nav_header {
	color:green;
	font-size:20px;
	font-family:Oswald;
	text-transform:uppercase;
}
.ss_nav:hover .ss_nav_header {
	color:#00872d;
}
.ss_nav_title {
	font-size:80%;
	line-height:1.4em;
}
	
.ss_nav_ref {
	font-size:80%;
	font-style:italic;
	line-height:1.4em;
}

#ss_download_copyright {
	width:246px;
	float:right;
}
#ss_commentary_lyrics {
	overflow:hidden;
	padding-top:15px;
}
#ss_commentary {
	float:right;
	width:65%;
}
#ss_lyrics {
	float:left;
	width:35%;
}
#ss_lyrics ol {
	
}

a.print_ss {
	display:block;
	padding:4px 4px 4px 20px;
	background:url(../images_pres/printer.png) 0 center no-repeat;
	color:green;
}
.download_buttons {
	clear:both;
	overflow:hidden;
	width:250px;
	margin:0 auto 12px;
}
.download_button, .download_button:visited {
	background:green;
	color:white;
	font-size:75%;
	display:block;
	float:left;
	padding:.5em 1em;
}
.download_button.mp3 {
	float:left;
}
.download_button.ogg {
	float:right;
}

.m_top {
	text-align:center;
}
.audio_player {
	width:250px;
	margin:0 auto 12px;
}
.mejs-container .mejs-controls .mejs-playpause-button {
	height:30px;
	width:30px;
}
.mejs-controls .mejs-button.mejs-playpause-button button {
	width:30px;
	height:30px;
	margin:0;
	background-size:272px 58px;
}
.mejs-controls .mejs-button.mejs-playpause-button.mejs-pause button {
	background-position:0 -28px;
}

@media screen and (max-width:700px) {
    #topbanner {
		max-height:250px;
	}
}