/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* FONT FACES */
@font-face {
font-family:'Helvetica Neue Condensed Bold';
src:url('fonts/Helvetica-Condensed-Bold.eot');
font-weight:normal;
font-style:normal;
font-variant:normal;
}

@font-face {
font-family:'Helvetica Neue Condensed Bold';
src:local('😄'), url('fonts/Helvetica-Condensed-Bold.ttf') format('truetype');
font-weight:normal;
font-style:normal;
font-variant:normal;
}

/* HTML */
a {
color: #880000;
text-decoration: none;
}

a:hover {
color: #880000;
text-decoration: underline;
}

a img {
border: none;
}

body {
color: #666;
font-size: .9em;
font-family: 'Helvetica Neue', Arial, sans-serif;
line-height: 20px;

background-color: #fff;
margin: 0;
height: 100%;
}

html {
height: 100%;
}

p {
margin-top: 0;
margin-bottom: 10px;
}

ul {
margin-top: 0;
}

/* STRUCTURE */
/* ANNOUNCEMENTS IS NOW SLIDER AND HAS ITS OWN CSS */
#logo {
margin-top:20px;
width:350px;
height:54px;
background:url('../img/logo.png');
}

#slider {
position:relative;
float:right;
width:310px;
height:355px;
overflow:hidden;
}

#contentwrap {
/* position: absolute;
top:0;
left:50%;
margin-left:-425px; */	
margin: 0 auto;
padding: 0;
width: 950px;
background: transparent;
}

#creekwood {
height: 355px;
width: 630px;
float: left;
margin: 0;
padding: 0;

/* -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .6);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .6);
box-shadow: 0 1px 3px rgba(0,0,0, .6); */
}

#footer-wrap {
clear: both;
width: 100%;
color: #666;
padding: 0;
border-top: 4px solid #880000;
margin: 0;
margin-top: 10px;
background: #000;
}

#footer {
clear: both;
width: 950px;
margin: 0 auto;
background: transparent;
}

#highlights {
height: 170px;
width: 950px;
margin: 0;
padding: 0;
}

.highlight {
height: 175px;
width: 290px;
padding: 10px;
background: #ccc;

-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .6);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .6);
box-shadow: 0 1px 3px rgba(0,0,0, .6);
}

.highlight a {
color: #212121;
}

#maincontent {
float: left;
width: 620px;
text-align: left;
background: transparent;
margin-bottom: 50px;
padding: 0;
}

.mobile {
display: none;
}

#tab {
z-index: 100;
position: fixed;
top: 0;
left: 50%;
margin-left: 220px;

background: url('../img/christmas_rsvp_btn.png');

width: 260px;
height: 65px;
}

ul.footer_menu li a {
display:block;
background-image: url('../img/footer_menu.png');
text-indent: -9999px;
width: 140px;
height: 120px;
}
ul.footer_menu li a.give {
width: 140px;
height: 34px;
background-position: 0 0;
}
ul.footer_menu li a.prayer {
width: 140px;
height: 29px;
background-position: 0 -34px;
}
ul.footer_menu li a.invite {
width: 140px;
height: 29px;
background-position: 0 -63px;
}
ul.footer_menu li a.volunteer {
width: 140px;
height: 28px;
background-position: 0 -92px;
}
ul.footer_menu li a.give:hover {
width: 140px;
height: 34px;
background-position: -141px 0;
}
ul.footer_menu li a.prayer:hover {
width: 140px;
height: 29px;
background-position: -141px -34px;
}
ul.footer_menu li a.invite:hover {
width: 140px;
height: 29px;
background-position: -141px -63px;
}
ul.footer_menu li a.volunteer:hover {
width: 139px;
height: 28px;
background-position: -141px -92px;
}

/* MAIN MENU */
#navcontainer {
width: 100%;
padding: 0;
margin: 0;
margin-bottom: 10px;
background: url('menubg.jpg') repeat-x #880000;
border-top: 1px solid #212121;
border-bottom: 1px solid #212121;
}

ul.nav {
position:relative;
top:0;
left:0;
width: 950px;
height: 80px;
margin: 0 auto;
padding: 0;
list-style: none;
}

ul.nav li a {
z-index: 100;
display: block;
float: left;
height: 80px;
background-image: url('../img/menu-new1.png');
text-indent: -9999px;
}

