/********************************************

	Theme Name: Copper Ridge PTO
	Description: Copper Ridge PTO Wordpress Theme.
	Version: 1.0
	Author: Union Digital Media
	Author URI: http://www.uniondigitalmedia.com/
	
	Last Updated: 08/02/09
	
********************************************/
html, body {
background: #FFF;
margin: 0;
text-align: center;
font: 13px/20px helvetica;
color: #353535;
}

#wrapper {
width: 923px;
margin: 0 auto;
text-align: left;
}

#header {
background: url('images/bkg_header.jpg') no-repeat top center;
height: 124px;
position: relative;
}

.searchForm { position: absolute;
left: 372px; top: 88px;
}

.input { 
background: url('images/bkg_input.jpg') no-repeat 0 0; 
border: none; 
width: 161px; height: 14px; 
padding:6px 12px; 
margin:0 10px 0 0; float: left; 
}
.search { 
background: url('images/btn_search.jpg') no-repeat 0 0; 
border: none; 
width: 80px; height: 26px; 
display: block; float: left; 
font-size: 0; 
line-height: 0; 
text-indent: -9999px;
cursor: pointer;
}
.search.hover, .search:hover { background-position: bottom; }

a.logoBtn { width: 260px; height: 120px; }
a.faqBtn { background: url('images/btn_faq.png') no-repeat 0 0; width: 69px; height: 76px; right: 188px; top: 40px; }
a.calendarBtn { background: url('images/btn_calendar.png') no-repeat 0 0; width: 89px; height: 76px; right: 99px; top: 40px; }
a.contactBtn { background: url('images/btn_contact.png') no-repeat 0 0; width: 69px; height: 76px; right: 30px; top: 40px; }

a.logoBtn, a.faqBtn, a.calendarBtn, a.contactBtn { 
position: absolute; display: block; 
font-size: 0; line-height: 0; text-indent: -9999px;
}
a:hover.faqBtn, a:hover.calendarBtn, a:hover.contactBtn { background-position: bottom; }

#navigation {
background: url('images/bkg_navigation.jpg') no-repeat top center;
height: 39px;
margin-bottom: 8px;
}

#mainCol {
width: 577px;
float: left;
}

#sbCol {
width: 346px;
float: left;
}

#footerLinks { margin: 0 auto; width: 411px; }

#footer { 
color: #a3a6a6; 
font: 10px/10px helvetica; 
text-align: center;
padding: 0; 
margin: 28px auto 50px auto; 
}
#footer ul { 
display: inline;
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#footer li { 
display: inline;
margin: -3px;
padding: 0;
 }
#footer li a { 
color: #a2a2a2; 
padding: 0 8px 0 12px; 
border-right: 1px solid #eaeaea; 
text-decoration: none; 
}
.footerEnd { border-right: none !important; }

#footer em { font-style: normal; color: #ededed; }


/* Home Page Styles */

#imageContainer {
height: 203px;
width: 555px;
position: relative;
margin: 0 0 16px 6px;
}
			
#imageContainer img {
display:none;
position:absolute;
}
			
#imageContainer img.show {
display: block;
position:absolute;
}

#imageContainer .screen {
background: url('images/scr_ImgSlider.png') no-repeat 0 0;
display: block; position: absolute;
height: 203px; width: 555px;
z-index: 200;
}

.recTweets { 
background: url('images/bkg_recTweets.jpg') no-repeat 0 0;
height: 96px;
font: 13px/18px helvetica; 
position: relative;
margin-left: 6px;
}
.twitIcon {
background: url('images/bkg_twitIcon.png') no-repeat 0 0;
position: absolute;
width: 117px; height: 77px;
top: 19px; left: -16px;
}

.twtFeed {
position: absolute;
width: 310px;
top: 10px; left: 110px;
}


#sidebar .joinPto, .becomeSpons, .newsLetter, #sidebar .recTweets { 
width: 242px; 
padding: 0 14px 0 18px;
float: left; 
font: 12px/18px helvetica; 
}
#callouts { display: block; }
#callouts .joinPto { padding: 0 14px 0 4px; position: relative; }
#callouts .joinPto { 
margin: 0 16px 0 6px; 
height: 160px; width: 100%;
background: url('images/bkg_recTweets.jpg') no-repeat 0 0;
}
.becomeSpons { 
}

.twtFeed h3, .joinPto h3, .becomeSpons h3, .newsLetter h3, .recTweets h3 {
display: block;
margin: 0;
font-size: 0; line-height: 0; text-indent: -9999px;
}

.twtFeed h3 { background: url('images/h3_recTweets.png') no-repeat left 50%; height: 26px; }
.joinPto h3 { background: url('images/h3_joinPto.png') no-repeat left 50%; height: 23px; margin: 20px 0 12px; }
#sidebar .joinPto h3 { background: url('images/h3_joinPto.png') no-repeat left 50%; height: 55px; margin: 4px 0 12px; }
.becomeSpons h3 { background: url('images/h3_becomeSpons.png') no-repeat left 50%; height: 55px; margin: 4px 0 12px; }
.newsLetter h3 { background: url('images/h3_newsLetter.png') no-repeat left 50%; height: 55px; margin: 4px 0 12px; }

