/*
Theme Name: update
Theme URI: ianpolata.com
Description: This is a test site for Christbaptistky.org
Version: 2 (WP2.6.2)
Author: Ian Polatka
Author URI: http://ianpolatka.com
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */



/* Structure */



body {
	background: url('images/header.png') repeat-x;
	margin: 0;
	height: 100%;
	}
	
#wrapper {
	margin: 0 auto;
	margin-bottom: -150px;
	width: 850px;
	height: auto !important;
	height: 100%;
	}
	
.clear {
	clear: both;
	}
	
#push {
	height: 150px;
	}

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

h2 {
	font-size: 20px;
	font-weight: bold;
	}



/*  Header  */



#top-bar{
	padding: 40px 0 60px 0;
	}
	
#menu-bar {
	padding-top: 40px;
	float: left;
	height: 40px;
	}

h1#logo {
	height: 128px;
	width: 850px;
	background: url('images/logo.png') top left no-repeat;
	text-indent: -9999px;
	margin: 0 10px 8px 0;
	float: left;
	}



/*  Navigation */


	
.main-nav {
	float: none;
	height: 50px;
	margin-left: -40px;
	font-size: 20px;
	}

ul#main-nav li {
	display: inline;
	text-decoration: none;
	}
ul#main-nav li a {
	padding: 17px 25px 18px 25px;
	text-decoration: none;
	color: #FFFFFF;
	}
ul#main-nav li a:hover {
	background: #FFFFFF;
	color: #003366;
	}
	

ul#sermons-listings {
	margin: 0;
	}
ul#sermons-listings li {
	display: inline-block;
	border-bottom: #999999 1px solid;
	padding-top: 5px;
	padding-bottom: 5px;
	}
ul#sermons-listings li a {
	text-decoration: none;
	color: #0066CC;
	}
ul#sermons-listings li a:hover {
	text-decoration: underline;
	}
li.row {
	border-bottom: 1px solid #999999;
	}
.column {
	display: inline;
	color: #999999;
	float: left;
	overflow: hidden;
	}
.column_1{
	display: inline;
	color: #000000;
	float: left;
	overflow: hidden;
	}

.grid_1 {
	width: 250px;
	padding-right: 10px;
	display: block;
	float: left;
	}
.grid_2 {
	width: 90px;
	display: block;
	float: left;
	overflow: hidden;
	}
.grid_3 {
	display: inline-block;
	float: left;
	overflow: hidden;
	width: 60px;
	}


/*  Content  */

#home-page {
	padding-top: 20px;
	width: 850px;
	padding-bottom: 150px;
	}

.home-page-main-image {
	width: 850;
	height: 250px;
	padding-bottom: 10px;
	}

#main-content {
	padding-top: 20px;
	padding-bottom: 40px;
	}

.main-text {
	float: left;
	width: 600px;
	}
.main-text-sidebar {
	float: right;
	width: 250px;
	}

.main-content-left {
	float: left;
	width: 365px;
	border-right: 1px solid #999999;
	padding-right: 10px;
	}

.main-content-right {
	display: inline;
	margin-top: -20px;
	float: right;
	width: 450px;
	}
.main-content-image {
	float: right;
	}
.main-content-image-left {
	float: left;
	padding-right: 10px;
	}
	
.main-content-secondary-image {
	padding-right: 20px;
	}

#sermons {
	width: 850px;
	padding-top: 20px;
	}

.sermon-image {
	width: 200px;
	float: left;
	}

.sermon-content {
	height: 100px;
	padding-left: 30px;
	padding-left: 30px;
	color: #000000;
	width: 450px;
	float: left;
	}
.sermonspage-image {
	float: left;
	padding-right: 30px;
	}
	
.thumbnail {
	float: left;
	padding-right: 16.5px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.thumbnail2 {
	float: left;
	}
	
/*  Footer  */	


	
#footer {
	margin-top: 40px;
	border-top: 1px solid #0099FF;
	background: url(images/footer.png) repeat-x;
	height: 150px;
	color:#FFFFFF;
	clear: both;
	}
#footer-inside {
	margin: 0 auto;
	width: 850px;
	}