@import url("videos_layout.css"); 

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, label, select, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
body {
	font-family: arial, helvetica, sans-serif;
	font-size:13px;
	line-height:1.2;
	background-color:#777;
}
table {
	font-size:13px;
}
#wrapper {
	margin:auto;
	position:relative;
	width:964px;
}
img {
	border:0;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1, h2 {
	font-family:'HelveticaNeue-Light','Helvetica Neue Regular','Helvetica Neue',Arial,Helvetica,sans-serif;
	font-weight:normal;
}
#article blockquote {
	font-size:18px;
	font-weight:bold;
	line-height:21px;
	margin:0 80px 20px 80px;
	text-align:center;
}
/* header styles */

#header a#logo {
	background:transparent url(../../media/the_salvation_army.png) no-repeat scroll 10px 10px;
	display:block;
	height:145px;
	width: 118px;
	float:left;
	text-indent: -9999px;
}
#header h1 a {
	background-color: #CCC;
	display:block;
	line-height:145px;
	padding:0 0 0 118px;
}
/* section */
#section {
	width:944px;
	padding: 14px 10px;
	background-color:#fff;
	min-height:350px;
	float:left;
}
#section h1 {
	font-size:24px;
	line-height:28px;
	margin:10px 0;
}
#section h2 {
	font-size:22px;
	line-height:26px;
	margin:10px 0 5px;
}
#section h3 {
	font-size:15px;
	line-height:18px;
	margin:8px 0 6px
}
/* footer */
#footer {
	padding:10px 0 20px;
	width:100%;
	float:left;
}
#rss-footer-link {
	float:left;
	padding: 0 0 0 19px;
	background: url("../../media/icons/rss_icon.png") no-repeat scroll left 1px transparent;
}
.footer-right {
	float:right;
	text-align:right;
}
#footer #share a {
	margin: 0 0 0 10px;
}
#share {
	float:right;
	line-height:0;
	padding-left: 5px;
}

/* nav */
#header ul {list-style:none;}
#nav ul.menu li {position:relative }
ul.menu li { float:left; background-color:#d1d1d1;border:1px solid #999; list-style-type: none;}
ul.menu a { padding:5px 7px 7px; display:block; text-decoration:none;}
#nav ul.menu ul {position:absolute; display:none; opacity:0; }
ul.menu ul li {position:relative; width:148px; }
ul.menu ul .parent {background-image: url(../../media/icons/nav_arrow.gif); background-position:136px 8px;background-repeat:no-repeat}
ul.menu ul ul {left:148px; top:-1px}

/****************** home */
#hero {
	background:#DDDDDD none repeat scroll 0 0;
	float:left;
	padding:10px;
	width:640px;
	margin-bottom:10px;
}
#hero #intro {
	overflow: auto;
}
.hero-img {
	position:relative;
	float:left;
}
#hero img {
	float:left;
}
h1#overlay {
	background-color:#000;
	bottom:0;
	left:0;
/* CSS3 standard - also set in IE stylesheets */
  	opacity:0.8;
	position:absolute;
	font-size:34px;
	color:#fff;
	margin:0;
	padding:5px 8px;
}
/*slide*/
#slides, #controller {
	display: none;
}
#slides_nav {
	display:none;
}
#controller {
	position:absolute;
	z-index:5;
	right:0;
	top:0;
	width:120px;
}
.jFlowControl {
	float:right;
	cursor:pointer;
}
.jFlowSelected {
}
#intro {
	float:left;
}
/* aside */
#aside,
#left-column,
#centre-column,
#right-column {
	background-color:#ccc;
	padding:4px 10px 10px;
	width:220px;
}
#aside,
#right-column{
	float: left;
}
#left-column{
	margin-right:10px;
	float:left
}
#centre-column {
	width:356px;
	clear:none;
	float:left
}

