/* 
	Theme Name: Real Life Church
	Description: A custom theme designed by Mara Dickens and installed by Matt Rittman.
	Author: Matt Rittman
	Author URI: http://www.mattrittman.com/
	Version: 1.0
*/

/************************************************
*	CSS Reset				*
************************************************/

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   border: 0 none;
   font-family: inherit;
   font-size: 100%;
   font-style: inherit;
   font-weight: inherit;
   margin: 0;
   outline-color: invert;
   outline-style: none;
   outline-width: 0;
   padding: 0;
   vertical-align: baseline;
}

table {
   border-collapse: separate;
   border-spacing: 0;
}

caption, th, td {
   font-weight: normal;
   text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

strong {font-weight: bold;}

em {font-style: italic;}

* {
   margin: 0;
   padding: 0;
}


/************************************************
*	@font-face				*
************************************************/

@font-face {
	font-family: 'DecadeRegular';
	src: url('fonts/decade.eot');
	src: local('Decade Regular'), local('Decade'), url('fonts/decade.woff') format('woff'), url('fonts/decade.ttf') format('truetype'), url('fonts/decade.svg#Decade') format('svg');
}

/************************************************
*	Page Styles				*
************************************************/

body {
   background: url(images/bg.jpg) repeat center;
   color: #274248;
}

#wrapper {
   margin: 0 auto;
   width: 960px;
}

h1 {font-size: 1.6em; margin-bottom: 1em;}
h2 {font-size: 1.4em; margin-bottom: .5em; font-weight: bold;}
h3 {font-size: 1.2em; margin-bottom: .83em; font-weight: bold;}
h4 {font-size: 1.0em; margin-bottom: 1.12em;}
h5 {font-size: 0.9em; margin-bottom: 1.5em;}
h6 {font-size: 0.8em; margin-bottom: 1.67em;}

p {margin: 1.12em 0;}

.clear {clear: both;}

.clear, .sermons { clear: none !important; }

#tec-content {background:url("images/content_tile.png") repeat-y scroll center top transparent; padding:0 50px;}

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden
}
.clearfix {display:block}
* html .clearfix{height:1%}

table.nearby-sermons {clear: right !important;}

/************************************************
*	Hyperlinks				*
************************************************/

a:link, a:visited {
   color: #152123;
   text-decoration: none;
}

a:active {color: #152123;}

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

/************************************************
*	Header					*
************************************************/

#header {height: 94px;}

#logo a {
   background: url(images/logo.png) no-repeat top center;
   width: 340px;
   height: 87px;
   float: left;
   display: inline;
   margin: 8px 0 0 25px;
   cursor: pointer;
}

#tagline {
   background: url(images/tagline.png) no-repeat top center;
   width: 489px;
   height: 63px;
   margin-top: 14px;
   float: right;
}

/************************************************
*	Navigation Bar				*
************************************************/

#navbar {
   background: url(images/navbar.png) no-repeat top center;
   text-transform: lowercase;
   height: 66px;
   padding: 38px 0 0 100px;
   font: normal 1.1em/1.2em 'DecadeRegular', sans-serif;
}
	
#navbar ul {
   list-style-type: none;
   overflow: hidden;
}

#navbar ul li {
   float: left;
   display: inline;
}

#navbar ul li a {
   height: 20px;
   color: #c3c3c3;
   padding: 0 13px;
   text-decoration: none;
   text-align: center;
   border-right: 1px solid #bbb;
}

#navbar ul li a:hover {
   text-decoration: none;
   color: #fff;
}

#navbar ul li a:visited {
}

#navbar ul .current_page_item a {
   color: #274248;
}

#navbar ul .page-item-23 a {border-right: none;}

/************************************************
*	Sidebar					*
************************************************/

#sidebar {
   background: url(images/sidebar_bg.png) no-repeat top right;
   font: bold 0.75em/1.2em verdana, sans-serif;
   color: #372e24;
   float: left;
   width: 200px;
   min-height: 550px;
   padding: 10px 0 0 40px;
}

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

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

