/*
Theme Name: Cornerstone Chapel
Author: Cornerstone Chapel
Author URI: http://www.cornerstonechapel.net
Description: Cornerstone Chapel - Master Theme 2011
*/

/* -------------------------------
BODY STYLES
----------------------------------*/
* {
	margin:0;
	padding:0;
}
body {
	color:#666;
	background:#333333 url(/images/backgrounds/background_baptism.jpg) repeat-x;
	background-position: top center;
	font-family:'Open Sans',sans-serif;
	font-size:16px;
	font-weight:300;
	line-height:135%;
}
.clearer {
	clear:both;
	line-height:0;
	height:0;
}

.player {
border:0;
}

/*----------------------------------------------------
BASIC HTML ELEMENTS STYLES
------------------------------------------------------*/

h1 {
	color:#1FA2E1;
	font-family:'Open Sans',sans-serif;
	font-size:32px;
	letter-spacing:-1px;
	font-weight:700;
	line-height:100%;
	padding:10px 0 12px;
	text-transform:uppercase;
}
h1.home {
	color:#1FA2E1;
	font-size:30px;
}
h1 a {
	color:#333;
	text-decoration:none;
}
h2,h3 {
	color:#333;
	font-size:22px;
	font-weight:400;
	padding:5px 0;
}
h3 {
	font-size:17px;
}
h2.heading {color:#1FA2E1;font-family:'Open Sans',sans-serif;font-size:x-large;font-weight:normal;line-height:100%;padding:40px 0 0 0px;text-transform:uppercase;border-bottom: solid 1px #1FA2E1;}
h3.heading {color:#000000;font-family:'Open Sans',sans-serif;font-size:large;font-weight:normal;line-height:100%;padding:10px 0 0 0px;text-transform:uppercase;}
h3.ribbon {
	text-transform:uppercase;
	font-size:18px;
	font-weight:600;
	color:#FFF;
	text-align: center;
	background-color:#1d6392;
	padding:2% 0;
	border-radius: 50px;margin-top:25px;margin-bottom:10px;
}
h3.ribbondark {
	text-transform:uppercase;
	font-size:18px;
	font-weight:300;
	color:#FFF;
	text-indent:15px;
	background-color:#333333;
	padding:2% 0;
	border-radius: 50px;margin-bottom:10px;
}
h4 {
	font-size:16px;
}
h4.sidebar {
	text-transform:uppercase;
}
ul {
	list-style:none;
}
p {
	margin:10px 0;
}

/* -------------------------------
LAYOUT STRUCTURE
----------------------------------*/

#wrapper {
	width:960px;
	margin:0 auto;
}
#header {
	position:relative;
	height:107px;
}

/* -------------------------------
HOME PAGE
----------------------------------*/

#maincontent {
	position:relative;
	left:0;
	top:0;
	height:400px;
	width:960px;
}

#watchlive {
	position:absolute;
	right:10px;
	top:20px;
	height:32px;
	width:300px;
	z-index:1;
}
#anniversary {
	position:absolute;
	left:845px;
	top:5px;
	height:50px;
	width:95px;
	z-index:1;
}

/* -------------------------------
SUBPAGES
----------------------------------*/

#content {
	padding:0px 0px 25px;
}
#content #colLeft {
height: 100%;
	float:left;
	width:650px;
	margin-left:0px;
	margin-right:15px;
}
#content #colLeftFull {
	float:left;
	width:960px;
	margin-left:10px;
	margin-right:15px;
}
#content #colRight {
	float:right;
	width:280px;
}
.servicetimes {padding: 5px 100px 5px 100px;color:#000000;text-align:center;}

/* -------------------------------
FOOTER
----------------------------------*/


#footer {
	bottom : 0;
	background:#000 url(images/bk_footer.jpg) 0 0 repeat-x;
	padding-top:20px;
	padding-bottom:25px;
	margin-top:15px;
	min-width:960px;
}
#footerInner {
	width:960px;
	color:silver;
	overflow:hidden;
	padding-bottom:10px;
	margin:0 auto;
}
#footerimage {
	margin-right:auto;
	margin-left:auto;
	background:url(/images/branding/bottombanner_072020.jpg) repeat-x;
	background-position: top center;
	height:200px;
	min-width:960px;
}
#copyright {
	border-top:1px solid #1E1E1E;
	background:#111;
	margin-right:auto;
	margin-left:auto;
	min-width:960px;
}
#copyrightInner {
	width:960px;
	font-size:11px;
	color:#ccc;
	position:relative;
	text-align:center;
	margin:0 auto;
	padding:10px 0;
}
#copyrightInner a {
	color:#ccc;
	text-decoration:none;
}
#socialmedia {
	width:960px;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align:center;

}
/* -------------------------------
HEADER ELEMENTS
----------------------------------*/

