/*
THEME NAME: Northside Athletes Foundation
DESCRIPTION: Custom theme developed for <a href="http://www.northsideathletes.com">Northside Athletes Foundation</a>
VERSION: 1.0
AUTHOR: <a href="http://www.awts.com/">Art Wave Web Design</a>
AUTHOR URI: http://www.awts.com
*/
/* COLORS
=====================================================================
	Body Background:
	Header Background: #322f28
	Main Text: #b7b4a7
	Links: #dd9400
*/
/* STICKY FOOTER (reference http://www.cssstickyfooter.com)
=====================================================================*/
* {
	margin: 0;
	padding: 0;
}
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html, body, #wrap {
	height: 100%;
}
body > #wrap {
	height: auto;
	min-height: 100%;
}
#main {
	padding-bottom: 100px;
}
/* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -100px; /* negative value of footer height */;
	height: 100px;
	clear: both;
}
/*Opera Fix*/
body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}

/* LAYOUT
=====================================================================*/
#wrap {
	width: 100%; /* IE8 hack to get it to apply margin auto centering to element inside this one */
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* for IE6 */
* html .clearfix {
	height: 1%;
}
/* for IE7 */
*:first-child+html .clearfix {
	min-height: 1px;
}

/* RESET
=====================================================================*/
a {
	color: #ad0010;
	text-decoration: none;
}
a:hover {
	color: #ad0010;
	text-decoration: underline;
}
a img {
	border: none;
}

/* HEADER
=====================================================================*/
#header {
	height: 125px;
	background: #FFF;
}
#header #logo {
	width: 650px;
	height: 115px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 5px;
}
#header h1,
#header h2 {
	margin: 0;
}
#header h1 a {
	width: 650px;
	height: 115px;
}
#header #logo h1,
#header #logo h2,
#header #logo #page-header,
#header #logo #site-description {
	text-indent: -9999em;
}

/* MENU
=====================================================================*/
#menu {
	background: #96010e url('images/bg-navbar.gif') repeat-x;
	height: 30px;
	border-bottom: 1px black solid;
}

/* CONTENT AREA
=====================================================================*/
#innerwrap {
	width: 100%;
}
#main {
	width: 870px;
	margin: 0 auto;
	text-align: left;
}
#content {
	width: 600px;
	margin-right: 40px;
	float: left;
}
.post ul {
	list-style: square;
	margin: 10px 0 12px 20px;
	list-style-position: inside;
}
.post #list {
	width: 200px;
	float: left;
}

/* SIDEBAR
=====================================================================*/
#sidebar {
	width: 230px;
	float: left;
	margin: 0;
	padding: 33px 0;
}
#sidebar ul {
	list-style: none;
}
#sidebar h2 {
	font-size: 1.2em;
	margin: 25px 0 12px 0;
	color: #7A0A17;
}
.sidebar-button {
	margin-bottom: 27px;
	padding-top: 15px;
}
.sidebar-button a {
	color: white;
	padding: 10px 20px;
	background-color: #96010E;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: 3px 3px 10px #333;
	   -moz-box-shadow: 3px 3px 10px #333;
	        box-shadow: 3px 3px 10px #333;
	font-size: 1.2em;
	letter-spacing: 1px;
}
.sidebar-button a:hover {
	color: #fff;
	text-decoration: underline;
}
#sidebar #donate_ad_small {
	background: #EAEAEA;
	color: #333;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif;
	text-align: center;
	padding: 0;
	margin-bottom: 27px;
	width: 167px;
	-webkit-border-radius: 7px;
   	   -moz-border-radius: 7px;
	        border-radius: 7px;
}
#sidebar #donate_ad_small h2 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1.2;
	padding: 15px 0 25px 0;
	background: url("images/donate_ad_small_arrow.png") no-repeat bottom left;
	background-color: #D8D8D8;
	-webkit-border-radius: 7px 7px 0 0;
	   -moz-border-radius: 7px 7px 0 0;
	        border-radius: 7px 7px 0 0;
	display: block;
	border-bottom: 0;
}
#sidebar #donate_ad_small h2 span.replace {
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 white;
}
#sidebar #donate_ad_small h2 span {
	margin: -5px;
	display: block;
	font-size: 15px;
	text-transform: lowercase;
}
#sidebar #donate_ad_small div {
 	padding: 18px 0 20px;
}
#sidebar #donate_ad_small a {
	background: #504f4f !important;
	color: #FEC34F;
	height: 40px;
	font-size: 21px;
	margin: 0 auto;
	width: 125px;
	display: block;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
}
.button {
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif, Tahoma, Arial, sans-serif;
	text-shadow: -1px -1px 0 black;
}

/* FOOTER
=====================================================================*/
#footer {
	background-color: #333;
	border-top: 1px #000 solid;
	color: #B7B4A7;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
}
#footer a {
	color: #B7B4A7;
	text-decoration: none;
}
#footer a:hover {
	color: #DD9400;
	text-decoration: underline;
}
#footer p {
	margin: 1em 0;
	text-align: center;
}
#footer p.credit a {
	color: #646153;
}
#footer p.credit a:hover {
	color: #DD9400;
}

