/*
Theme Name: Youth Unlimited
Description: Theme for Youth unlimited
Version: 1.0
Author: Fabric Creative <jono.cochran@gmail.com> 
Author URI: http://www.fabriccreative.com/
*/

@import url("reset.css");
@import url("navigation.css");
/* div, img, a 				{ behavior: url('js/iepngfix.htc') } */

body 						{ background: black; }
hr							{ background: #eee; border: none; height: 5px; }

a:link, a:visited 			{ color: #ab873a; text-decoration: none; }
a:hover						{ color: black; }
a:active					{ color: red;}

/**
 *  HEADER
 * --------------------------------------------------------- */
div#header-wrap				{ background: #ebe9e6 url('images/bg-header.jpg') no-repeat center top; height: 110px; }
div#header					{ width: 900px; margin: 0 auto; }
div#logo					{ float: left; padding-top: 15px; }
div#contact					{ float: right; padding-top: 20px;}

/**
 *  NAVIGATION
 * --------------------------------------------------------- */
div#navigation	 			{ width: 100%; background: black url('images/bg-nav.gif') repeat-x; z-index: 2; }
div#navigation a			{ padding: 8px 20px; line-height: 20px; font-size: 12px; font-weight: bold; text-transform: uppercase; }
li.page_item ul, 
li.cat-item ul 				{ padding-top: 15px !important; }
li.page_item li:first-child,
li.cat-item li:first-child 	{ padding-top: 35px !important; }
li.page-item-2 ul 
li:first-child 				{ background: url('images/nav-about.gif') no-repeat top left !important; padding-top: 20px !important; }
li.page-item-11 ul 
li:first-child				{ background: url('images/nav-our-team.gif') no-repeat top left !important;  }
.page-item-17 ul 
li:first-child				{ background: url('images/nav-programs.gif') no-repeat top left !important; }
.page-item-26 ul 
li:first-child				{ background: url('images/nav-community-partnerships.gif') no-repeat top left !important; padding-top: 20px !important;}
.page-item-32 ul 
li:first-child				{ background: url('images/nav-join-us.gif') no-repeat top left !important; padding-top: 20px !important; }
.cat-item-24 ul 
li:first-child				{ background: url('images/nav-happenings.gif') no-repeat top left !important; padding-top: 20px !important; }

/**
 *  CONTENT
 * --------------------------------------------------------- */
div#banner					{ display: block; width: 100%; text-align: center; background: url('images/bg-red.jpg'); }
div#banner img 				{ display: block; margin: 0 auto;}
div#banner-dots				{ opacity: 0; width: 100%; height: 300px; overflow: hidden; position: absolute; background: url('images/bg-dots.png'); }
div#content-wrap	 		{ display: block; width: 100%; background: #ecd060 url('images/bg-yellow3.jpg') fixed center top; }
div#wrap					{ background: #ebe9e6 !important; width: 900px !important; } /* OVERWRITES RESET STYLESHEET */
div#content					{ background: white; width: 560px; padding: 30px; float: left; }
div#content h2				{ padding-bottom: 15px; }
div#content h4				{ padding-bottom: 15px; font-weight: bold; color: #840000; }
div#content	img				{ max-width: 550px; }
div#sidebar					{ width: 220px; padding: 30px; float: left; }
.thumb						{ border: 1px solid #ccc; padding: 3px; }
.alignleft					{ float: left; margin-right: 15px; }
.alignright					{ float: right; margin-left: 15px; }
div#content h3				{ font-size: 24px; text-transform: normal; }
a.top 						{ background: #ccc; color: #333; font-size: 12px; padding: 5px 8px; margin-bottom: 30px; display: block; width: 100px; text-align: center; }
a.top:hover					{ background: #555; }


/**
 *  HOMEPAGE
 * --------------------------------------------------------- */
div#homepage-title 			{ padding-bottom: 8px; border-bottom: 5px solid #eeeeee; }
div#homepage-nav			{ display: block; padding-top: 10px;}
div#homepage-nav a 			{ background: #333; padding: 2px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
div.homepage-entry			{ border-bottom: 1px solid #eeeeee; }
div.homepage-entry a		{ display: block; color: #58979b; font-size: 14px; letter-spacing: normal; padding: 12px 0 12px 50px; }
div.homepage-entry a:hover	{ color: black;}
div.homepage-entry p 		{ padding: 0; margin: 0; }
span.time					{ color: #999; font-weight: bold; text-transform: uppercase; font-size: .8em; }
.entry-1					{ background: url('images/01.gif') no-repeat left center; }
.entry-1:hover				{ background: url('images/01.gif') no-repeat -573px center; }
.entry-2					{ background: url('images/02.gif') no-repeat left center; }
.entry-2:hover				{ background: url('images/02.gif') no-repeat -573px center; }
.entry-3					{ background: url('images/03.gif') no-repeat left center; }
.entry-3:hover				{ background: url('images/03.gif') no-repeat -573px center; }
.entry-4					{ background: url('images/04.gif') no-repeat left center; }
.entry-4:hover				{ background: url('images/04.gif') no-repeat -573px center; }
.entry-5					{ background: url('images/05.gif') no-repeat left center; }
.entry-5:hover				{ background: url('images/05.gif') no-repeat -573px center; }
.entry-6					{ background: url('images/06.gif') no-repeat left center; }
.entry-6:hover				{ background: url('images/06.gif') no-repeat -573px center; }
.entry-7					{ background: url('images/07.gif') no-repeat left center; }
.entry-7:hover				{ background: url('images/07.gif') no-repeat -573px center; }
.entry-8					{ background: url('images/08.gif') no-repeat left center; }
.entry-8:hover				{ background: url('images/08.gif') no-repeat -573px center; }
.entry-9					{ background: url('images/09.gif') no-repeat left center; }
.entry-9:hover				{ background: url('images/09.gif') no-repeat -573px center; }
.entry-10					{ background: url('images/10.gif') no-repeat left center; }
.entry-10:hover				{ background: url('images/10.gif') no-repeat -573px center; }

/**
 *  INDIVIDUAL PAGES
 * --------------------------------------------------------- */

/**
 *  POSTS
 * --------------------------------------------------------- */
div.post h2					{ margin: 0; padding: 0; font-size: 36px; letter-spacing: -2px; }
.postmetadata				{ color: #ccc; font-size: 14px; }
.postmetadata a 			{ color: #666; }
div.post .time				{ background: url('images/clock_small.png') no-repeat left center; padding: 3px 0 3px 20px; font-size: .6em; color: #999; }
h2.pagetitle				{ margin: 0; padding: 0; font-size: 42px; letter-spacing: -2px; }
h3.post-title a				{ color: black; font-weight: normal; font-size: 24px; letter-spacing: -1px;}
.entry						{ padding-bottom: 20px; font-size: 14px; line-height: 1.5em; }

/**
 *  SIDEBAR
 * --------------------------------------------------------- */
div#sidebar	ul				{ padding: 0; margin: 0; list-style: none; }
div#sidebar h2				{ margin: 0; padding: 0; font-size: 14px;}

li.enh_rp h2				{ padding-bottom: 8px !important; height: 24px; border-bottom: 5px solid #ccc; background: url('images/title-our-stories.gif') no-repeat left top !important; }
li.enh_rp li				{ border-bottom: 1px dashed #ccc; line-height: none; min-height: 30px; padding: 5px 0 5px 40px; background: url('images/quote.png') no-repeat left center; }
li.enh_rp li:last-child		{ border-bottom: none;}
li.enh_rp li a 				{ font-size: 11px; color: #706955; font-weight: bold; }
li.enh_rp li a:hover		{ color: #000;}
li.widget_text 				{ border-top: 5px solid #ccc; padding-top: 5px; }

/**
 *  COMMENTS & FORMS
 * --------------------------------------------------------- */
#respond h3					{ font-size: 30px; font-weight: normal; padding: 20px 0 12px 0; border-top: 5px solid #eee;}
#respond input				{ width: 250px; border: 1px solid #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee;  padding: 5px 8px; font-size: 12px; color: #999;}
#respond textarea			{ width: 530px; border: 1px solid #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee;  padding: 5px 8px; font-size: 12px; color: #999;}
#respond label				{ font-weight: bold; text-transform: uppercase; font-size: 11px; color: #333; padding-left: 15px;}
#respond #submit			{ border: none; background: #333; color: white; width: 150px; text-transform: uppercase; font-weight: bold; }
h3#comments					{ font-weight: normal; padding: 20px 0 15px 0px; }
ol.commentlist				{ }
ol.commentlist li 			{ padding: 12px 0; border-top: 1px solid #eee; font-size: 32px;}
.vcard	a					{ color: #666; font-style: normal; font-weight: bold; }
.comment-body				{ font-size: 14px; line-height: 1.5em; }
.commentmetadata, 
.commentmetadata a			{ color: #ccc; font-size: 11px; font-weight: bold; }

/**
 *  FOOTER
 * --------------------------------------------------------- */
div#footer-wrap				{ background: black url('images/footer.jpg') no-repeat center top; margin: 0; }
div#footer 					{ width: 900px; margin: 0 auto; padding: 30px; color: white; font-size: 12px; }
div#footer a:hover			{ color: #666; }