/* TOP MENU */

.ddsmoothmenu {
	position:absolute;
	left:0;
	top:61px;
	border-right:0px solid #2F2F2F;
}
.ddsmoothmenu ul li a {
	display:block;
	color:#CCC;
	text-decoration:none;
	border-left:0px solid #2F2F2F;
	height:42px;
	line-height:42px;
	text-transform:uppercase;
	font-family:'Roboto Condensed',sans-serif;
	font-size:16px;
	padding:0 20px;
}
.ddsmoothmenu ul li a:hover {
	color:#FFF;
	background-color:#1FA2E1;
	transition:1.0s;
}

/* TOP MENU RIGHT */

#topMenuRight {
	position:absolute;
	right:0;
	top:6px;
}
#topMenuRight ul li a {
	display:block;
	color:#CCC;
	text-decoration:none;
	height:42px;
	line-height:42px;
	font-size:11px;
	background:url(images/list_red_bullet.png) 1px 50% no-repeat;
	padding:0 8px;
}
#topMenuRight ul li a:hover {
	color:#FFF;
}
#logo {
	position:absolute;
	left:0;
	top:6px;
}
#logo img {
	border:none;
}
#logo span {
	display:block;
	padding-left:5px;
	padding-top:5px;
	text-transform:uppercase;
	color:#999;
	font-size:12px;
}

/* SOCIAL LINKS */

#socialLinks {
	position:absolute;
	right:10px;
	top:52px;
	height:24px;
}
#socialLinks p {
	text-align:right;
	margin:10px 0 0;
}
#socialLinks .facebook {
	position:absolute;
	right:68px;
	top:17px;
	background:url(images/ico_social_networks_flat.png) no-repeat 0 0;
	width:24px;
	height:23px;
	display:block;
	text-indent:-9999px;
}
#socialLinks .facebook:hover {
	background-position:0 -24px;
}
#socialLinks .twitter {
	position:absolute;
	right:34px;
	top:17px;
	background:url(images/ico_social_networks_flat.png) no-repeat -25px 0;
	width:24px;
	height:23px;
	display:block;
	text-indent:-9999px;
}
#socialLinks .twitter:hover {
	background-position:-25px -24px;
}
#socialLinks .instagram {
	position:absolute;
	right:0;
	top:17px;
	background:url(images/ico_social_networks_flat.png) no-repeat -50px 0;
	width:24px;
	height:23px;
	display:block;
	text-indent:-9999px;
}
#socialLinks .instagram:hover {
	background-position:-50px -24px;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),	
only screen and (-moz-min-device-pixel-ratio: 1.5),	
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
#socialLinks .facebook {
	background:url(images/ico_social_networks_flat@2x.png) no-repeat 0 0;
	background-size: 74px 47px;
}
#socialLinks .twitter {
	background:url(images/ico_social_networks_flat@2x.png) no-repeat -25px 0;
	background-size: 74px 47px;
}
#socialLinks .instagram {	
	background:url(images/ico_social_networks_flat@2x.png) no-repeat -50px 0;
	background-size: 74px 47px;
}
}

/*----------------------------
FOOTER ELEMENTS
------------------------------*/

