/*------------------------------------------------------------------------------
	Begin Core Styles
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
	Typography
------------------------------------------------------------------------------*/
	
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

h1 {
	font-size: 3em;
	}
	
h2 {
	font-size: 2.4em;
	}

h3 {
	font-size: 1.8em;
	}

h4 {
	font-size: 1.8em;
	}

h5 {
	font-size: 1.6em;
	}

h6 {
	font-size: 1.4em;
	font-variant: small-caps;
	}

p,
ul,
ol,
th,
td,
label,
blockquote {
	font-size: 1.4em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.6em;
	}
	
#pagecontent blockquote {
	display: inline-block;
	vertical-align: middle;
	padding: 0 !important;
	font-size: 11px !important;
	}

#pagecontent blockquote p {
	font-style: italic;
}

#pagecontent ol, #pagecontent ul {
	margin-left: 17px;
	list-style-position: outside;
}

#pagecontent tbody ol,
#pagecontent tbody ul,
ul#side_nav, ul#side_nav ul {
	margin-left: 0;
	list-style-position: inside;
}

code {
	font-size: 1.2em;
	font-family: monospace;
	}
	
/*------------------------------------------------------------------------------
	Hyperlink Pseudo-Classes
------------------------------------------------------------------------------*/

a:link {
	text-decoration: none;
	}

a:visited {
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

/*------------------------------------------------------------------------------
	Layout
------------------------------------------------------------------------------*/

#topbar {
	min-height:1022px;
	}

#wrapper {
	margin: 0 auto;
	position: relative;
	width: 1200px;
	min-height: 1022px;
	}

#leaderboard {
	width: inherit;
	height: 224px;
	}

#footer {
	width: inherit;
	}

/*------------------------------------------------------------------------------
	Layout Tweaks
------------------------------------------------------------------------------*/

#logo {
	float: left;
	margin: 56px 0 0 110px;
	width: 637px;
	height: 98px;
	}

#logo a {
	display: block;
	width: 383px;
	height: 64px;
	}

/*------------------------------------------------------------------------------
	Main Navigation
------------------------------------------------------------------------------*/

#topnav {
	float: left;
	margin: 0 0 0 110px;
	width: 636px;
	height: 69px;
	}

#topnav ul {
	font-family: "PT-Sans", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 1.6em;
	text-transform: uppercase;
	list-style-type: none;
	display: inline;
	float: left;
	margin-right: 8px;
	}

#topnav ul li {
	float: left;
	padding-top: 25px;
	}

#topnav ul a {
	text-decoration: none;
	padding: 26px 40px 26px 0px;
	text-shadow: #000000 0px 1px;
	}

#topnav ul li.current .navline {
	padding-bottom: 8px;
	}

#topnav ul li li.current .navline,
#topnav ul li li li.current .navline {
	background: none;
	}
	
/*------------------------------------------------------------------------------
	Dropdown Navigation
------------------------------------------------------------------------------*/

#nav li ul {  
    font-family: Helvetica, Arial, sans-serif;
    display: block;
    width: 204px;
    padding-bottom: 17px;
    padding-top: 20px;
    margin-top: 18px;
    position: absolute;
    left: -9999px;
    z-index: 10000;
    opacity: none;
	}

#nav li li { 
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px; 
    float: none;
    padding: 0 13px;
    width: 178px;
	}
	
#nav li ul li a {
	text-shadow: none !important;
	}

#nav li.current li a,
#nav li li a {  
    font-family: Helvetica, Arial, sans-serif;
    text-transform: none;
    font-weight: bold;
    padding: 8px 14px;
    line-height: 1.4;
    width: 150px;
    display: block;  
	}

#nav li:hover ul{ 
    left: auto;
    top: auto;
	}

#nav li li ul {  
    padding: 7px 0;
	opacity: inherit;
	}

#nav li li li {  
    background: none;
    }

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul { 
	left: -9999px;
	}
	
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul { 
	left: auto; 
	display: block;
	}
	
#nav li:hover ul li:hover ul { 
	margin: -37px 0 0 186px;
	}
	
/*------------------------------------------------------------------------------
	Quicklinks
------------------------------------------------------------------------------*/

#featured img {
	margin: 0 0 0 0;
	float: left;
	}
	