#sidebar h2 {
   font: normal 1.8em/0.8em 'DecadeRegular', sans-serif;
   color: #d6d4cf;
}

#sidebar .widget {padding-bottom: 16px;}

.widget_calendar h2 {display: none;}

.widget_calendar table {
   border-collapse: separate;
   border-spacing: 2px;
}

#wp-calendar {width: 210px;}

#wp-calendar #today {background: #252525;}

#wp-calendar tbody a {font-weight: bold;}

#wp-calendar caption {
   font-size: 1.1em; 
   margin-bottom: .2em; 
   color: #ff6600; 
   font-weight: bold;
   padding-left: 2px;
}

#wp-calendar th, #wp-calendar td {text-align: center;}

#wp-calendar th {font-weight: bold;}

#wp-calendar tr {font-size: 0.9em;}

#wp-calendar tbody td {border: 1px solid #ccc; padding: 3px;}

#wp-calendar tbody td.pad {border: 0 none;}

#wp-calendar th {
   background: #999;
   color: #fff;
}

#wp-calendar td#prev {
   text-align: left;
   padding-top: 5px;
}
#wp-calendar td#next {
   text-align: right;
   padding-top: 5px;
}

/************************************************
*	Search Form				*
************************************************/

#searchbox {
   background: url(images/searchbox.gif) no-repeat;
   width: 209px;
   height: 21px;
   display: block;
   padding: 3px 2px 0 2px;
}

#searchbox .textfield {
   color: #666;
   font: normal 0.85em/1.2em verdana, sans-serif;
   background: none;
   border: 0;
   width: 185px;
   float: left;
   margin-right: 2px;
   padding-left: 2px;
}

#searchbox .textfield:focus {color:#000;}

#searchbox .button {
   background: none;
   border: 0;
   width: 18px;
   height: 18px;
   cursor: pointer;
   float: left;
   margin-top: 1px;
}

/************************************************
*	Images  					* 
************************************************/

img.border {border: 1px solid #000;}

/************************************************
*	Content Area				*
************************************************/

#main {
   background: url(images/content_tile.png) repeat-y top center;
}

#main:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

#main {display: inline-block; } /* For IE6/7 */
#main {display: block; } /* For IE6/7 */

#content {
   font: normal 0.85em/1.3em verdana, sans-serif;
   margin: 0 40px 0 272px;
}

#content h2.title {
   font-family: 'DecadeRegular', sans-serif;
   font-size: 28px;
   text-transform: lowercase;
   color: #493e30;
}

#content ol {
   margin: 0 0 0 15px;
   padding: 0 0 5px 0;
}
	
#content ol li {
   margin: 0 0 0 15px;
   padding: 0 0 5px 0;
}
	
#content ul {
   list-style-type: disc;
   margin: 0 0 0 15px;
   padding: 0 0 5px 0;
}
	
#content ul li {
   list-style-type: disc;
   margin: 0 0 0 15px;
   padding: 0 0 5px 0;
}
	
#content ul ul {
   list-style-type: none;
   margin: 5px 0 0 20px;
   padding: 0;
}
	
#content ul li li {
   list-style-type: disc;
   margin: 0;
   padding: 0;
}
	
#content ul li ul li {
   margin: 0;
   padding: 0 0 3px 0;
}

#content .group {
   height: 130px;
   margin-top: 20px;
   border-bottom: 1px dashed #666;
   padding-bottom: 10px;
}

#content .group .image {float: left;}

#content .group .info {margin-left: 210px;}

#content .group .info p {margin: 0 0 1.12em 0}

/************************************************
*	Posts					*
************************************************/

.post p {clear: right;}

.post h2 {
   display: block;
   border-bottom: 1px dotted #ccc;
   padding: 0 0 4px;
   margin-bottom: 0.3em;
}

.post h2 a {
   text-decoration: none;
}

