/*  
Theme Name:Attendance Counts
Theme URI:www.attendancecounts.org
Description:
Version:1.0
Author: Dustin Pfeifer
Author URI: www.dustinpfeifer.com

Theme last updated: May 4, 2010 By Mike
*/

/*Color Reference
Dark Taupe: #514141;
Green: #47aa42;
Red: #ef4035;
*/

/* Resets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

caption, th { 
	text-align:left;
}

h1, h2, h3, h4, h5, h6 { 
	font-size:100%; 
	font-weight:normal; 
}

q:before, q:after { 
	content:'';
}

strong { 
	font-weight:bold;
}

em { 
	font-style:italic;
}

a img { 
	border:none 
}

abbr {
	color:#ee1c24; 
	border-bottom:1px dotted #ee1c24;
}

div {
	position:relative;
}


/* Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p {
	margin:10px 0;
}

a {
	color:#47aa42;
	text-decoration:none;
}

a:hover {
	color:#ef4035;
	text-decoration:none;
}

h2 {
	font-size:30px;
	color:#514141;
	text-transform:uppercase;
}

h3 {
	font-size:10px;
	color:#ef4035;
}

h4 {
	font-size:16px;
	color:#ef4035;
}

span {
	color:#ef4035;
}


/* Menus
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#nav {
	position:absolute;
	z-index:10;
	right:0;
	bottom:7px;
	list-style-type:none;
	overflow:hidden;
}

#nav li {
	float:left;
	margin:0 -18px 0 0;
	padding:0 0 0 20px;
}

#nav a {
	display:block;
	background:url(images/nav_line.png) no-repeat right;
	height:30px;
	padding:7px 18px 0 6px;
	font-size:12px;
	color:#514141;
	text-decoration:none;
	text-shadow:1px 1px 1px #fff;
}

#nav a:hover, #nav li.current_page_item a {
	color:#ef4035;
}

#headernav {
	background:url(images/background-nav-header.png) repeat-x;
	position:absolute;
	z-index:20;
	height:33px;
	padding:17px 0 0;
	top:0;
	right:0;
	list-style-type:none;
	line-height:1;
	overflow:hidden;
}

#headernav li {
	float:left;
}

#headernav a {
	display:block;
	color:#ef4035;
	font-size:11px;
	padding:0 10px;
	border-right:1px solid #ef4035;
	text-decoration:none;
	margin-right:-1px;
}

#headernav a:hover {
	color:#47aa42;
}

#headernav .addtoany_list li {
	line-height:1;
}

#sidebar ul {
	background: transparent!important;
	width:320px;
	list-style-type:none;
	margin:0 0 40px;
}

#sidebar li {
	background:url(images/background_subpage_menu.jpg) no-repeat right center;
	border-bottom:1px solid #fff;
	padding:5px 0;
}

#sidebar li a {
	font-size:12px;
	color:#47aa42;
	text-shadow:1px 1px 1px #fff;
}

	#sidebar li a:hover {
		color:#81887e;
		}
		
		#sidebar select {margin: 0 0 25px 0; width: 320px;}

#socialGrid {
	padding:5px 0 40px !important;
}

#socialGrid li {
	background:none;
}

#footernav {
	list-style-type:none;
	margin:0;
}

#footernav li {
	display:inline;
	padding:0 20px 0 0;
}

#footernav a {
	color:#ef4035;
}

#footernav a:hover {
	color:#47aa42;
}

#footerleft {
	float:left;
}
	
#footerright {
	float:right;
}


/* Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	background:#514141;
	text-align:center;
	margin:0 auto;
	font:14px/24px lucida grande, sans-serif;
	color:#4e4e4e;
}

#masthead {
	background:url(images/background-header-blue.jpg) repeat-x;
	z-index:100;
}

#header {
	width:980px;
	height:126px;
	margin:0 auto;
}

	#header h1.logo a {
		position:absolute;
		background:url(images/logo-blue.jpg) no-repeat;
		display:block;
		float:left;
		width:650px;
		height:164px;
		text-indent:-9999px;
		left:-163px;
		top:0;
	}

#wrap {
	background:url(images/background-wrap-blue.jpg);
	padding:65px 0 0;
}

#pagehead {
	background:url(images/background-pagehead-blue.jpg) repeat-x;
	border-top:3px solid #daf1fa;
	height:175px;
}

	#pagehead #heading {
		background: #fff;
		width:980px;
		height:175px;
		margin:0 auto;
		text-align:left;
	}
	
	#pagehead #heading img {
		float:right;
		}
		
#pagehead > #heading > h2 {
	padding:70px 0px 0px 30px;
	width:auto;
	font-size: 36px;
	color:#514141;
	float:left;
}

#content {
	width:980px;
	text-align:left;
	margin:0 auto;
	padding:30px 0;
}

	#content #main ul {
		background: #fff;
		padding:10px;
		margin:10px 0 20px 0;
		list-style-type:none;
	}
		
	#content #main li {
		background:url(images/img-bullet.png) no-repeat left 9px;
        	border-bottom:1px solid #e7f4fa;
        	margin:15px;
        	padding:0 0 15px 15px;
	}
			
	#content #main li p {
		padding:0 0 0 13px;
	}
			
	#content #main li:last-child {
		border:none!important;
	}
			
	#content #main ol {
		background: #fff;
		padding:10px 10px 10px 23px;
		margin:10px 0 20px 0;
	}
		
	#content #main ol li {
		background:transparent!important;
		border-bottom:1px solid #fff;
		margin:15px;
	}
	
	#sidebar .list {
		background:#fff;
		padding:10px 10px 10px;
		margin:10px 0 20px 0;
		list-style-type:none;
	}
	
	#sidebar .list li {
		background:url(images/img-bullet.png) no-repeat left 9px;
		border-bottom:1px solid #fff;
		margin:0px 0 10px 0;
		padding: 10px 0;
	}
	
	#sidebar .list li p {
		padding:0 0 0 13px;
		margin:-6px 0 0 0;
		color:#333;
	}
	
	#sidebar .children li {
		background:none!important;
		margin: 0 0 0 50px!important;
		}
	
#research blockquote {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:10px 0;
	font-size:16px;
	line-height:28px;
}

	#research em {
		color:#ef4035;
	}
	
	#research .link, #sidebar .link {
		background:url(images/background_subpage_menu.jpg) no-repeat left center;
	}
	
	#research a, #content #sidebar .link a {
		margin:0 0 0 20px;
	}

.myth-img {
	float:left;
	margin:0 30px 5px 0;
	}
	
#sidebar {
	width:360px;
	float:left;
}

#sidebar h2 {
	margin:0 0 20px 0;
}
	
	#sidebar blockquote {
		width:300px;
		padding:0 20px 10px 0;
		font-size:17px;
		line-height:22px;
		font-style:oblique;
		color:#514141;
		/* font-family: Georgia, Times, Serif; */ border-right: 4px solid #fff;
	}
		
		#sidebar span {
			font-size: 120px; 
			float: left; 
			margin: 40px 0 -40px -5px; 
			color:#48aa43;
		}

		#sidebar p {
			font-size: 12px;
			line-height:22px;
			color:#48aa43;
		}
		