#featured img:hover {
	opacity: 0.75;
	}

#featured img:active {
	opacity: 0.5;
	}

/*------------------------------------------------------------------------------
	Footer
------------------------------------------------------------------------------*/

#footnav {
	margin: 0 0 0 100px;
	clear: both;
	float: left;
	}

#footnav ul {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: 600;
	list-style-type: none;
	display: inline;
	}

#footnav ul li {
	float: left;
	}

#footnav ul li:after {
	content: "|";
	font-weight: normal;
	}
	
#footnav ul li:last-child:after {
	content: none;
	}

#footnav ul a {
	padding: 0 10px 0 10px;
	font-weight: 600;
	}

#socialmedia {
	margin-right: 110px;
	float: right;
	}

/* Fonts */
@font-face {
    font-family: 'Socialicons';
    src: url('https://1369f5bf4ae95a048ead-79e17f9511e19b406662e4af0a06f849.ssl.cf2.rackcdn.com/Socialicons_eot-1452722460');
    src: url('https://1369f5bf4ae95a048ead-79e17f9511e19b406662e4af0a06f849.ssl.cf2.rackcdn.com/Socialicons_eot-1452722460#iefix') format('embedded-opentype'),
    url('https://1369f5bf4ae95a048ead-79e17f9511e19b406662e4af0a06f849.ssl.cf2.rackcdn.com/Socialicons_woff-1452722462') format('woff'),
    url('https://1369f5bf4ae95a048ead-79e17f9511e19b406662e4af0a06f849.ssl.cf2.rackcdn.com/Socialicons_ttf-1452722462') format('truetype'),
    url('https://1369f5bf4ae95a048ead-79e17f9511e19b406662e4af0a06f849.ssl.cf2.rackcdn.com/Socialicons_svg-1452722463') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fontello';
    src: url('https://1369f5bf4ae95a048ead-79e17f9511e19b406662e4af0a06f849.ssl.cf2.rackcdn.com/fontello_eot-1452722464');
    src: url('https://1369f5bf4ae95a048ead-79e17f9511e19b406662e4af0a06f849.ssl.cf2.rackcdn.com/fontello_eot-1452722464#iefix') format('embedded-opentype'),
    url('https://1369f5bf4ae95a048ead-79e17f9511e19b406662e4af0a06f849.ssl.cf2.rackcdn.com/fontello_woff-1452722464') format('woff'),
    url('https://1369f5bf4ae95a048ead-79e17f9511e19b406662e4af0a06f849.ssl.cf2.rackcdn.com/fontello_ttf-1452722465') format('truetype'),
    url('https://1369f5bf4ae95a048ead-79e17f9511e19b406662e4af0a06f849.ssl.cf2.rackcdn.com/fontello_svg-1452722465') format('svg');
    font-weight: normal;
    font-style: normal;
}

#socialmedia a {
	display:inline-block;
	vertical-align:top;
	margin-left:4px;
	width:30px;
	height:30px;
}

#socialmedia a.sharethis { 
	display:none; 
}
#socialmedia a:hover {
	text-decoration:none;
}

#socialmedia a:before{
    display:block;
    font-family:'fontello';
    font-style:normal;
    font-weight:normal !important;
    speak:none;
    text-decoration: inherit;
    width:1.7em;
    font-variant:normal;
    text-transform:none;
    line-height:1em;
    font-size:30px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
}

#socialmedia .thecity:before,
#socialmedia .itunes:before,
#socialmedia .rss:before,
#socialmedia .search:before,
#socialmedia .youtube:before,
#socialmedia .fellowshipone:before,
#socialmedia .thetable:before,
#socialmedia .ccb:before {
	font-family:'Socialicons';
}

