﻿/* parameters */
@FontSize: 16px;
@FontColor: rgb(50,50,50);
@LightFontColor: rgb(125,125,125);

@BodyFontStack: "PT Serif", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; 
@HeaderFontStack: "PT Serif", Georgia, Serif;

/* site colors */
@BlueB: rgb(74,144,179);
@Blue: rgb(22,76,102);
@BlueD: rgb(7,47,66);
@LightB: rgb(133,175,196);
@GrayD: rgb(27,34,38);
@BrownBB: rgb(237,201,167);
@BrownB: rgb(208,148,79);
@Brown: rgb(161,100,28);
@BrownD: rgb(105,60,9);
@BrownDD: rgb(52,30,4);
@Green: rgb(0,155,0);
@GreenD: rgb(0,102,0);
@Orange: #8E4E00;


/* custom colors */
@UIGray: rgb(235,235,235);
@White: rgb(255,255,255);
@Black: rgb(0,0,0);
@Navbar: #081E26;
@Lightgrey: #efefef;
@Linkhover: #D92C1F;
@Offwhite: #f5f5f5;
@Linecolor:#ddd;
@tab-bg: #f5f5f5;

/* global classes */
.border-radius( @Radius: 3px ) {
	-moz-border-radius: @Radius;
	-webkit-border-radius: @Radius;
	border-radius: @Radius;
}

.box-shadow( @X: 0, @Y: 3px, @Blur: 6px, @R: 50, @G: 50, @B: 50 ) {
  @val: @X @Y @Blur rgb(@R,@G,@B);

  box-shadow:         @val;
  -webkit-box-shadow: @val;
  -moz-box-shadow:    @val;
}

.text-shadow() {
	text-shadow: rgba(0,0,0,0.75) 0 -1px 0;
}

.text-inset( @Alpha: .75 ) {
	text-shadow: rgba(255,255,255,@Alpha) 0 1px 0; 
}

.button { 
	.border-radius(4px); 
	.text-shadow();
	
	font-size: 16px;
	text-align: center;
	
	background-color: #0F3240; // url(../images/ButtonBG.jpg) scroll repeat-x top left; 
//	min-height: 38px;
	padding: 10px; 
	line-height: 18px;
	border: 1px solid @BlueD; 
//	text-shadow: rgba(0,0,0,0.75) 0 -1px 0;
	display: inline-block; 
	color: rgb(255,255,255); 
	cursor: pointer;
}

.note { font-size: 11px; color: @LightFontColor; }
.hidden { display: none; }
.floatright { float: right; }
.data { display: none; }
.clickable { cursor: pointer; }

/* layout */
html { height: 100%; overflow-y: scroll; }
body { margin: 0; }

hr { border: none; height: 1px; background: @Blue; }

/* type */
body, input, textarea, select, td, th, button { font-size: @FontSize; font-family: @BodyFontStack; color: @FontColor; }
body, input[type=text], textarea, td, th { line-height: 1.5em; }

a { text-decoration: none; color: @Blue; cursor: pointer; border-bottom: 1px dotted @LightB; }
a:visited { color: @BlueD; }
a img, img { border-style: none; outline-style: none; }

a.imglink {border:0px;}

h1, h2, h3, h4, h5, h6 { margin: 1.5em 0 @FontSize 0; padding: 0; }
p, ul, ol { margin: @FontSize 0; padding: 0; }
p, li { line-height: 1.5em; }

ul { 
	list-style-type: square; 
}

li { margin: 0 0 0 1.5em; }

h1, h2, h3, h4, h5, h6 { font-family: @HeaderFontStack; font-weight: normal; }

h1 { font-size: 26px; margin: 0 0 15px 0; line-height: 39px; }
h2 { font-size: 18px; line-height: 27px; margin: 36px 0 12px 0; }
h3 { font-size: 16px; line-height: 24px; margin: 32px 0 8px 0; }
h4, h5, h6 { font-size: 1em; }

blockquote { padding: 0 0 0 15px; border-left: 2px solid @BrownB; margin: 1em 0 1em 15px; } 