#main {
	width:580px;
	float:right;
}

.archive .post, .blog .post {
	margin:20px 0 0;
}

#footer {
	width:866px;
	margin:0 auto;
	text-align:left;
	padding:40px 0 50px 114px;
	font-size:11px;
	color:#fff;
}

	#footer h2.logo a {
		display:block;
		background:url(images/logo-footer-blue.jpg) no-repeat;
		width:94px;
		height:127px;
		text-indent:-9999px;
		position:absolute;
		z-index:10;
		left:0;
		top:-15px;
		padding: 0 0 50px 0;
	}
	
	#footer p {
		margin:0;
	}
	
	.home #footer h2.logo a {
		background:url(images/logo_footer_home.jpg) no-repeat;
	}
	
	
/* Homepage
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#rotator {
	background:#fff;
	width:980px;
	height:345px;
	margin:0 auto !important;
}

#features {
	/* background:url(images/background_home_features.jpg) repeat-x; */
	width:980px;
	height:44px;
	margin:-20px auto 0 auto;
	text-align:left;
	padding:0 0 50px 0;
	line-height:1;
}

	#features h1 {
		font-size:24px;
		font-weight:bold;
		color:#ef4035;
		border-bottom:1px solid #e5eff4;
		padding:0 0 15px;
		margin:0 0 15px;
	}
	
	#features h1.more {
		position:absolute;
		top:0px;
		right:40px;
		border:none;
	}
	
		#features h1.more a {
			background:url(images/img-arrow-gray.png) no-repeat right;
			padding:0 28px 0 0;
			color:#47aa42;
			text-decoration:none;
		}
		
		#features h1.more a:hover {
			color:#ef4035;
		}
	
	#features ul {
		margin:0 -30px 0 0;
	} 
	
	#features li {
		background:url(images/icon_arrow_green.jpg) no-repeat left center;
		list-style-type:none;
		float:left;
		padding:0 0 0 20px;
		margin:0 30px 0 0;
	}
	
	#features li a {
		color:#514141;
		text-decoration:none;
		font-size:16px;
	}
	
	#features li:hover {
		background:url(images/icon_arrow_red.jpg) no-repeat left center;
	}
	
	#features li:hover a {
		color:#47aa42;
	}
	
