/*  
Theme Name: SWIMserve Theme
Theme URI: http://wordpress.org/
Description: The SWIMserve theme made specifically for www.swimserve.com.
Version: 1
Author: Design by Bowin Tichenor, Development by MaryLiz Bender
Author URI: http://bluebuscafe.com/

*/


/* Global Styles */

html {font-size:1em}

* {margin:0;padding:0}

body {background:#f5f7df url(images/body_bg.jpg) top left repeat-x; font-family:Helvetica, Arial, sans-serif; color:#4a4a4a}

a {outline:none; color:#3CABBC}
	a:hover {text-decoration:none}
	
img {border:none}

h1 {font-family:Georgia, Times, "Times New Roman", serif; color:#cc4f1f}


/* Layout Styles */

#wrapper {overflow:hidden; width:1010px; margin:0 auto; padding-bottom:30px}

#header {width:1010px; float:left}
	#header #mainnav {float:left; width:600px; list-style-type:none}
		#header #mainnav li {float:left; display:inline; margin:6px 10px}
			#header #mainnav li a {display:block; height:24px; text-indent:-9999px}
			
			#header #mainnav li #more_about_swim {width:150px; background:url(images/more.jpg) top left no-repeat}
			#header #mainnav li #projects {width:78px; background:url(images/projects.jpg) top left no-repeat}
			#header #mainnav li #what_we_can_do {width:131px; background:url(images/what_we_can_do.jpg) top left no-repeat}
			#header #mainnav li #training {width:82px; background:url(images/training.jpg) top left no-repeat}
			#header #mainnav li #why {width:51px; background:url(images/why.jpg) top left no-repeat}
	
		#header #resources {float:right; width:190px; list-style-type:none}
			#header #resources li {float:left; display:inline; margin: 10px 5px; padding-right:8px; border-right:1px solid #fff; font-size:.65em}
			#header #resources .last {border:none}
				#header #resources li a {text-decoration:none; color: #fff}
					#header #resources li a:hover {text-decoration:underline}
									
#logo {text-align:center}
	#logo img {margin-top:5px}

#hero {width:1004px; height:301px; margin-top:20px; background:url(images/hero_bg.jpg) top left no-repeat; color:#fff; text-align:center}
	#hero #counter {float:left; display:inline; margin:214px 0 0 435px; width:200px; height:61px; padding-top:7px; background:url(images/counter.jpg) top left no-repeat; color:#c65022; font-size:2em; font-weight:bold; text-align:center;}
	#hero_content {float:right; width:330px; margin:35px 15px}
		#hero_content h2 {font-size:2.25em; font-weight:normal}
		#hero_content p {letter-spacing:-.5px; line-height:1.5em; margin:10px 0}
		#hero_content form, #hero_content fieldset {border:none}
			#hero_content form input {float:left; display:inline; margin:10px 13px 0 13px; height:23px; width:210px; color:#bfbfbd; font-size:1em}
				#hero form .hidden {display:none}
				#hero_content form #submit {margin:10px 0 0 0; width:81px; height:27px; border:none}
	
#content {clear:both; float:left; display:inline; margin-top:15px; padding:0 10px; width:648px; border-right:3px solid #3dabbc}
	#content h2 {clear:both; margin-top:15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; font-weight:normal; color:#3cabbc}
	#content p {line-height:1.25em; font-size:.8em; margin:10px 0 10px 0}
	#content img {border:5px solid #c6c896; float:left; display:inline; margin:10px 15px 15px 0}
	#content ul, #content ol {line-height:1.25em; font-size:.8em; margin:10px 0 10px 35px}
	#content form, #content fieldset {border:none}
	
	#content #left_column, #content #right_column {float:left; display:inline; margin:0 20px 0 0; width:300px}
	
#blogs {float:left; width:320px; margin:10px 0 0 5px; border:2px solid #dee0bb; background:#ebebc7}
	#blogs h2 {margin:5px 5px 5px 15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; font-weight:normal; color:#3cabbc}
		#blogs ul {list-style-type:none; font-size:.8em; line-height:1.25em}
			#blogs ul li {float:left; clear:both; width:295px; padding:10px 10px 10px 15px}
			#blogs ul .alt {background:#c6c896}
			#blogs ul h3 {float:left; font-size:1em; font-style:italic; margin-right:5px; color:#d25320}

			#blogs ul .read_more {float:right; display:inline; margin-top:10px; width:86px; height:23px; background:url(images/read_more.jpg) top left no-repeat}
			#blogs ul .alt .read_more {background:url(images/read_more_alt.jpg) top left no-repeat}
				#blogs ul .read_more a {display:block; height:23px; width:86px; text-decoration:none; color:#fff; text-indent:-9999px}