/* grid */
.C1, .C2, .C3, .C4, .MC1, .MC2, .MC3 { display: block; float: left; }
.C1, .C2, .C3, .C4 { margin: 0 15px; }
.C1 { width: 210px; }
.C2 { width: 450px; }
.C3 { width: 690px; }
.C4 { width: 930px; }
.MC1 { width: 240px; }
.MC2 { width: 480px; }
.MC3 { width: 720px; }
.sitewidth { width: 960px; margin: auto; text-align: left; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
.clear-left { .clear; clear: left; }
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* forms */
input[type=text], input[type=password], textarea { 
	background: @White; 
	padding: 5px 7px; 
	border: 1px solid rgb(125,125,125); 
}
form { 
	.Field { 
		margin: 5px 0 0 0; 
		
		label { display: block; margin: 0 0 2px 0; font-size: 11px; }
	}
	.ButtonSet {
		margin: 15px 0 0 0;
		input[type=submit] { 
			.button; 
		} 
	}
}

/* template */
.MainHeader {
	background: @Blue url(../images/HeaderBG.jpg); color: rgb(245,245,245); 
	/*background: @Blue url(../images/header_tex.jpg); color: rgb(245,245,245);*/
	
	.SiteIdentity {
		.C2;  
		position: relative;
		color: @White; font-family: @HeaderFontStack;
		
		.Logo { background: url(../images/Logo.png) scroll no-repeat top left; height: 115px; width: 80px; border: none; }
		.Title { 
			position: absolute; top: 0; left: 100px; 
			.MainTitle { margin: 20px 0 0 0; font-size: 32px; }	
			.SubTitle { margin: 16px 0 0 0; font-size: 16px; }
		}
	}
	
	.Scripture { 
		.C2; font-size: 14px; 
		.Text { margin: 11px 0; display: inline-block; vertical-align: middle; }
	}
}

.TopNavBar { 
	background-color: @Navbar;
	height: 52px;
	.NavItems, .SearchArea { .C2; }
	.NavItems {
		margin-left: -5px;
		width: 475px;
		ul, li { list-style: none outside none; display: inline-block; margin: 0; }
		li {
			border-left:1px solid @UIGray;
		}
		.StandardNav li:first-child {
			border-left:none;
		}
		a { 
			//.text-inset; 
			display: inline-block; 
			height: 52px; 
			border: none; 
			color: @White; 
			font-size: 18px; 
			line-height: 48px; 
			&:hover { 
				background-color:#ccc;
				color: @Navbar;
			}
		} 
		a { padding: 0 15px 0 20px; } 
		span { } 
	}
	
	#SubmitSearch
	{
	  width:16px;
    height:16px;
    background:url(../images/r4r_sprite.png) 0px 0px;
  }
	.SearchArea {
		float:left;
		width: 400px;
		background:none;
		background-color:#fff;
		margin: 8px 15px 0 10px;
		padding:4px 8px;
		text-align: left;
		border:1px solid #333;
		* { vertical-align: middle; }
		.SearchText { 
			border:none;
			padding: 4px; 
			margin: 0 5px 0 0; 
			width: 360px; 
		}
		input[type="image"] {
			margin-left:4px;
		}
	}
	
	.sitewidth { 
		position: relative;

		#ResourcesNav {
			/*
			left: -15px;
			width: 720px;
			*/
			left: -15px;
			width: 960px;
		}
		
		#AboutUsNav {
			left: 250px;
			width: 270px;
			ul { margin: 15px 0 0 0; }
		}
		
		.MegaDropDown {
			//.box-shadow();
			.border-radius();
			
			
      -moz-box-shadow: 1px 6px 5px #000;
      -webkit-box-shadow: 1px 6px 5px #000;
      box-shadow: 1px 6px 5px #000;
      /* For IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
			
			display: none;
		  
			z-index: 1000;
			position: absolute;
			top: 52px;
			padding: 5px;
			background-color: #ccc;
			
			color: @Black;
			
			.Close { display:none; }
			.C1 {margin:0px 10px;}
			h2 { font-family:@BodyFontStack; font-size: 18px; line-height: 1.25em; font-weight:bold ; margin: 8px 0; .text-inset(1.0); }
			
			a{
			  line-height: 20px; 
			  margin:0px;
			  
			}
			.mega_vert_border_rt
			{
			  width:160px;
			  margin-right:0px;
			}
			
			.mega_recent_div
			{
			  border-left: 1px solid #eee;
			  width:245px;
			  padding-left:35px;
			}
    
    #megainner
    {
      //background-image:url('../images/mega-back.jpg');
      background-color:white;
      padding:10px;
      padding-left:10px;
    }
    
    #mega_recent_ul li
    {
      margin-bottom:20px;
      line-height:15px;
    }
    
    #mega_recent_ul a
    {
        color:#CE5C0A;
        border-bottom: 1px dotted #CE5C0A;
        font-size:14px;
    }
    #pwr-search-link a
    {
        color:#CE5C0A;
        border-bottom: 1px dotted #CE5C0A;
    }
    #mega_recent_ul a:hover
    {
      //color:#AA0000;
      //border-bottom: 1px dotted #AA0000;
      font-size:14px;
    }
    
    .mega_recent_author
    {
      font-size:11px;
      color:grey;
    }
			
			ul { 
				list-style-type: none; margin: 0; padding: 0; 
				li { 
					margin: 5px 0; padding: 0; 
					a { 
						border: none; 
						color: @BlueD; 
						.text-inset(); 
						&:hover { 
							color:@Linkhover;
							border-bottom:1px dotted @Linkhover;
						}
					}
				}
			}
		}
	}
}

.MainBody {
	background: @Offwhite;
	padding: 30px 0;
	font-size:@FontSize;
}

.Home { 
	h2 { margin-top: 0; }
	.featured-content {
		.third { 
			width: 290px; 
			margin: 0 15px;
			float:left;
			min-height:194px;
			height: auto !important;
			height:194px;
		}
		
		div {
			background-color:@Offwhite;
			h3, ul, p {
				padding:8px;
			}
			h3 { 
				margin:0; 
				padding:4px;
				padding-bottom:6px;
				background-color: #15455C;
				color:@Offwhite;
			}
			h2 { margin-bottom: 0; }
			ul {
				list-style:none;
				margin:0;
				li { 
					margin-left:0; 
					margin-bottom:14px;
				}
			}
		}
	}
}

.LatestResources, .Highlights, .Fixtures { 
	list-style-type: none;
	margin: 0;
	
	li { 
		img { display: inline-block; }
		img, iframe, h3, .Date, p { margin: 0 0 5px 0; }
		
		.Image {
			a { border: none; }
		}
		.Video { margin: 15px 0; }
		.Date { line-height: 11px; font-size: 11px; color: @LightFontColor; margin: 0 0 6px 0; }
		h2, h3 { margin: 0 0 10px 0; }
		p { }
	}
}

.LatestResources {
	li { 
		.C1;
	}
}

.Fixtures {
	.MC1;
	ul { 
		list-style-type: none; 
		li { .C1; display: inline-block; margin-bottom: 20px; }
		h2 { font-size: 16px; margin: 0; }
		p { margin: 0; }
	}
}

.Highlights {
	.MC3;
	margin: 0 0 20px 0;

	ul.Primary, ul.Secondary { 
		list-style-type: none; 
		li { display: inline-block; }
		h2 { font-size: 16px; }
	}
	ul.Primary { 
		margin: 0 0 20px 0;
		li { .C3; } 
		iframe { width: 690px; height: 389px; }
		.Image, .Video { margin: 5px 0 7px 0; }
	}
	ul.Secondary { 
		li { .C1; margin-bottom: 20px; } 
		iframe { width: 210px; height: 140px; }
	}
}

.C1 {
	.Image { margin: 15px 0 7px 0; }
}

.MC2 { 
	.C1 {
		.Image { margin: 5px 0; }
	}
}

.Page { 
	h1 { margin-bottom: 0; }
}
.Resource { 
	h1 { margin-bottom: 20px; }

	.LeftSupportColumn {
		img { display: inline-block; }
		div, ul { padding: 16px; }
		
		background-color:@Offwhite;
		.AttachmentImage { margin: 0 0 @FontSize 0; }
		.MetaData {
			margin: 0; 
		//	border-right:1px solid @Linecolor;			
			list-style-type: none;
			li { 
				margin: 0 0 5px 0; 
				a {
          color:@Orange;
          border-bottom:1px dotted @Orange;
        }
        a:hover {
          color: @Linkhover;
        }
			}
		}
		
		.DownloadButtons{ 
			margin: 0 auto;
			padding:0;
			text-align:center;
			a { 
				.button; 
				padding: 8px;
				width: 162px;
				margin: 0 auto 4px;
				text-align:center;
				&:hover {
					background-color: @Linkhover;
				}
			}
		}
		
		h2 { font-size: 16px; line-height: 24px; margin: 24px 0 5px 0;  }
	}
	.ResourceContent {
		background-color:@Offwhite;
		.Video + .Audio { margin: 15px 0 0 0; }
		.Audio { h3 { margin-top: 0; } }
		.TextContent { 
			font-size: 16px;
			h2 { font-size: 24px; line-height: 32px; }
			h3 { font-size: 16px; text-transform: uppercase; }
			p { margin: 0 0 @FontSize 0; }
		}
	}
	
	.text_only_content
	{
	  width:650px;
	}
}

#ContentOutline { 
	display: none; 
	margin: 30px 0;
	h2 { margin: -3px 0 3px 20px; }
	ul {
		list-style-type: square;
		margin: 0;
		li { 
			font-size: 11px; 
		}
		li.h2 { margin: 0 0 10px 20px; color: @Brown; }
		li.h3 { margin: 0 0 10px 35px; color: @BrownB; }
	}
}

.BrowseBy {
	background-color:@Offwhite;
	h1 { }
	h2 { margin: 0; }
	ul, li { list-style-type: none; margin: 0 0 5px 0; padding: 0; }
	a:hover {
		color:@Linkhover;
		border-bottom:1px dotted @Linkhover;
	}
}

.SocialLinks { 
	.twitter-share-button { margin: 0 0 10px 0; }
}
		
.ResourceListing { 
	ul.Resources { 
		list-style-type: none;
		margin:0;
		padding-top:10px;
		padding-bottom:10px;
		background-color: @tab-bg;
		.border-radius(4px); 
		li {
			margin: 10px 10px 20px 10px;
			padding-bottom: 10px;
			background-color:@Offwhite;
			.border-radius(4px); 
			h2 { 
				margin: 0 0 0 0; 
				a {
					color: @Orange;
					border-bottom-color: @Orange;
					&:hover { color: @Linkhover; }
					font-size:20px;
				}
				
			}
			p { 
				margin: 4px 0 8px; 
				padding-right:10px;
			}
			.Image { 
				margin: 2px; 
				a { border: none; }
			}
			.rcs_metatop, .rcs_metabot {
				a {
					color:@Orange;
					border-bottom:1px dotted @Orange;
				}
				a:hover {
					color: @Linkhover;
				}
				font-size:12px;
				font-family:@HeaderFontStack;
			}
		}
	}
	
	form.Search {
		font-size: 11px;
		label { display: block; margin: @FontSize 0 5px 0; font-size: @FontSize; }
		ul { 
			margin: 0 0 0 15px;
			li { margin: 3px 0; color: @UIGray; }
			.Selected { color: @Green; }
		}
	}
		
}

.column-right {
	background-color:@Offwhite;
	a:hover {
		color: @Linkhover;
		border-bottom:1px dotted @Linkhover;
	}
}
html, body, .MainFooter { background: @GrayD; }
.MainFooter {
	color: @White;
	height: 200px; 
	padding: 30px 0; 
	clear: both;
	font-size: 11px; 
	background: @GrayD url(../images/FooterBG.jpg) scroll repeat-x top left;

	h2 { margin: 0 0 5px 0; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: @White; }
	p { margin: 5px 0; line-height: 2em; }
	ul { list-style-type: none; margin: 0; }
	li { margin: 0 0 5px 0; }
	a { color: @White; border-color: @White; }
	form { 
		.Field { 
			.Control { 
				input[type=text] { width: 330px; border-color: @BrownDD; }
			}
		}
	}
	
	#fb_icon
	{
	  width:32px;
    height:32px;
    background:url(../images/r4r_sprite.png) 0px -21px;
	}
	
	#vimeo_icon
  {
    width:32px;
    height:32px;
    background:url(../images/r4r_sprite.png) 0px -58px;
  }
  
  #vkon_icon
  {
    width:32px;
    height:32px;
    background:url(../images/r4r_sprite.png) 0px -95px;
  }
  
  #yt_icon
  {
    width:32px;
    height:32px;
    background:url(../images/r4r_sprite.png) 0px -132px;
  }
}

/* facebox */
#facebox { 
	.content { overflow: hidden; .border-radius(4px); padding: 15px; }
	.popup { 
		display: block; font-size: 11px; overflow: hidden; padding:10px;
		.close { .border-radius(2px); background: rgba(255,255,255,0.75); top: 10px; right: 11px; border: none; }
		h2 { text-shadow: rgba(0,0,0,0.75) 0 -1px 0; margin: -15px -15px 15px -15px; padding: 5px 15px 7px 15px; font-size: 13px; color: rgb(255,255,255); background: @Blue; }
	}
}
.popup { display: none; }

/* forms */
button { .button; }
form {
	line-height: 1em;

	.Error { color: rgb(225,0,0); }
	.Success { color: rgb(0,150,0); }

	.Header {
		margin: 0 15px;
		padding: 0 0 10px 0; border-bottom: 1px solid @UIGray;
		.FormNav { 
			margin: 0 0 10px 0;
			a { } 
		}
		h1 { margin: 0; }
		p { color: @LightFontColor; font-size: 11px; margin: 10px 0 0 0; }
	}
	
	.Message {
		margin: 15px 15px 0 15px;
	}

	.Field { 
		margin: 0 0 15px 0; 
		label { 
			cursor: pointer;
			margin: 0 0 3px 0;
		}
		.Control { 
			input[type=submit] { 
				.button; 
			} 
			input[type=text], input[type=password], textarea { padding: 5px 10px; margin: 0; }
			textarea { height: 100px; }
		}
		.Error { 
			font-size: 11px; padding: 1px 0 0 0;
		}
	}
	.ButtonSet { 
		margin: 0 0 15px 0;
	}
}

.C1 {
	form { 
		.Field { 
			.Control { 
				input[type=text] { width: 190px; }
			}
		}
	}
}

.SearchByCategory {
	padding:16px;
	border-left:1px solid @Linecolor;
	h2 { margin: 0 0 1em 0; }
	h3 { margin-bottom: 0; font-weight:bold; }
	ul { 
		margin: 5px 0; 
		list-style-type: none;
		li { margin: 0; }
		ul { 
			margin: 5px 0 0 20px;
			list-style-type: square;
			color: @UIGray;
		}
	}
}

/* audio player */
div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-audio {
	width: 690px;
	div.jp-type-single {
	
		div.jp-interface {
			.border-radius(5px);
			
			font-size: 13px;
			line-height: 13px;
			position: relative;
			width: 100%;
			background: transparent url(../images/AudioBG.jpg) scroll repeat-x top left;
			overflow: hidden;
			height: 40px;
			border: 1px solid rgb(159,159,159);
			
			ul.jp-controls {
				list-style-type:none;
				padding:0;
				margin: 0;
				
				li {
					/* position: absolute; */
					display:inline;
				}
				a {
					position: absolute;
					overflow:hidden;
					text-indent:-9999px;
					border: none;
				}
				a.jp-play, a.jp-pause {
					background: url(../images/AudioPlayPause.jpg) scroll no-repeat top left;
					top: 0;
					left: 0;
					width: 72px;
					height: 40px;
					z-index: 1;
				}
				a.jp-mute, a.jp-unmute {
					top: 0;
					left: 505px;
					width: 50px;
					height: 40px;
				}
				a.jp-mute { background: transparent url(../images/AudioMute.jpg) scroll no-repeat top left; }
				a.jp-unmute { background: transparent url(../images/AudioUnmute.jpg) scroll no-repeat top left; }
			}	
			
		}
		
		div.jp-progress, div.jp-volume-bar {
			.border-radius(3px);
			
			position: absolute;
			overflow:hidden;
			background: transparent url(../images/AudioSubBarBG.jpg) scroll repeat-x top left;
			top: 10px;
		}
		
		div.jp-play-bar, div.jp-volume-bar-value { 
			.border-radius(2px);
		}
		
		div.jp-progress {
			left: 130px;
			width: 310px;
			padding: 0 5px;
			
			div.jp-seeking-bg {
				background: url(../images/AudioSeeking.gif);
			}
		}
		
		div.jp-seek-bar {
			width: 0;
			height: 10px;
			padding: 5px 0;
			cursor: pointer;
			div.jp-play-bar {
				background: @Green;
				width: 0px;
				height: 100%;
			}
		}
			
		div.jp-volume-bar {
			left: 565px;
			width: 100px;
			height: 10px;
			padding: 5px;
			cursor: pointer;
			div.jp-volume-bar-value {
				background: @Green;
				width: 0px;
				height: 100%;
			}
		}
		
		div.jp-current-time, div.jp-duration {
			.text-inset;
			position: absolute;
			top: 12px;
			width: 45px;
		}
		
		div.jp-current-time {
			left: 75px;
			text-align: right;
		}
		
		div.jp-duration {
			left: 460px;
		}
		
	}
}
/*r4r_tabs */

#r4r_tabs {
  position:relative;
//  border:1px solid red;
  float:left;
  width:98%;
  padding:0 0 0 1em;
  margin-bottom:0;
  list-style:none;
  line-height:1em;
  background: url('../images/bg_tab_bottom.png') repeat-x bottom; 
}

