/*
THEME NAME: Lifehouse
DESCRIPTION: Based on the Sandbox theme templates.
AUTHOR: John Philip
AUTHOR URI: <a href="http://www.johnphilip.co.za/">http://www.johnphilip.co.za</a>
TEMPLATE: sandbox
*/

/* 
-------------------------------------------------------------- 
Resets default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .MsoNormal, .MsoNormal span { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
html, body {height: 100%;}
table { border-collapse: separate; border-spacing: 0; }/* Tables still need 'cellspacing="0"' in the markup. */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote, q { quotes: "" ""; }
a img { border: none; }
/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { color: #222; font: 75%/1.5em Arial, Helvetica, sans-serif; }
hr { border-bottom: 1px solid #D2DFE3; height: 1px; border-top-style: none; border-right-style: none; border-left-style: none; }

/*Colour Scheme*/
.darkbrown { color:#A8A990;}
.lightbrown { color:#D3D2C5;}
.lightblue { color:#A5C7C4;}

/*
-------------------------------------------------------------- 
Layout
-------------------------------------------------------------- */
body { background: #A5C7C4 url(images/back-tile.jpg) repeat-y fixed center top; min-height:100%; }
#wrapper { background: url(images/background-pattern.jpg) no-repeat scroll center top; min-height:100%; height:auto;  /* the bottom margin is the negative value of the footer's height */ }
.page-template-home-page-php  #wrapper,
.home #wrapper { padding-top:10px; position:relative;}

#wrapper-inner,
#header-nav { margin: 0px auto;	width: 960px; /*IE6 soils itself without this*/}
#wrapper-inner { margin-top:106px;}/*needed for fixed header and overrides the above margin setting*/


#container { float:left; margin:10px -300px 10px 0px; width:100%; background-color:#FFF; /*border: 10px solid #D3D2C5;*/ min-height:1300px;
	-moz-box-shadow: 0px 0px 10px #36646D;
	-webkit-box-shadow: 0px 0px 10px #36646D;
	box-shadow: 0px 0px 10px #36646D;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#36646D')";/* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#36646D');/* For IE 5.5 - 7 */

}
#content { margin:10px 300px 10px 10px; padding: 25px; color:#333333; overflow:hidden; }
.gallery #content,
.full-width #content { margin-right:10px;}
.sidebar { float:right; overflow:hidden; width:280px;}
#primary,
#secondary { margin-top:30px;}
#secondary {clear:right;}
#footer { clear:both; width:100%; background-color:#21201D; display:block; color:#D3D2C5; text-align:center; border-top: 10px solid #D3D2C5; padding:5px;}

/*
header
--------------------*/
#header-container { height:105px; z-index:3; position:fixed; width:100%; right:0px; top:0px; background: url(images/header-tile.gif) repeat-x left top; }
#header { margin: 0 auto; background: url(images/header-pic.jpg) no-repeat center top; }
#header img { width:100%; height:75px; margin:0px auto; display:block; }



.page-template-home-page-php .post { clear:left; margin-top:20px;}
.page-template-home-page-php .post-image img { float:left; border-right: 10px solid #FFF; margin-bottom:10px; margin-right:10px; }
.page-template-home-page-php .entry-title { background-color:#D3D2C5; font-size:1.4em; font-weight:bold; padding:3px 5px; text-align:right; margin-bottom:10px;}
.page-template-home-page-php .entry-title a {  color:#FFF;}

#highlight { border: 10px solid #FFF; width:100%; margin-top:10px; margin-left:-10px; background: #D3D2C5 url(images/highlight.jpg) no-repeat right top; overflow:hidden; height:170px; line-height:1.7em;}
#highlight > div { padding: 20px 700px 20px 20px; }
#highlight .entry-title { background-color:#FFF; text-align:left;}
#highlight .entry-title a { color:#D3D2C5;}

/*
sliders
--------------------*/
.jcarousel-skin-default { width:100%;
	-moz-box-shadow: 0px 0px 10px #36646D;
	-webkit-box-shadow: 0px 0px 10px #36646D;
	box-shadow: 0px 0px 10px #36646D;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#36646D')";/* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#36646D');/* For IE 5.5 - 7 */

}
.sldr_title { display:none;}
#smooth_slider .jcarousel-clip-horizontal { padding:0px; width:960px;}
.jcarousel-skin-default #smooth_slider .jcarousel-item-horizontal { margin-right:0px!important; width:960px;}

#smooth_slider,
#smooth_slider ul { margin:0; padding:0;}
#smooth_slider { background-color:#1F1F1F; width:960px; height:240px;}
#smooth_slider .jcarousel-item { position:relative; overflow:hidden; height:240px; width:960px!important;}
#smooth_slider img { position:absolute; right:0px; top:0px; margin:0px;}
#smooth_slider h2 { position:absolute; left:20px; top:20px; margin:0px!important; font-size:20px; font-weight:bold; width:280px; line-height:normal;}
#smooth_slider h2,
#smooth_slider h2 a { color:#FFF;}
#smooth_slider span { position:absolute; left:20px; top:55px; font-size:13px; width:280px; color:#CCC; line-height:normal;} /*description*/
#smooth_slider .jcarousel-control { display:none; /*position:absolute; bottom:0px; right:0px; background:none;*/} /*counter*/
#smooth_slider .jcarousel-prev { left:330px;}
#smooth_slider .more { position:absolute; bottom: 10px; left:240px; font-weight:bold; }
#smooth_slider .more a { color:#F03;} 
#smooth_slider .more a:hover { color:#FFF;} 




/*-----------------*/

.edit-link { height:20px; background-color:#666; display:block; width:50px; text-align:center; margin:0px 0px 0px auto;}
.edit-link a { color:#FFF; text-decoration:none; font-weight:bold;}
.edit-link a:hover { color:#FC0;}

.sidebar #ics-calendar small a,
.more-link { text-decoration: none; text-align:right; height: 20px; padding-right: 10px; margin: 10px 10px 0px auto; display:block; position:relative; font-size: 13px; line-height: 1.5em; font-weight: bold; }
.sidebar #ics-calendar small a { padding-right:0px; margin-top:0px; }/*reset padding because unable to set meta-nav sizes*/
.more-link:hover .meta-nav { color:#E3345C;}
.more-link .meta-nav {  font-size:36px; color:#EDEFEA; display: block; position:relative; top:-22px; right:-20px;}


/* 
Sidebars
-------------------------------------------------------------- */
.sidebar { line-height:normal;}
.sidebar a { text-decoration:none; color:#000;}
.sidebar a:hover {color:#999;}

.sidebar ul { list-style:none; padding:0px; margin:0px;}
.sidebar > ul {padding:10px; margin-right:10px; background: #D3D2C5 url(images/sidebar-tile.gif) repeat left top;  color:#8C8C8C;}
#primary ul ul { padding-bottom:0px;}
.widget { margin-top:0px; background: #FFF no-repeat center top; padding-top:50px;}
.widget ul { padding:8px;}
.widgettitle { font-size:1.3em; font-weight:bold; color:#FFF; margin:0px 0px 5px; background: url(images/widget-title-back.png) repeat; padding:3px 5px; }
.widget ul > li { border-top: 1px dotted #E2E2E2; margin-top: 3px; padding-top: 3px; }
.widget ul > li:first-child { border:none; margin-top:0px; padding-top:0px;}

#sermon-browser-popular p { display:none;}

#sermon-browser-popular a,
.widget_recent_entries a { font-weight:bold; color:#000;}
#sermon-browser-popular a:hover,
.widget_recent_entries a:hover { color:#B40505; }

.sidebar .sermon { background-image:url(images/widgets/sermons.jpg);}
#secondary .sermon  { background-image:url(images/widgets/street-crossing.jpg);}
.widget_recent_entries { background-image:url(images/widgets/recent-posts.jpg);}
.sidebar #ics-calendar { background-image:url(images/widgets/events.jpg);}
#secondary #text-6 { background-image:url(images/widgets/boardroom.jpg); }/*Lifehouse Boardroom - Upcoming events*/
#secondary #text-6 b {color:#000; font-size:1.1em;}

.sidebar #sermon-browser-popular { background-image:url(images/widgets/sermon-popular.jpg);}
.sidebar #text-3 { background-image:url(images/facebook.gif);} /*Facebook widget*/
#secondary .widget_execphp { background-image:url(images/widgets/building.jpg);}
.sidebar #text-5  { background-image:url(images/widgets/subscribe.jpg);} /*Subscribe widget*/

.fan_box { padding-bottom:50px;} /*facebook profile*/

.sidebar #ics-calendar li { color:#8C8C8C!important; margin: 5px 0px 0px 0px; }
.sidebar #ics-calendar li strong { color:#000!important; display:block;}

.sidebar .sermon-title a { text-decoration:none; color:#000; font-size:1em; font-weight:bold;} /*Sermon sidebar titles*/
.sidebar  a:hover { color:#999;}





/* 
Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #282828; line-height: 1; margin-top: 2.2em; font-weight:bold;  }
h1,
h2 { font-size: 2.3em; font-weight:normal; }
h3 { font-size:1.5em; }
h4 { font-size: 1.2em; border-bottom: 1px dotted #B5B5B5; padding-bottom: 3px; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
/*reset padding of first paragraphs following a header*/
h3 + p { margin-top:0.8em!important;}
h4 + p,
h5 + p,
h6 + p { margin-top: 0.5em!important; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; }

.entry-title { margin-top:0px;  }
.entry-title,
.entry-title a { color:#9A9898; }
.entry-title a:hover { color:#666; }

/* 
Text elements
-------------------------------------------------------------- */
.entry-content p { margin: 1.2em 0 0 0; }
a { color: #D43E61; text-decoration: underline; }
a:focus, a:hover { color: #000; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* 
Lists
-------------------------------------------------------------- */
li ul, li ol { margin:0 1.5em; }
ul, ol { margin: 0.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0.5em 0 0.5em 0; }
dl dt { font-weight: bold; }
dd { }

/* 
Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; background-color:#A5C7C4; color:#FFF; }
thead th { background: #c3d9ff; }
th, td, caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }

/* 
Images within posts 
-------------------------------------------------------------- */
p img {	max-width: 100%; }
.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
.alignright { padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}
.alignleft { padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}


.alignright .wp-caption-text { text-align:right;}
.wp-caption-text { font-size:0.9em; color:#666; line-height:normal; display:block; padding:3px 5px !important; margin-top:0px!important; margin-bottom:10px!important; }
.wp-caption img { background-color:#333; padding:0px!important; margin-bottom:0px!important; margin-left:auto; margin-right:auto; display:block; }

.size-thumbnail { float:left!important; margin-left:-164px!important; margin-top:36px!important; display:block; border: 5px solid #F7F6F1; padding:0px!important; }
.size-thumbnail + .wp-caption-text { display:none;}


/*
-------------------------------------------------------------- 
Forms
-------------------------------------------------------------- */
label { font-weight: bold; min-width:120px; display:inline-block; /*for Opera & IE*/ }
fieldset { padding:0px; margin:0px; border:none;}
legend { font-weight: bold; font-size:1.3em; margin: 0px!important;	padding:30px 0px 10px 0px!important; display:block;  }
/* 
Form fields
-------------------------------------------------------------- */
input.text, input.title, input.single, textarea, select { margin:0.5em 0.5em 0.5em 0em; border:1px solid #bbb; }
input.text:focus, input.title:focus, textarea:focus, select:focus { border:1px solid #666; }
input:hover,textarea:hover,select:hover	{ background:#F2F7FC;}
input.single, input.text, input.title { width: 200px;  }
input.title { font-size:1.5em; }
textarea { width: 100%; height:6em; padding:0.5em; font: 1em Arial, Helvetica, sans-serif; }
.reqtxt, .emailreqtxt { font-style:italic; color:#999; font-size:0.9em;}

/*Cforms*/
.cform .linklove, .linklove a, .cf_hidden {display:none!important; }
.cform ol {list-style:none; margin:0px; padding:0px;}

/*Cform - custom changes
.cf-fs2 label { min-width: 20px; }*/

/* 
Success, notice and error boxes
-------------------------------------------------------------- */
.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }



/*calendar
-------------------------------------------------------------- */
.sidebar #wp-calendar caption, 
.sidebar #wp-calendar th, 
.sidebar #wp-calendar td { background:none; border:none;} /*Calendar reset*/

.sidebar #wp-calendar caption{ font-size: 1.2em; } /*Month header*/
.sidebar #wp-calendar th { background-color: #999; } /*Week days*/
.sidebar #wp-calendar td { background: #FFF; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; } /*Dates*/
.sidebar #wp-calendar td a { font-weight:bold; color: #DF0000; } /*Post Dates*/
.sidebar #wp-calendar td#today { color:#000; font-weight: bold; background: url(none);  } /*Todays Date*/
.sidebar #wp-calendar tfoot td { font-size: 1.1em; font-weight: bold; font-style: normal; border-top: 2px solid #CCC; border-bottom: 1px solid #999!important; } /*Month footer navigation*/
.sidebar #wp-calendar tfoot td a { color: #000; }
.sidebar #wp-calendar tfoot td#prev { text-align:left; } /*Previous Month*/
.sidebar #wp-calendar tfoot td#next { text-align:right; } /*Next Month*/

/* 
Centre
-------------------------------------------------------------- */
textarea#comment { overflow:auto; }

/* 
post
-------------------------------------------------------------- */

div#content .entry-meta, 
div#content .entry-date { font-size:0.9em; color:#999;}
div#content .entry-date { text-align:right;}
div#content .entry-meta { border-bottom: 1px solid #E4EAED; border-top: 1px solid #E4EAED; padding:8px 0; margin: 16px 0px; }


div.navigation { height:1.25em; }
div#nav-above { margin-bottom:1em; }
div#nav-below { margin-top:1em; }
div.navigation div.nav-next { float:right; text-align:right; }
div.navigation div.nav-previous { float:left; }


/* 
Comments
-------------------------------------------------------------- */
div#comments h3 { padding-top:30px; margin-top:20px; border-top: 1px solid #CCC; }
div#comments .comment-meta { text-align:right; font-size:0.9em;}
div#comments { width:100%; margin:0px;}
div#comments .comment { line-height: 1.5em; padding: 20px; margin-top:10px; border: 2px solid #D7DADD; }
div#comments .formcontainer {width: 100%;}
div#comments .comment-meta { position:relative; top:-38px; right:-14px;}
div#comments .comment-author { font-weight:bold;}
div#comments li { margin: 0px; padding-left:0px;}
div#comments ol li{ list-style:none outside; padding-left:0px; margin:0px;}
div#comments ol { padding:0px; margin:0px;}


/* 
Classes
-------------------------------------------------------------- */

.edit-link,
.curved { 
	border-radius:10px; /* CSS3 */
	-webkit-border-radius: 10px; /*Safari and chrome*/
	-moz-border-radius: 10px; /*firefox*/
	-khtml-border-radius:10px; /* Linux browsers */
	behavior:url(wp-content/themes/lifehouse/border-radius.htc);
}

/* 
Tooltip plugin
-------------------------------------------------------------- */
a.tippy_link { border-bottom: none; color:#B40505 ;}
a.tippy_link:hover { color:#666; }
div.domTip_Tip { border: none;}
div.domTip_TipBody h2,
div.domTip_TipHeader { background-color: #B40505;}
div.domTip_TipBody { background-color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom:10px;}
div.domTip_TipBody h2,
div.domTip_TipHeader a,
div.domTip_TipBody span { color:#FFF;}
div.domTip_TipBody {color:#CCC;}
.verse-num { color:#999!important;}
/* 
Sermon plugin
-------------------------------------------------------------- */
.sermon-title a { color:#B40505;}
.sermon-browser .filter { margin-bottom:.1em; color:#666;}
.sermon-browser .filter-heading { width:80px; display:inline-block; color:#000;}
.sermon-browser #show_hide_filter { text-align:center; text-decoration:none; font-weight:bold;}
.podcastall table { margin-bottom:0px;}

#poweredbysermonbrowser { display:none;}

.nearby-sermons {background-color:#F7F7F7; font-size:0.9em; margin: 1em 0;}
.nearby-sermons th,
.nearby-sermons td { padding:1px;}
.nearby-sermons .earlier { padding-left:0.5em;}
.nearby-sermons .later { padding-right:0.5em; text-align:right;}

.sermons { margin: 10px 0px; }
.sermons th { border-bottom: 1px solid #666; }
.sermons td { background-color:#FFF; border-bottom: 1px dotted #CCC; }
.sermon-browser-results .series a,
.sermons td.title a { font-weight: bold; text-decoration: none; }
.sermons td.preacher a { color:#999; text-decoration:none; font-weight:bold; }
.sermons td.preacher a:hover { color:#000; }

.preacher-profile { display:block; float:right; font-size:90%; margin-left:10px; max-width:200px;}
.preacher-description,
.preacher-image img { max-width:200px;}
.preacher-image img{ max-height:180px; display:block; margin:0 auto;}
.preacher-description { background-color:#FFF; font-size:0.95em; color:#999; line-height:1em; padding-top:0.2em; }

.sermon-browser-results dl { clear:left; position:relative; margin:0px; border-bottom:1px dotted #CCC; height:20px; padding-bottom:3px; margin-bottom:3px; width:390px;}
.sermon-browser-results dt { color:#999; float:left; width:80px;}
.sermon-browser-results dd { }

.sermon_file { display:inline;}
.sermon-browser-results .download { margin:10px 3px;}

.sermon-browser-results .sermon-tags { font-size: 90%; color: #999; margin: 20px -15px -15px;  }
.sermon-browser-results .sermon-tags a { color: #999; text-decoration:none;}
.sermon-browser-results .series { margin:0px;}
.sermon-browser-results .date {  font-size:90%; margin:0px; text-align:right; font-style:italic; line-height:1em;}
.sermon-browser-results .date,
.sermon-browser-results .date a { color:#666; text-decoration:none;}



.sermon-scripture h2 { font-size: 1.2em; font-weight:bold;  }

/*widget*/
.sermon-widget span { line-height:1.2em;}
.sermon-widget .sermon-title { font-size:1.1em; margin-bottom:4px; margin-top:4px;}
.sermon-widget .sermon-title,
.sermon-widget .sermon-passage,
.sermon-widget .sermon-preacher {display:block;}
.sermon-widget .sermon-passage { font-size:0.9em; color:#333;}

/*Full ICS calendar
-------------------------------------------------------------- */
#calendar #content { margin-right:10px; }

.entry-content .ics-calendar-header { background-color:#403636; color:#FFF;  margin-left:2px; font-size:20px; font-weight:bold; position:relative; width:98.5%; padding:5px; }
.ics-nav-button {  color:#FFF; text-decoration:none; position:absolute; right:5px; text-align:right; font-size:12px; top:5px; width:100px;}
div > small > .ics-nav-button { left:5px; text-align:left; }
.ics-calendar-table { background: url(none); border-width: 0px; border-style: none; background: #FFF url(none)!important; }
table.ics-calendar-table td { background-color:#EFEFE8!important; border: 2px solid #FFF!important; padding: 3px;  }
tr.ics-calendar-days td { background-color:#A8A990!important; font-weight:bold; color:#FFF; padding: 2px 0px; border-top: 2px solid #FFF; }
td div.date-holder {color:#D3D2C5; float:right; font-size:1.2em; background-color:#fff!important; font-weight:bold; padding:1px 4px; }
.ics-calendar-more-box {color:#A8A990; border-color:#A8A990!important; width:200px;}
td div.ics-calendar-event { white-space:normal; line-height:1.2em; margin-bottom:7px;}
td div.ics-calendar-event-box {}
td .old-date-holder { display:none;}
.ics-more-button { text-decoration: none; }

.darkbrown { color:#A8A990;}
.lightbrown { color:#D3D2C5;}
.lightblue { color:#A5C7C4;}

/*
Links Page
-----------------------------------------------------*/
ul#links-page {list-style:none; margin:0px;}
ul#links-page ul { margin: 0.5em 0; list-style:none;}
ul#links-page ul li { border-top:1px dotted #E8E8E8; padding-top:5px; margin-top:5px;}
ul#links-page ul li:first-child { border:none;}
ul#links-page a { text-decoration:none; font-weight:bold; display:block; line-height:normal;}
ul#links-page img { display:block; margin-bottom:3px;}



.clearfix { clear:both; display:block; float:none;}