#footer h2 {
	font-weight:700;
	color:#ccc;
	font-size:18px;
}
#footerInner .boxFooter {
	float:left;
	width:290px;
	padding-right:30px;
}
#footerInner .last {
	padding-right:0;
}
#footerInner h2 {
	font-size:20px;
	border-bottom:1px solid #292929;
	margin-bottom:7px;
	padding:7px 0;
}
#footerInner .boxFooter ul li {
	border-bottom:1px solid #292929;
	background:url(images/star.png) 0 8px no-repeat;
	color:#986123;
	font-size:10px;
	font-style:italic;
	padding:5px 6px 5px 18px;
}
#footerInner .boxFooter ul li br {
	line-height:5px;
}
#footerInner .boxFooter ul li a {
	text-decoration:none;
	color:#515151;
	font-size:13px;
	font-style:normal;
}
#footerInner .boxFooter ul li a:hover {
	color:#ccc;
}

/*----------------------------
LEFTCOL ELEMENTS
------------------------------*/

.postBoxTop {
	height:5px;
	width:668px;
}
.postBoxBottom {
	height:5px;
	width:668px;
}
.postBox .postBoxMid {
	background-color:#fdfdfd;
	-moz-box-shadow:0px 3px 10px #000;
	-webkit-box-shadow:0px 3px 10px #000;
	box-shadow:0px 3px 10px #000;
	border-top-left-radius:10px 10px;
	border-bottom-left-radius:10px 10px;
	border-top-right-radius:10px 10px;
	border-bottom-right-radius:10px 10px;
	-moz-border-radius-topleft:10px 10px;
	-moz-border-radius-bottomleft:10px 10px;
	-moz-border-radius-topright:10px 10px;
	-moz-border-radius-bottomright:10px 10px;
	-webkit-border-top-left-radius:3px 3px;
	-webkit-border-bottom-left-radius:3px 3px;
	-webkit-border-top-right-radius:3px 3px;
	-webkit-border-bottom-right-radius:3px 3px;
	padding:0 10px;
	opacity: 0.9;
}
.postBox .postBoxMid p {
	line-height:145%;
}
.postBox .postBoxMid img {
	border:none;
	padding:5px;
}
.postBox .videoLibrary img {
	border:none;
	padding:0;
}
.postBox .videoThumbnail {
	-moz-box-shadow:0px 3px 10px #000;
	-webkit-box-shadow:0px 3px 10px #000;
	box-shadow:0px 3px 10px #000;
}
.postBox .postBoxMidInner {
	position:relative;
	padding:10px;
}
.postBox .first {
}
.postBoxMid .category {
	background:url(images/star.png) 0 50% no-repeat;
	text-transform:uppercase;
	font-size:11px;
	line-height:100%;
	color:#ccc;
	font-weight:700;
	padding:0 0 0 20px;
}
.postBox .postBoxMid .date {
	background:url(images/bk_date.png) 0 0 no-repeat;
	width:62px;
	height:89px;
	left:-34px;
	top:13px;
	text-align:center;
	position:absolute;
	font-size:11px;
	color:#C5ECFC;
	padding-top:17px;
}
.postBox .postBoxMid .date span.day {
	font-size:24px;
	font-weight:700;
	text-shadow:1px 1px #157EC4;
	color:#fff;
}
.postBox .postBoxMid .textPreview {
	float:left;
	width:350px;
	margin-top:15px;
}
.postBox .postBoxMid .textPreview p {
	margin-top:0;
}
.postBox .postBoxMid .postThumb {
	float:left;
	width:201px;
	overflow:hidden;
	margin:15px 25px 25px 0;
}
.postBox .postBoxMid .postThumb img {
	border:none;
	background:#F0F0F0;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px;
}
.postBox .postBoxMid .postMeta {
	border-top:1px solid #E2E2E2;
	padding-top:20px;
	margin-top:25px;
	clear:left;
	overflow:hidden;
}
.postBox .postBoxMid .postMeta .more-link {
	display:block;
	background:url(images/ico_readmore.png) 0 0 no-repeat;
	font-size:14px;
	font-weight:700;
	float:left;
	padding:3px 0 3px 35px;
}
.postBox .postBoxMid .postMeta .metaRight {
	float:right;
}
.postBox .postBoxMid .postMeta .metaRight img {
	vertical-align:middle;
	margin-left:20px;
}
.postBox .postBoxMid .postMetaSingle {
	border-bottom:1px solid #E2E2E2;
	margin-bottom:20px;
	padding:5px 0 15px;
}
.postBox .postBoxMid .postMetaSingle img {
	vertical-align:middle;
}
.postBox .postBoxMid .postCredentials {
	background:#F8F8F8;
	border-top:3px solid #E2E2E2;
	border-bottom:3px solid #E2E2E2;
	margin-right:2px;
	overflow:hidden;
	text-shadow:1px 1px #fff;
	padding:20px 40px 15px;
}
.postBox .postBoxMid .postCredentials p {
	font-size:12px;
	color:#666;
	margin:.6em 0;
}
.postBox .postBoxMid .postCredentials img {
	float:left;
	margin-right:10px;
	background:#fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:4px;
}
.postBox .postBoxMid .postCredentials #authorDetails {
	clear:both;
	padding-top:15px;
	overflow:hidden;
	border-top:1px solid #ddd;
}
.postBox .postBoxMid .postCredentials #authorDetails img {
	margin-bottom:15px;
}