#r4r_tabs LI {
  float: left;
  padding-right: 2px;
  margin:3px 0 0;
}
#r4r_tabs A {
  display: block;
  color: @FontColor;
  text-decoration: none;
  border:0;
  font-weight: bold;
  background: #ddd; /* Old browsers */
  font-size:16px;
  margin: 0;
  margin-left:0px;
  margin-right:0px;
  padding: 0.75em 1em;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  border: 1px solid @Linecolor;
  
}
#r4r_tabs a.here {
	border-bottom:1px solid @Offwhite;
	
}
#r4r_tabs A:hover {
	background-color: #aaa;
	color: @Offwhite;
}
#r4r_tabs A:active,
#r4r_tabs A.here:link,
#r4r_tabs A.here:visited {
  background: @tab-bg; /* Old browsers */
  color:@Linkhover;
}

#r4r_tabs A.here:link,
#r4r_tabs A.here:visited {
  position:relative;
  z-index:102;
}

/*subtabs*/
#r4r_subtabs {
  position:relative;
  float:left;
  width:100%;
  padding:0 0 1.75em 1em;
  margin:0;
  list-style:none;
  line-height:1em;
}

#r4r_subtabs LI {
  float: left;
  margin: 0;
  padding: 0;
  margin-top:3px;
}
#r4r_subtabs A {
  display: block;
  color: #444;
  text-decoration: none;
  border:0;
  font-weight: bold;
  background: #ddd; /* Old browsers */
  font-size:12px;
  margin: 0;
  margin-left:2px;
  margin-right:2px;
  padding: 0.25em 1em;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-right: 1px solid #aaa;
  border-radius:5px;
  
}

