/*
Theme Name: Raising the Village
Theme URI: http://raisingthevillage.org/
Description: This theme was coded for Raising the Village by Amber Weinberg.
Author: Amber Weinberg
Author URI: http://www.amberweinberg.com/

*/

/*****CSS RESET*******/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/****BODY STYLES********/

body, html, #container { height: 100%; }
body { font: 12px Helvetica, Arial, sans-serif; color: #000; background: url('images/bkg.jpg') repeat #040c13 center top; }

p { line-height: 17px; }

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

h2 { font-size: 36px; color: #00617e; font-weight: normal; }
h3 { float: left; margin-bottom: 10px; padding: 5px 10px; clear: both; font: normal 12px Arial; color: #FFF; background: #000; }
h3.large { font-size: 18px; }
h4 { padding-bottom: 5px; font-size: 13px; color: #00617e; text-transform: uppercase; }

hr { float: left; width: 100%; clear: both; border: none; border-bottom: 1px solid #000; background: none; }

#container { margin: 0 auto; width: 960px; background: url('images/grungeBkg.png') no-repeat left 34px; }
#contentContainer { position: relative; float: left; width: 845px; min-height: 600px; margin-left: 60px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #FFF}

/****HEADER STYLES*******/

#mc-embedded-subscribe-form { float: right; width: 230px; height: 40px; margin: 20px 55px 0 0; padding-left: 10px; background: url('images/inputNewsletter.jpg') no-repeat; }
#mc-embedded-subscribe-form input[type=text] { float: left; width: 200px; height: 29px; font-size: 11px; color: #939598; border: none; background: none; }
#mc-embedded-subscribe-form input[type=submit] { float: left; width: 22px; height: 21px; margin: 4px 0 0 4px; border: none; cursor: pointer; background: url('images/btnNewsletter.png') no-repeat; }

#header { position: relative; float: left; width: 100%; height: 115px; }
#header a.logo { position: relative; float: left; top: -5px; left: -8px; }
#header a.donate { position: absolute; right: -15px; top: 8px; }

/*NAV STYLES*/

#header ul, #header ul li, #header ul li a { float: left; }
#header ul { margin: 65px 0 0 0px; }
#header ul li { padding-right: 15px; background: url('images/navDivider.jpg') no-repeat right 3px; }
#header ul li:last-child { background: none; }
#header ul li a { height: 30px; padding: 8px 0px 5px 5px; text-transform: uppercase; text-align: center; color: #000; text-decoration: none; background: url('images/navBkg.jpg') no-repeat center -41px; }
#header ul li a:hover, #header ul li.current_page_item a, #header ul li.current_page_parent a { font-weight: bold; color: #FFF; background: url('images/navBkg.jpg') no-repeat center 0px; }

#header ul li.page-item-2 a { width: 66px; }
#header ul li.page-item-2 a:hover, #header ul li.page-item-2.current_page_item a { background-position: 4px 0 !important; }
#header ul li.page-item-14 a { width: 70px; }
#header ul li.page-item-14 a:hover, #header ul li.page-item-14.current_page_item a { background-position: -64px 0 !important; }
#header ul li.page-item-17 a { width: 83px; }
#header ul li.page-item-17 a:hover, #header ul li.page-item-17.current_page_item a, #header ul li.page-item-17.current_page_parent a { background-position: -139px 0 !important; }
#header ul li.page-item-19 a { width: 112px; }
#header ul li.page-item-19 a:hover, #header ul li.page-item-19.current_page_item a { background-position: -227px 0 !important; }
#header ul li.page-item-20 a { width: 35px; }
#header ul li.page-item-20 a:hover, #header ul li.page-item-20.current_page_item a { background-position: -344px 0 !important; }

#navLine { position: absolute; width: 100%; height: 15px; top: 166px; left: 0px; background: #000; z-index: 2; }

/*****FOOTER STYLES*******/

.footerLogo { position: absolute; right: -30px; bottom: -30px; z-index:200; }

#footer, #footer ul li { position: relative; float: left; font-size: 10px; line-height: 27px; z-index: 300; }
#footer { width: 100%; padding-top: 10px; text-transform: uppercase; }
#footer p { float: left; padding: 5px 0 0 62px; color: #474747; }
#footer ul { float: right; padding-right: 110px; }
#footer ul li a { color: #474747; padding: 10px; text-decoration: none; }
#footer ul li a:hover { color: #FFF; }
#footer ul li.icon a {padding: 0 3px; }

/*****HOME CONTENT STYLES*******/

img.rotate { position: absolute; float: left; left: -63px; top: 106px; z-index: 3; }

#hero { float: right; width: 555px; height: 279px; margin-top: 6px; text-align: right; }
#slider { width: 555px; height: 279px; }
#slider ul, #slider li{ margin:0; padding:0; list-style:none; }
#slider li { width:100%; height:279px; overflow:hidden; }	
ol#controls { float: right; margin:3px 15px 0 0; padding:0; height:14px;}
ol#controls li{ margin:0 2px 0 0; padding:0; float:left; list-style:none; height:12px; line-height:28px; }
ol#controls li a{ float:left; height:14px; line-height:14px; font-size: 11px; border:1px solid #ccc; background:#939598; color:#fff; padding:0 3px; text-decoration:none; }
ol#controls li.current a{ background:#666; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

#homeP { position: relative; float: right; width: 352px; margin-top: 35px; padding: 0 50px 60px 0; font-size: 18px; z-index: 2000; }
#homeP p { clear: both; line-height: 22px; }
#homeP a { font-size: 11px; }

/*****SUB CONTENT STYLES*******/

.content { float: left; padding: 20px; }
.content p, .leftContent p, .rightContent p, .content ul { padding-bottom: 15px; }
.content ul { float: left; padding-bottom: 15px; }
.content ul li { margin-left: 35px; list-style: disc; line-height: 16px; }

.alignleft { float: left; padding: 0 15px 15px 0; }
.alignright { float: right; padding: 0 0 15px 15px; }
.alignnone { float: none; padding: 0 0 15px 0; }

/*ABOUT PAGE*/

.page-id-2 .content h2 { padding: 0 20px 0 0; }
.page-id-2 .content p { padding: 10px 100px 5px 60px; }
.page-id-2 .content strong { text-transform: uppercase; }

/*DONATE PAGE*/

.callout { float: left; width: 361px; height: 403px; margin: 0 0 20px 25px; padding: 15px 12px 0; background: #e2e5e5; }
.callout p { padding: 20px 0 10px; }
.callout p.small { padding: 0; font-size: 11px; }

/*US PAGE*/

.leftContent, .rightContent { float: left; }
.leftContent h2, .rightContent h2 { padding-bottom: 25px; }
.leftContent { width: 545px; padding: 35px 70px 20px 20px; }
.leftContent img.alignleft { clear: both; padding-bottom: 50px; }
.leftContent p:nth-of-type(2n+2) { padding-bottom: 35px; }

.rightContent { width: 180px; padding: 35px 0 0 0; }

/*PROJECTS PAGE*/

.page-template-projects-php .leftContent { width: 626px; padding: 0; }
.page-template-projects-php .leftContent img { float: left; }
.page-template-projects-php .alignnone { padding: 0; }
.page-template-projects-php .leftContent p:nth-of-type(2n+2) { padding: 0; }

.page-template-projects-php .rightContent { width: 195px; }
.page-template-projects-php .rightContent img { padding: 0 0 10px 10px; }
.page-template-projects-php .rightContent a img { padding: 5px 0 5px 0; }
.page-template-projects-php .rightContent p { clear: both; padding-bottom: 5px; }
.page-template-projects-php .rightContent p img { padding: 0; }
.page-template-projects-php .rightContent p span { float: left; width: 145px; }
.page-template-projects-php .rightContent hr { margin: 10px 0 20px; }

/*GRACE*/

.page-id-53 h3, .page-id-86 h3, .page-id-139 h3 { float: none; clear: none; margin: 0; padding: 0; font-weight: bold; font-size: 18px; color: #000; text-transform: lowercase; background: none; line-height: 18px; }
.page-id-53 p { display: block; line-height: 14px; }
.page-id-53 .content p:first-child { padding-bottom: 0; }
.page-id-53 .content hr, .page-id-86 .content hr, .page-id-139 hr { margin: 0 0 15px 0; }
.page-id-53 h3 { margin: 0; clear: both; }
.wp-image-191 { padding-bottom: 25px; }

/*Kanga*/

.page-id-86 .wp-image-211 { padding-left: 10px; }
.page-id-86 ul { float: none; padding-bottom: 5px; }
.page-id-86 p { line-height: 14px; }
.page-id-86 h4 + p { padding-bottom: 5px; }
div.left, div.middle, div.right { float: left; width: 278px; padding-right: 25px; }
div.left img { padding-top: 20px; }
div.middle { width: 257px; padding-right: 15px; }
div.right { width: 228px; padding: 0; }
div.right li { margin-left: 10px; }

/*Ssanga*/

.page-id-139 h3.clear { clear: left; }
.page-id-139 h3.clearRight { clear: right; }
.page-id-139 p { line-height: 15px; }
.page-id-139 .left { clear: left; }
.page-id-139 div.right p, .page-id-53 div.right p { padding-bottom: 5px; }

/*GET INVOLVED*/

.calloutVolunteer, .calloutPlan, .calloutSchool, .calloutSponsor { float: left; width: 218px; height: 108px; padding: 100px 30px 0 140px }
.calloutVolunteer { margin: 0 20px 20px 0; background: url('images/calloutVolunteer.jpg') no-repeat; }
.calloutPlan { margin: 0 0 20px 0; background: url('images/calloutPlan.jpg') no-repeat; }
.calloutSchool { margin: 0 20px 20px 0; background: url('images/calloutSchool.jpg') no-repeat; }
.calloutSponsor { margin: 0 0 20px 0; background: url('images/calloutSponsor.jpg') no-repeat; }

.page-id-19 .content p { float: left; width: 240px; }
.page-id-19 .content .newsletter { float: left; margin: 30px 10px 0 30px; padding: 16px 20px 10px 0; border-right: 1px solid #000; }
.page-id-19 .content #mc-embedded-subscribe-form { float: left; width: 225px; height: 25px; margin: 5px 20px 0 0; padding: 2px 0 0 15px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; background: #82d0ff; }
.page-id-19 .content #mc-embedded-subscribe-form input[type=text] { float: left; width: 195px; height: auto; margin-top: 2px; padding-right: 4px; color: #000; border: none; font-size: 11px; font-weight: bold; background: none; }
.page-id-19 .content #mc-embedded-subscribe-form input[type=submit] { float: left; width: 22px; height: 22px; margin: 0; cursor: pointer; border: none; background: url('images/btnNewsletterBlack.jpg') no-repeat; } 
.page-id-19 .content p.blog { width: 180px; padding: 45px 0 0 10px; }
.page-id-19 .content p.blog img { margin-left: 30px; }

/* Projects Progress Area */
#progressButtonSlider { position:absolute;top:120px;left:-20px; }
#timelineButtonSlider { position:absolute;top:120px;left:-22px; }
#progressOverlay { display:none;position:absolute;top:121px;left:0;width:845px;height:713px;overflow:hidden;z-index:100; }
#timelineOverlay { display:none;position:absolute;top:371px;left:0;width:845px;height:457px;overflow:hidden;z-index:100; }
#timelineContainer { width:845px;height:240px;background: url(images/timelineBkg.jpg) repeat-x; }
#timelineArrowLeft, #timelineArrowRight { position:absolute; top:0; width:14px; height:14px; padding:113px 5px; }
#timelineArrowLeft { left:0; }
#timelineArrowRight { right:0; }
#timelineSlider { width:810px; height:230px; overflow:hidden; margin:0 auto; }
#timelineSliderSlide { width:816px; margin-top:185px; height:25px; border-top:2px #000 dotted; }
.timelineYear { float:left; position:relative; width:260px; height:20px; font-size:14px; font-weight:bolder; padding-top:10px; margin-top:-17px; }
/* .timelineYearText { float:left; width:50px; padding-top:15px; } */
.timelineYearText { position:absolute; width:40px; top:25px; left:0; }
.timelineDot { float:left; width:auto; height:12px; margin-right:7px; }
.timelineDot .miniDot { float:left; position:relative; width:12px; }
.timelineEmpty { width:10px; }
.nonlinear { width:14px; }
.timelineDetailBox { position:absolute; left:-67px; top:-157px; width:149px; height:159px; background: url(images/timelineDetailHover.png) no-repeat; }
.timelineDetailBox img { display:block; margin: 9px 0 0 9px; }
.timelineDetailBox .timelineMonth { font-weight:normal;left:0;position:absolute;text-align:center;text-transform:lowercase;top:185px;width:149px; }
#timelineFiller { background-color:#0e0008; width:845px; height:0; }
#timelinePurple { width:845px;height:239px;background: url(images/timelineKeyBkg.png) no-repeat bottom left;  }
#progressKey { float:right;width:181px;height:633px;padding-top:80px;padding-right:65px; background: url(images/progressKeyBkg.jpg) repeat-y;text-align:right; }
#progressKey img { float:none !important; }
#progressKey + .progressDetail { padding-top: 15px; }
.progressDetail { padding:5px 20px 10px 20px;width:558px;height:225px;background: url(images/progressBkg.jpg) no-repeat bottom left #fff; }
.progressDetail p { height:60px; }
.progressDetailRight { float:right; }
.progressDetail .progressBar { padding:3px 0 0 2px;margin-bottom:6px;width:193px;height:15px;background: url(images/progressBarBkg.jpg) no-repeat; }
.progressBar .progressGreenLeft, .progressBar .progressGreenMiddle, .progressBar .progressGreenRight { float:left; }
.progressBar .progressGreenMiddle { width:1px;height:12px;background: url(images/progressBarMiddle.png) repeat-x; }
.progressPercentage { font-size:20px; }
.progressClear { clear:left; }

/*donate*/

.row { float: left; width: 100%; margin-bottom: 30px; clear: both; }

table.donatelayout {
  border-spacing: 0;
  border: 0;
}
  table.donatelayout td.dntleft {
    width: 560px;
    padding: 0;
    
    background-image: url(images/donate-border.gif);
    background-repeat: repeat-y;
  }
  table.donatelayout td.dntright {
    padding: 0 25px 15px 25px;
    font-size: 11px;
    color: #888;
  }
  div#dnttop {
    background-color: #E3E4E6;
    padding: 14px 0 5px 0;
    text-align: left;
    padding-left: 25px;
  }
  div#dnttop2 {
    height: 29px;
    background-image: url(images/donate-border-top.gif);
  }
  div#dntbody {
    padding: 5px 45px 10px 45px;
  }
  div#dntbot {
    clear: both;
  }