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;
}


b, strong { font-weight: bold; }
i, em { font-style: italic}





body {
	font-size:16px;
	font-family: 'Antic', Arial, Helvetica, sans-serif;
}

img {
	padding:9px;
	border:1px solid #919191;
	background:#ffffff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
}
img.floatleft {
	margin:0px 13px 5px 0px;
}
img.floatright {
	margin:0px 0px 5px 13px;
}

.noframe {
	background:none !important;
	padding:0px;
	border:none !important;
	margin:0px;
	box-shadow:none;
}

a { 
	color:#262626;
    text-decoration: none;
    border-radius: 0.2em;
    -webkit-transition: 0.5s ease;
    -moz-transition:    0.5s ease;
    -ms-transition:     0.5s ease;
    -o-transition:      0.5s ease;
    transition:         0.5s ease;
}

a:hover {
    color:#6BB0DB;
}

#navigation {
	font-size:14px;
	font-family: 'Open Sans Condensed', 'Antic', Arial, Helvetica, sans-serif;
}
#navigation a {
	font-weight:bold;
	color:#A9D0E8;
	padding-right:6px;
}
#navigation a:hover {
	color:#ffffff;
}

#style-light, #style-dark {
	display:block;
	padding:0px !important;
	width:14px;
	height:14px;
	border-radius: 14px;
	
}
#style-light {
	border:1px solid #f1f1f1;
	background-color:#d8d8d8;
}
#style-dark {
	border:1px solid #f1f1f1;
	background-color:#282828;
}



h1, h2, h3, h4 {
	color:#3f8583;
	font-weight: bold;
	text-transform:uppercase;
}
h1 {
	font-size:75px;
	font-family: 'Lobster', 'Oswald', 'Arial Narrow', Arial, sans-serif;
}
h2 {
	font-size:68px;
	font-family:  'Oswald', 'Arial Narrow', Arial, sans-serif;
}
h3 {
	font-size:44px;	
	font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
}
h4 {
	fo 'Oswald', 'Arial Narrow', Arial, sans-serif;
}
h3 {
	font-size:44px;	
	font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
}
h4 {
	font-size:32px;	
	font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
}



/* Slide and Step Styling */

.slide {
    color: rgb(102, 102, 102);
    text-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	font-size:16px;
    line-height: 1.5;
    letter-spacing: -1px;
}


/* Next Buttons */
a.next-btn {
	display:block;
	float:right;
	width:128px;
	height:128px;
	opacity:0.3;
    -webkit-transition: 0s ease;
    -moz-transition:    0s ease;
    -ms-transition:     0s ease;
    -o-transition:      0s ease;
    transition:         0s ease;
}
a.next-btn:hover {
	opacity:1;
} 



/* Font Styles */
.small {
	font-size:100% !important;
	letter-spacing:0;
}
.smaller {
	font-size:62% !important;
}
.large {
	font-size:190% !important;
	font-weight:bold !important;
	line-height:1.2;
}
.alignright {
	text-align:right;
	float:right;
}
.bullet {
	list-style:circle;
}


.archive-link {
	position:absolute;
	bottom:12px;
	right:63px;
	font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
	text-transform:uppercase;
	font-size:190% !important;
}


/* Page Stylings */
#welcome img.logo {
	width:710px;
	margin: 0px auto;
	padding-left:65px;
}
#welcome {
	background:none;
	width:1000px;
	height:600px;
}

#twitter {
	background: #ffffff;
}
#twitter section {
	font-size:18px;
}
#about {
	background: #ffffff;
}
#about section {
	margin-top:8px;
}

#about2 {
	background: #ffffff;
}
#about2 section {
	margin-top:8px;
}

#about3 {
	background: #ffffff;
}
#about3 section {
	margin-top:8px;
}

#about4 {
	background: #ffffff;
}
#about4 section {
	margin-top:8px;
}

#about5 {
	background: #ffffff;
}
#about5 section {
	margin-top:8px;
}

#about6 {
	background: #ffffff;
}
#about6 section {
	margin-top:8px;
}

#about7 {
	background: #ffffff;
}
#about7 section {
	margin-top:8px;
}