/* MISC LEFTCOL ELEMENTS */


blockquote {
	padding-left:10px;
	font-size:16px;
	font-family:'Open Sans',sans-serif;
	margin:20px 20px 15px;
}
blockquote.blue {
	color:#1d6392;
}
#content #colLeft ol li {
	padding: 5px;
	padding:5px 0 5px 15px;
}
#content #colLeft ul li {
	padding: 5px;
	list-style: none;
	padding:5px 0px 5px 15px;
}
#content #colLeft ul li:before {
	content: '\27A5';
	float: left;
	margin-left: -20px; 
	font-size:22px;
	color:#1d6392;
}
#content #colLeft ul {
	margin:0 0 15px 15px;
}
#content #colLeft ol li {
	background:none;
	padding-left:0;
}
#content #colLeft ol {
	margin:0 0 15px 35px;
}

/* PAGINATION */

.emm-paginate {
	overflow:hidden;
	padding:10px 0;
}
.emm-paginate a {
	background:url(images/bk_pagenavi.jpg) 0 100% repeat-x;
	border:1px solid #ddd;
	color:#666;
	margin-right:5px;
	text-align:center;
	text-decoration:none;
	padding:4px 8px;
}
.emm-paginate .emm-title {
	color:#555;
	margin-right:4px;
}
.emm-paginate .emm-gap {
	color:#999;
	margin-right:4px;
}
.emm-paginate a:hover,.emm-paginate a:active,.emm-paginate .emm-current {
	color:#fff;
	background:#18AEF5;
	border:1px solid #0A95D8;
	margin-right:5px;
	padding:4px 8px;
}

/* --------------------------------
RIGHTCOL ELEMENTS
-----------------------------------*/

