/*  
Theme Name: Cat4 Baseline
Theme URI: http://www.category4.com
Description: A baseline theme by Category4
Version: 0.1
Author: Category4
Author URI: http://www.category4.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php


TABLE OF CONTENTS

  Inherited Styles
  HTML Tags
  Structure
  Headers
  Content Styles
  Form Elements
  Float Clearing
  Footer
  


/* ---------- @ Inherited Styles -----------*/

@import url('css/nav.css');
@import url('css/posts.css');
@import url('css/calendar.css');
@import url('css/nggallery.css');



/* ---------- @ HTML Tags -----------*/


* {
	margin:0;
	padding:0;
	outline:none;
	}

body,html {
	min-height:101%; /*Firefox scrollbar fix*/
	}
	
body {
	background:#00719f;
	color: #1d1d1d;
	border-top:1px solid #ffc424;
	}

body, select, input, textarea {
	font: 100% Arial, Verdana, Sans-Serif;
	}
	
p {	
	margin: 15px 0;
	line-height:160%;
	}

a, a:visited {
	color: #0086b6;
	}

a:hover, a:active {
	color:#003143;
	}

hr {
	display: block;
	height:1px;
	background:#d7d7d7;
	border:0;
	color:#d7d7d7;
	clear: both;
	}

table {
	border-collapse:collapse;
	margin:15px 0 15px 1px;
	}

th, td {
	padding:5px 6px;
	border:1px solid #8f8f8f;
	vertical-align: top;
}

th {
	font-size: .9em;
	text-align: left;
	text-transform:uppercase;
	background: #d0d0d0;
	letter-spacing:0.15em;
	color: #3d3d3d;
}

td {	
	
	}

		
table caption {
	background:#f5f3ee;
	padding:2px 0;
	}	
			
a img, a:visited img {
	border:none
	}
	
blockquote {
	color:#76767a;
	padding:0 18px;
	margin:25px 45px;
	border-left:3px solid #DDD;
	font:italic 1em Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.02em;
	}

pre {
	width:100%;
	overflow:auto;
	}
	
				


/* ---------- @ Structure -----------*/

#home #mntns {
	background:#0086b6 url(images/bg.jpg) top center no-repeat;
	padding-bottom:54px;
}

#interior #mntns {
	background:#0086b6 url(images/bg2.jpg) top center no-repeat;
	padding-bottom:54px;	
}

#main {
	overflow:hidden;
}

#wrapper {
	font-size:0.8em;
	width:908px;
	margin:0 auto;
	background:url(images/bg_wrapper.jpg) repeat-x bottom;
	padding:0 0 30px 26px;
	overflow:hidden;
	height:531px;
	}

#interior #wrapper {
	height:auto;
	background: #FFF url(images/bg_wrapper.jpg) repeat-x bottom;
	}

#masthead {
	height:130px;
	width:908px;
	margin:0 auto
	}

#content {
	float:left;
	width:510px;
}

#interior #content {
	padding-top: 20px;	
}

#interior #content.fullwidth {
	width:880px !important;
}

#home #content {
	width:541px;
	}

#slideshow-holder {
	width:541px;
	height:299px;
	background:url(images/slideframe.png) no-repeat;
	margin-bottom:5px;
	position: relative;
	padding: 6px 0 0 6px !important;
}

#slideshow-holder .slideshow,
#slideshow-holder .slideshow-widget {
	margin: 0 !important;	
}

#slideshow-holder * {
	z-index: 1;	
}

#slideshow-holder img.holder {
	margin: !important;	
}

#sidebar {
	width: 347px;
	float:right;
	}

#interior #sidebar {
	background:#0c3784 url(images/bg_sidebar.jpg) no-repeat top right;
	padding:20px 30px 50px;
	width:287px;
	color: #fff;
}
	
.left {
	float:left;
	}

.right {
	float:right;
	}
	
	
	
/* ---------- @ Headers -----------*/

h1 a, h1 a:visited {
	width:364px;
	height:109px;
	background:url(images/logo.png) no-repeat;
	text-indent:-999em;
	display:block;
	margin:12px 0 0;
	float:left
	}

h2 {
	font: bold 2.5em Georgia, "Times New Roman", Times, serif;
	}

.archive h2 {
	font-size:1.6em;
}

.archive h2.subhead {
	font-size:2em;
}

h2#tagline {
	z-index: 1000;	
	position: absolute;
	bottom: 19px;
	right: 17px;
	background: #512b66;
	opacity: .85;
	color: #fff;
	padding: 10px 15px 10px 25px;
	font: italic 2.3em Georgia, "Times New Roman", Times, serif;
	letter-spacing: .05em;
}

h2.pagetitle {
	padding:0 0 12px 0;
	margin:25px 0 20px 0;
	}
	
h2.posttitle {
	margin:25px 0 0 0;
	padding:0 0 12px 0;
	}

.entry h2 {
	font-size:2.2em;
	padding: 0;
	margin: 15px 0 0 0;
	}
				
h3 {
	font: italic 1.5em Georgia, "Times New Roman", Times, serif;
	}

h3.pagetitle {
	color: #ec008c;
	background:url(images/bg_pagetitle.gif) left 4px no-repeat;
	padding-left: 18px;
	margin-bottom: 10px;
}

