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}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
html { font-size: 100%; /* IE hack */ }
body {
background: #123 url('../img/bg_blue.jpg') repeat-y center top;
color: #000;
padding: 0;
margin:0;
font-family: Helvetica,arial,sans-serif;
font-size: 62.5%;
behavior: url("/js/csshover3.htc");
}
a {
text-decoration: none;
color:#005b7f;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
h1 {font-size:2.5em} /* displayed at 30px */
h2 {font-size:2.25em} /* displayed at 27px */
h3 {font-size:2em} /* displayed at 24px */
h4 {font-size:1.25em;} /* displayed at 15px */
h5 {font-size:1em} /* displayed at 12px */
h6 {font-size:0.833333em} /* displayed at 10px */
input, select, th, td {font-size:1em}
li li, li p, td p, blockquote p {font-size:1em}
ul, li {
list-style-type:none;
padding:0;
margin:0;
}
/* HEADER */
.header {
background: #FFC url(../img/header_bg_1006.jpg) no-repeat center top;
height:233px;
z-index: 100;
}
.header .homelink {
position: absolute;
}
.header .jake a{
background: transparent url(../img/header_face.png) no-repeat center top;
position:absolute;
top:0;
left:0;
width:120px;
height:355px;
z-index:9999;
}
#nav {
margin:0;
padding:0;
position:absolute;
top:195px;
left: 87px;
}
#nav li {
display:inline;
margin:0;
}
#nav li a {
float:left;
height: 0;
padding-top: 38px;
overflow: hidden;
}
#nav a:hover {
color:#900;
text-decoration: none;
}
#nav li#nav_about a{
background: transparent url(../img/header_nav_1006.jpg) no-repeat -97px 0;
width:75px;
margin-right:22px;
}
#nav li#nav_about a:hover{
background: transparent url(../img/header_nav_1006_over.jpg) no-repeat -97px 0;
width:75px;
margin-right:22px;
}
#nav li#nav_tsalweek a{
background: transparent url(../img/header_nav_1006.jpg) no-repeat -194px 0;
width:197px;
margin-right:21px;
}
#nav li#nav_tsalweek a:hover{
background: transparent url(../img/header_nav_1006_over.jpg) no-repeat -194px 0;
width:197px;
margin-right:21px;
}
#nav li#nav_dvds a{
background: transparent url(../img/header_nav_1006.jpg) no-repeat -412px 0;
width:123px;
margin-right:21px;
}
#nav li#nav_dvds a:hover{
background: transparent url(../img/header_nav_1006_over.jpg) no-repeat -412px 0;
width:123px;
margin-right:21px;
}
#nav li#nav_usethismovie a{
background: transparent url(../img/header_nav_1006.jpg) no-repeat -317px 0;
width:165px;
margin-right:21px;
}
#nav li#nav_usethismovie a:hover{
background: transparent url(../img/header_nav_1006_over.jpg) no-repeat -317px 0;
width:165px;
margin-right:21px;
}
#nav li#nav_register a{
background: transparent url(../img/header_nav_1006.jpg) no-repeat -869px 0;
width:81px;
margin-right:0;
}
#nav li#nav_register a:hover{
background: transparent url(../img/header_nav_1006_over.jpg) no-repeat -869px 0;
width:81px;
margin-right:0;
}
#nav li#nav_resources a{
background: transparent url(../img/header_nav_1006.jpg) no-repeat -556px 0;
width:164px;
margin-right:20px;
}
#nav li#nav_resources a:hover{
background: transparent url(../img/header_nav_1006_over.jpg) no-repeat -556px 0;
width:164px;
margin-right:20px;
}
#nav li#nav_tools a{
background: transparent url(../img/header_nav_1006.jpg) no-repeat -740px 0;
width:109px;
margin-right:20px;
}
#nav li#nav_tools a:hover{
background: transparent url(../img/header_nav_1006_over.jpg) no-repeat -740px 0;
width:109px;
margin-right:20px;
}
ul#nav ul {
z-index:10000 !important;
width: 278px !important;
display: none;
position: absolute;
top:38px;
z-index: 500;
}
ul#nav ul li a{
width: 278px !important;
padding-top: 27px;
}
ul#nav li:hover ul {
display: block;
}
#nav_sub_about {
left:-30px;
}
ul#nav li#nav_about ul#nav_sub_about li#aboutthismovie a{
background: transparent url(../img/subnav_about_01.png) 0 0 !important;
}
ul#nav li#nav_about ul#nav_sub_about li#aboutthismovie a:hover{
background: transparent url(../img/subnav_about_over_01.png) 0 0 !important;
}
ul#nav li#nav_about ul#nav_sub_about li#endorsements a{
background: transparent url(../img/subnav_about_02.png) 0 0 !important;
}
ul#nav li#nav_about ul#nav_sub_about li#endorsements a:hover{
background: transparent url(../img/subnav_about_over_02.png) 0 0 !important;
}
ul#nav li#nav_about ul#nav_sub_about li#pplsaying a{
background: transparent url(../img/subnav_about_03.png) 0 0 !important;
}
ul#nav li#nav_about ul#nav_sub_about li#pplsaying a:hover{
background: transparent url(../img/subnav_about_over_03.png) 0 0 !important;
}
ul#nav li#nav_about ul#nav_sub_about li#reviews a{
background: transparent url(../img/subnav_about_04.png) 0 0 !important;
}
ul#nav li#nav_about ul#nav_sub_about li#reviews a:hover{
background: transparent url(../img/subnav_about_over_04.png) 0 0 !important;
}
ul#nav li#nav_about ul#nav_sub_about li#faq a{
background: transparent url(../img/subnav_about_05.png) 0 0 !important;
}
ul#nav li#nav_about ul#nav_sub_about li#faq a:hover{
background: transparent url(../img/subnav_about_over_05.png) 0 0 !important;
}
ul#nav li#nav_about ul#nav_sub_about li#officialsite a{
background: transparent url(../img/subnav_about_06.png) 0 0 !important;
padding-top:37px !important;
}
ul#nav li#nav_about ul#nav_sub_about li#officialsite a:hover{
background: transparent url(../img/subnav_about_over_06.png) 0 0 !important;
}
#nav_sub_tsalweek {
left: 65px;
}
ul#nav li#nav_tsalweek ul#nav_sub_tsalweek li#tsalweek1 a{
background: transparent url(../img/subnav_tsalweek_01.png) 0 0 !important;
padding-top:29px !important;
}
ul#nav li#nav_tsalweek ul#nav_sub_tsalweek li#tsalweek1 a:hover{
background: transparent url(../img/subnav_tsalweek_over_01.png) 0 0 !important;
}
ul#nav li#nav_tsalweek ul#nav_sub_tsalweek li#tsalweekfind a{
background: transparent url(../img/subnav_tsalweek_02.png) 0 0 !important;
padding-top:27px !important;
}
ul#nav li#nav_tsalweek ul#nav_sub_tsalweek li#tsalweekfind a:hover{
background: transparent url(../img/subnav_tsalweek_over_02.png) 0 0 !important;
}
ul#nav li#nav_tsalweek ul#nav_sub_tsalweek li#tsalweeklist a{
background: transparent url(../img/subnav_tsalweek_03.png) 0 0 !important;
padding-top:37px !important;
}
ul#nav li#nav_tsalweek ul#nav_sub_tsalweek li#tsalweeklist a:hover{
background: transparent url(../img/subnav_tsalweek_over_03.png) 0 0 !important;
}
#nav_sub_usethismovie {
left: 65px;
}
ul#nav li#nav_usethismovie ul#nav_sub_usethismovie li#makeit a{
background: transparent url(../img/subnav_usethismovie_01.png) 0 0 !important;
padding-top:54px !important;
}
ul#nav li#nav_usethismovie ul#nav_sub_usethismovie li#makeit a:hover{
background: transparent url(../img/subnav_usethismovie_over_01.png) 0 0 !important;
}
ul#nav li#nav_usethismovie ul#nav_sub_usethismovie li#downloads a{
background: transparent url(../img/subnav_usethismovie_02.png) 0 0 !important;
padding-top:26px !important;
}
ul#nav li#nav_usethismovie ul#nav_sub_usethismovie li#downloads a:hover{
background: transparent url(../img/subnav_usethismovie_over_02.png) 0 0 !important;
}
ul#nav li#nav_usethismovie ul#nav_sub_usethismovie li#getwordout a{
background: transparent url(../img/subnav_usethismovie_03.png) 0 0 !important;
padding-top:37px !important;
}
ul#nav li#nav_usethismovie ul#nav_sub_usethismovie li#getwordout a:hover{
background: transparent url(../img/subnav_usethismovie_over_03.png) 0 0 !important;
}
#nav_sub_resources {
left: 364px;
}
ul#nav li#nav_resources ul#nav_sub_resources li#youthworkers a{
background: transparent url(../img/subnav_resources_01.png) 0 0 !important;
}
ul#nav li#nav_resources ul#nav_sub_resources li#youthworkers a:hover{
background: transparent url(../img/subnav_resources_over_01.png) 0 0 !important;
}
ul#nav li#nav_resources ul#nav_sub_resources li#teenleaders a{
background: transparent url(../img/subnav_resources_02.png) 0 0 !important;
}
ul#nav li#nav_resources ul#nav_sub_resources li#teenleaders a:hover{
background: transparent url(../img/subnav_resources_over_02.png) 0 0 !important;
}
ul#nav li#nav_resources ul#nav_sub_resources li#educators a{
background: transparent url(../img/subnav_resources_03.png) 0 0 !important;
}
ul#nav li#nav_resources ul#nav_sub_resources li#educators a:hover{
background: transparent url(../img/subnav_resources_over_03.png) 0 0 !important;
}
ul#nav li#nav_resources ul#nav_sub_resources li#parents a{
background: transparent url(../img/subnav_resources_04.png) 0 0 !important;
padding-top:27px !important;
}
ul#nav li#nav_resources ul#nav_sub_resources li#parents a:hover{
background: transparent url(../img/subnav_resources_over_04.png) 0 0 !important;
}
ul#nav li#nav_resources ul#nav_sub_resources li#pastors a{
background: transparent url(../img/subnav_resources_05.png) 0 0 !important;
padding-top:37px !important;
}
ul#nav li#nav_resources ul#nav_sub_resources li#pastors a:hover{
background: transparent url(../img/subnav_resources_over_05.png) 0 0 !important;
}
/* CONTENT WRAPPER */
.content {
background: url('../img/bg_grid.jpg') repeat;
padding-top:20px;
z-index: 0;
}
/* SIDEBAR */
.container_sidebar {
width: 240px !important;
padding: 0 0 0 10px;
margin-top: 10px;
margin-right:10px;
font-size:1em;
}
.container_sidebar h2 {
font-size:2.5em;
text-transform:uppercase;
margin-bottom:-5px;
}
.container_sidebar .item {
margin-bottom: 10px;
}
.container_sidebar hr {
background: transparent url('/img/hr1.png') no-repeat center top;
border: 0;
height: 6px;
}
.sociallinks {
margin:0 0 30px 154px;
padding:0;
}
p.socialtext{
color:#444;
margin:-14px 0 0 95px;
displau:block;
}
.sociallinks li {
display:inline;
margin:0;
}
.sociallinks li a{
float:left;
height: 0;
padding-top: 22px;
overflow: hidden;
}
.facebook a, .twitter a {
height:0;
overflow:hidden;
padding-top:22px;
width:22px;
}
.sociallinks li.facebook a{
background: transparent url('/img/social_facebook_02.png') no-repeat left top;
margin-right:10px;
}
.sociallinks li.facebook a:hover{
background: transparent url('/img/social_facebook_02.png') no-repeat 0 -22px;
margin-right:10px;
}
.sociallinks li.twitter a {
background: transparent url('/img/social_twitter_02.png') no-repeat left top;
}
.sociallinks li.twitter a:hover{
background: transparent url('/img/social_twitter_02.png') no-repeat 0 -22px;
}
.container_sidebar .blog {
height: 229px;
background: transparent url('/img/bg_sidebar_blog.png') no-repeat left top;
margin: 0 -15px 10px -10px;
padding: 35px 22px 25px 15px;
}
.latestentries {
font-size:1.125em;
}
.latestentries li{
padding: 5px 0 0;
}
.latestentries a{
font-weight:normal;
}
.latestentries em{
color:#777;
font-size:.8em;
}
.readmore {
position:absolute;
right:10px;
top: 275px;
}
.readmore a {
background: transparent url('/img/arrow_right_16px.png') no-repeat right top;
margin-top: -6px;
padding: 1px 18px 2px 0;
font-weight:normal;
}
.engagepoints ul { margin-top: 20px;}
.engagepoints li{
margin-left:0;
margin-bottom: 10px;
font-size:1.1em;
line-height:1.8em;
}
.engagepoints h4 {
/* color: #603913; */
color:#000;
margin-bottom: 0;
font-size: 1.6em;
}
.engagepoints p {
margin-bottom: 15px;
}
/* MAIN CONTENT AREA */
.main {
width: 660px !important;
padding: 0 10px 20px 0;
font-size:1.2em;
}
.main hr {
background: transparent url('/img/hr1.png') no-repeat top center;
border: none;
height: 3px; /* was 6px */
}
.main hr.light {
background: transparent url('/img/hr_short_1.png') no-repeat top center;
border: none;
height: 7px;
}
.main h2 {
font-size: 3em;
margin-bottom: 15px;
line-height: 1.3em;
}
.main h3 {
font-size: 2.25em;
line-height: 1.2em;
margin-bottom:10px;
text-transform: uppercase;
color: #90181b;
}
.main h3 a:hover {
text-decoration:none;
}
.main h4 {
/* color: #603913; */
color:#000;
margin-bottom: 0;
font-size: 1.8em;
}
.main p {
margin-bottom: 15px;
}
span.leadin {
font-weight:bolder;
text-transform:uppercase;
font-size: 1.3em;
margin-right: 2px;
color: #005b7f;
}
span.leadin a{
text-decoration:underline;
}
.main ul li {
background: transparent url(/img/bullet_cross.png) no-repeat left 4px;
margin-left: 15px;
margin-bottom: 5px;
padding-left: 14px;
}
ol li {
list-style-type:decimal !important;
margin-left:20px;
}
.mainsidebar {
float:left;
width:250px;
}
.mainsidebar h3 {
margin-bottom: 10px;
font-size: 2em;
}
.mainsidebar p {
font-size: .9em;
}
#crumbs {
height:2.3em;
}
#crumbs li {
float:left;
background:none;
line-height:2.3em;
padding-right:.25em;
padding-left: 0;
margin:0;
color:#777;
}
/* HOMEPAGE */
.homepage {}
.homepage_topleft {
}
.homepage_topright {
float:right;
width: 420px;
margin-left: 10px;
margin-bottom: 10px
}
h1.introtext {
color: #000;
font-size:1.2em;
font-weight:normal;
line-height:1.8em;
}
ul.homepoints { margin-top: 20px;}
ul.homepoints li{
margin-left:0;
margin-bottom: 10px;
font-size:1.1em;
line-height:1.8em;
}
p.registertoday {
font-size:1.2em;
margin-bottom: 10px;
padding-left: 16px;
margin-left: 0;
background: transparent url(/img/bullet_cross.png) no-repeat 0 7px;
}
p.registertoday span{
font-size:1.2em;
margin:0;
text-transform:uppercase;
}
p.usethismovieto {
font-size:1.2em;
margin-bottom: 10px;
padding-left: 16px;
margin-left: 0;
background: transparent url(/img/bullet_cross.png) no-repeat 0 7px;
}
p.usethismovieto span{
font-size:1.2em;
margin:0;
text-transform:uppercase;
}
/* FLOWPLAYER */
.mediaplayer2 {
width:420px;
height:236px;
/* padding: 7px 10px 8px 10px; */
/* background: transparent url(/img/homepage_playerbg.png) no-repeat left top; */
}
#flowplayer {
width:420px;
height:236px;
}
#flowplayer img {
}
/* STORIES */
.stories_rotator, .stories_story {
background-color: transparent !important;
width:660px;
}
.stories_rotator p {
width:660px;
}
.stories_story .stories_photo {
float:right;
padding: 10px;
margin: 5px 0 10px 10px;
border: solid 1px #999;
font-size:.8em;
background:rgba(0,0,0,0.1);
-webkit-border-top-left-radius:4px;
-moz-border-radius-topleft:4px;
border-radius-topleft:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topright:4px;
border-radius-topright:4px;
-webkit-border-bottom-left-radius:4px;
-moz-border-radius-bottomleft:4px;
border-radius-bottomleft:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-bottomright:4px;
border-radius-bottomright:4px;
}
.stories_story .stories_photo p {
margin:0;
text-align:right;
}
.stories_meta {
text-align:right;
font-size:.9em;
margin-bottom: 10px;
}
/* SECTION-SPECIFIC */
p.quote {
font-size:1.15em;
font-style:oblique;
margin-bottom:5px;
}
p.reference {
font-size:.95em;
font-style:normal;
margin-top:0;
text-align:right
}
.qanda h4 {
color: #603913;
margin: 0 0 5px 0;
background: transparent url(/img/qanda_q.png) no-repeat 0 5px;
padding-left: 32px;
}
.qanda p {
background: transparent url(/img/qanda_a.png) no-repeat left top;
margin-top:10px;
padding-left: 32px;
}
h3.threereasons {
margin-bottom: 10px;
}
.threereasons li {
padding-left: 56px !important;
margin-left: 0 !important;
}
.threereasons li h3{
font-size: 1.5em;
margin-bottom: 0;
}
.threereasons li p {
font-size:1em;
font-weight:normal;
color:#000;
}
.threereasons li.reason1 {
background: transparent url(/img/3reasons_1.png) no-repeat left 6px;
}
.threereasons li.reason2 {
background: transparent url(/img/3reasons_2.png) no-repeat left 6px;
}
.threereasons li.reason3 {
background: transparent url(/img/3reasons_3.png) no-repeat left 6px;
}
h3.didyouknow {
margin-bottom: 10px;
}
.didyouknow li {
padding-left: 46px !important;
margin-left: 0 !important;
margin-bottom: 15px !important;
background: transparent url(/img/bullet_cross2.png) no-repeat -10px -8px !important;
}
.didyouknow li h3{
font-size: 1.5em;
margin-bottom: 0;
}
.didyouknow li p {
font-size:1.4em;
font-weight:normal;
color:#000;
margin-bottom: 0;
}
.didyouknow li p.source {
font-size:1.3em;
font-weight:normal;
}
.downloads .downloaditem {
clear:both;
min-height: 80px;
padding: 0 0 13px 0;
margin: 0 0 15px 0;
background: transparent url('/img/hr1.png') no-repeat bottom center;
/* background: transparent url('/img/hr_short_1.png') no-repeat top center; */
border: none;
}
.downloads .downloaditem div.image {
float:left;
width:130px;
margin-right: 10px;
}
.downloads .downloaditem div.content {
float:left;
/* width:520px; */
padding-top:0;
background:transparent;
}
.downloads .downloaditem p {
margin-right: 10px;
}
.downloads .downloaditem div.content div.ageapprop {font-size: .95em;}
.downloads .downloaditem div.content div.ageapprop h5 {font-size: 1.2em; margin-bottom: 5px;}
.downloads .downloaditem div.content div.ageapprop div.trailerlist {
float:left;
width: 150px;
}
.downloads .downloaditem div.content div.ageapprop div.trailerlist p {margin-bottom:0;}
.tools_featured {
}
.tools_featured img {
float:left;
}
.tools_featured ul li {
margin-left: 345px !important;
}
.tools_stacked {
}
.tools_stacked .tool {
float:left;
width:310px;
margin: 10px;
}
.tools_stacked .tool img {
display:block;
}
/* Blog */
.entry { margin: 30px 0;}
.entry h3 a{
color: #90181b;
}
.entry p{ margin-bottom: 10px;}
.entry-title {}
.entry-info {
font-size: .9em;
color: #454545;
text-align:right;
}
.entry-info a{
font-weight: normal;
}
.comment {}
.comment-info {}
.comment-form {}
a.permalink {
color: #000;
border: 0;
padding: 3px;
margin-left: .5em;
font-family: "Hiragino Kaku Gothic Pro", "Osaka", "Zapf Dingbats";
}
dt:hover a.permalink { color: #eee; }
h2:hover a.permalink { color: #eee; padding: 3px; }
h3:hover a.permalink { color: #eee; }
.entry a.permalink {
color: #000;
}
.entry a.permalink:hover {
color: #990000;
text-decoration:none;
}
.date-header h4{font-size:.9em;}
.navi-pages {
font-size:.9em;
text-align:center;
}
/*---COMMENT FORM---*/
.comment-form p {
margin: 5px 0;
}
input#name, input#email, input#url, input#captcha {
background: #333;
padding: 8px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0 7px 0px 0;
border: 0;
color: #fff;
font-size: 11px;
}
textarea#comment {
background: #333;
padding: 8px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0 7px 0px 0;
border: 0;
color: #fff;
font-size: 11px;
width: 530px;
}
ol.commentlist {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
}
li.comment-item {
margin: 0 0 20px 0;
list-style: none;
display: block;
overflow: hidden;
padding:0;
background:none;
}
.comment-bubble {
background: #333;
color:#fff;
display: block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-left: 0;
border-right: 0;
padding: 10px 10px 0 10px;
font-size: .9em;
margin: 0;
overflow: hidden;
}
.comment-bubble p {
margin: 0 0 10px 0;
line-height: 16px;
}
.comment-arrow {
background: url(/img/arrow.gif) no-repeat 5px 0;
padding: 8px 0 0 20px;
margin: 0 0 0 30px;
display: block;
position: relative;
font-size: .8em;
z-index: 2;
}
/* Registration Form */
.group-select ul, .group-select ol, .group-select li {
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
background-image:none !important;
margin-left:0 !important;
padding-left:0 !important;
}
/* Form Messages */
.validation-advice, .required { color:#EB340A; }
.validation-advice { clear:both; min-height:15px; margin-top:3px; background:url(../images/validation_advice_bg.gif) no-repeat 2px 1px; padding-left:17px; font-size:.95em; font-weight:bold; line-height:1.25em; }
.validation-failed { border:1px dashed #EB340A !important; background:#faebe7 !important; }
/* Expiration date and cvv number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; margin-right:-12em; width:12em; position:relative; }
label.required { font-weight:bold; }
p.required { font-size:.85em; text-align:right; margin:3px 0; }
/* Form Elements */
/* input.input-text, select, textarea { border:1px solid #b6b6b6; font:1em arial, helvetica, sans-serif; } */
input.input-text, select {
background: #333;
padding: 8px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0 7px 0px 0;
border: 0;
color: #fff;
font-size: 11px;
}
textarea {
background: #333;
padding: 8px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0 7px 0px 0;
border: 0;
color: #fff;
font-size: 11px;
}
option, optgroup { font:1em arial, helvetica, sans-serif; }
optgroup { font-weight:bold; }
/* textarea { overflow:auto; }
textarea { padding:2px; } */
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
.qty { width:2.5em; }
.group-select label, .form-list label, .payment-methods label { font-weight:bold; }
.input-text:focus, select:focus /* , textarea:focus */ { background:#000; }
.button-set { /* Container for form buttons*/
clear:both;
margin-top:4em;
border-top:1px solid #e4e4e4;
padding-top:8px;
text-align:right;
}
.form-button, .form-button-alt {
overflow:visible;
width:auto;
border:0;
padding:1px 8px;
background:#f18200;
color:#fff;
border:1px solid #de5400;
font:bold 1em arial, sans-serif !important;
cursor:pointer;
text-align:center;
vertical-align:middle;
}
.form-button span, .form-button-alt span {
white-space:nowrap;
}
.form-button-alt {
border:1px solid #406a83;
background-color:#618499;
}
a.form-button-alt { padding:2px 9px; text-decoration:none; }
.form-button-alt:hover { color:#fff; text-decoration:none; }
/* Form lists */
.form-list li { margin-bottom:6px; clear:both;}
.form-list li .input-box .input-text,
/* .form-list li .input-box textarea { width:250px; } */
.form-list li .input-box select { width:256px; }
.form-list li.addElement { border-top:1px solid #DDD; padding-top:10px; }
.group-select {
margin:28px 0;
}
.group-select .legend {
margin-top:-33px;
float:left;
border:1px solid #f19900;
background:#F9F3E3;
padding:0 8px;
color:#E76200;
font-weight:bold;
font-size:1.1em;
}
.group-select li { padding:4px 8px !important; margin:0; }
.group-select li .input-box { float:left; width:301px; }
.group-select li .input-text, .group-select li select, .group-select li textarea { width:575px; }
.group-select li .input-box .input-text, .group-select li .input-box textarea { width:275px; }
.group-select li .input-box select { width:296px; }
/* Resources Nav */
.resources_wrap {
margin-top:10px;
}
.resources_subnav {
margin:-5px -6px 0 -5px;
padding: 0 16px 0 15px;
height:51px;
background: transparent url('/img/tabbox_bg_top.png') no-repeat top center;
}
.resources_subnav li {
background:none !important;
padding:0 !important;
display:inline !important;
margin:0 !important;
}
.resources_subnav li a {
position: relative;
float:left;
width: 129px;
height: 0;
padding-top: 51px;
overflow: hidden;
}
.resources_subnav a:hover {
color:#900;
text-decoration: none;
}
.resources_subnav li.youthworkers a{
background: transparent url(../img/tabbox_blue.png) no-repeat 0 0;
margin-left:10px;
margin-right:-10px;
z-index: 50;
}
.resources_subnav li.youthworkers a:hover{
background: transparent url(../img/tabbox_blue_over.png) no-repeat 0 0;
z-index:999;
}
.resources_subnav.youthworkers li.youthworkers a{
background: transparent url(../img/tabbox_blue_over.png) no-repeat 0 0;
z-index:99;
}
.resources_subnav li.teenleaders a{
background: transparent url(../img/tabbox_red.png) no-repeat 0 0;
margin-right:-10px;
z-index: 40;
}
.resources_subnav li.teenleaders a:hover{
background: transparent url(../img/tabbox_red_over.png) no-repeat 0 0;
z-index:999;
}
.resources_subnav.teenleaders li.teenleaders a{
background: transparent url(../img/tabbox_red_over.png) no-repeat 0 0;
z-index:99;
}
.resources_subnav li.educators a{
background: transparent url(../img/tabbox_yellow.png) no-repeat 0 0;
margin-right:-10px;
z-index: 30;
}
.resources_subnav li.educators a:hover{
background: transparent url(../img/tabbox_yellow_over.png) no-repeat 0 0;
z-index:999;
}
.resources_subnav.educators li.educators a{
background: transparent url(../img/tabbox_yellow_over.png) no-repeat 0 0;
z-index:99;
}
.resources_subnav li.parents a{
background: transparent url(../img/tabbox_green.png) no-repeat 0 0;
margin-right:-10px;
z-index: 20;
}
.resources_subnav li.parents a:hover{
background: transparent url(../img/tabbox_green_over.png) no-repeat 0 0;
z-index:999;
}
.resources_subnav.parents li.parents a{
background: transparent url(../img/tabbox_green_over.png) no-repeat 0 0;
z-index:99;
}
.resources_subnav li.pastors a{
background: transparent url(../img/tabbox_purple.png) no-repeat 0 0;
margin-right:-10px;
z-index: 10;
}
.resources_subnav li.pastors a:hover{
background: transparent url(../img/tabbox_purple_over.png) no-repeat 0 0;
z-index:999;
}
.resources_subnav.pastors li.pastors a{
background: transparent url(../img/tabbox_purple_over.png) no-repeat 0 0;
z-index:99;
}
.resources_content {
background: transparent url('/img/tabbox_bg.png') repeat-y top center;
margin:0 -6px 0 -5px;
padding: 0 16px 10px 15px;
}
.resources_bottom {
background: transparent url('/img/tabbox_bg_bottom.png') no-repeat top center;
height:18px;
margin:-5px -6px 0 -5px;
padding: 0 16px 0 15px;
}
.resources_content h3 {margin-bottom:0; margin-top:10px;}
.resourcesMain {
width: 440px;
float:left;
}
.resourcesSidebar {
width: 190px;
margin-left: 10px;
float:right;
}
.resourcesSidebar h3{
font-size: 2em;
}
.quotes_rotator {width:190px !important; min-height:170px; height:auto !important; height:170px;}
.quotes_rotator p{width:190px !important;}
.trythiswrapper {
}
.trythis {
width: 380px;
margin: 10px 0;
padding: 10px;
background-color: #f7fbfc;
border: dashed 1px #c2cee5;
display:block;
}
.trythis .sliderClick {
cursor:pointer;
}
.trythis h4 {
padding: 0 0 0 24px;
}
.trythis .headerHidden {
background: transparent url('/img/toggle_off.png') no-repeat left 10px;
}
.trythis .headerShown {
background: transparent url('/img/toggle_on.png') no-repeat left 10px;
}
.trythis .headerHidden span.expand{
width: 122px;
height: 16px;
display: block;
padding: 8px;
margin: -32px 0 0 260px;
background: transparent url('/img/clicktoexpand.png') no-repeat left 10px;
}
.trythis .headerShown span.expand{
width: 122px;
height: 16px;
display: block;
padding: 8px;
margin: -32px 0 0 260px;
background: transparent url('/img/clicktocontract.png') no-repeat left 10px;
}
.trythis .slider {
display: none;
clear:both;
}
.product {
width:310px;
}
.product img{
float:left;
margin: 0 5px 5px;
}
.product .producttext{
float:left;
}
.product.left {
float:left;
margin:10px 10px 10px 0;
clear: left;
}
.product.right {
float:left;
margin:10px 0 10px 10px;
}
.product .producttext h3{
font-size: 1.6em;
}
/* tips */
.qtip-content {
/*font-size:1.5em; */
}
/* FOOTER */
.feed {
margin-left: 3px;
padding: 0 0 0 19px;
background: url('/img/feed-icon-14x14.png') no-repeat 0 50%;
}
.tweetmeme {
padding-top:4px;
}
div.footer_decoration { background:url(/img/footer_decoration2.gif) 80% 0 repeat-x; height:9px; margin:40px 0 0 0; z-index:3 }
.container_footer {
background:#16182D url(/img/footer_background.jpg) no-repeat center top;
margin:0 -15px;
padding:15px;
width:940px;
font-size:1em;
color:#fff;
position:relative;
float:left;
overflow:hidden;
}
.container_footer p {color: #fff; width: 160px; display:inline; }
.container_footer a {color: #7da7d9 }
.container_footer .footer {position:relative;}
.container_footer ul.logos{
float:right; display:inline;
}
.container_footer ul.logos li{
display: block;
margin: 0 20px 10px;
min-width: 80px;
float:left;
text-align:center;
}
.container_footer ul.logos li.last{
margin-right:0;
margin-left:0;
}
div.copyright { clear:both; background:url(/img/hr_long_inverted.png) 200px 0 repeat-x; padding:20px 0 0 0 }
ul.homethumb {
float: left;
list-style: none;
margin: 0; padding: 0;
width: 660px;
}
ul.homethumb li {
margin: 0; padding: 5px; margin-left:0; margin-bottom:0; padding-left:0;
float: left;
position: relative; /* Set the absolute positioning base coordinate */
width: 320px;
height: 165px;
background:none;
}
ul.homethumb li img {
width: 310px; height: 155px; /* Set the small thumbnail size */
-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.homethumb li img.hover {
background:url(/img/bg_thumb.png) no-repeat center center; /* Image used as background on hover effect */
border: none; /* Get rid of border on hover */
}
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Copyright (c) 20010 Janis Skarnelis
* Examples and documentation at: http://fancybox.net
*
* Version: 1.3.0 (02/02/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
height: 40px;
width: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
background: transparent;
z-index: 1104;
display: none;
}
* html #fancybox-loading { /* IE6 */
position: absolute;
margin-top: 0;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background: transparent url('/js/fancybox/fancy_loading.png') no-repeat;
}
#fancybox-overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 1100;
display: none;
}
* html #fancybox-overlay { /* IE6 */
position: absolute;
width: 100%;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 20px;
z-index: 1101;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #FFF;
}
#fancybox-inner {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
padding: 0;
margin: 0;
outline: none;
overflow: hidden;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 32px;
height: 32px;
background: url('/js/fancybox/fancy_close.png') top left no-repeat;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox_error {
color: #444;
font: normal 12px/20px Arial;
}
#fancybox-content {
height: auto;
width: auto;
padding: 0;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
-ms-interpolation-mode: bicubic;
}
#fancybox-frame {
position: relative;
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-title {
position: absolute;
bottom: 0;
left: 0;
font-family: Arial;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding: 10px 0;
text-align: center;
color: #333;
}
.fancybox-title-outside {
padding-top: 5px;
color: #FFF;
text-align: center;
font-weight: bold;
}
.fancybox-title-over {
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background: url('/js/fancybox/fancy_title_over.png');
display: block;
}
#fancybox-title-wrap {
display: inline-block;
}
#fancybox-title-wrap span {
height: 32px;
float: left;
}
#fancybox-title-left {
padding-left: 15px;
background: transparent url('/js/fancybox/fancy_title_left.png') repeat-x;
}
#fancybox-title-main {
font-weight: bold;
line-height: 29px;
background: transparent url('/js/fancybox/fancy_title_main.png') repeat-x;
color: #FFF;
}
#fancybox-title-right {
padding-left: 15px;
background: transparent url('/js/fancybox/fancy_title_right.png') repeat-x;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background-image: url('/js/fancybox/blank.gif');
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background: transparent url('/js/fancybox/fancy_nav_left.png') no-repeat;
}
#fancybox-right-ico {
background: transparent url('/js/fancybox/fancy_nav_right.png') no-repeat;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
div.fancy-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
z-index: 1001;
}
div#fancy-bg-n {
top: -20px;
left: 0;
width: 100%;
height: 20px;
background: transparent url('/js/fancybox/fancy_shadow_n.png') repeat-x;
}
div#fancy-bg-ne {
top: -20px;
right: -20px;
width: 20px;
height: 20px;
background: transparent url('/js/fancybox/fancy_shadow_ne.png') no-repeat;
}
div#fancy-bg-e {
top: 0;
right: -20px;
height: 100%;
width: 20px;
background: transparent url('/js/fancybox/fancy_shadow_e.png') repeat-y;
}
div#fancy-bg-se {
bottom: -20px;
right: -20px;
width: 20px;
height: 20px;
background: transparent url('/js/fancybox/fancy_shadow_se.png') no-repeat;
}
div#fancy-bg-s {
bottom: -20px;
left: 0;
width: 100%;
height: 20px;
background: transparent url('/js/fancybox/fancy_shadow_s.png') repeat-x;
}
div#fancy-bg-sw {
bottom: -20px;
left: -20px;
width: 20px;
height: 20px;
background: transparent url('/js/fancybox/fancy_shadow_sw.png') no-repeat;
}
div#fancy-bg-w {
top: 0;
left: -20px;
height: 100%;
width: 20px;
background: transparent url('/js/fancybox/fancy_shadow_w.png') repeat-y;
}
div#fancy-bg-nw {
top: -20px;
left: -20px;
width: 20px;
height: 20px;
background: transparent url('/js/fancybox/fancy_shadow_nw.png') no-repeat;
}