ul.nav li a.about {
width: 227px;
background-position: 0 0;
position:absolute;
top:0;
left:0;
}
ul.nav li a.ministries {
width: 150px;
background-position: -227px 0;
position:absolute;
top:0;
left:227px;
}
ul.nav li a.lifegroups {
width: 163px;
background-position: -377px 0;
position:absolute;
top:0;
left:377px;
}
ul.nav li a.thisweekend {
width: 178px;
background-position: -540px 0;
position:absolute;
top:0;
left:540px;
}
ul.nav li a.events {
width: 110px;
background-position: -718px 0;
position:absolute;
top:0;
left:718px;
}
ul.nav li a.contact {
width: 122px;
background-position: -828px 0;
position:absolute;
top:0;
left:828px;
}
ul.nav li a.about:hover {
width: 227px;
background-position: 0 -80px;
}

ul.nav li a.ministries:hover {
width: 150px;
background-position: -227px -80px;
}

ul.nav li a.lifegroups:hover {
width: 163px;
background-position: -377px -80px;
}

ul.nav li a.thisweekend:hover {
width: 178px;
background-position: -540px -80px;
}

ul.nav li a.events:hover {
width: 110px;
background-position: -718px -80px;
}

ul.nav li a.contact:hover {
width: 122px;
background-position: -828px -80px;
}

/* DROPDOWN MENU */
ul.nav li ul {
display: none;

position: absolute;
z-index: 50;
top: 80px;
margin: 0 auto;
margin-left: 226px;
padding: 5px;
list-style: none;

background: url('footer.png') bottom left repeat-x #212121;

-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .6);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .6);
box-shadow: 0 1px 3px rgba(0,0,0, .6);
}

ul.nav li:hover > ul {
display: block;
}

ul.nav ul li a {
background: #111;
color: #666;
text-indent: 0;
font-size: 14px;
font-weight: bold;

height: auto;
width: 250px;
line-height: 45px;
padding: 0 0 0 10px;
}
ul.nav ul li a:hover {
color: #fff;
background: #000;
text-decoration: none;
}

ul.nav ul li a.critters {
position:absolute;
top:0;
left:0;
}
ul.nav ul li a.kids {
position:absolute;
top:45px;
left:0;
}
ul.nav ul li a.students {
position:absolute;
top:90px;
left:0;
}
ul.nav ul li a.twenties {
position:absolute;
top:135px;
left:0;
}
ul.nav ul li a.cares {
position:absolute;
top:180px;
left:0;
}
ul.nav ul li a.creative {
position:absolute;
top:225px;
left:0;
}

#easter_sidebar {
float: right;
width: 290px;
padding: 10px;
text-align: left;
margin-bottom: 15px;
background: #3b5998;
color:#fff;

-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .6);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .6);
box-shadow: 0 1px 3px rgba(0,0,0, .6);
}

#easter_sidebar a {
color:#fff;
text-decoration:underline;
}

#sidebar {
float: right;
width: 310px;
padding:0;
text-align: left;
margin-bottom: 50px;
text-shadow:#e5e5e5 1px 1px 0px;
}

#topcontainer {
width: 100%;
padding: 0;
margin: 0;
background: #000;
}

#top {
height: 100px;
width: 950px;
margin: 0 auto;
text-align: left;
}

#top img {
padding-top: 20px;
}

/* STYLES */
.bannertitle {
width: 290px;
line-height: 40px;
font-size: 1.5em;
font-weight: bold;
color: #880000;
}

.bannertitle img {
margin: 0;
padding: 0;
}

.box {
width: 290px;
padding: 10px;
text-align: left;
margin-bottom: 10px;
background: #ccc;

-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .6);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .6);
box-shadow: 0 1px 3px rgba(0,0,0, .6);
}

.other_box {
width: 310px;
padding: 0px;
text-align: left;
margin-bottom: 10px;
background: #ccc;

-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .6);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .6);
box-shadow: 0 1px 3px rgba(0,0,0, .6);
}

.button {
background: #af0002;
border: solid 1px #af0002;
padding: 10px 12px;

text-decoration: none;
color: #fff;
font-size: 22px;
text-transform:lowercase;
font-family:'Helvetica Neue Condensed Bold', arial, sans-serif;

-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-shadow: #880000 -1px -1px 0px;
}
.button:hover {
color: #fff;
background: url('menubg.jpg') repeat-x #880000;
text-decoration: none;
}

.copyright {
color: #333;
font-size: .8em;
padding-bottom: 5px;
}

#footer .title3 {
color: #fff;
font-weight: bold;
font-size: 11px;
}

.footer_img {
float:left;
width: 300px;
padding-left: 11px;
border-left: 1px solid #333;
margin-left: 8px;
}

.footer_img img {
margin: 2px;
}

.shadow {
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .6);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .6);
box-shadow: 0 1px 3px rgba(0,0,0, .6);
}