/***blocks */
#aside div,
#right-column div
#blocks-wrapper div {
	float:left;
	clear:both;
}
.block {
	border-bottom:1px #333 solid;
	width:100%;
	float:left;
	padding:10px 0;
}
/* paragraphs*/
.aue-block,
.contact-info-block,
.containers-block,
.news-block,
.tag-block,
.verse-block {
	margin:5px 0 0;
}
/* lists*/
.categories-block,
.events-block,
.flickr,
.podcast-block,
.related-links,
.rss-block,
.twitter-block,
.video-block {
	margin:5px 0 5px;
}
/* other */
.calendar-block,
.contact-ad,
.podcast-ad,
.recent-comments,
.individual-category-block,
.promo-block {
	margin:5px 0 10px;
}
#aside p,
#blocks-wrapper p {
	margin:0 0 10px;
}
#aside h2,
#blocks-wrapper h2 {
margin:0 0 7px;
}
#aside h3,
#blocks-wrapper h3 {
margin: 7px 0;
clear:both;
}
#aside li h3, #blocks-wrapper li h3 {
	margin:0 0 1px;
}
.aue-block img,
.flickr img,
.recent-comments img {
	float:left;
	margin:0 9px 0 0;
}
.promo-block img,
.feature img,
.news-block img,
.video-block img {
	display:block;
	max-width:250px;
	max-height:200px;
}
.comments-block li,
.feature li,
.flickr li,
.news-block li,
.video-block li {
	list-style: none;
	float:left;
	margin-bottom:5px;
}
#aside .feature ul,
#aside .flickr ul,
#aside .news-block ul,
#aside .video-block ul,
#aside .comments-block ul,
#blocks-wrapper .feature ul,
#blocks-wrapper .flickr ul,
#blocks-wrapper .news-block ul,
#blocks-wrapper .video-block ul,
#blocks-wrapper .comments-block  ul{
	margin-left:0;
	float:left;
}
.aue-block img,
.comments-block img {
	margin: 0 10px 10px 0;
	float:left;
}
#aside .aue-block h3, #blocks-wrapper .aue-block h3 {
	clear:none;
}
.events-calendar-today {
	background-color:#999;
	font-weight:bold;
}
.calendar-block,
.events-calendar-inner-wrapper{
	width:100%;
}
.calendar-block table {
	background-color:#ddd;
	width:100%;
}
.calendar-block caption {
	background-color:#bbb;
	padding:4px 0;
}
.calendar-block caption a {
	padding:0 4px;
}
.calendar-block td {
	text-align:center;
}
.contact-ad a,
.podcast-ad a {
	display:block;
}
#centre-column .contact-info-block p {
	width: 50%;
	float: left;
}
.contact-info-block table {
	width: 100%;
}
.contact-info-block td {
	padding-right:5px;
	vertical-align:top;
}
#content-info-block .day {
	display: block;
	float: left;
	width: 15%;
}
/*.events-block.feature li {
position:relative;
min-width:220px;
}*/
#section .feature li p {
    margin: 0 0 5px;
}
.individual-category-block {
	display:none;
}
#aside .individual-category-block h2,
#blocks-wrapper .individual-category-block h2 {
background:#000;
bottom:0;
left:0;
padding:1px 2px;
margin:0;
position:absolute;
text-align:left;
/* CSS3 standard - also set in IE stylesheets */
  opacity:0.8;
}
.individual-category-block p {
	display:none;
}
#aside .news-block ul,
#aside .news-block li,
#blocks-wrapper .news-block ul,
#blocks-wrapper .news-block li {
	margin-bottom:0;
}
#section .comments-block li {
margin-bottom:8px;
}
#section .comments-block h3 {
	clear:none;
	line-height:15px;
	font-size:13px;
}
.comments-block blockquote {
font-size:13px;
font-weight:normal;
line-height:15px;
margin:0;
}
.comments-block img {
	margin-top:2px;
}
.twitter-block img {
	display:none;
}
.video-block li {
position:relative;
min-width:220px;
}
.video-block .play {
background:url("../../media/icons/play_video.png") no-repeat scroll center center transparent;
height:80%;
left:1px;
/* CSS3 standard - also set in IE stylesheets */
opacity:0.7;
position:absolute;
top:1px;
width:100%;
}
.video-block .play:hover {	
/* CSS3 standard - also set in IE stylesheets */
opacity:1;
}
.verse-block blockquote{ 
	margin: 0 10px;
	font-size:20px;
	line-height:23px;
	font-weight:normal;
	 clear: left;
}
.verse-block a, 
.verse-block p.note {
	padding:0;
	float:right;
	text-align: right;
	width:100%;
}
#section .verse-block p.note {
	margin:5px 0 0;
	font-size:11px;
}
.verse-block a{
	color: #454545;
	font-weight: bold;
}
.verse-block a:hover{
	text-decoration:none
}

