/* Styles to match StO WP theme in multimedia */
/* $Revision: 1178 $ */

/* Resetters */
* {
	margin:0;
	outline:0 none;
	padding:0;
}

/* Globals */
body {
	font-family:Arial,sans-serif;
	font-size:12px;
	line-height:1.3;
	background: none repeat scroll 0 0 #E5E2DB;
	margin:0;
	min-width:100%;
	padding-bottom:37px;
}

a {
	color: #CF9123;
	cursor: pointer;
	text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: 0 none;
}

ul {
	list-style: none outside none;
}

input, textarea, select {
	font-family: arial,sans-serif;
	font-size: 12px;
}

textarea {
	overflow: auto;
}

.cl {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.notext {
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
}

.left, .alignleft {
	display: inline;
	float: left;
}

.right, .alignright {
	display: inline;
	float: right;
}

.aligncenter {
	text-align:center;
}

.hidden { 
	display: none; 
}

/* Elements - Global Setters */
.grayback {
	background-color:#ECEAE5;
}

.red, .redbox h3 {
	color:#92151E;
}

.blue, .bluebox h3 {
	color:#5F7787;
}

.green, .greenbox h3 {
	color:#5F8877;
}

.gold, .goldbox h3 {
	color:#D28E00;
}

.redbox {
	border:1px solid #DDDDDD;
	box-shadow: 0px 0px 3px #DDDDDD;
	border-top: 4px solid #92151E;
}

.bluebox {
	border:1px solid #DDDDDD;
	box-shadow: 0px 0px 3px #DDDDDD;
	border-top: 4px solid #5F7787;
}

.greenbox {
	border:1px solid #DDDDDD;
	box-shadow: 0px 0px 3px #DDDDDD;
	border-top: 4px solid #5F8877;
}

.goldbox {
	border:1px solid #DDDDDD;
	box-shadow: 0px 0px 3px #DDDDDD;
	border-top: 4px solid #D28E00;
}

/* Elements - Input Boxes & Buttons */
.inputbox {
	position:relative;
	background: url('images/search-field.png') no-repeat scroll 0 0 transparent;
	height: 21px;
	width: 100%;
}

.inputassist-text {
	color: #636466;
}

.inputfield {
	float:left;
	width:80%; /*fallback*/
	width:calc(100% - 32px);
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	color: #636466;
	font-size: 11px;
	line-height: 14px;
	padding: 4px 0 3px 6px;
}

.inputsel {
	width:100%;
	border: 0 none;
	background: none repeat scroll 0 0 transparent;
	color: #636466;
	font-size: 11px;
	line-height: 14px;
	padding: 3px 0 3px 6px;
}

.searchbutton {
	float:right;
	background: url('images/search-button.png') no-repeat scroll 0 0 transparent;
	border: 0 none;
	cursor: pointer;
	height: 21px;
	width: 26px;
}

/* Elements - Outer */
#shell { /* 2012 name was wrapper */
	background: none repeat scroll 0 0 #FFFFFF;
	width:923px;
	margin:0 auto;
	padding:0 16px;
}

#detachshell { 
	background: none repeat scroll 0 0 #FFFFFF;
	width:380px;
	padding:10px;
	color: #4D4D4F;
}

/* Elements - Header */
#header {
	width:100%;
	height:129px;
}

#header img {
	position:absolute;
	width: 923px; 
	height: 129px; 
}

/* Elements - Navigation Bar */
#navigation {
	width: 923px; 
	height: 26px; 
	background: url('images/navigation.png') repeat-x; 
	padding-top: 9px; 
}

#navigation ul {
	padding: 0 12px; 
	white-space: nowrap;
}

#navigation li {
	float: left; 
	display: inline; 
	padding-right: 58px;
}

#navigation li.current-menu-item a {
	text-decoration: none;
}

#navigation li:last-child {
	padding-right: 0;
}

#navigation li a {
	font-size: 14px; 
	line-height: 18px; 
	color: #fff; 
	font-weight: bold; 
	text-transform: uppercase;
}