#r4r_subtabs A:hover,
#r4r_subtabs A:active,
#r4r_subtabs A.here:link,
#r4r_subtabs A.here:visited {
  background: #bbb; /* Old browsers */

}

#r4r_subtabs A.here:link,
#r4r_subtabs A.here:visited {
  position:relative;
  z-index:102;
}

.rcs_title{text-align:center;}
.rcs_metabot {
  border:1px solid @Linecolor;
  border-radius:5px;
  padding:5px;
  padding-top:0px;
  padding-bottom:2px;
  width:660px;
  margin-top:5px;
}

.meta_botbox img
{
  vertical-align:middle;
}

.meta_botbox
{
  margin-right:15px;
}


ul.browse_author_list{
  float:left;
  width:50%;
}

li.browse_author_cap
{
  font-size:18px;
  font-weight:bold;
  margin-top:20px;
  color:#195472;
}

ul.browse_topic_list{
  float:left;
  width:50%;
}

ul.browse_rcs_list{
  float:left;
  width:50%;
}


li.browse_topic_heading
{
  font-size:18px;
  font-weight:bold;
  margin-top:20px;
  color:#195472;
}
.cat_count
{
  color:grey;
}

.page_links
{
  width:712px;
  padding:4px;
  float:left;
  background-color:@Offwhite;
  a:hover {
  	color:@Linkhover;
  	border-bottom:1px dotted @Linkhover;
  }
}
.next_pg_link
{
  width:33%;
   text-align:right;
  float:left;
}
.prev_pg_link
{
  width:33%;
  float:left;
}