/****************** internal pages */
#crumbs {
	clear:left;
}
#article {
	padding:10px;
	width:675px;
	float:left;
}
#article h1 {
	margin:15px 0 20px;
}
#section p {
	margin:15px 0;
}
.note, 
.date {
	color:#666;
	font-size: 12px;
}
/* lists */
#section ul, #section ol {
	margin:15px 5px 15px 45px;
}
#section li {
	margin-bottom: 3px
}
#aside ul,
#blocks-wrapper ul{
	margin:2px 0 5px 20px;
}
#section .archive-tree ul {
	margin:10px 5px 10px 20px;
}
.archive-tree ul li {
	list-style-image: none;
	list-style:none;
}
/* content-meta */
.tools {
	border-top:1px solid #ccc;
	margin:20px 0 0;
	font-size:12px;
	clear:both;
	float:left;
	text-align: right;
	width:99%;
	padding:6px 0 7px;
}
#content-meta {
	background-color:#ccc;
	min-height: 15px;
	font-size:12px;
	clear:both;
	float:left;
	width:96%;
	padding:5px 10px;
	margin-top:20px;
}
#content-meta h4{
	font-weight: bold;
	float:left;
	font-size:12px;
}
#content-meta ul{
	float:left;
	margin:0;
	width:84%;
}
#content-meta li{
	list-style-type:none;
	list-style-image:none;
	float:left;
	margin: 0 5px 0 0 ;
}
/*forms*/
fieldset {
border:none;
}
#article #map {
	height:223px;
	width:638px;
}
.address {
	margin-bottom:10px;
	width: 100%;
	float:left;
}
.phone {
float:left;
}
#map {
	float:right;
	margin-bottom:20px;
}
form label {
float:left;
width:200px;
}
form .field {
display:block;
margin:0 20px 0 200px;
}
#content-wrapper form p {
clear:both;
}
select {
  	border					: 	1px solid #999;
	width					: 	100%;
}
textarea {
	height: 70px;
}
#comments_validation_errors,
#validation_errors,
.error {
color:#FFFFFF;
margin-bottom:15px;
padding:10px;
clear:both;
background-color: #CC0000;
border: 1px solid #990000;
padding: 8px;
}
#comments_validation_errors,
#validation_errors {
display:none;
}
#section #article .error-field {
    border-color: #CC0000;
}
.required-field {
	color:#C00;
}
form p {
	clear: both;
}
.avatar img{
	float:left;
height:30px;
margin-right:10px;
width:30px;
}
				input.text-field, 
					textarea 
					{  	background-color		: 	#fff;
						border					: 	1px solid #999;
						width					: 	100%;
						padding					: 	2px;
					}          

/* related links */
.current,
.current-parent {
font-weight: bold;
}
/* ----------------- ice -----------------*/
/* images */
.float-left {
	float: left;
}
.float-right {
	float: right;
}
img.float-left {
	margin-right:15px;
}
img.float-right {
	margin-left:15px;
}
.hidden{
	display: none;
}
.hand{
	cursor: pointer;
}
.image-float-left {
	float:left;
}
.text-float-right {
	float:right;
}
.clear {
	clear: both;
}
	
/* =TIPS =TITLES */

					.description, acronym, acronym, abbr, dfn {
						border-bottom: 1px dotted #666;
						cursor: help;
						line-height: 1.5;
					}
					/* Fading Tooltips By Dustin Diaz*/
					body div#toolTip { 
						position:absolute;
						z-index:1000;
						width:220px;
						background-color: #000;
						border:2px double #fff;
						text-align:left;
					}
					body div#toolTip p { 
						margin:0;
						padding:0;
						color:#fff;
					}
					body div#toolTip p em { 
						display:block;
						margin-top:3px;
						color:#999900;
						font-style:normal;
						font-weight:bold; 
					}
					body div#toolTip p em span { 
						font-weight:bold;
						color:#fff; 
					}
					#main-content #content-top-bar {
						border-bottom: 1px solid #DADADA;
						padding-bottom: 10px;
						margin-bottom: 5px;
						float: left;
					}

