/*   
Theme Name: Calvary Chapel Emanuel
Theme URI: http://www.metatypecreative.com
Description: Wordpress theme for Calvary Chapel Emanuel
Author: Chris Lorkovic
Author URI: http://www.metatypecreative.com
Version: 1
*/

body {
	background:none repeat scroll top center #271a12;
	margin:0px;
	color:#444444;
	font-size:14px;
	font-family: OpenSansRegular, Verdana, Arial, Sans Serif;
}

/* Header & Nav */

header {
	background:url('img/header_bg.jpg') repeat scroll top center #24170f;
	width:100%;
	margin:0;
	border-top:solid 15px #271a12;
	border-bottom:solid 10px #271a12;
}

#header_logo {
	padding:0;
}

#nav li {
	list-style-type:none;
	list-style-position:inside;
	margin:0px 0px 0px 50px;
	display:inline-block;
}

#nav li a:visited, #nav li a:link, #nav li a:active {
	font-family: 'Expletus Sans', Verdana, Arial, Sans Serif;
	font-size:1.15em;
	padding:0 0 3px 0;
	color: #ffffff;
	text-decoration:none;
}

#nav li a:hover, .nav_selected {
	color: #ffffff;
	border-bottom:solid 3px #F95711;
}

#lang_option {
	z-index:999;
	position:relative;
	right:1px;
	top:-53px;
	padding:10px 12px 6px 12px;
	background-color:#F95711;
	border-radius:0 0 5px 5px;
	display:inline-block;
	box-shadow:1px 2px 3px rgba(15,15,15,0.4);
	transition: all 0.2s;
	-webkit-transition: all 0.2s; /* Safari */
}

#lang_option a:visited, #lang_option a:link, #lang_option a:active, #lang_option a:hover {
	text-decoration:none;
	color:#ffffff;
	text-shadow:0px -1px 1px rgba(0,0,0,0.5);
}

#lang_option:hover {
	top:-45px;
}

#simplemodal-overlay {
	background-color:#000;
}

#simplemodal-container {
	border-radius:18px;
	padding:42px 50px;
	text-align:center;
	background-color:#efefef;
}

/* Splash */

#splash {
	background:none repeat scroll center center transparent;
	width:100%;
	margin:0;
	padding:0;
	color:#ededed;
	font-size:1.1em;
}

#splash p {
	margin:30px 0 30px 0;
}

#splash h1 {
	color:#f8f8f8;
	margin-top:10px;
	font-size: 4.5em;
	font-weight:normal;
}

#welcome {
	padding:40px 0 0 10px;
}

#crosses {
	height:390px;
	background:url('img/crosses.png') no-repeat scroll bottom right transparent;
}

/* Home */

#home {
	margin-top:30px;
	margin-bottom:30px;
	min-height:350px;
}

#events li {
	padding:6px 10px;
	font-size:0.9em;
	background:none repeat scroll 0 0 #ededda;
	border-radius:4px;
	margin-bottom:15px;
}

#events h3 {
	cursor:pointer;
}

#events li p, #events li h3 {
	margin:3px 0 3px 0;
}

/* Content */

#content {
	background:url('img/body_bg.jpg') repeat scroll top center #f2f2f2;
	padding:0 0 70px 0;
	border-top:solid 10px #ddddcc;
	border-bottom:solid 10px #ddddcc;
}

.contentdiv {
	background:url('img/vr.png') repeat-y scroll center center transparent;
	height:100%;
	display:inline-block;
	min-height:300px;
}

.customhr {
	background:url('img/hr.png') repeat-x scroll center bottom transparent;
}

#content .inlineimg {
	margin-top:12px;
	border:solid 10px #e8e8d5;
	max-width:620px;
}

#home .inlineimg {
	border:solid 10px #e8e8d5;
	max-width:500px;
}

#content .marginright {
	margin-right:25px;
}

#content .quote {
	display:block;
	font-family:Georgia;
	font-size:1.3em;
	font-weight:normal;
	font-style:italic;
	padding:10px;
	background:url('img/quote.png') repeat scroll center center transparent;
}

#mainbody {
	min-height:500px;
}

#breadcrumbs {
	text-align:left;
	padding:10px 0 10px 0;
	background:url('img/hr.png') repeat-x scroll center bottom transparent;
	margin-bottom:20px;
}

#breadcrumbs img {
	vertical-align:-3px;
	opacity:0.6;
}
#breadcrumbs img:hover {
	opacity:1;
}

.crumb {
    background: url("img/arrow.png") no-repeat scroll 100% 10px transparent;
    color: #eeeeee;
    display: inline-block;
    size: 1.2em;
	line-height:1.8em;
    padding: 0 24px 0 14px;
    text-decoration: none;
}