.middle_pg_links
{
  width:33%;
  float:left;
  text-align:center;
}
.middle_pg_links .page-numbers
{
  margin-right:8px;
}

.middle_pg_links .current
{
  font-weight:bold;
}

.scripture_column
{
  float:left;
  width:49%;
}

.scripture_column h2
{
  font-size:18px;
  font-weight:bold;
  margin-bottom:20px;
  color:#195472;
}
.interview_index
{
  float:left;
  width:100%;
}

.interview_row
{
  float:left;
  width:100%;
}

.interview_index_item
{
  margin:10px;
  float:left;
  width:200px;
}

.interview_thumb
{
  float:left;
  width:100%;
}

.interview_thumb a
{
  border:none;
}

.interview_title
{
  font-weight:bold;
  font-size:14px;
  float:left;
  clear:both;
  line-height:20px;
}

li.browse_rcs_type
{
  margin-bottom:20px;
}

.large_btn {
/*  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
  background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
*/  
  background-color:#ededed;
/*  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
*/  
  border:1px solid #dcdcdc;
  display:inline-block;
  color:#777777;
  font-family:arial;
  font-size:16px;
  font-weight:bold;
  padding:8px 24px;
  text-decoration:none;
  text-shadow:1px 1px 0px #ffffff;
}.large_btn:hover {
/*  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
  background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
*/  
  background-color:#dfdfdf;
}.large_btn:active {
  position:relative;
  top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.med_btn {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
  background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
  
  background-color:#ededed;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #dcdcdc;
  display:inline-block;
  color:#777777;
  font-family:arial;
  font-size:14px;
  font-weight:bold;
  padding:6px 17px;
  text-decoration:none;
  text-shadow:1px 1px 0px #ffffff;
}.med_btn:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
  background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
  
  background-color:#dfdfdf;
}.med_btn:active {
  position:relative;
  top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.btn-on {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:white;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #dcdcdc;
  display:inline-block;
  color:#777777;
  font-family:arial;
  font-size:14px;
  font-weight:bold;
  padding:6px 17px;
  text-decoration:none;
  text-shadow:1px 1px 0px #ffffff;
}.btn-on:hover {
 
  background:white;
}


.SiteIdentity
{
  cursor:pointer;
  
}

.homepg_ul
{
  background-color:white;
  min-height:170px;
  height:auto !important; 
  height:170px; 

}

.homepg_ul li
{
  margin:0px !important;
}

.addthis_toolbox a{border:0px; margin-bottom:10px;}
.addthis_toolbox {width:32px;}

.social_links {border:0px; margin-right:15px}
.footer_social_row{margin-top:10px;}
.search_note{margin-left:20px; font-weight:bold;}

#social_links_div{
margin-top:10px;
padding-left:12px;
  
}
#contact_form_div{
  width:100%;
  margin-top:10px;
  text-align:center;
    

}