#navigation li a:hover {
	color: #f3cb80; 
	text-decoration: none;
}

#navigation li.searchli {
	width: 240px;
	margin-top:-2px;
	float:right;
}

/* Elements - Inner */
#inner {
	width: inherit;
	color: #4D4D4F;
	margin-top:24px;
}

#inner p {
	padding-bottom: 14px;
}

#inner h2 {
	color: #637D5C;
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 14px;
}

#inner h3 {
	font-size:15px;
	padding-bottom:4px;
}

#inner h4 {
	font-size:13px;
	padding-bottom:4px;
}

#inner .tinytext {
	font-size:9px;
}

/* Content Area Positioning */
#content, #contenthead {
	position:relative;
	display: inline;
	float: left;
	margin: 0 0 20px 0;
}

.leftpane {
	width:663px;
}

.centerpane {
	width:428px;
}

.rightpane {
	width:688px;
}

.fullpane {
	width:923px;
}

.detachpane {
	width:380px;
}

/* Elements - Content Area */
#content p {
	line-height:23px;
}

#content p.indent {
	padding-left:15px;
}

#content ul {
	line-height:23px;
	padding-bottom:14px;
}

#content ul.dotlist {
	list-style:disc outside none;
	margin-left:30px;
}

#content ul > p {
	padding-bottom:0;
}

/* Elements - Homepage */
#inner.homepage {
	margin-top:6px;
}

#homeupper {
	width:inherit;
	height:368px;
}

#homethisweek {
	position:absolute;
	width:265px;
	height:340px;
	background-color:#5F7686;
	color:#FFFFFF;
	padding:14px;
}

#homethisweek.advent, #homethisweek.day_blue {
	background-color:#5F7686;
}

#homethisweek.lent, #homethisweek.day_purple {
	background-color:#635165;
}

#homethisweek.easter, #homethisweek.day_gold {
	background-color:#a47700;
}

#homethisweek.pentecost, #homethisweek.day_red {
	background-color:#90151e;
}

#homethisweek.ordinary, #homethisweek.day_green {
	background-color:#637d5c;
}

#homethisweek h3 {
	font-size:15px;
	color:#E5E2DB;
}

#homethisweek h4 {
	font-family: Arial,sans-serif;
	font-size:20px;
	margin:5px 0;
}

#homethisweek p {
	max-height:175px;
	overflow:hidden;
	padding-bottom:0;
	line-height:22px;
}

#homethisweek a {
	position:absolute;
	bottom:14px;
	right:14px;
	text-align:right;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bolder;
	background: url('images/circlearrow-gold-shadow.png') no-repeat right center;
	padding-right:40px;
}

#homerotate {
	position:absolute;
	right:0px;
	top:0px;
	height:inherit;
	width:630px;
}

#homerotate > ul {
	position:relative;
	height:inherit;
	width:inherit;
}

#homerotate > ul li {
	position:absolute;
	height:inherit;
	width:inherit;
}

#homerotate > ul li img {
	position:absolute;
	width:inherit;
	height:inherit;
}

#homelower {
	position:relative;
	margin-top:10px;
}

#homenews {
	position:relative;
	width:642px;
	min-height:190px;
	padding:10px 14px 0 14px;
}

#homenews h4 {
	font-size:14px;
	padding-bottom:8px;
}

#homenews a.readmore {
  position: absolute;
  right: 14px;
  bottom: 10px;
  background: url("images/arrow-orange.png") no-repeat scroll right center transparent;
  font-weight: bold;
  color:#4D4D4F;
  padding-right: 14px;
  text-align: right;
  text-transform: uppercase;
}

#homesponsors {
	position:absolute;
	right:0;
	top:0;
	width:250px;
	text-align:center;
}

#homesponsors h3 {
	font-family: Arial, sans-serif;
	font-size:18px;
	margin-bottom:14px;
}

#homesponsors li {
	margin-bottom:14px;
}

#homesponsors ul, #homesponsors li a {
	color: #4D4D4F;
	line-height:14px;
}