/* =NEWS & EVENTS */
#news-items-wrapper {
	border-bottom:1px solid #999;
	float:left;
	margin-bottom:7px;
	width:100%;
}
#news-items-wrapper .row-wrapper {
	float: left;
	width:100%;
}
#news-items-wrapper .news-item {
	float: left;
	margin-bottom: 8px;
	padding-top: 15px;
	border-top:#555 1px solid;
	width:48%;
}
#news-items-wrapper .news-item.big {
	font-weight:bold;
	width:100%;
	margin-bottom: 20px;
}
#news-items-wrapper .news-item.odd {
	margin-right: 18px;
}
#news-items-wrapper .news-item .news-item-image {
	float: left;
}
#news-items-wrapper .news-item.big .news-item-image a {
	margin-right:15px;
}
#news-items-wrapper .news-item .news-item-image a {
	margin-right:10px;
	display:block;
}
#news-items-wrapper .news-item.big .news-item-text h3, 
#news-items-wrapper .news-item.big .news-item-text h3 a{
	line-height:18px;
}
#news-items-wrapper .news-item.big .news-item-text h3, 
#news-items-wrapper .news-item.big .news-item-text h3 a {
	font-weight: bold;
}
#news-items-wrapper .news-item .news-item-text h3, 
#news-items-wrapper .news-item .news-item-text h3 a {
	margin:0 0 4px;
	font-weight: normal;
	text-decoration: none;
	line-height: 1;
}
#news-items-wrapper .news-item .news-item-text h3 a:hover {
	text-decoration: underline;
}
#news-items-wrapper .news-item .news-item-text p {
	margin: 0px;
	padding-bottom:10px;
}
#news-items-wrapper .news-item .news-item-text p#date {
	padding-top:0;
	padding-bottom: 7px;
	margin-top:0;
	color:#787878;
}

/* individual news page */
#news-item-full p.note {
    margin: 0 0 7px;
    width: 70%;
}
#news-item-full .comments-number {
	width: 25%;
	float: right;
	text-align: right;
	margin: 0 0 7px;
}
.social {
	border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    clear: both;
    height: 26px;
    margin: 5px 0 15px;
    padding: 5px 0 3px;
}
.facebook-share {
	float:left;
}
.twitter-share {
    float: right;
    margin-right: -13px;
    margin-top: 2px;
}
#news-item-full img {
	float: left;
	margin: 5px 15px 10px 0px;
}
/*new*/
#article .archive-tree ul li img {
	border:none;
}

/* Podcast display page (aka lnlcc page) */
#podcast-display #podcast-intro {
	float: left;
	width:100%;
	
margin-bottom:20px;
}
#podcast-display #podcast-episodes-wrapper {
	clear: both;
	margin-top: 30px;
}
#podcast-display #podcast-episodes-wrapper .episode {
	float: left;
	padding: 14px 0;
	margin-bottom: 5px;
	width:100%
}
#podcast-display #podcast-episodes-wrapper .episode-image {
	float: left;
	width: 100px;
	margin: 0px 15px 0 -10px;
}
#podcast-display #podcast-episodes-wrapper  p {
clear:left;
}
#podcast-display #podcast-episodes-wrapper .episode-text {
	float: left;
width:84%;
}
#podcast-display #podcast-episodes-wrapper .episode-text p {
	line-height: 1.5;
	margin-top: 5px;
	padding-bottom:0;
	margin-bottom:0;
}
#podcast-display #podcast-episodes-wrapper .episode-text p a {
	font-weight: normal;
}
#podcast-display #podcast-episodes-wrapper .episode-text p.links {
	text-align: right;
	padding:0;
	margin:0;
}
#podcast-display #podcast-episodes-wrapper .episode h3 {
	padding:0;
	margin:0;
	line-height:normal;
}
#podcast-display #podcast-episodes-wrapper .episode h3 a {
	font-weight: normal;
	text-decoration: none;
}
#podcast-display #podcast-episodes-wrapper .episode h3 a:hover {
	text-decoration: underline;
}

#podcast-display #podcast-episodes-wrapper .episode .audio-player {
	position:relative;
	margin-left: 0px;
	margin-top: 10px;
	float:left;
}
#podcast-display #podcast-episodes-wrapper .episode .audio-player object {
	height: 20px;
}