#socialmedia .thecity:before     	{ content:"\6f";  }
#socialmedia .googleplus:before 	{ content:'\e800'; }
#socialmedia .vimeo:before       	{ content:'\e801'; }
#socialmedia .instagram:before   	{ content:'\e802'; }
#socialmedia .linkedin:before    	{ content:'\e803'; }
#socialmedia .tumblr:before      	{ content:'\e804'; }
#socialmedia .facebook:before    	{ content:'\e805'; }
#socialmedia .flickr:before       	{ content:'\e806'; }
#socialmedia .pinterest:before    	{ content:'\e807'; }
#socialmedia .twitter:before   		{ content:'\e808'; }
#socialmedia .mail:before       	{ content:'\e810'; }
#socialmedia .itunes:before       	{ content:'\21'; }
#socialmedia .rss:before          	{ content:'\22'; }
#socialmedia .search:before       	{ content:'\23'; }
#socialmedia .youtube:before      	{ content:'\25'; }
#socialmedia .fellowshipone:before	{ content:'\71'; }
#socialmedia .thetable:before    	{ content:'\72'; }
#socialmedia .ccb:before          	{ content:'\75'; }


#address {
	clear: both;
	float: left;
	margin-left: 110px;
	padding-top: 10px;
	font-family: Helvetica, Arial, sans-serif;
	}

#address p {
	display: inline;
	font-size: 1.2em;
	}

#address p:after {
	padding: 0 8px 0 8px;
	content: "|";
	}
	
#address p:last-child:after {
	content: none;
	}

#author {
	clear: left;
	float: left;
	margin-left: 110px;
	margin-top: 10px;
	}

#author p {
	display: inline;
	font-size: 1.2em;
	}

#slogan {
	float: right;
	width: 250px;
	margin: -5px 110px 0 0px;
	}
	
#slogan p {	
	font-family: "PT-Sans", Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 1.3em;
	text-align: right;
	line-height: 1.5em;
	}
	
/*------------------------------------------------------------------------------
	Search
------------------------------------------------------------------------------*/

#search {
	position: absolute;
	top: 171px;
	right: 113px;
	}

#search input:focus {
	outline: none;
	}

#search input[type="text"] {
	background: url(https://1369f5bf4ae95a048ead-79e17f9511e19b406662e4af0a06f849.ssl.cf2.rackcdn.com/searchbg_png-1452722466) no-repeat 0 0;
	width: 248px;
	height: 35px;
	font-family: "PT-Sans", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 1.6em;
	padding: 0 0 3px 20px;
	}

#search input[type="image"] {
	width: 37px;
	height: 35px;
	}

#search .searchbtn {
	position: absolute;
	width: 37px;
	height: 35px;
	bottom: 3px;
	right: 0px;
	}

#search .searchbtn:hover {
	background-position: 0 -35px;
	}

/*------------------------------------------------------------------------------
	Pagination
------------------------------------------------------------------------------*/

#pagination,
.pagination {
	padding: 23px 0 26px 322px;
	}

#pagination p,
.pagination p {
	display: none;
	}

#pagination a,
.pagination a {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 4px;
	}

#pagination a,
.pagination a {
	text-decoration: none;
	text-align: center;
	line-height: 2em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: 700;
	}

#pagination a.previous,
.pagination a.previous,
#pagination a.next,
.pagination a.next {
	text-indent: -9999px;
	}

/*------------------------------------------------------------------------------
	Sorting Selectors
------------------------------------------------------------------------------*/

#sorting span.select {
	position: relative;
	display: block;
	padding: 3px 0 0 9px;
	width: 206px;
	height: 29px; 
    margin: 0 0 3px 25px;
    color: #4b4740 !important;
    line-height: 25px; 
    font-weight: bold; 
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    background: url(https://1369f5bf4ae95a048ead-79e17f9511e19b406662e4af0a06f849.ssl.cf2.rackcdn.com/pulldown_png-1452722474) no-repeat; 
	}
    
#sorting .select select { 
	opacity: 0; 
	filter: alpha(opacity=0); 
	width: 99%;
	min-height: 29px; 
	position: absolute; 
	top: -1px; 
	left: 10px; 
	}             

#sorting select#month {
	margin-left: -25px;
}

/*------------------------------------------------------------------------------
	AddThis Toolbox
------------------------------------------------------------------------------*/

#addthis_toolbox {
	position: relative;
	top: -320px;
	right: -115px;
	z-index: 9999;
	float: right;
	}

#addthis_toolbox .custom_hover .custom_button {
    font-weight: bold;
    padding: 2px;
    -moz-border-radius: 3px 3px 0 0;    
    -webkit-border-radius: 3px 3px 0 0;
	}