#sidebar a {
color: #666;
font-weight: bold;
}

#sidebar a:hover {
color: #000; 
}

#sidebar ul {
list-style-type: none;
margin: 0 0 20px 0;
padding: 0;
}

#sidebar ul li {
margin: 0;
padding: 0;
}

#sitemap a {
color: #666;
}

#sitemap a:hover {
color: #fff;
}

#sitemap ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#sitemap ul li {
margin: 0;
padding: 0;
}

h1 {
font-size: 1.2em;
padding: 0;
margin: 0 0 20px 0;
}

h3 {
padding: 0;
margin: 0 0 5px 0;
}

.entry-title, .title1 {
text-transform:lowercase;
letter-spacing:-1px;
font-family:'Helvetica Neue Condensed Bold', arial, sans-serif;
font-size: 32px;
color: #880000;
font-weight: 500;
padding-bottom: 7px;
margin: 12px 0;
width: 620px;
border-bottom: 1px #ccc solid;
}

.title1-critters {
text-transform:lowercase;
letter-spacing:-1px;
font-family:'Helvetica Neue Condensed Bold', arial, sans-serif;
font-size: 32px;
color: #F78244;
font-weight: 500;
padding-bottom: 7px;
margin: 12px 0;
width: 620px;
border-bottom: 1px #ccc solid;
}

.title1-kids {
text-transform:lowercase;
letter-spacing:-1px;
font-family:'Helvetica Neue Condensed Bold', arial, sans-serif;
font-size: 32px;
color: #8ED66A;
font-weight: 500;
padding-bottom: 7px;
margin: 12px 0;
width: 620px;
border-bottom: 1px #ccc solid;
}

.title2 {
color: #333;
font-weight: bold;
}

.title3 {
color: #fff;
font-weight: bold;
}

.special {
text-transform:lowercase;
letter-spacing:-1px;
font-family:'Helvetica Neue Condensed Bold', arial, sans-serif;
font-size: 24px;
line-height:28px;
margin: 10px 0;
color: #ccc;
border: 1px solid #666;
background: #282828;
width:590px;
padding: 10px;
}

/* LOCATION TAB */
#panel-wrap {
z-index: 100;
position: fixed;
top: 0;
left: 50%;
margin-left: 215px;
}

#panel {
margin: 0;
padding: 0;
height: 99px;
width: 224px;
display: none;
background: transparent url('../img/times_location_panel.png') top left no-repeat;

text-align: left;
padding: 13px;
}

.btn-slide {
margin: 0;
padding: 0;
height: 50px;
width: 250px;
background: transparent url('../img/times_location_btn.png') 0 0;
}

/* HOME IMAGE TRANSITION */
.homefade {
margin: 0 auto;
padding: 0;
width: 950px;
height: 440px;
background: transparent;
}

.homefade img {
margin: 0;
padding: 0;
width: 950px;
height: 440px;
}

/* TABS CSS */
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--Set height of tabs--*/
width: 100%;
z-index: 0;
}

ul.tabs li {
float: left;
margin: 0;
margin-right: 10px;
padding: 0;
height: 32px;
line-height: 32px; /*--Vertically aligns the text within the tab--*/
overflow: hidden;
position: relative;
background: none;
z-index: 0;
}

ul.tabs li a {
text-decoration: none;
color: #fff;
display: block;
padding: 0 20px;
outline: none;
background: #880000;
z-index: 0;

border-left: 1px solid #990000;
border-bottom: 1px solid #990000;
border-right: 1px solid #990000;

-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-khtml-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

ul.tabs li a:hover {
background: #990000;
}

.tab_container {
overflow-y: hidden;
overflow-x: hidden;
clear: both;
float: left;
height: 155px;
width: 100%;
margin: 0px 0px 10px 0px;
padding-top: 20px;
}

.tab_content {
font-size: .8em;
line-height: 18px;
}

/* TWITTER */
#tweet {
margin: 0px;
padding: 0px;
margin-bottom: 10px;
}

#tweet ul li {
list-style-type: none;
text-align: left;
padding: 0;
}

#tweet ul {
margin: 0px;
padding: 0px;
}

#21doptweets {
margin: 0px;
padding: 0px;
margin-bottom: 10px;
}
#21doptweets ul li {
list-style-type: none;
text-align: left;
padding: 0;
}
#21doptweets ul {
margin: 0px;
padding: 0px;
}

/* CREATIVE BLOG */
#comments {
margin-top:20px;
}

.entry-content {
margin-top: 10px;
}

.entry-utility {
margin-bottom: 30px;
}