.rightBoxTop {
	height:5px;
	width:260px;
}
.rightBoxMid h2 {
	text-shadow:none;
}
.rightBoxBottom {
	height:5px;
	width:260px;
}
.rightBox .rightBoxMid {
	background: rgb(0, 0, 0); /* Fall-back for browsers that don't support rgba */
	background: rgba(0, 0, 0, .75);
    	position:relative;
	-moz-box-shadow:0px 3px 10px #000;
	-webkit-box-shadow:0px 3px 10px #000;
	box-shadow:0px 3px 10px #000;
	border-top-left-radius:10px 10px;
	border-bottom-left-radius:10px 10px;
	border-top-right-radius:10px 10px;
	border-bottom-right-radius:10px 10px;
	-moz-border-radius-topleft:10px 10px;
	-moz-border-radius-bottomleft:10px 10px;
	-moz-border-radius-topright:10px 10px;
	-moz-border-radius-bottomright:10px 10px;
	-webkit-border-top-left-radius:10px 10px;
	-webkit-border-bottom-left-radius:10px 10px;
	-webkit-border-top-right-radius:10px 10px;
	-webkit-border-bottom-right-radius:10px 10px;
	padding:50px 20px 25px;
}
.rightBox .rightBoxMid a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.rightBox .rightBoxMidSearch {
	background:url(images/bk_box_mid_right.png) 0 0 repeat-y;
	overflow:hidden;
	padding:6px 10px 5px;
}
.rightBox .rightBoxMid h2 {
	font-size:14px;
	font-weight:700;
	font-style:normal;
	text-align:center;
	letter-spacing:1px;
	display:block;
	color:#FFF;
	text-transform:uppercase;
	background:url(images/bk_h2_right.png) 0 0 no-repeat;
	width:264px;
	height:39px;
	position:absolute;
	top:0;
	left:-2px;
	padding:13px 15px 0 20px;
}
.rightBox .textwidget h4 {
	font-size:14px;
	font-weight:400;
	color:#FFF;
	margin-bottom:5px;
}
.rightBox .textwidget h2 {
	display:none;
}
.rightBox .textwidget li {
	list-style:none;
	border:1px dotted #000;
	border-width:1px 0;
	margin:0 0 -1px 15px;
	padding:3px 5px;
}
.rightBox .rightBoxMid ul li {
	border-bottom:1px dotted #000;
	padding:5px 0;
}
#content .podcastGroup {
	padding:0;
}
#content .podcastCover {
	border:1px solid #ccc;
	-moz-box-shadow:0 3px 10px #000;
	-webkit-box-shadow:0 3px 10px #000;
	box-shadow:0 3px 10px #000;
	margin:10px;
	padding:0;
}

/* --------------------------------
BUTTONS
-----------------------------------*/

.casper-live {
    color: #FFFFFF;
    background: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    padding: 5px 5px;
    margin: 5px 5px;
    display: inline-block;
    text-decoration: none;
    min-width: 125px;
    transition: color .5s linear, background-color .5s ease-in-out;
    font-family: 'Open Sans', sans-serif;
    font-size: small;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}
.casper-live:hover, .casper-snow:active {
    color:#FFFFFF;
    background:rgba(45, 163, 223, 1.0);
}

/* --------------------------------
FORMS
-----------------------------------*/

#searchform input {
	border:1px dashed #CDCDCD;
	border-right:none;
	width:169px;
	background:none;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	color:#666;
	font-style:italic;
	float:left;
	margin-top:1px;
	padding:8px 10px 7px;
}
#searchform input.submit {
	width:70px;
	height:39px;
	background:url(images/bk_but_search.jpg) 0 0 no-repeat;
	border:none;
	margin-top:-2px;
	padding:0;
}

/* -------------------------------
MISSIONS
----------------------------------*/

#profileLeft {
	width:650px;
	float:left;
}

#profileRight {
	width:225px;
	float:right;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#content .profilePhoto {
	border-radius:200px;
}

#profileBiography {
	position:relative;
	padding-right:30px;
}
#missionaryProfile h3 {
	text-shadow:none;
	color:#1FA2E1;
	margin-top:25px;
}
.profileBreak {
	clear:both;
	padding-top:15px;
	padding-bottom:15px;
}
.profileBreak hr {
	background-color:#cccccc;
	height:2px;
	border: none;
}
#missionaryName h3 {
	text-shadow:none;
	color:#1FA2E1;
	font-size:24px;
	margin-top:0px;
}


/* -------------------------------
TEACHING LIBRARY
----------------------------------*/

#videoContainer {
	width:960px;
	float:left;
	margin-right:-320px;
}
#videoDescription {
	width:250px;
	position:relative;
	float:right;
	padding-right:30px;
	margin-top:15px;
}
#videoDescription h3 {
	text-shadow:none;
	color:#FFF;
}