/* STRUCTURE
=====================================================================*/
/* HEADER STYLES
=====================================================================*/
/* TYPOGRAPHY AND COLORS
===================================================================== */
body {
	font-size: 12px;
	font-family: Verdana, Arial, Sans-Serif;
	color: #464444;
	text-align: center;
	background: transparent url('images/bg.png');
}
p {
	margin-bottom: 12px;
}
em {
	font-family: Georgia, Utopia, Palatino, "Palatino Linotype", serif;
	font-style: italic;
	letter-spacing: 1px;
}
table {
}
th {
	font-weight: bold;
	text-decoration: underline;
}
#content {
	line-height: 1.5em;
	padding: 22px 0 30px;
}
.entry {
	margin: 12px 0;
	overflow: hidden;
}
.post {
	margin: 12px 0 24px;
	padding-bottom: 12px;
	border-bottom: 1px #464444 dotted;
	border-bottom-color: #A7A7A7;
}
body.single .post {
	margin-bottom: 0;
}
.postmetadata {
	border: 3px #DDD double;
	font-size: 10px;
	margin-top: 24px;
	clear: both;
}
.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
	border: 1px solid #ddd;
}
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 1.5em;
}
h1, h2, h3, h4 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing: 1px;
}
h1 {
	font-size: 22px;
	margin-bottom: 16px;
}
h2 {
	font-size: 20px;
	letter-spacing: 1px;
}
body.page .post h2,
body.single .post h2 {
	font-size: 20px;
	letter-spacing: 1px;
	padding: 2px 0;
	margin: 16px 0;
	border-top: 1px #EEE solid;
	border-bottom: 1px #EEE solid;
}
body.home .post h2 {
	border: 0;
}
h3 {
	font-size: 16px;
	letter-spacing: 1px;
	margin-bottom: 12px;
}
h4 {
	font-size: 12px;
}
h5 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 1em;
}
h6 {
	font-weight: bold;
}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
}
#sidebar h2, #sidebar h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	border-bottom: 1px #CCC solid;
	padding-bottom: 2px;
	letter-spacing: 1px;
	color: #1a2843;
	font-family: helmet, sans-serif;
	text-shadow: rgba(255, 255, 255, 1) 0 1px 1px;
}
.sticky {
	/*background: #f7f7f7;
	padding: 0 10px 10px;*/
}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
	font-size: 1em;
}
.commentlist li {
	font-weight: bold;
}
.commentlist li .avatar {
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
	font-weight: normal;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}
a, h2 a:hover, h3 a:hover {
	color: #ad0300;
	text-decoration: none;
}
a:hover {
	color: #ad0300;
	text-decoration: underline;
}
#page-header, #site-description {
	display: none;
}
.larger {
	font-size: 120%;
}
/* Begin Images */
p img {
	padding: 4px;
	max-width: 100%;
	background: #FFF;
	border: 1px #DDD solid;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 6px;
	margin: 0 0 12px 15px;
	display: inline;
	border: 1px #efefef solid;
}
img.alignleft {
	padding: 6px;
	margin: 0 15px 12px 0;
	display: inline;
	border: 1px #efefef solid;
}
img.wp-post-image {
	padding: 6px;
	margin: 0 15px 12px 0;
	display: inline;
	border: 1px #efefef solid;
	float: left;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* End Images */
/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html > body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}
html > body .entry li {
	margin: 7px 0 8px 10px;
}
/*#sidebar ul ul li:before,*/
.entry ul li:before {
	content: "\00BB \0020";
}
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}
.entry ol li {
	margin: 0;
	padding: 0;
}
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
#sidebar ol, #sidebar ul {
	line-height: 1.5em;
}
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	color: #333;
	margin-bottom: 27px;
}
#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
}
#sidebar ul ul ul, #sidebar ul ol {
	margin: 2px 0 0;
	border: none;
}
ol li, #sidebar ul ol li {
	list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
	border-bottom: 1px #CCC dotted;
	color: #000;
	margin-bottom: 0;
}
#sidebar ul ul li a {
	padding: 5px;
	display: block;
}
#sidebar ul ul li a:hover {
	background: transparent url('images/highlight.jpg') no-repeat scroll -300px -30px;
}
#sidebar ul ul ul li {
	margin: 0 0 0 -5px;
	padding: 2px 0 2px 15px;
	border-bottom: none;
	border-top: 1px solid #DFE6DE;
	color: #333;
}
#sidebar ul ul ul li a {
	voice-family: "\"}\"";
	voice-family: inherit;
}
html > body #sidebar ul ul ul li a {
}
li.follow.rss {
	background: transparent url('images/rss.gif') no-repeat scroll 5px 5px;
}
li.follow.facebook {
	background: transparent url('images/facebook.gif') no-repeat scroll 5px 5px;
}
#sidebar li.follow a {
	line-height: 32px;
	padding-left: 42px;
}
#sidebar li.follow a:hover {
	background: transparent url('images/highlight.png') no-repeat scroll -300px -30px;
}
.entry td ul {
	margin: 0;
}
.entry td ul li {
	margin: 0 0 0 10px;
}
/* End Entry Lists */
/* Begin Form Elements */
#searchform {
	margin: 24px auto;
	padding: 5px 3px;
	text-align: center;
}
#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
}
#sidebar #searchsubmit {
	padding: 1px;
}
select {
	width: 130px;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform {
	margin: 5px 10px 0 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
}
#respond {
	margin-bottom: 2em;
}
#respond:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}
/* End Form Elements */
/* Begin Comments*/
.alt {
	padding: 10px;
}
.commentlist {
	padding: 0;
	text-align: justify;
}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
.children {
	padding: 0;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}