#blog {
	background: #ffffff;
}
#blog .left-col {
	padding-top:82px;
}
.blog_post a{
	font-family: 'Open Sans Condensed', 'Antic', Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	list-style:none;
	text-transform:uppercase;
	line-height:1;
}

.blog_post li {
	padding:11px 8px 18px 13px;
	margin:7px 7px 9px 7px;
	list-style:none;
	width:427px;
	min-height:80px;
	border:1px solid #C3C3C3;
	background:rbga(190, 190, 190, 0.8);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
}

#blog section.left-col {
	margin-top:-80px;
}
#blog section.col-thin{
	float:right;
	margin-top:18px;
	width:200px !important;
	font-size:14px;	
}

#photography {
	background: #ffffff url('../images/banner-photography.png') 400px 32px no-repeat;
}

#gallery {
	background: #ffffff url('../images/banner-gallery.png') 480px 442px no-repeat;
}
#photo-gallery li {
	float:left;
	padding:12px;
}
#photo-gallery img {
	border:1px solid #898989;
	padding:6px;
	background:#ffffff;
}
#photo-gallery {
	width:500px;
	float:left;
}

#worship {
	background: #ffffff url('../images/banner-worship.png') 480px 62px no-repeat;
}
#worship .left-col {
	margin-top:8px;
}
#worship .right-col {
	margin-top:-80px;
}
#worship p.large {
	font-size:11px;
}

#contact {
	background-color: #ffffff; 
	background-image:url('../images/banner-contact.png'), url('../images/banner-contact-vert.png');
	background-position: 350px 40px, 710px 242px;
	background-repeat:no-repeat, no-repeat;
}


#contact section {
	margin-top:20px;	
}

/* Contact Form */
#contact-form {
	font-family: 'Yanone Kaffeesatz', arial, sans-serif;
}
label {	
    font-size: 20px;
    color: #666; 
}
fieldset { 
	border: none; 
}
 
#user-details { 
    float: left;
    width: 230px; 
}
#user-message { 
    float: right;
    width: 245px;
}
textarea {		
    height: 175px; 		 		
}

form { 
    float: left;
    border: 1px solid #ddd; 
    padding: 15px 20px 10px 20px;
	margin-top:15px; 
    width: 615px;
    background: #fff;

	/* -- CSS3 - define rounded corners -- */	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	border-radius: 10px;
 
	/* -- CSS3 - create a background gradient -- */
	background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFF)); 
	background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE); 
 	
	box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
}

input, textarea { 		
    padding: 8px; 
    margin: 1px 0 13px 0; 
    background: #fff; 
    width: 220px; 
    font-size: 14px; 
    color: #555; 
    border: 1px #ddd solid;
	 
	/* -- CSS3 Shadow - create a shadow around each input element -- */ 
	-webkit-box-shadow: 0px 0px 4px #aaa;
	-moz-box-shadow: 0px 0px 4px #aaa; 
	box-shadow: 0px 0px 4px #aaa;
 
	/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
	-webkit-transition: background 0.3s linear;
}
input:hover, textarea:hover { 
    background: #eee; 
}
input.submit { 	
    width: 150px; 
    color: #eee; 
    text-transform: uppercase; 
    margin-top: 10px;
    background-color: #18a5cc;
    border: none;
	 
	/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
	-webkit-transition: -webkit-box-shadow 0.3s linear;
 
	/* -- CSS3 Shadow - create a shadow around each input element -- */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18a5cc), to(#0a85a8)); 
	background:  -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc); 
 
	/* -- CSS3 - Rounded Corners -- */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	border-radius: 4px;
}
input.submit:hover { 		
    -webkit-box-shadow: 0px 0px 20px #555;
    -moz-box-shadow: 0px 0px 20px #aaa; 
    box-shadow: 0px 0px 20px #555;		
    cursor:  pointer; 
}



/* Twitter */
.twitter-item {
	padding:12px 0px 20px 35px;
	border-bottom:1px solid #d1d1d1;
}
.twitter-timestamp {
	font-size:83%;
	opacity:0.4;
	padding-top:23px;
	float:right;
	padding-bottom:12px;
}
#twitter ul {
	padding-bottom:23px;
}