.footer_contact
{
  font-size:18px;
  
}

.SocialLinks a
{
  border:0px;
}

.footer_box
{
  float:left;
  display:block;
  padding-right:45px;
}

.social_media_bottom
{
  float:left;
  text-align:center;
  width:100%;
  margin-top:25px;
}

.social_media_bottom .fb-like {
  top:-5px;
}

.social_media_bottom a
{
  border:none;
}

.social_media_sidebar
{
  float:left;
  text-align:center;
  width:120px;
  margin-left:29px;
}

.social_media_sidebar a
{
  border:none;
}

.social_media_sidebar .fb-like {
  margin:0px !important;
  padding:0px !important;
}


.social_media_sidebar .pluso {
  margin:0px !important;
  padding:0px !important;
}

.homepg_ul li p
{
  margin:0px;
}

.third a
{
  font-size:16px;
  line-height:125%;
  color:#CE5C0A;
  border-bottom: 1px dotted #CE5C0A;
}

.third a:hover
{
  color:@BlueD;
  border-bottom: 1px dotted @BlueD;
}

.third h3
{
  text-align:center;
  letter-spacing:1px;
  font-size:18px;
}

.about-us-content 
{
  width:600px;
}

.two-col-rt-div
{
float:left;
width:40%;

}
.two-col-left-div
{
  float:left;
  width:40%;
  margin-right:150px;
}
.two-col-browser {
  float: left;
}
.two-col-browser li {
  min-height: 60px;
  height: 60px;
  margin-bottom: 40px;
}