#hometop, #homebottom {
	width:980px;
	margin:0 auto;
	text-align:left;
}
	
#hometop {
	background:url(images/bg-hometop.jpg) repeat-x;
	padding:50px 0 20px 40px;
	width:940px;
	font-size:12px;
}

	#hometop #about-blurb {
		background: #fff;
		width:526px;
		padding:50px;
		float:right;
		position:relative;
		top:-46px;
	}
		
		#hometop #about-blurb h1 {
			border-bottom:1px solid #ccc;
			width:526px;
			padding:0 0 10px 0;
		}

	#hometop #myths {
		width:280px;
		float:left;
		margin:-55px 20px 0 0;
		padding:20px 0 50px 0;
		font-weight:bold;
		font-size:16px;
		line-height:28px;
	}
		
		#hometop #myths h3 {
			background:url(images/icon_arrow-down_green.jpg) no-repeat left center;
		}
			
			#hometop #myths h3 a {
				padding:0 0 0 25px;
				color:#ef4035;
			}

	#hometop #myths .myth-home {
		padding:25px 0 0 0;
	}

#hometop h1 {
	color:#47aa42;
	text-decoration:none;
	font-size:24px;
}

#hometop #main h4 {
	padding:45px 0 10px 0;
}

#hometop .link {
	background:url(images/background_subpage_menu.jpg) no-repeat left center;
}

#hometop a, #homebottom #sidebar a {
	padding:0 0 0 20px;
}


#homebottom {
	background:#fff url(images/background_home.jpg) repeat-y 357px;
	width:900px;
	padding:40px;
}

	#homebottom #sidebar {
		width:280px;
	}
	
	#homebottom #main {
		width:540px;
	}
	
	#homebottom .news {
		font-size:12px;
	}
	
		#homebottom .news h2 {
			background:url(images/icon_rss.jpg) no-repeat right center;
			margin:0 0 40px;	
		}
		
		#homebottom .news h2 a {
			display:block;
			color:#514141;
		}
		
		#homebottom .news .entry {
			margin:0 0 0 27px;
			padding:10px 20px 10px 47px;
		}
	
		#homebottom .news .odd {
			background:#eefced;
		}
	
		#homebottom .news .date {
			background:url(images/background_date.jpg) no-repeat;
			position:absolute;
			display:block;
			width:54px;
			height:39px;
			padding:15px 0 0;
			top:20px;
			left:-27px;
			text-align:center;
			color:#fff;
			line-height:1;
		}
	
		#homebottom .news .odd .date {
			background:url(images/background_date_odd.jpg) no-repeat;
		}
	
		#homebottom .news .title {
			float:left;
			font-weight:bold;
			margin:10px 0 0;
		}
	