/* Elements - Subpages */
img.staffphoto {
	width:140px;
	height:178px;
	margin:6px 14px 6px 0;
	float:left;
}

img.left, img.right, img.center, img.staffphoto, .captionbox > img {
	border:3px solid #E5E2DB;
}

img.left, .captionbox.left {
	margin:6px 14px 6px 0;
}

img.right, .captionbox.right {
	margin:6px 0 6px 14px;
}

img.center, .captionbox.center {
	margin: 6px 0 6px 0;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.captionbox > div.caption {
	font-style:italic;
	padding:3px;
}

img.bigimg {
	cursor:pointer;
}

.singforjoy {
	text-transform:capitalize;
	font-style:italic;
}

.randomquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:15px;
	margin-top:20px;
	margin-left:40px;
	padding-left:28px;
	background:url('images/quoteleft.png') no-repeat 0 0;
}

table.downloads {
	margin-bottom:24px;
}

.downloads a, .downloads .dllink, .downloads .doclink {
	color:#205153;
    cursor:pointer;
}

.downloads .dllink:hover, .downloads .doclink:hover {
	color:#874D6D;
    box-shadow: 0px 0px 4px 2px #874D6D inset;
}

.downloads .tableheader {
	font-family: Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #B65415;
}

.downloads .showdate {
	width: 150px;
	height: 35px;
	background-color: #EEE;
	padding-left: 5px;
}

.downloads .prog {
	background-color: #FEE7BA;
	width: 60px;
	text-align: center;
}

.downloads .prom {
	background-color: #D1E9F3;
	width: 60px;
	text-align: center;
}

.downloads .pllink {
	width: 150px;
	text-align: center;
	background-color: #EEE;
}

.downloads .sxrpt {
	width: 60px;
	text-align: center;
	background-color: #EEE;
}

div.playerpop {
	position:absolute;
	top:6px;
	right:10px;
	height:18px;
	padding-right:22px;
	padding-top:1px;
	background:url('images/popup.png') top right no-repeat;
	font-size:10px;
	color:#a9a9a9;
	cursor:pointer;
}

.playershell {
	width:668px;
	height:110px;
	border:2px solid #e5e2db;
	padding:5px 8px;
}

.player {
	width:inherit;
	height:58px;
	background-color:#eee;
}

.playershare {
	position:relative;
	width:330px;
	height:28px;
	padding:6px 0;
}

.playershare div.shareitem {
	height:inherit;
	float:left;
}

.playershare div.sharefb {
	width:136px;
	text-align:left;
}

.playershare div.sharetw {
	width:90px;
	margin-left:6px;
}

.playershare div.sharegp {
	width:70px;
	margin-left:6px;
}

h3.lectionary {
	font-size:16px !important;
	padding-bottom:14px !important;
}

.promotext {
	font-style:italic;
	padding-bottom:0 !important;
	line-height:18px;
}

.promotext p {
	padding-bottom:0 !important;
}

.promotext .sfjmark {
	font-style:normal;
}

ul.scriptures {
	max-width:298px;
	min-height:80px;
	margin-left:10px;
	padding-bottom:20px !important;
}

.scriptureitem {
	line-height:18px;
	position:relative;
	padding-left:30px;
	margin-bottom:4px;
}

.scriptureitem .relation {
	font-weight:bold;
	min-width:30px;
	display:inline-block;
	position:absolute;
	left:0;
}

span.extlink {
	display:inline-block;
	width:8px;
	height:8px;
	background:url('images/extlink.png') 0 0 no-repeat;
	cursor:pointer;
	margin:1px 3px;
}

a.extlink {
	background:url('images/extlink.png') right center no-repeat;
	cursor:pointer;
	padding-right:12px;
}

.trackitem {
	line-height:18px !important;
}

.trackitem .title, .trackitem .tune {
	font-weight:bold;
}

.trackitem .relation {
	padding:0 1px;
}

.trackitem .relation:first-child {
	padding-left:0;
}

.trackitem .relation:last-child {
	padding-right:0;
}

.trackitem .disctitle {
	font-style:italic;
}