/* End Comments */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	font-weight: normal;
	font-style: italic;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #444;
	line-height: 1.6em;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.center {
	text-align: center;
}
.hidden {
	display: none;
}
.screen-reader-text {
	position: absolute;
	left: -1000em;
}
hr {
	display: none;
}
a img {
	border: none;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin: 24px 0 40px;
}
.sub-title {
	font-size: 16px;
	font-weight: bold;
}
a.more-link,
a.read_more {
	color: white;
	padding: 5px 10px;
	background-color: #96010E;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	clear: left;
}
p.button {
	margin: 24px 0;
}
p.button a {
	color: white;
	padding: 10px;
	background-color: #96010E;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
h2.section {
	padding-bottom: 2px;
	border-bottom: 3px #CCC double;
	clear: both;
	background: url('images/highlight.png') no-repeat scroll -125px -35px;
}
.highlight {
	background: transparent url('images/highlight.png') no-repeat scroll center bottom;
}
/* End Various Tags & Classes*/
/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #FFF;
	padding-top: 4px;
	margin: 0 10px 10px 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 5px 10px 8px;
	margin: 0;
}
/* End captions */

/* Event List */
body.blog div.category-teaser {
	padding-left: 20px;
}
body.blog div.category-teaser h3 {
	font-size: 20px;
}
p.eventDate {
	margin-bottom: 0;
	font-weight: bold;
}

/* Directors List */
#post-19 h2 {
	font-size: 14px;
	margin: 0 0 4px 110px;
	font-family: Verdana, Geneva, sans-serif;
	letter-spacing: 0;
	text-transform: none;
	font-weight: bold;
	border-top: 1px #eee solid;
	border-bottom: none;
	padding-top: 14px;
	clear: left;
	margin-left: 110px;
}
#post-19 p {
	margin: 0 0 0 110px;
	padding-bottom: 14px;
}
img.board-photo {
	margin-left: -110px;
}

/* BLOGROLL
=====================================================================*/
.page-template-beneficiaries-php #content ul {
	padding-left: 0;
	margin-left: 0;
}
.page-template-beneficiaries-php #content li {
	list-style: none;
	padding-bottom: 12px;
}
.page-template-beneficiaries-php #content li a {
	font-weight: bold;
}
.page-template-sponsors-php #content ul {
	padding-left: 0;
	margin-left: 0;
}
.page-template-sponsors-php #content li {
	list-style: none;
	padding-bottom: 12px;
}
.page-template-sponsors-php #content li a {
	font-weight: bold;
}

/* DONATIONS
=====================================================================*/
.paypalForm {
	margin: 24px;
	text-align: center;
}

/* HOME PAGE SLIDESHOW
=====================================================================*/
.photostack {
	width: 522px;
	height: 369px;
	margin: 0 auto;
	padding: 24px 23px 28px 27px;
	background: transparent url('images/photostack.png') no-repeat;
}

/* CONSTANT CONTACT WIDGET
=====================================================================*/
li.constant-contact-signup {
	border: 1px #CCC solid;
	padding: 10px;
}
form#constant-contact-signup label {
	float: left;
	margin-right: 5px;
}
div.input-text-wrap {
	margin-bottom: 5px;
}
div#constant-contact-signup-errors {
	background-color:#FFFFCC;
}
/* GOLF REGISTRATION
=====================================================================*/
table.payment {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #333333;
	margin: 0 auto 18px;
}
table.payment td {
	padding: 10px;
}
tr.odd td {
	border-width: 1px;
	border-top-style: solid;
	border-color: #808080;
}
tr.even td {
	border-width: 1px;
	border-top-style: solid;
	border-color: #808080;
	background-color: #FFF2D9;
}
.sponsorIncludes {
font-size: 80%;
color: #000080;
}

/* SOCIABLE
=====================================================================*/
div.sociable { 
	margin: 16px 0;
	display: block;
	text-align: center;
	clear: both;
}
div.sociable_tagline {
	margin-bottom: 6px;
}
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	/*display: inline;*/
	/*margin: 0 !important;*/
	margin: 0 auto;
	padding: 0 !important;
	text-indent: 0;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 48px;
	height: 48px;
	border: 0;
	margin: 0;
	padding: 0;
}
body.page-template-frontpage-php .sociable img {
	width: 24px;
	height: 24px;
}
body.page-template-frontpage-php div.sociable {
	text-align: left;
}
.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}