/* Wordpress Defaults
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.aligncenter { 
	display:block; 
	margin:0 auto;
}

.alignleft { 
	float:left;
	margin:0 20px 0 0;
}

.alignright { 
	float:right;
	margin:0 0 0 20px;
}

.wp-caption { 
	border:1px solid #666; 
	text-align:center; 
	background:#ccc; 
	padding:10px; 
	margin:10px 
}


/* Form Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#commentform textarea {
	width:100%;
}


/* Tooltip
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#screenshot{
	position:absolute;
	width:200px;
	height:165px;
	background:#47aa42;
	display:none;
	color:#fff;
	z-index:200;
	padding:0 0 5px 0;
	box-shadow:3px 3px 3px #ccc;
	font-size:11px;
	line-height:14px;
}
	
.screenshot img {
	width:250px;
	height:120px;
}


/* Comment Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.commentlist {
	margin:20px 0;
}
	
.commentlist li {
	list-style-type:none;
	margin:10px 0;
	background:#f9f9f9;
	padding:20px;
	font-size:12px;
}

.commentlist p {
	margin:10px 0 0;
}

.commentlist p.postmetadata {
	margin:0;
}

.commentlist p.author {
	margin:0;
}

.commentlist .avatar {
	float:left;
	margin:0 10px 0 0;
}


/* Form Elements
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.cform ol {
	list-style-type:none;
	background:#fff;
	border-left:5px solid #fff;
	padding:15px 15px 15px 8px!important;
}

.cform ol li {
	margin:20px 0;
	border:none!important;
}

table.dbem-rsvp-form td {
	padding:10px 0;
}

.cform label, #respond label {
	display:block;
	float:left;
	width:185px;
	padding:0;
}
	
	.cf-ol span {
		color:#514141!important;
	}

.cform input.single, #respond input#author, #respond input#email, #respond input#url, .dbem-rsvp-form input, #cc input.email  {
	background:url(images/background_input.jpg);
	width:347px;
	height:32px;
	border:none;
	padding:8px 10px 7px 10px;
}

.cform textarea, #respond textarea, .dbem-rsvp-form textarea {
	background:url(images/background_textarea.jpg);
	width:347px;
	height:142px;
	border:none;
	padding:15px 10px 0 10px;
}

.cfselectmulti {
	width:225px;
	margin:0 0 0 -45px;
	border:3px solid #fdfdfd;
	padding:5px;
}

.cformselect {
	width:200px;
	margin:0 0 0 -20px;
}

.cf-sb, #submit, #cc input.submit {
	background: #fff;
	border-left: 5px solid #fff;
	padding:15px 15px 15px 8px!important;
	text-align:right;
	margin:0;
	padding:0 38px 0 0;
}

.cf-sb input, #submit input, #cc input.submit {
	border:none;
	background:url(images/button-submit.jpg) no-repeat;
	height:47px;
	width:115px;
}

.cf-sb input:hover, #submit input:hover, #cc input.submit:hover {
	color:#ef4035;
	}

#cc input.email {
	display:block;
	float:left;
	margin:0 10px 0 0;
}

#cc input.submit {
	display:block;
}

.linklove, .cf_hidden {
	display:none;
}

.reqtxt, .emailreqtxt {
	font-size:11px;
	padding:0 0 0 25px;
}
	
#cforms3form li { 
	margin:20px 0;
}

#cf3_field_2.cformselect, #cf3_field_3.cformselect, #cf3_field_4.cformselect , #cf3_field_5.cformselect {
	width:200px;
	margin:0 0 25px 0;
}

#cforms3form  label {
	width:200px;
	margin:5px 25px 0 0;
	line-height:18px;
	float:left!important;
}
	
#cforms3form legend {
	width:550px;
}


/* Browser Adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

.clearfix {display: inline-block;}          
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */