/*

Theme Name: Springs

Theme URI: http://churchtheme.com/springs/

Author: iThemes

Author URI: http://ithemes.com/

Version: 1.0.1

Description: Springs is a premium WordPress church theme.

Tags: church, CMS, website

All the CSS, XHTML, design, and images are copyrighted. Please don't steal.



		Changelog:

		v1.0 - 10.15.08

		First Release

		v1.0.1 - 11.03.08

		New Feature Image version - fixed bugs



*/

/*CSS Reset*/

@import url(css/reset.css);

/*Get the grid, baby!*/

@import url(css/grid.css);



body { /* This is where you set many of the universal defaults */

	background: #101010; color: #FFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: center;

	margin: 0px; padding: 10px 0px;

}



/*********************************************

		Universal Link Styles

*********************************************/

a {

	color: #fff;

	text-decoration: underline;

}

a:hover { 

	color: #FFF; 

	text-decoration: none; 

}



/*********************************************

		Universal Text Elements

*********************************************/

p, ul, ol, blockquote {

	color: #333;

}

ol, ul {

	margin: 5px 35px;

}

blockquote {

	margin: 5px 0px 5px 10px; padding: 0px 0px 0px 10px;

	font-style: italic;

}

img { border: 0px; background: none; }

p {

	padding: 10px 0px;

	margin: 0px;

}

/*********************************************

		Header Styles

*********************************************/

/* Use this for universal styles for all header elements

Be sure to uncomment the styles before using */

h1,h2,h3,h4,h5,h6 {

	color: #FFF;

	margin-bottom: 5px;

}

h1 { /* This style is generally used as title on single posts and pages */

	font-size: 25px;

	border-bottom: 4px double #9b9b9b;

}

h2 { /* This style used as a sub-header in post/page content */

	font-size: 22px;

	border-bottom: 4px double #9b9b9b;

}

h3 { /* This style used as the post titles on homepage/archive */

	clear: both;

	font-size: 16px;

	font-weight: bold;

	border-bottom: 4px double #9b9b9b;

}

h3 a {

	text-decoration: none;

}

h3 a:hover {

	text-decoration: underline;

}

h4 { /* This style used as title for comments and as the identifying header on archive page  */

	font-size: 18px;

	color: #111;

	border-bottom: 4px double #9b9b9b;

}

h5 {

	font-size: 16px;

}

h6 {

	font-size: 14px;

}



/*********************************************

		The Obligatory WP Styles

*********************************************/

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}

.alignleft {

   float: left;

   margin: 0px 8px 8px 0px;

}

.alignright {

   float: right;

   margin: 0px 0px 8px 8px;

}

.wp-caption {

   border:;

   text-align: center;

   background-color:;

   padding-top: 4px;

   margin: 10px;

}

.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}

.wp-caption p,.wp-caption-text,.wpcaption a {

   color: #000000;

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}



/*********************************************

		Container Div

*********************************************/

#container {

	background: #FFF;

	border: 5px solid #FFF;

}



/*********************************************

		Header Styles

*********************************************/

#header {

	background: #111 url(images/header.jpg) no-repeat;

	width: 900px; height: 85px;

	margin: 0px 0px 5px 0px;

}

#header a#title {

	display: block; float: left;

	width: 350px; height: 85px;

	margin: 0px; padding: 0px;

	text-indent: -9999px;

}

/*********************************************

		Horizontal Navigaion Styles 

				(with dropdowns)

*********************************************/

#menu {

	display: block; float: left;

	background: url(images/menu-bg.gif) repeat-x;

	border: none;

	border-bottom: 5px solid #FFF;

	font-size: 10px;
	
	width: 900px; height: 20px;

	margin: 0px; padding: 0px;

	z-index: 100;

}

/* This is the style for the first UL (horizontal) */

#menu ul {

	display: block; float: left;

	background: transparent;

	height: 20px; line-height: 20px;

	margin: 0px; padding: 0px;



	text-transform: uppercase;

}

/* This is the style for the top level list items */

#menu ul li {

	background: none;

	width: auto;

	display: block;

	float: left;

	list-style-type: none;

	height: 20px; line-height: 20px;

	margin: 0px; padding: 0px;

	border-right: 1px solid #FFF;

}

#menu ul li.home {

	background: none;

}

/* The style for all links */

#menu a {

	color: #FFF;

	text-decoration: none;

	font-weight: bold;

}

/* The universal hover state colors and background for all LI items and links */

#menu li:hover,

#menu li:hover a,

#menu li.sfhover,

#menu li.sfhover a,

#menu li a:hover {

	background: #8f0f0e; color: #FFF;

	text-decoration: none;

}

/* This is the style for the top level links, if different than the universal */

#menu ul li a {

	display: block;

	height: 20px; line-height: 20px;

	margin: 0px; padding: 0px 15px;

	text-decoration: none;

}

/* if you want to set a "current page item" style, do it here */

#menu ul li.current_page_item a {

}

/****************************** 

The second-level stuff 

*******************************/

/* This hides the nested UL before you hover */

#menu li ul {

	clear: both;

	position: absolute;

	width: 120px; /* the width of the dropdown */

	left: -999em;

	text-transform: none;

}

/* This shows the nested UL when you hover */

#menu li:hover ul, 

#menu li.sfhover ul {

	left: auto;

	display:  block;

	z-index: 3000;

}



/* This is the style for the nested UL */

#menu li:hover ul, #menu li.sfhover ul {

	background: transparent;

	display: block;

	border-top: 1px solid #FFF;

	margin: 0px; padding: 0px;

}

/* This is the style for the LI items within the nested UL */

#menu li:hover ul li,

#menu li.sfhover ul li {

	background: transparent;

	width: 100%;

	display: block;

	padding: 0px; margin: 0px;

	height: 20px; line-height: 20px;

	overflow: hidden;

	text-align: left;

	border: 1px solid #FFF;

	border-top: none;

	z-index: 2000;

}

/* This is the style for the links within the LI items within the nested UL */

#menu li:hover ul li a,

#menu li:hover ul li.current_page_item a,

#menu li.sfhover ul li a,

#menu li.sfhover ul li.current_page_item a {

	width: 120px;

	display: block;

	margin: 0px; padding: 0px 5px;

	height: 20px; line-height: 20px;

	border: none;

	background: #333;

}

/* This is the style for the hover state on the links within the LI items within the nested UL */

#menu li:hover ul li a:hover, 

#menu li.sfhover ul li a:hover {

	background: #8f0f0e; color: #FFF;

	text-decoration: none;

	margin: 0px; padding: 0px 5px;

	height: 20px; line-height: 20px;

}





/*********************************************

		Top Div (homepage)

*********************************************/

#top {

	margin: 0px 0px 5px 0px;

}

#top #video {

	padding: 0px 0px 0px 5px;

}

#top #video h4 {

	display: block;

	background: url(images/video-h4.gif) repeat-x;

	height: 32px; line-height: 32px;

	font-size: 12px; font-weight: bold; color: #FFF;

	margin: 0px 0px 1px 0px; padding: 0px 5px;

	border: none;

}

#top #video embed,

#top #video object {

	width: 295px; height: 237px;

}



/*********************************************

		Blue Boxes (homepage)

*********************************************/

#blueboxes {

	overflow: hidden;

	color: #FFF;

}

#blueboxes p, #blueboxes ul, #blueboxes ol, #blueboxes blockquote {

	color: #FFF;

}

#blueboxes h4 {

	background: url(images/red-block.gif) left 50% no-repeat;

	color: #FFF;

	padding-left: 22px;

	font-size: 16px; font-weight: bold;

}

#blueboxes .box {

	margin-bottom: -2000px; padding-bottom: 2000px; /*Equal hight columns*/

	background: #171d64 url(images/blue-box-bg.gif) repeat-x;

}

#blueboxes .right {

	width: 295px;

	border-left: 5px solid #FFF;

}

#blueboxes .widget {

	padding: 10px;

}



/*********************************************

		Flickr (homepage)

*********************************************/

#flickr {

	margin-top: 5px;

	background: url(images/grey-fade-bg.gif) repeat-x;

}

#flickr img {

	display: inline;

	float: left;

	width: 80px; height: 80px;

	margin: 5px 0px 5px 5px;

}

	

/*********************************************

		Content Div

*********************************************/

#content {

}



/*********************************************

		Post Styles

*********************************************/

.post {

	background: #656565 url(images/post-bg.gif) repeat-x;

	padding: 10px;

	margin-bottom: 5px;

}

.post p, .post ul, .post ol, .post blockquote {

	color: #FFF;

}



/*********************************************

		Post Meta Styles, if needed

*********************************************/

.meta-top {

	clear: both; /* we need this so floats in the post are cleared */

}

.meta-top a {

	color: #FFF;

	text-decoration: none;

	font-weight: bold;

}

.meta-bottom {

	clear: both; /* we need this so floats in the post are cleared */

}

.meta-date {

}

.meta-author {

}

.meta-comments {

}

.meta-category {

}



#breadcrumb {

	margin-bottom: 10px;

}



/*********************************************

		Previous/Next Page Navigation

*********************************************/

.page-nav {

	clear: both; /* To clear any floats */

	margin: 0px; padding: 0px;

}

.nav-previous {

	text-align: left;

}

.nav-next {

	text-align: right;

}

.page-nav a {

	color: #333;

	text-decoration: underline;

}

.page-nav a:hover {

	text-decoration: none;

}



/*********************************************

		Page Styles

*********************************************/

.page {

	background: #656565 url(images/post-bg.gif) repeat-x;

	padding: 10px;

	margin-bottom: 5px;

}

.page p, .page ul, .page ol, .page blockquote {

	color: #fff;

}



/*********************************************

		Widget Styles

*********************************************/

.teamscore, .teamname {

	display: inline;

	width: 100px;

	float: left;

	margin: 0px 18px;

}

.teamscore {

	background: #a21e0e;

	color: #FFF;

	padding: 5px 0px;

	text-align: center;

	font-size: 40px;

}

.teamname {

	text-align: left;

	font-size: 13px;

}

.socialicon {

	padding: 0px 6px;

}



/*********************************************

		Sidebar

*********************************************/

.sidebar {

	color: #333;

}

.sidebar a {

	color: #333;

}

.sidebar .widget {

	margin: 0px 0px 10px 5px; padding: 10px ;

	background: url(images/grey-fade-bg.gif) repeat-x;

}

.sidebar .widget h4 {

	margin-bottom: 10px;

}

.sidebar p, 

.sidebar .textwidget {

}

.sidebar img {

	text-align: center;

}

.sidebar form {

	margin: 5px; padding: 0px;

}

.sidebar ul {

	list-style-type: none;

	margin: 0px; padding: 0px;

}

.sidebar ul li {

	margin: 0px; padding: 0px;

}

.sidebar ul li a {

	

}

.sidebar ul li a:hover {

	

}

.sidebar ul li ul {

	margin: 0px; padding: 0px;

}

.sidebar ul li ul li {

	margin: 5px 10px 5px 5px; padding: 0px;

}

/*********************************************

		Feedreader Page Styles

*********************************************/

.feed {

	color: #333;

}

.feed a {

	color: #333;

}

.feed .widget {

	margin: 0px 0px 10px 5px; padding: 10px ;

	background: url(images/grey-fade-bg.gif) repeat-x;

}

.feed h2 {

	font-size: 18px;

	color: #111;

	border-bottom: 4px double #9b9b9b;

	margin: 10px 0px 5px 0px;

}

.feed h3 a {

	text-decoration: none;

	border:none;

	}

.feed h3 a:hover {

	text-decoration: underline;

}

.feed p, 

.feed .textwidget {

}

.feed img {

	text-align: center;

}

.feed form {

	margin: 5px; padding: 0px;

}

.feed ul {

	list-style-type: none;

	margin: 0px; padding: 0px;

}

.feed ul li {

	margin: 0px; padding: 0px;

}

.feed ul li a {

	text-decoration: none;

	}

.feed ul li a:hover {

	text-decoration: underline;

}

.feed ul li ul {

	margin: 0px; padding: 0px;

}

.feed ul li ul li {

	margin: 5px 10px 5px 5px; padding: 0px;

}



/*********************************************

		Comment Styles

*********************************************/

#comments {

	width: 100%;

}

#comments a {

	color: #333;

}

#comments .comment { /* Even Comments: 2,4,6,8,etc. */

	margin: 5px 0px 5px 0px; padding: 10px 0px;

	overflow: hidden;

}

#comments .alt { /* Odd comments: 1,3,5,7,9,etc. */

	margin: 5px 0px 5px 0px; padding: 10px 0px;

	color: #333;

	overflow: hidden;

}

#comments .gravatar {

	display: block; float: left;

}

#comments .commentmeta {

	display: block; float: left;

	padding-left: 8px;

}

#comments .commenttext {

	clear: both;

}



#respond {

	

}

#respond a {

	color: #333;

}

#respond #author,

#respond #email,

#respond #url {

	width: 50%;

}

#respond #comment {

	width: 100%;

}



/*********************************************

		Footer Styles

*********************************************/

#footer {

	background: #000;

	margin: 5px 0px 0px 0px; padding: 20px 0px;

}

#footer p {

	color: #333;

	padding: 0px;

}



#footer a {

	color: #333;

	text-decoration: none;

}

#footer a:hover {

	text-decoration: underline;

}