#episode-item-full p.note {
	margin-top: -5px;
}
#episode-item-full .audio-player {
	float: left;
}
#episode-item-full ul {
	list-style: none;
	text-indent: 20px;
}
#episode-item-full ul li {
	padding:5px;
}
a.itunes {
	background: url("../../media/icons/itunes_icon.png") no-repeat scroll left 2px transparent;
	padding: 2px 0 0 19px;
} 
a.feed  {
	padding: 2px 0 0 19px;
	background: url("../../media/icons/rss_icon.png") no-repeat left 2px transparent;
}
a.podcast-download  {
	padding: 2px 0 0 19px;
	background: url("../../media/icons/download_icon.png") no-repeat left 2px transparent;
}
a.external {
background:url(../images/external_link.png) no-repeat scroll right center transparent;
padding:0 15px 0 0;
}
/* bare - comments */
#comments-wrapper {
	clear:both
}
#comments-wrapper h2, #comments-wrapper h3 {
	word-break: break-word;
}
#comments-wrapper h2#comments-title {
    display: block;
    padding-bottom: 2px;
    position: absolute;
}
#comments-wrapper ul {
    float: right;
    list-style-type: none;
    margin: 11px 0 10px;
	 width: 100%;
	 border-bottom: 1px solid #444444;
}
#comments-wrapper ul li {
    float: right;
	margin:0;
}
#comments-wrapper ul li a {
    background-color: #555555;
    color: #EEEEEE;
    display: block;
    margin-left: 5px;
    padding: 6px 10px;
}
#comments-wrapper ul li a:hover {
    background-color: #333333;
}
#section #comments-wrapper ol {
	list-style-type: none;
	margin:0
}
#comments-wrapper ol li {
	float: left;
	clear: both;
	position: relative;
	width:96%;
	background: #ddd;
	border-top:1px solid #c5c5c5;
	list-style-type:none;
}
#section #comments-wrapper ol li {
	margin:0 0 10px 0;
	width:100%;
}
/*meta*/
#comments-wrapper ol li .meta {
	float: left;
	background-color:#c5c5c5;
	font-size: 11px
}
#comments-wrapper ol li .meta .date {
	float:left;
	color:#555;
	padding-right:5px;
}
#comments-wrapper ol li .meta img {
	width:17px;
	height:17px;
	margin-right:4px;
	float:left;
}
#comments-wrapper ol li .meta .name {
	float:left;
	margin-right:5px;
}
#comments-wrapper ol li .content {
	background:transparent url(../../media/icons/quote_left.png) no-repeat scroll left 15px;
	clear:left;
	margin:10px 30px 0 10px;
	padding:3px 0 12px 20px;
	font-size:16px;
	line-height:19px;
}
#comments-wrapper ol li .actions .icon a, #comments-wrapper ol li .actions .icon a {
	background-color:transparent;
	background-position:0 2px;
	background-repeat:no-repeat;
	display:block;
	text-indent:-2000em;
	width:16px;
	position: absolute;
	top: 5px;
	right:5px;
}
#comments-wrapper ol li .actions .reply.icon a {
	background-image:url(../../media/icons/reply.png);
	cursor: pointer;
}
#comments-wrapper ol li .actions #edit.icon a {
	background-image:url(../../media/icons/pencil.png);
	background-position: 0 0;
	right: 30px;
}
#comments-wrapper ol li .actions .reply.icon a:hover {
	background-position:0 -16px;
}
#comments-wrapper ol li.admin {
	font-weight: bold;
}
/*new*/
#article .icon-images, #comments_list .meta img, #article .avatar img {
	border:none;
}
#section form p.login {
	float:right;
	margin-top:-24px;
}

/* form date*/
input.date-text-field{
  	background-color: #FFFFFF;
    border: 1px solid #999999;
    padding: 2px;
	position:absolute;
	width:148px;
}
.form-date-box-even{
	float:left;
}
.form-date-box-odd{
	display:block;
	margin-left:200px;
}

.form-calendar-img{
	margin-left:155px;
}

#article form fieldset img{
	border:0px;
}

form fieldset {
	float:none;
}


/* ARTICLES */
#articles #news-items-wrapper{
display:block;
	}
	
#articles #news-items-wrapper .row-wrapper,#articles #news-items-wrapper .news-item{
	width:100%;
		}
		

#articles  #news-items-wrapper .row-wrapper .news-item-text h3{
	margin-bottom: 5px;
	}

/* RELATED CONTENT */

.related-block .individual-category-block,.articles-block .article-item{
	display: block;
	word-wrap: break-word;
	list-style:none;
	}
	
/* AD BLOCK SLIDES */
	.promo-block ul li{
	list-style: url(none) none;
	}

/* REGISTRATION FORM TABLES */
table#responses_table {
	border: 1px solid #DDD;
	border-spacing: 0;
	margin:0 0 20px 0;
	spacing:0;
	padding: 0;
}
table#responses_table td, table#responses_table tr, table#responses_table th {
	border: 1px solid #DDD;
	border-spacing: 0;
	margin:0;
	spacing:0;
	padding: 3px;
}