#postlist li.postitem {
	position:relative;
}

#postlist li.postitem {
	border-top: 1px solid #999;
	padding-top:6px;
	margin-bottom:18px;
}

#postlist li.postitem p.postdate {
	position:absolute;
	right:0px;
	top:0px;
	font-size:9px;
	font-style:italic;
}

#postlist li.postitem p.postauthor {
	position:absolute;
	right:0px;
	top:14px;
	font-size:9px;
	font-style:italic;
}

#newsyears, .newsmonths {
	clear:both;
}

.newsmonths {
	display:none;
}

#newsyears ul, .newsmonths ul {
	margin-top:14px;
}

#newsyears li {
	width:200px;
	height:30px;
	float:left;
	margin-right:8px;
	margin-bottom:20px;
	padding:10px;
	padding-top:130px;
	background:url(images/newsletters.png) top center no-repeat;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:24px;
	cursor:pointer;
}

.newsmonths li {
	width:85px;
	height:20px;
	float:left;
	margin-right:8px;
	margin-bottom:20px;
	padding:10px;
	padding-top:90px;
	background:url(images/newsletter.png) top center no-repeat;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	cursor:pointer;
}

/* Elements - Stream Listings */
#browsecontrols {
	margin-bottom:14px;
	border-bottom:1px solid #ccc;
}

#browsecontrols .browseitem {
	position:relative;
	min-height:21px;
	margin-bottom:14px;
}

#browsecontrols .browseitem > h4 {
	margin-right:10px;
}

#browsecontrols .browseitem > h4.addl {
	margin-right:10px;
	margin-left:20px;
}

#browsecontrols .browseitem > * {
	float:left;
	padding-bottom:0 !important;
}

#epyear, #epmonth {
	width:100px;
}

#epfuture {
	width:auto;
}

#browsecontrols #streamsearch {
	width:325px;
}

#browsecontrols .browseitem a {
	float:left;
	height:100%;
	background:url('images/arrow-orange.png') no-repeat right center;
	text-transform:uppercase;
	font-weight:bold;
	padding:3px 10px 0 0;
	margin-left:30px;
}

#rsslink {
	position:absolute;
	top:0;
	right:0;
}

#rsslink.podcast {
	right:40px;
}

#streamlist li.datehead {
	position:relative;
	padding:4px 0 7px 0;
	border-top:1px solid #5F8877;
}

#streamlist li.toplink {
	position:relative;
	padding:4px 0 20px 0;
}

#streamlist li.streamitem {
	position:relative;
	margin:0;
	padding:12px 0;
	border-radius:6px;
}

#streamlist li.streamitem div.playthumb {
	position:relative;
	float:left;
	width:120px;
	height:68px;
	border:3px solid #E5E2DB;
	overflow:hidden;
	margin:2px 0 0 2px;
}

#streamlist li.streamitem div.playthumb img {
	position:absolute;
	width:inherit;
	height:inherit;
	cursor:pointer;
}

#streamlist li.streamitem div.playthumb a.playicon {
	position:absolute;
	bottom:4px;
	right:4px;
	width:23px;
	height:23px;
	background: url('images/circlearrow-gold.png') center center no-repeat;
}

#streamlist li.streamitem div.playthumb a.playicon:hover, #streamlist li.streamitem div.playthumb a.playred {
	background: url('images/circlearrow-red.png') center center no-repeat;
}

#streamlist li.streamitem p {
	float:left;
	line-height:18px;
	margin-left:20px;
	padding-bottom:0;
	max-width:538px;
}

#streamlist li.streamitem ul.attachments, #eventmeta ul.attachments {
	float:right;
	margin:4px 4px 0 14px;
	text-align:right;
}

#streamlist li.streamitem ul.attachments li, #eventmeta ul.attachments li {
	height:22px;
	padding-right:26px;
	margin-bottom:8px;
	cursor:pointer;
}

#streamlist li.streamitem ul.attachments li:hover, #eventmeta ul.attachments li:hover {
	text-decoration:underline;
}