#videoPlayer {
	margin-right:320px;
	margin-top:0;
	-moz-box-shadow:0 3px 20px #000;
	-webkit-box-shadow:0 3px 20px #000;
	box-shadow:0 3px 20px #000;
}
#teachingContainer {
	width: 960px;
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
	background: rgba(255, 255, 255);
	-moz-box-shadow: 0px 3px 20px #000000;
	-webkit-box-shadow: 0px 3px 20px #000000;
	box-shadow: 0px 3px 20px #000000;
}
#teachingPlayer {
clear:both;
	height: 540px;
}
#teachingTitle {
clear:both;
	margin-top:0px;
	padding:20px;
}
#audioPlayer {
padding: 0px 20px 0px 20px;
float:left;
width:200px;
vertical-align: top;
}
#teachingDescription {
color:#333;
margin-right: 20px;
width: 960px;
padding:0px;
float:right;
width:680px;
}
#teachingResources {
clear: both;
padding: 20px;
}
#sharingLinks {
background: rgb(204, 204, 204); /* Fall-back for browsers that don't support rgba */
background: rgba(204, 204, 204);
height:36px;
width:160px;
margin-top:20px;
padding: 5px 0px 0px 20px;
border-top-left-radius:5px 5px;
border-bottom-left-radius:5px 5px;
border-top-right-radius:5px 5px;
border-bottom-right-radius:5px 5px;
}
#sharingLinks p {
	margin:0px;
}
#sharingLinks .facebook {
	position:absolute;
	margin-left: 0px;
	background:url(/scripts/video/sharing.png) no-repeat 0 0;
	width:32px;
	height:32px;
	display:block;
	text-indent:-9999px;
}
#sharingLinks .facebook:hover {
	background-position:0px -32px;
}
#sharingLinks .twitter {
	position:absolute;
	margin-left: 46px;
	background:url(/scripts/video/sharing.png) no-repeat -32px 0;
	width:32px;
	height:32px;
	display:block;
	text-indent:-9999px;
}
#sharingLinks .twitter:hover {
	background-position:-32px -32px;
}
#sharingLinks .email {
	position:absolute;
	margin-left: 96px;
	background:url(/scripts/video/sharing.png) no-repeat -64px 0;
	width:32px;
	height:32px;
	display:block;
	text-indent:-9999px;
}
#sharingLinks .email:hover {
	background-position:-64px -32px;
}

/* -------------------------------
MEDIA PLAYER
----------------------------------*/

#mediaContainer {
	width: 940px;
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
	background: rgba(255, 255, 255);
	-moz-box-shadow: 0px 3px 20px #000000;
	-webkit-box-shadow: 0px 3px 20px #000000;
	box-shadow: 0px 3px 20px #000000;
}
#mediaTitle {
	clear:both;
	margin-top:0px;
	padding:0px 20px 0px 20px;
}
#mediaDescription {
	color:#333;
	padding:0px 20px 20px 20px;
	width: 900px;
}
#tabs {
	color:#333;
	padding:0px 20px 20px 20px;
	width: 900px;
}

/* -------------------------------
CLEARING
----------------------------------*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
	float:none;
}
.clearfix {
	display:block;
}


/* -------------------------------
SLIDE FORMATTING
----------------------------------*/

a,h1 a:hover,#copyrightInner a:hover {
	color:#1FA2E1;
	text-decoration:none;
}
a:focus,#nav1 a:focus {
	outline:none;
}

.slides,.subslides {
	height:360px;
	width:640px;
	overflow:hidden;
	margin:0;
	padding:0;
}
.slides img,.subslides img {
	height:360px;
	width:640px;
	border:0 solid #ccc;
	background-color:#000;
	top:0;
	left:0;
	-moz-box-shadow:0 3px 10px #000;
	-webkit-box-shadow:0 3px 10px #000;
	box-shadow:0 3px 10px #000;
	padding:0;
}

/* -------------------------------
FORM STYLING
----------------------------------*/
body .gform_wrapper .gform_footer input[type=submit] { 
    color: rgba(45, 163, 223, 1.0);
    background: transparent;
    border: 1px solid rgba(45, 163, 223, 1.0);
    border-radius: 50px;
    padding: 10px 12px;
    margin: 10px 5px;
    display: inline-block;
    text-decoration: none;
    min-width: 175px;
    transition: color .5s linear, background-color .5s ease-in-out;
    font-family: 'Open Sans', sans-serif;
    font-size: large;
    font-weight: normal;
    text-align: center;
}

body .gform_wrapper .gform_footer input:hover[type=submit] {
    color:#FFFFFF;
    background:rgba(45, 163, 223, 1.0);
}