#sidebar h3 {
	margin-bottom:12px;
	color:#FFF;
	font-size: 1.8em;
	letter-spacing: .05em;
}

#home #sidebar h3 {
	background:url(images/hdr_events.png);
	width:257px;
	height:31px;
	padding:4px 0 0 26px;
}

#interior #sidebar h3 {
	background:#763b96;
	padding:5px 8px 5px 15px;
	margin-left:-30px;
	width:255px;
}

.entry h3 {
	border:none;
	font:bold 1.7em Georgia, "Times New Roman", Times, serif;
	color: #232323;
	margin: 15px 0;
	}
	
h3#respond {
	margin:45px 0 20px 0;
	}

h3#comments {
	margin-top:32px
	}

h4 {
	font:bold 1.1em Georgia, "Times New Roman", Times, serif;
	margin-bottom:-10px;
	}
	
.entry h4 {
	margin:15px 0;
	}
	
h5 {
	font: 0.8em Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.15em;
	padding:4px 8px;
	margin-bottom:5px;
	background:#f5f3ee;
	border-top:1px solid #d7d7d7;
	}

h6 {
	font:bold 0.9em Arial, Helvetica, sans-serif;
	}


	
/* ---------- @ Content Styles -----------*/


/*Misc*/

#become {
	width:273px;
	float:left;
	background:url(images/dots_vert.gif) repeat-y top right;
	padding-right:10px;
}

#leads {
	overflow:hidden;
	margin-top:12px;
}

#enroll {
	float:right;
	width:245px;
}

#leads img {
	float:left;
	margin-right:14px;
}

#intro {
	margin-bottom:25px;
}

a#map {
	display:block;
	width:290px;
	height:132px;
	background:url(images/map.png);
	text-indent:-999em;
	margin:0 auto 10px;
}

a#map:hover {
	height:132px;
	background:url(images/map.png) 0 -132px;
}

#newsbox {
	background: #3fa035 url(images/bg_news.jpg) no-repeat;
	margin-top:12px;
	padding:22px 0 12px;
}

#newsbox ul {
	padding:0 26px;
	margin: 0;
	list-style:none;
}

#newsbox ul ul {
	margin-left: 0 !important;
	padding: 0 !important;
}

#newsbox ul li {
	margin: 0 !important;
	padding:8px 0 8px;
	color:#90fe82;
	background:url(images/dots_events.png) bottom center no-repeat;
}

#newsbox ul li li {
	padding: 0;
	background: none;	
}

#recent-events p {
	margin:0;
	font-size:.9em;
	text-transform:uppercase
}

#newsbox a, #newsbox a:visited {
	color:#FFF;
	text-decoration:none
}

#newsbox a:hover, #newsbox a:active {
	text-decoration:underline;
}

#logo-unitedway {
	margin-top: 100px;
	margin-left: 170px;
}

.commentcount {
	padding-right: 19px;
	background:url(images/bubble.gif) no-repeat right;
	}

#pagination {
	margin-top:30px;
	width:604px;
	overflow:hidden
	}

#pagination .left {
	width:290px;
	text-align:right;
	}

#pagination .right {
	float:right;
	width:294px;
	}


/*Sidebar and Widgets*/

#sidebar .widget {
	margin-bottom: 10px;
}

#interior #sidebar .widget {
	margin-bottom: 25px;
}

#interior #sidebar li {
	border-bottom:1px dotted #2a77b7;
	padding:4px 0;
	list-style:none
}

#sidebar ul {
	margin-bottom:20px;
}

#interior #sidebar li ul {
	margin: 2px 0 0 10px;	
}

#interior #sidebar li li {
	border-bottom: none;
	padding:2px 0;
}

#interior #sidebar li a, #interior #sidebar li a:visited {
	color:#8ab4ff;
	text-decoration:none;
}

#interior #sidebar li a:hover, #interior #sidebar li a:active {
	color:#FFF;
}




	
	
/* ---------- @ Form Elements -----------*/

#author, #email, #comment, #url, #s {
	background:#FFF !important;
	padding:5px;
	border:1px solid #bfbfbf;
	border-left:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	}

#author, #email, #url {
	width:220px;
	}
		
.button {
	padding: 8px 14px;
	background:#424242;
	color:#FFF !important;
	border:none;
	font-size:1.1em;
	}

.button:hover {
	background:#272727;
	color:#FFF;
	text-decoration:none
	}

.button:active {
	background:#000;
	}

#commentform textarea {
	width: 98%;
	margin-top:5px;
	height:250px;
	}

#searchform {
	float:right;
	width:230px;
	text-align:right;
	padding-top:8px;
	}

#s {
	width:190px;
	font-size:1em;
	}
	
#s:focus {
	background:#f8f8f8 !important;
	}

#searchsubmit {
	vertical-align:top
	}		
	

	

/* ---------- @ Float Clearing -----------*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}
	


/* ---------- @ Footer -----------*/

#footer {
	font-size:0.75em;
	overflow:hidden;
	color:#FFF;
	width:935px;
	margin:0 auto;
	padding:22px 0;
	}

#footer a, #footer a:visited {
	color:#85dfff;
	text-decoration:none;
	}

#footer a:hover, #footer a:active {
	text-decoration:underline
	}

#footer .left {
	float:left;
	width:550px;
	}

#footer .right {
	float:right;
	width:350px;
	text-align: right
	}