#streamlist li.streamitem ul.attachments li.pdf, #eventmeta ul.attachments li.pdf {
	background: url('images/pdf.png') no-repeat right center; 
}

#streamlist li.streamitem ul.attachments li.link, #eventmeta ul.attachments li.link {
	background:url('images/link.png') no-repeat right center;
}

#streamlist li.streamitem ul.attachments li.mp3, #eventmeta ul.attachments li.mp3 {
	background:url('images/mp3.png') no-repeat right center;
}

#streamlist li.streamitem ul.attachments li a, #eventmeta ul.attachments li a {
	color:#4D4D4F;
}

#loadmore {
	position:relative;
	padding:4px 0 7px 4px;
	border-top:1px solid #5F8877;
}

#loadmore a {
	background: url("images/arrow-orange.png") no-repeat scroll right center transparent;
	color: #4D4D4F;
	font-weight: bold;
	padding: 0 10px 0 0;
	text-transform: uppercase;
}

#loadmore a:hover {
	color:#92151E;
}

#nostreams {
	display:none;
	position:relative;
	padding:4px 0 7px 4px;
	border-top:1px solid #5F8877;
}

/* Elements - Sidebars (Nav Style) */
.sidebar {
	display: inline-block;
	background-color:#ffffff;
}

.sidebar.leftnav {
	float: left;
	margin: 0 20px 20px 0;
	width: 215px;
}

.sidebar.rightnav {
	float: right;
	margin: 0 0 20px 20px;
	width: 240px;
}

.sidebar ul {
	background-color: #ffffff;
}

.sidebar ul.leftnav-section {
	display:none;
}

.sidebar li {
	margin-bottom: 5px;
	overflow: hidden;
	width: 100%;
}

.sidebar li a {
	background: none repeat scroll 0 0 #E5E2DB;
	color: #4D4D4F;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	padding: 9px 0 9px 10px;
}

.sidebar li a.noclick, .sidebar li a.noclick:hover {
	background:none repeat scroll 0 0 #E5E2DB;
	cursor:auto;
}

.sidebar li.sidehome a, .sidebar li.sidehome a:hover {
	background: none repeat scroll 0 0 #CF9123;
	color: #FFFFFF;
	text-transform:uppercase;
	cursor:auto;
}

.sidebar li.current_page_item a, .sidebar li a:hover { 
	text-decoration: none; 
	background: #c0b9a9; 
}

.sidebar li ul { 
	padding: 20px 0 0 0; 
	margin: 0; 
	overflow: hidden;
}

.sidebar ul.leftnav-section li ul { 
	display:none;
}

.sidebar ul.leftnav-section li.current_page_item ul { 
	display:block;
}

.sidebar li li { 
	padding-bottom: 11px; 
}

.sidebar li li a { 
	font-size: 13px; 
	line-height: 16px; 
	font-weight: normal; 
	background: transparent !important; 
	padding: 0 0 0 18px; 
}

.sidebar li li.current_page_item a, .sidebar li li a:hover { 
	background: url('images/arrow-orange.png') 8px 3px no-repeat !important; 
}

.sidebar li li.current_page_item a { 
	font-weight: bold; 
}

.sidebar li li span.name {
	font-weight:bold;
}

.sidebar li li span.title {
	font-style:italic;
}

.sidebar ul.leftnav-sponsors li a, .sidebar ul.leftnav-sponsors li a:hover, .sidebar ul.leftnav-sponsors li li a, .sidebar ul.leftnav-sponsors li li a:hover {
	padding-left:0;
	text-align:center;
	background:none !important;
}

.sidebar ul.leftnav-sponsors > li > a {
	padding-top:19px;
	padding-bottom:0px;
}

.sidebar ul.leftnav-sponsors li li img {
	margin-bottom:6px;
}

/* Public Forms */
#submit_return {
	padding:10px;
	width:600px;
	text-align:center;
}

.returns {
	display:none;
}

.success {
	background-color:#CFC;
	border:1px dashed #393;
}

.failure {
	background-color:#FCC !important;
	border:1px dashed #933 !important;
}

