/* CSS RESET
---------------------------------------------*/

* {margin: 0; padding: 0; }


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* Misc shared styles
---------------------------------------------*/
a{
	color: #8eb4d5;
	text-decoration: none;

}

.box {
	padding: 25px;
	border: 1px solid #38124f;
	color: #bdb2ed;
	font-size: 13px;
	line-height: 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #330033;
	background: -webkit-gradient(linear, left top, left bottom, from(#370d4d), to(#1f052f));
	background: -moz-linear-gradient(top,  #370d4d,  #1f052f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#370d4d', endColorstr='#1f052f');
	box-shadow: 0px 0px 5px #333;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
}

.button{
	margin-top:10px;
	text-align: center;
	font-size: 11px;
	line-height: 26px;
	padding: 0 10px;
	width: 200px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #3169a0;
	background: #330033;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddeaf3), to(#aed0e7));
	background: -moz-linear-gradient(top,  #ddeaf3,  #aed0e7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeaf3', endColorstr='#aed0e7');

}

.clear:after {
	content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

/* TOP STRIPE
---------------------------------------------*/


#top_stripe{
	background: black;
	height: 26px;
}
#top_stripe div.stripe_inner{
	width: 970px;
	text-align: right;
	line-height: 26px;
	text-transform: uppercase;
	color: #79536b;
	font-size: 10px;
	position: relative;
}
#top_stripe div.share_button {
	position: absolute;
	top: 37px;
	right: 3px;
	width: 120px;
	background: #330033;
	background: -webkit-gradient(linear, left top, left bottom, from(#370d4d), to(#1f052f));
	background: -moz-linear-gradient(top,  #370d4d,  #1f052f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#370d4d', endColorstr='#1f052f');
	padding: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 2px 2px 5px #333;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;

}
#top_stripe span.partnership {
	display: block;
	margin-right: 250px;
}
#top_stripe img.lctv {
	position: absolute;
	right: 0px;
	top:7px;
	
}
#top_stripe img.xxxchurch {
	position: absolute;
	right: 180px;
	top:5px;
}

.co-link a {

}

/* TEMPLATE
---------------------------------------------*/

html {
	background: #22002e url(/img/vertical-tile.jpg) repeat-y;
}
body{
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	background: transparent url(/img/background.jpg) 0 26px no-repeat;
}

#container{
	clear:both;
	width:970px;
}

.header {
	width: 325px;
	padding-left: 35px;
	float: left;
}
h1.logo a {
	display: block;
	text-indent: -900em;
	height: 263px;
}
h2.date {
	width: 300px;
	height: 104px;
	background: url(/img/bg-dates.png) no-repeat;
	text-indent: -900em;
}

p.intro {
	margin-top: 15px;
	width: 300px;
	height: 200px;
	text-indent: -900em;
	background: url(/img/bg-intro.png) no-repeat;
}

.share-appeal {
	margin-top: 25px;
	font-size: 18px !important;
	line-height: 28px !important;
	font-weight: bold;
}
.share-appeal .inner {
	margin: -25px;
	padding: 25px;
	background: url(/img/red-light.png) top right no-repeat;

}
.share-appeal .button {
	margin-top:25px;
	line-height: 47px;
	text-align: center;
	padding: 0 10px;
}

.content {
	width: 568px;
	margin: 50px 0 0 400px ;
}





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

.video{
	background: #555;
	width: 560px;
	padding:3px;
	border: 1px solid #7d185b;
	margin-bottom: 25px;
	box-shadow: 0px 0px 5px #333;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
}



.co-link{
	margin-top:-15px;
	margin-bottom: 10px;

}
.co-link a{
	display: block;
	color: white;
	font-size: 13px;
	text-align: center;
	float:right;
	width:150px;
	margin-bottom:10px;
	background: #820454;
	background: -webkit-gradient(linear, left top, left bottom, from(#ae3779), to(#820454));
	background: -moz-linear-gradient(top,  #ae3779,  #820454);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae3779', endColorstr='#820454');
	padding: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-left:15px;
}
.co-link a.guys{

}

.segment-overview{
	clear: right;
	padding: 6px 0;
	color: #fefda5;
	border: 1px solid #fefda5;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 25px;
  	background: rgb(254, 153, 165); /* The Fallback */
   	background: rgba(254, 153, 165, 0.17);
}
.segment{
	border: 1px solid #e5a2cb;
	margin-bottom: 25px;
}

.segment.guys{
	background: #2c1e36;
	background: -webkit-gradient(linear, left top, left bottom, from(#45374f), to(#2c1e36));
	background: -moz-linear-gradient(top,  #45374f,  #1f052f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#45374f', endColorstr='#2c1e36');
	
}

.segment.girls{
	background: #820454;
	background: -webkit-gradient(linear, left top, left bottom, from(#ae3779), to(#820454));
	background: -moz-linear-gradient(top,  #ae3779,  #820454);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae3779', endColorstr='#820454');

}
.segment .inner {
	padding: 10px 10px 10px 100px;
	background-image: url(/img/male-female-symbols.png);
	background-repeat: no-repeat;
}

.segment.girls .inner{
	background-position-y: -120px;

}
.segment h3{
	color: #dfc1eb;
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
}
.segment span {
	color: #c42987;
	font-size: 22px;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}
.segment.girls span{
	color: #f4d8e9;
}


.sponsored-by{
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #594466;
	margin-bottom: 10px;
}

.sponsors .box {
	float:left;
	width: 218px;
	font-size: 13px;
}
.about-lctv{
	margin-right: 25px;

}
.sponsors h3{
	margin-bottom:15px;
}
.sponsors .box a {
	display: block;
	margin-top: 10px;
}

/* Post-event additions */

#video-choose.video{
	height: 340px;
	background: -webkit-gradient(linear, left top, left bottom, from(#45374f), to(#2c1e36));
	background: -moz-linear-gradient(top,  #45374f,  #1f052f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#45374f', endColorstr='#2c1e36');

}
#video-choose.video div{
	text-align: center;
	margin-top: 75px;
	color: #BDB2ED;
}
#video-choose.video .button{
	font-size:24px;
	line-height:50px;
	margin:30px auto;
	width:400px;
	text-shadow:-1px 1px 2px white;
	font-weight:normal;
}
#video-choose.video .button#choose-girl{
	color:#ec9dca;
	background: #820454;
	text-shadow: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#ae3779), to(#820454));
	background: -moz-linear-gradient(top,  #ae3779,  #820454);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae3779', endColorstr='#820454');
}


#video-guys{
	border: 1px solid #ddeaf3;
}
#video-girls{
	border: 1px solid #ae3779;
}
#video-tabs {
	height:30px;
	position:absolute;
	top:46px;
}
#video-tabs a{
	display:block;
	float:left;
	line-height:30px;
	margin-right:5px;
	padding:0 10px;
	font-size:12px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#video-tabs #tab-guys{
	color: #144b86;
	background: #6aa2c7;
}
#video-tabs #tab-girls{
	color:#ec9dca;
	background: #66013e;
}

#video-tabs a.active{
	box-shadow: 0px -1px 5px #333;
	-moz-box-shadow: 0px -1px 5px #000;
	-webkit-box-shadow: 0px -1px 5px #000;

}
#video-tabs #tab-guys.active{
	color: #3169a0;
	background: #ddeaf3;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddeaf3), to(#aed0e7));
	background: -moz-linear-gradient(top,  #ddeaf3,  #aed0e7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeaf3', endColorstr='#aed0e7');
}
#video-tabs #tab-girls.active{
	color:white;
	background: #ae3779;
	background: -webkit-gradient(linear, left top, left bottom, from(#ae3779), to(#820454));
	background: -moz-linear-gradient(top,  #ae3779,  #820454);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae3779', endColorstr='#820454');
}

.co-link a.guys{
	color: #3169a0;
	background: #330033;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddeaf3), to(#aed0e7));
	background: -moz-linear-gradient(top,  #ddeaf3,  #aed0e7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeaf3', endColorstr='#aed0e7');

}
/* Spread Page
---------------------------------------------*/

.spread  {
	background: #21122d;
	border: 1px solid #7f185c;
	padding: 25px;
	margin-bottom: 50px;
}
.spread h2, .nextstep h2 {
	text-indent: -900em;
	width: 251px;
	margin-bottom: 25px;
}
.spread h2{
	background: url(/img/bg-spread-the-word.png) no-repeat;
	height: 143px;
}

.spread h3, .nextstep h3 {
	text-transform: uppercase;
	color: #cc4898;
	font-size: 18px;
	line-height: 18px;
	margin-bottom:25px;

}

.spread p, .nextstep p {
	color: #f1cde3;
	line-height: 22px;
	font-weight: normal;
	margin-bottom: 25px;
	font-size: 15px;
}

.spread table{
	margin-bottom:25px;
	margin-left: -15px;
}
.badge {
	text-align: center;
}

.badge-preview{
	padding: 15px;
}


.ondark  {
	background: #303;
	border: 1px solid #38124f;
	background: -webkit-gradient(linear, left top, left bottom, from(#370d4d), to(#1f052f));
	background: -moz-linear-gradient(top,  #370d4d,  #1f052f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#370d4d', endColorstr='#1f052f');
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.badge-meta{
	height:30px;
	background: #111;
	background: rgba(0,0,0,.3);
	color: #ccc;
	padding:0 10px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.onlight .badge-meta{
	color: #333;
}
.badge-size{
	float:left;
	font-size: 12px;
	line-height: 28px;
}
.badge-button {
	float:right;
	
} 
.badge-button a{
	font-size: 12px;
	line-height: 28px;
}
.big-button {
	position: relative;
}
.big-button img {
	position: absolute;
	display:block;
	float:left;
	top: 10px;
	left: 15px;	
}
.badge-code {
	display: none;
}

.badge h3 {
	display: none;
}


.invite, .kit{
	padding-left: 140px;
	min-height: 165px;
	margin-bottom: 25px;
}
.invite table, .kit table{
	margin-top: -25px;
	margin-left: -5px;
	width: 100%;
	color: #fefda5;
	font-size: 12px;
	text-transform: uppercase;
}
.invite table td, .kit table td {
	padding:3px;
	
}
.invite {
	background: url(/img/invite.png) no-repeat;
}
.kit{
	background: url(/img/kit.png) no-repeat;
}

/* Next Step Page
---------------------------------------------*/
.nextstep h2{
	background: url(/img/bg-nextstep.png) no-repeat;
	height: 94px;
}
.nextstep .caption{
	float:right;
	margin-top: -90px;
	width: 350px;
}
.nextstep .groups {
	background: #21122d;
	border: 1px solid #7f185c;
	padding: 0 25px;
	margin-bottom: 50px;
}

.nextstep h3 {
	margin-bottom:10px;
}
.nextstep .groups h3{
	margin-top:20px;
	font-size:30px;
	margin-bottom:20px;
}
.nextstep a.button {
/* 	width:180px; */
	margin-top:-15px;
}

.sponsored-by{
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #594466;
	margin-bottom: 10px;
}

.nextstep .box {
	float:left;
	width: 218px;
	font-size: 13px;
}
.porn_care h2{
	background: url(/img/bg-porncare.png) no-repeat;
	height: 94px;
}
.porn_care{
	margin-right: 25px;

}
.faith_care{
	margin-bottom:15px;
}
.faith_care h2{
	background: url(/img/bg-faithcare.png) no-repeat;
	height: 94px;
}
p.curriculum {
	font-size:11px;
	line-height:15px;
	margin:0 0 10px;
}