.two-col-icon {
  width: 45px;
  min-height: 45px;
  float: left;
  background-color: blue;
  margin-right: 10px;
  margin-top: 4px;
}


.two-col-ul {
  width: 49%;
  float:left;
  list-style:none;
}
.two-col-ul li
{
  float:left;
  margin-top:10px;
  
}

.two-col-img-div
{
  height:64px; 
  float:left; 
  width:64px; 
  padding-right:15px; 
}

.two-col-text-outer
{
  width:300px; 
  float:left;
}

.heading-icon-text-outer
{
  width:600px; 
  float:left;
  margin-bottom:10px;
}
.two-col-text-inner
{
  height:65px; 
  display:table-cell; 
  vertical-align:middle;
}


.one-col-ul {
  width: 100%;
  float:left;
  list-style:none;
}
.one-col-ul li
{
  float:left;
  margin-top:10px;
  
}

.one-col-img-div
{
  height:64px; 
  float:left; 
  width:64px; 
  padding-right:15px; 
}

.one-col-text-outer
{
  width:600px; 
  float:left;
}

.one-col-text-inner
{
  height:65px; 
  display:table-cell; 
  vertical-align:middle;
}


.chapter_btns_ul {margin:0px; margin-left:25px;}
.chapter_btns_ul li { list-style-type: none; display: inline-block; margin: 0; margin-bottom:10px; }