.required {
	color:#990000;
}

.suggest {
	color:#CCC;
}

.pubform input, .pubform textarea, .pubform select, .button {
	background-color:#e5e2db;  
	border:1px solid #666666;
	border-radius:4px;
	margin:2px 10px;
	padding:3px;
}

.pubform div.field {
	min-height:30px;
    display: flex;
}

.pubform label, .pubform input {
	vertical-align:middle;
}

.pubform label, .pubform div span.label {
	margin:0;
	width:100px;
	line-height:24px;
	float:left;
    flex-shrink:0;
}

.pubform div span.value {
	margin:0;
	line-height:24px;
}

.pubform .button {
	cursor:pointer;
}

/* Stations Area */
.airschedhead {
	background-color:#C6F1FF !important;
	font-weight:bold;
}

.airschednew {
	background-color:#FFF3C6 !important;
}

.airschednew input:not(.button), .airschednew select {
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	background-color:transparent;
	box-shadow:none;
	border:1px dotted #999;
	width:105px;
}

.scheduleinfo li, .airschedhead, .airschednew {
	width:600px;
	height:28px;
	line-height:28px;
	vertical-align:middle;
	padding:6px;
	background-color:#ccffcc;
	margin-bottom:3px;
	clear:left;
}

.scheduleinfo li div, .airschedhead div, .airschednew div {
	width:105px;
	margin-left:4px;
	float:left;
}

.airschednew div#airtime, .airschednew div#airtime input {
	width:44px;
}

.airschednew div#airtime_m {
	width:59px;
	margin-left:2px;
	margin-right:0;
}

.airschednew .ui-buttonset {
	margin-right:0;
}

.airschednew .ui-widget {
	font-size:8px;
}

.scheduleinfo li span, .airschedhead span, .airschednew span {
	margin-top:2px;
}

.airschedhead .button, .airschednew .button {
	margin-right:0;
	float:right;
}

.ui-icon, .clickable, .button {
	cursor:pointer;
}

.icon-right { 
	position:relative;
	float:right;
	margin-left:3px;
}

.icon-left { 
	position:relative;
	float:left; 
	margin-right:3px;
}

.icon-inline { 
	display:inline-block;
}

/* Footer */
#footer { width: 100%; height: 62px; background: #fff; width: 955px; margin: 7px auto 0 auto;}
#footer .social { margin: 16px 0 0 16px; float: left; display: inline; overflow: hidden; }
#footer .social a { float: left; display: inline; width: 31px; height: 30px; text-indent: -4000px; font-size: 0; line-height: 0; margin-right: 5px; }
#footer .social .facebook-link { background: url('images/social-sprite.png') 0 0 no-repeat; }
#footer .social .twitter-link { background: url('images/social-sprite.png') -31px 0 no-repeat; }
#footer .social .youtube-link { background: url('images/social-sprite.png') -62px 0 no-repeat; }
#footer .social .pinterest-link { background: url('images/social-sprite.png') -93px 0 no-repeat; }
#footer .social .video-link { background: url('images/social-sprite.png') -124px 0 no-repeat; }
#footer .social .rss-link { background: url('images/social-sprite.png') -155px 0 no-repeat; }
#footer .social .instagram-link { background: url('images/social-sprite.png') -186px 0 no-repeat; }
#footer .copyright { width: 320px; text-align: center; padding-top: 8px; float: right; display: inline; }
#footer .copyright p { font-size: 11px; line-height: 14px; color: #4d4d4f; }
#footer .copyright p a { color: #4d4d4f; text-decoration: underline; }
#footer .copyright p a:hover { text-decoration: none; }
#footer .copyright p span { padding: 0 10px; }

#footer .stolaflogo { 
	float: left;
	display: inline;
	width: 112px;
	margin: 16px 0 0 16px;
}

#footer .stations, #footer .newsletter { 
	float: right;
	display: inline;
	width: 150px;
	text-align: center;
	padding-top: 14px;
	text-transform:uppercase;
	font-weight:bold;
}