#breadcrumbs a {
	color:#666666;
}


#leftside li {
	margin-bottom:6px;
	padding:8px;
	width:100%;
}

#leftside li a:hover {
	text-decoration:none;
}

#leftside li:hover {
	background-color:#ededda;
	border-radius:5px;
}

#content .contact_map {
	border:solid 10px #e8e8d5;
	height:280px;
	width:440px;
	margin:0 0 20px 0;
}

#content .container {
	margin:20px 0 0 0;
}

#contact_div {
	padding:30px;
	font-size:0.9em;
	background:none repeat scroll 0 0 #ededda;
	border-radius:4px;
}

.services, .events {
	width:100%;
	background-color:#ededdc;	
}

.detail {
	font-size:0.8em;
	padding:10px 15px;
}

.services tr:nth-child(odd), .detail:nth-child(odd) {
	background-color:#dfdfce;
}

.title {
	width:14%;
	padding:12px 16px;
	background-color:#f95711;
	color:#ffffff;
	text-align:center;
}

#photogallery li {
	display:inline-block;
	list-style-type:none;
	width:100px;
	height:100px;
	margin:10px;
	overflow: hidden;
	border:solid 2px #ededed;
}

#photogallery img {
	min-width:200px;
	min-height:150px;
	position:relative;
	left:-50px;
	top:-50px;
}

#photogallery li:hover {
	border:solid 2px #F95711;
}

/* Footer */

footer {
	background:none repeat scroll 0 0 #302418;
	border-top:solid 16px #271a12;
	width:100%;
	color:#8a7b68;
	margin:0;
	padding:40px 0 40px 0;
	font-size:0.9em;
}

footer h1 {
	color:#ededed;
}

footer li {
	list-style-type:none;
	margin-bottom:15px;
}

#site_info {
	background-color:#271a12;
	padding:20px 0 15px 0;
	color:#4d4136;
	font-size:0.9em;
}

/* Global Classes */

a:visited { color:#F95711; text-decoration:none; }
a:link {color:#F95711; text-decoration:none; }
a:hover {color:#F95711; text-decoration:underline; }
a:active {color:#F95711; text-decoration:none; }

audio {
	margin:0px;
	width:100%;
}

input[type='text'], input[type='email'], textarea {
	font-size:1.1em;
	border:0;
	padding:5px 8px;
	background:none repeat scroll 0 0 #ffffff;
	margin:8px 0 8px 0;
	width:60%;
}

textarea {
	width:97%;
}


button, input[type='submit'], input[type='button'], a.button:visited, a.button:link {
	font-family: 'Expletus Sans', Verdana, Arial, Sans Serif;
	font-size:1.1em;
	color: #ffffff;
	border:0;
	text-decoration:none;
	padding:8px 18px 8px 18px;
	background:none repeat scroll 0 0 #e84600;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.35);
	border-radius:5px;
	box-shadow: 0 5px 0 0 #8C2A00;
    cursor: pointer;
	margin:25px 0 0 0;
}

button:active, input[type='submit']:active, input[type='button']:active, a.button:active {
	position:relative;
	top:3px;
	box-shadow: 0 2px 0 0 #8C2A00;
}

.clear { clear:both; height:10px; }
.floatleft { float:left; }
.floatright { float:right; }
.vcenter { vertical-align: middle; }
.vtop { vertical-align: top; }
.textcenter { text-align: center; }
.textright { text-align:right; }
.inline_txt { margin-bottom:.25em; vertical-align:middle; }
.padding_10 { padding:10px; }

.clearfix:before, .clearfix:after { content: "\0020"; display: block; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

::-moz-selection {
background-color: #dddddd;
color: #181818;
}
::selection {
background-color: #dddddd;
color: #181818;
} 

p {
	margin:25px 0 25px 0;
}

h1 {
	font-family: 'Expletus Sans', Verdana, Arial, Sans Serif;
	color:#404040;
	font-size:1.9em;
	margin:0 0 20px 0;
	font-weight:normal;
}

h2 {
	font-family: 'Expletus Sans', Verdana, Arial, Sans Serif;
	color:#404040;
	font-size:1.7em;
	font-weight:normal;
	margin:0 0 20px 0;
}

h3 {
	font-family: 'Expletus Sans', Verdana, Arial, Sans Serif;
	color:#404040;
	font-size:1.4em;
	margin:0 0 20px 0;
	font-weight:normal;
}

hr {
	border-top:solid 1px #cccccc;
	height: 1px;
	color: #cccccc;
	*height: 1px; /* IE6+7 need the total height */
}

#login h1 a {
	background-image:url("img/login_logo.png") !important;
}