.chapter_btns_ul a:visited
{
  color:@Blue;
}

.chapter_btns_ul a
{
  color:@Blue;
}

.chapter_heading
{
  width:100%;
  text-align:center;
}


.power_box
{
  width:100%;
  background-color:white;
  border: 1px solid grey;
  padding:10px;
  margin-bottom:20px;
  float:left;
  
  h2{
      margin:0px; 
      margin-left:10px;
      padding:0px; 
      font-weight:bold;
    }
  
  ul
  {
    width:25%;
    float:left;
  }
  
  ul.power_ul_three
  {
    width:33%;
  }
  ul.power_ul_two
  {
    width:50%;
  }
  
  ul li
  {
    list-style:none;
    margin-left:18px;
  }
  
  .power_subbox
  {
    margin-top:5px;
    margin-left:10px;
  }
}

.power_submit
{
  clear:both;
}

.power_reset_btn
{
  margin-left:10px;
}


.ui-datepicker a
{
  border:none;
}

.ui-datepicker select
{
  font-family: "PT Serif";
}

.alt_links:hover{
    color:@Linkhover;
    border-bottom: 1px dotted @Linkhover;
}

.related-resources
{
  margin-top:10px;
  float:left;
  width:100%;
  margin-left:20px;
}

.related-resources ul
{
  list-style:none;
}

.conf-sidebar
{
  border-left: 1px solid @Linecolor;
  width:209px;
}

.conf-related-resources li a
{
	color:#CE5C0A;
	border-bottom: 1px dotted #CE5C0A;
}
.extra_pdf_btn
{
  text-align:center;
}
.extra_pdf_btn a
{
  border:none;
}

.disclaimer
{
  font-size:12px;
  text-align:center;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
 
.alignleft {
   float: left;
}
 
.alignright {
   float: right;
}
 
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
 
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
 
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.alignleft {
   float: left;
   margin-right: 10px;
}
 
.alignright {
   float: right;
   margin-left: 10px;
}

.twitter-share-button
{
	margin-top:10px;
	margin-left:30px;
}