.post h2 a:hover {
   color: #ff9900;
   text-decoration: none;
}

.post .postinfo {overflow: auto;}

.post .date, 
.post .author, 
.post .editpost,
.post .comments,  
.post .addcomment {
   background: url(icons/icons.gif) no-repeat;
   padding-left: 22px;
   height: 16px;
   line-height: 16px;
   display: block;
   font-size: 11px;
}

.post .date {
   background-position: 0 -48px;
   margin-right: 15px;
   float: left;
}

.post .author {
   background-position: 0 0;
   float: left;
}

.post .editpost {
   background-position: 0 -64px;
   margin-left: 15px;
   float: right;
}

.post .tags, .post .categories {
   background: url(icons/icons.gif) no-repeat;
   width: 16px;
   height: 16px;
   line-height: 16px;
   display: block;
   text-indent: -999em;
}

.post .comments {
   background-position: 0 -96px;
   float: right;
}

.post .addcomment {
   background-position: 0 -112px;
   margin-left: 15px;
   float: right;
}

.post .postmeta span.tags, 
.post .postmeta span.categories {margin-right: 6px;}

.post .tags {background-position: 0 -400px;}

.post .categories {background-position: 0 -480px;}

.post .postmeta {
   height: 16px;
   line-height: 16px;
   font-size: 11px;
   margin-bottom: 40px;
}

.post .postmeta span {
   float: left;
   margin-right: 15px;
}

.postnavigation {
   border-top: 1px solid #666;
   margin: 10px -5px 0;
   padding: 5px 5px 10px;
   font-size: 0.8em;
}

.postnavigation .newer a, .postnavigation .prev a {float: left;}

.postnavigation .older a, .postnavigation .next a {float: right;}

/************************************************
*	Comments  				*
************************************************/

.comment {
   overflow: hidden;
   margin: 20px 20px 20px 0;
}

.comment .author {
   background: none;
   float: left;
   clear: left;
   width: 110px;
   text-align: center;
   padding: 10px 0;
}

.comment .pic {
   background: url(images/commentpoint.png) 100% 33% no-repeat;
   padding-bottom: 4px;
}

.comment .name {
   font-weight: bold;
   font-size: 1.1em;
   overflow: hidden;
}

.comment .info {
   background: #444 url(images/comment.gif) 0 0 no-repeat;
   float: left;
   padding: 10px 15px 0;
   width: 494px;
}

.comment .date {
   font-size: 11px;
   color: #666;
   margin-top: 2px;
}

.comment .content {
   background: url(images/comment.gif) 100% 100% no-repeat;
   margin: 0 -15px;
   padding: 10px 15px 10px;
   line-height: 145%;
}

.comment .content p {margin: 22px 0 6px 0;}

form#commentform {
   border-top: 1px solid #666;
   padding-top: 10px;
}

form#commentform p {margin: 0.7em 0;}

form .small {font-size: 12px;}

input.textfield,
textarea,
input#author,
input#email,
input#url {
   border: 1px solid #666;
   font-size: 12px;
   padding: 2px;
   background-color: #292929;
   color: #888;
   font: normal 0.85em/1.2em verdana, sans-serif;
}

.comments_reply textarea {width:601px;}

.comments_reply {
   clear: left;
   padding: 10px 0;
}

.comments_reply #submit {
   background: #454545;
   border:1px solid #888;
   color: #ff6600;
   cursor: pointer;
   font-size: 11px;
   padding: 3px 6px;
}

.comments_reply #submit:hover {background: #353535;}

/************************************************
*	Footer  					*
************************************************/

#footer {
   background: url(images/footer.png) no-repeat top center;
   font: bold 0.75em/1.2em verdana, sans-serif;
   color: #999;
   height: 24px;
   padding: 50px 14px 6px;
   clear: both;
   overflow: auto;
}

#footer a {text-decoration: none; color: #7ea6ae;}

#footer a:hover {color: #b6e2eb;}

.siteinfo {float: left;}
.legal {float: right;}