#addthis_toolbox .custom_hover .custom_button.active {
    background-color: #eee;
	}

#addthis_toolbox .hover_menu {
    display: none;
    position: absolute;
    background: #eeeeec;
	}

#addthis_toolbox .custom_hover .tower {
    -webkit-border-radius: 0 3px 0 0;   
    -moz-border-radius-topleft: 0;
    }
    
#addthis_toolbox .hover_menu {
    width: 156px;
    padding: 11px 0 11px 0;
    padding-left: 0px;
	}

#addthis_toolbox .hover_menu a {
    width: 122px;
    padding: 6px 0 6px 34px;
    position: relative;
    display: block;
    text-decoration: none;
    color: #7c7c7b;
    font-size: 1.2em;
	}

#addthis_toolbox .hover_menu a:hover {
    background: #dfdfdd;
    color: #4b4b4b;
    text-decoration: none;
	}

#addthis_toolbox .hover_menu span {
    position: absolute;
    left: 11px;
    top: 3px;
	}

#addthis_toolbox .hover_menu .more {
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 0px 10px 0 10px;
    text-align: center;
	}

#addthis_toolbox .hover_menu .more a {
    padding: 4px 0;
    margin: 0;
	}

#addthis_toolbox .hover_menu .more span {
    display: none;
	}

/*------------------------------------------------------------------------------
	Table Alignment
------------------------------------------------------------------------------*/

table.cpmtable {
	width: 640px;
	margin-left: 110px;
}

table.cpmtable * {
	padding: 0 !important;
	font-size: 14px;
}

table.cpmtable td {
	vertical-align: top;
	/*padding: 15px 12px 0 0 !important;*/
	min-width: 105px;
}
	
/*------------------------------------------------------------------------------
	Image Alignment
------------------------------------------------------------------------------*/

img.img_left,
img.left-align {
	float: left;
	margin: 5px 10px 10px 0;
}

img.img_right,
img.right-align {
	float: right;
	margin: 5px 0 10px 10px;
}

img.center-align { 
 	display: block; 
 	margin :0 auto; 
}

/*------------------------------------------------------------------------------
	City Events
------------------------------------------------------------------------------*/

div[data-service="city"].loaded, div[data-service="ccb"].loaded {
	width: 685px;
	margin-left: 112px;
}

.city > h3 {
	position: relative;
	height: 48px;
	border-radius: 5px;
	margin-bottom: 23px;
	padding: 0 0 0 50px !important;
	font-size: 18px !important;
}

/*------------------------------------------------------------------------------
	End Core Styles
------------------------------------------------------------------------------*/

#sermonlist .sermon .blogline, #sermonview .sermon .blogline, #ajaxview .sermon .blogline {
margin-left: 0;
margin-bottom: 0;
position: absolute;
bottom: 0;
}

#pagecontent .cpmGallery img {
	padding: 0px !important;
}

/* Updates 10312012 _BDO */
@media all and (device-width: 768px) and (device-height: 1024px) {
    .sermonmedia a.save { display:none; }
}
/* End Updates 10312012 */

.cpm_password_protection {
	padding: 15px 0;
	width: 700px;
	margin-left: 101px;
}

.cpm_password_protection fieldset {
	border: none;
}

/* Updates 12292015 _BDO */
.videoinner {
	padding-left:110px;
	padding-right:400px;
}

.videoinner.left-align {
	float:left;
	margin-right:10px;
}

.videoinner.right-align {
	float:right;
	margin-left:10px;
}

.videoinner.center-align .video-js {
	margin:0 auto;
}

#pagecontent [data-width="100"] .vjs-current-time {
	margin-top:2px;
	margin-left:15px;
}

#pagecontent [data-width="75"] .vjs-progress-control {
	left:18%;
	width:50%;
}

#pagecontent [data-width="100"] .vjs-progress-control {
	left:105px;
	width:50%;
}

#pagecontent [data-width="50"] .vjs-duration-display {
	right:110px;
}

#pagecontent [data-width="100"] .vjs-duration-display {
	margin-top:2px;
}

#pagecontent [data-width="50"] .vjs-mute-control {
	right:101px;
}

#pagecontent [data-width="75"] .vjs-mute-control {
	right:116px;
}
/* End Updates 12292015 */