.joinPto strong, .becomeSpons strong, .newsLetter strong, #sidebar .recTweets strong {
font: bold 15px/6px helvetica;
}

#sidebar .joinPto { background: url('images/bkg_joinPto.jpg') no-repeat 0 0; }
#sidebar .becomeSpons { background: url('images/bkg_volunteer.jpg') no-repeat 0 0; } 
#sidebar .newsLetter { background: url('images/bkg_theBlazer.jpg') no-repeat 0 0; }

#sidebar .joinPto, #sidebar .becomeSpons, #sidebar .newsLetter { width: 240px; margin-bottom: 12px; padding-right: 28px; }

#sidebar .recTweets { 
background: url('images/bkg_sideMod.jpg') no-repeat 0 0;
margin:0 0 20px;
}

#sidebar .recTweets h3 { 
background: url('images/h3_followUs.png') no-repeat left 50%;
height:55px;
margin:4px 0 12px; 
}
#sidebar .recTweets { min-height: 200px; }
#sidebar a.twitterBtn { float: right; position: static; margin-right:4px; }
#sidebar .twitIcon { left:142px; top:1px; }

.welcome { 
background: url('images/h1_welcome.jpg') no-repeat 0 0; 
}
.newsEvents strong { 
color: #c87f0e; 
font: normal 18px/20px helvetica;
}
.newsEvents { 
background: url('images/h1_newsEvents.jpg') no-repeat 0 0; 
}

.welcome { padding: 0 18px; }
.newsEvents { padding: 0 0 0 18px; position: relative; }

.welcome h1, .newsEvents h1 {
height: 34px;
font-size: 0; line-height: 0; text-indent: -9999px;
}

.newsScreen { 
background: url('images/bkg_newsScreen.png') no-repeat 0 0;
display:block;
height:50px;
position:absolute;
top:270px;
width:300px; 
}

a.crSchools { background: url('images/btn_crSchools.jpg') no-repeat 0 0; width: 127px; }
a.schoolDistricts { background: url('images/btn_schoolDistrict.jpg') no-repeat 0 0; width: 167px; }
a.payPal { background: url('images/btn_payPal.jpg') no-repeat 0 0; width: 117px; }

a.crSchools, a.schoolDistricts, a.payPal {
height: 69px; display: block; float: left;
font-size: 0; line-height: 0; text-indent: -9999px;
}

a:hover.crSchools, a:hover.schoolDistricts, a:hover.payPal {
background-position: bottom;
}


a.twitterBtn { background: url('images/btn_follow.jpg') no-repeat 0 0; float: right; }
a.joinBtn1 { background: url('images/btn_join1.jpg') no-repeat 0 0; float: right; margin-left: 8px; }
a.joinBtn2 { background: url('images/btn_join2.jpg') no-repeat 0 0; float: right; }
a.becomeSponsBtn { background: url('images/btn_becomeSpons.jpg') no-repeat 0 0; float: right; }

a.twitterBtn, a.joinBtn1, a.joinBtn2, a.becomeSponsBtn {
height: 26px; width: 116px; display: block;
font-size: 0; line-height: 0; text-indent: -9999px;
}

a:hover.twitterBtn, a:hover.joinBtn1, a:hover.joinBtn2, a:hover.becomeSponsBtn {
background-position: bottom;
}



.clear { clear: both; }

a { 
outline: none;
color: #c87f0e; 
}


div.hr { background: url('images/bkg_hr.jpg') no-repeat top center; border: none; outline: none; height: 1px; clear:both; margin: 10px 0; padding: 0; }
div.hr hr { display: none; }

.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* Interior Pages */
.narrowcolumn { 
float:left;
margin:0 16px 0 20px;
width: 602px;
}

#sidebar { width: 285px; float: left; }

/* Scrollbar & content css */						
#content1 {
height: 286px;
width: 283px;
padding-right: 18px;
float: left;
overflow: hidden;
}

.scrollbar-vert {
background-color: #f6f6f6;
height: 286px;
width: 20px;
float:left;
}

.handle-vert {
cursor:pointer;
height: 42px;
width: 20px;
background: url(images/handle.gif) no-repeat;
}


.crptoTwitter {
background: url('images/bkg_crptoTwitter.jpg') no-repeat 0 0;
}

.crptoFacebook {
background: url('images/bkg_crptoFacebook.jpg') no-repeat 0 0;
margin-left: 21px;
}

.crptoTwitter, .crptoFacebook {
width:230px; float: left; padding: 20px 20px 16px 20px;
}

.crptoTwitter h3, .crptoFacebook h3 {
display: block;
height: 45px;
margin: 0; padding: 0;
font-size: 0; line-height: 0; text-indent: -9999px;
}

/* calendar styles */
#calWarp { margin-left: 12px; }

/* contact form styles */
textarea {
font: 12px/16px helvetica;
border: 1px solid #cccccc;
padding: 4px;
}

#contactForm .name, #contactForm .phone, #contactForm .email {
border: 1px solid #cccccc;
width: 250px;
padding: 4px;
}

.submitBtn {
background: url('images/btn_submit.jpg') no-repeat 0 0;
height: 26px; width: 80px; border: none;
font-size: 0; line-height: 0; text-indent: -9999px;
cursor: pointer; float: right;
}

.submitBtn:hover, .submitBtn.hover { background-position: bottom; }