/*
Theme Name: Publish What You Fund new
Theme URI: http://www.publishwhatyoufund.org
Description: Publish What You Fund October 2010 redesign
Author: Mark Brough
Version: 1
*/


/*
Publish What You Fund
http://www.publishwhatyoufund.org
*/

/*
##
## 1. GENERAL PAGE STYLES
##
*/

*{padding:0;margin:0;border-collapse:collapse;background-repeat:no-repeat;}
body{
/* */   background-image: url(wordpress_wp-content_themes_mat_bg3.png);
    background-repeat:repeat-x;
    background-color: #ffffff;
    color:#333;
    padding-left:10px;
    font-size:16px;
    font-family:"Trebuchet MS",Helvetica,sans-serif;
    position:relative;
}
h1 {
    color: #365e93;
    font-size:26px;
    padding:5px 0px 20px 0px;
}
h2 {
    color: #365e93;
    font-size:22px;
    padding:5px 0px 10px 0px;
}
p {
    padding-bottom:15px;
}
a img,fieldset{border:0;}
.alignleft {
	float: left;
        padding: 4px;
}
.alignright {
	float: right;
        padding:4px;
}

ul{list-style-type:none;}
a{color:#365e93;}
a:hover{text-decoration:none;}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

/* END GENERAL PAGE STYLES */

/*
##
## 2. BANNER BOX
##
*/

.banner-wrapper {
        width:100%;
    background-color:#ffffff;
    clear:both;
    overflow:hidden;
    color:#ffffff;
    height:120px;

     /*  background-image:none;
        background-position:bottom right;
     border-bottom:2px #dddddd solid;*/
}
.banner {
    padding-top:10px;
    float:left;
    width:400px;
    height:100px;
}
.banner h1 {
    text-indent:-1000px;
}
.banner-right-box {
    float:right;
    width:275px;
}
.social-media-links {
    float:left;
    width:25px;
    padding-top:20px;
    vertical-align:middle;
    text-align: right;
}
.social-media-link {
    clear:both;
    padding-top:3px;
    padding-bottom:5px;
}
.social-media-link a img {
    border:none;
}
.social-media-link a {display:block; width:16px; height:16px; overflow:hidden;}
.social-media-link a img {margin-top:0px;}
.social-media-link a:hover img {margin-top:-17px;}
.social-media-link a:hover {zoom:1;}

.signupbox {
    float:right;
    width:250px;
    text-align:left;
    font-size:20px;
    height:100px;
    color:#365e93;
    padding-top:20px;
}
.signupbox p {
    padding:4px;
    background-color:#ffffff;
    /*border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-bottom:1px solid #cccccc;*/
    margin-bottom:2px;
}
.signupbox input {
    border:1px solid #cccccc;
    font-size:15px;
    color:#666666;
    padding:5px;
}
input {
    font-family:"Trebuchet MS",Helvetica,sans-serif;
}

/* END BANNER BOX */

/*
##
## 3. CONTENT STRUCTURE
##
*/

#wrapper{
    width:968px;
    padding-left:10px;
    padding-right:10px;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:0px;
    background-color:#ffffff;
}

#content {
    min-height: 400px;
    padding:15px 10px 6px 10px;
    background-color:#ffffff;
    width:948px;

}
#content ol {
    margin-left:25px;
    padding-bottom:15px;
}
#content ul {
    margin-left:15px;
    padding-bottom:15px;
}
#content ul li {
    list-style-type:square;
}
.clearer {
    clear:both;
}

#right-sidebar {
    float:right;
    width:240px;
    margin-left:10px;
    
}

#page-resources-box {
    width:250px;
    border:1px solid #eeeeee;
    padding:0px 4px 10px 4px;
    background-image:url(wordpress_wp-content_themes_mat_bg3.png);
    background-repeat:repeat-x;
}
#page-resources-box img {
    padding:4px;
}
#page-resources-box a {
    font-size: 14px;
}

#page-resources-box ul, #page-resources-box li, #page-resources-box ul li {
    list-style-type:none;
    margin:0 0 15px 0;
    padding:0;
}

#resources-content-left {
    width:600px;
    float:left;
}

#resources-content-right {
    width:300px;
    float:right;
}

#resources-assessment-box {
    width:600px;
    border:1px solid #eeeeee;
    padding: 0px 4px 10px 4px;
    height:250px;
}
#resources-publications-box {
    width:600px;
    border:1px solid #eeeeee;
    padding: 0px 4px 10px 4px;
}

#resources-partners-box {
    width:300px;
    border:1px solid #eeeeee;
    padding: 0px 4px 10px 4px;
    /*margin-left:10px;*/
    margin-top:20px;
}


#resources-publications-box img {
    padding:4px;
}

#resources-assessment-box img {
    border:2px solid #333333;
    margin:0px 10px 2px 2px;
}
#resources-event-box {
    border:1px solid #eeeeee;
    width:300px;
    padding: 0px 4px 10px 4px;
    background-image:url('wordpress_wp-content_themes_mat_bg3.png');
    background-repeat:repeat-x;
    height: 450px;
}
#resources-event-box .event-date {
    color:#365e93;
}
#resources-event-box ul, #resources-event-box ul li {
    list-style-type:none;
    margin-left:0px;
    padding-left:0px;
    padding-bottom:5px;
}
#resources-event-box h2 {
    padding-bottom:4px;
}
/* END PAGE STRUCTURE */


/*
##
## 4. FOOTER
##
*/

#footer {
    border-top: 2px #666666 solid;
    font-size:12px;
    line-height:2;
    width:988px;
    padding:0px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}
#footer p {
    margin:0px;
    padding:0px;
}
.footer-left {
    float:left;
}
.footer-right {
    float:right;
}

/* END FOOTER */


/*
##
## 5. HOME PAGE SPECIAL CONTENT
##
*/

.homeleft {
    float:left;
    width:500px;
}
.homeright {
    float:right;
    width:350px;
    display:block;
    border-left:1px solid #365e93;
    padding-left:10px;
}
.newsbody {
    padding-top:0px;
    padding-bottom:20px;
}
.home .newsbody p {
    padding:0px;
}
.newsdate {
    color:#365e93;
}
.newstitle {
    font-size:18px;
}
.more-link {
    text-align:right;
}

.introbox {
    background-image:url(wordpress_wp-content_themes_mat_bg3.png);
    background-repeat:repeat-x;
    margin: 0px auto 15px auto;
    text-align:center;
    border:1px solid #dddddd;
    height:140px;
}
.introbox p {
    font-size:18px;
}

/* END HOME PAGE SPECIAL CONTENT */


/* 
##
## 6. TIMELINE
##
*/

#timeline-container {
    height:120px;
    width:802px;
    margin:10px auto 10px auto;
    color: #000000;
    clear:both;
    overflow:hidden;
}
#timeline-title {
    background-color: #365e93;
}
#timeline-title h2 {
    color:#ffffff;
    padding:6px;
    font-size:18px;
}
#timeline {
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    clear:both;
    height:80px;
    width:800px;
}
#timeline-left {

    float:left;
    width:770px;
    height:80px;
}
#timeline-left .timeline-date {
    color:#666666;
    font-size:12px;
}
#timeline-left ul {
    float:left;
    padding:6px 6px 6px 6px;
    width:120px;
    margin-top:6px;
    margin-bottom:30px;
    border-right:1px solid #cccccc;
    list-style-type:none;
}
#timeline-left li {

    list-style-type:none;
}
#timeline-right {
    float:right;
    width:30px;
    height:80px;
    background-color:#365e93;
    color:#ffffff;
    font-size:50px;
    vertical-align: middle;
}

/* END TIMELINE */


/*
 * 7. NEWS PAGES
 */

 #news-nav {
    background-color:#eeeeee;
    color:#000000;
    display:none;
    min-height:0;
    clear:both;
}

#newspage-left {
    float:left;
    width:600px;
    border:1px solid #eeeeee;
    padding:4px 8px 10px 8px
}

#newspage-right {
    float:right;
    width:300px;
    border: 1px solid #eeeeee;
    padding:4px 8px 10px 8px;
}


#newspage-left h1, #newspage-right h1 {
    border-bottom:1px solid #365e93;
    color: #365e93;
    margin-bottom:4px;
    padding-bottom:0px;

}

.divider {
    height:10px;
    width:400px;
    color:#365e93;
    border-top:1px solid #365e93;
    clear:both;
    margin:20px auto 10px auto;
}

#nav-below {
    border-top:1px solid #dddddd;
    padding:6px 4px 4px 4px;
    clear:both;
    margin:10px auto 10px auto;
    
}

#nav-below .nav-previous {
    float:left;
}

#nav-below .nav-next {
    float:right;
    
}

/*
 * 8. NAVIGATION
 */


@media all{

    .crumb-wrapper{
        clear:both;
        width:100%;
        overflow:hidden;
        text-align:center;
        /*margin-top:20px;*/
       /* border-top: 1px solid #365e93;*/
       /* border-bottom: 1px solid #365e93;*/
        /*border-bottom:2px #dddddd solid;*/
        background-color:#ffffff;
    }

    .crumb-wrapper ul,.crumb-wrapper ul li{
        
        overflow:hidden;
        float:left;
        line-height:1.1;
    }

    .crumb-wrapper li {
        width:322px;
    }
    .crumb-wrapper ul.crumb-nav #menu-item-69 a{
        padding-left:70px;
    }

    .crumb-wrapper li a{
        font-size:25px;
        padding:4px 5px 5px 20px;
        display:block;
    }
    .crumb-wrapper li a:hover,.crumb-wrapper li a{
        text-decoration:none;
    }
    .crumb-wrapper ul.secondary-nav {
        margin-top:5px;
        background-image:none;
        background-repeat:repeat-x;
        background-color:#eeeeee;
        width:100%;
        color:#ffffff;
    }
    .crumb-wrapper ul.secondary-nav li {
        width:auto !important;
        white-space:nowrap;
        margin: 0px 10px 0px auto;
        text-align:center;
        padding:4px 10px 4px 10px;
    }

    .crumb-wrapper ul.secondary-nav li.secondaryselected a, .crumb-wrapper ul.secondary-nav li.current_page_item a, .crumb-wrapper ul.secondary-nav li.current_page_parent a {
        background-color:#eeeeee;
        color:#000000;
    }
    .crumb-wrapper ul.secondary-nav li a {
        font-size:14px;
        color:#ffffff;
        padding:2px 10px 3px 10px;
        display:inline;
    }
    .crumb-wrapper ul.secondary-nav li a:hover {
        background-color:#eeeeee;
        color:#000000;

    }



   .crumb-wrapper ul.news-nav {
        background-color:#eeeeee;
        width:100%;
        color:#ffffff;
    }
    .crumb-wrapper ul.news-nav li {
        white-space:nowrap;
        width:auto;
        margin: 0px 10px 0px auto;
        text-align:center;
        padding:4px 10px 3px 10px;
    }
    .crumb-wrapper ul.news-nav li a {
        text-decoration:underline;
        font-size:14px;
       
        padding:0px 10px 3px 10px;
        display:inline;
    }
    .crumb-wrapper ul.news-nav li a:hover {
	text-decoration:none;
	color:#000000;
	background-color:#ffffff;

    }
    .crumb-wrapper ul.news-nav li.current_page_item a {
	text-decoration:none;
	color:#000000;
	background-color:#ffffff;
    }



    .crumb-wrapper li.last a,.crumb-wrapper ul.crumb-nav li a,.crumb-wrapper.global #menu-item-69 span{
        border:0;
    }


    .crumb-wrapper ul.crumb-nav #menu-item-66,.crumb-wrapper ul.crumb-nav #menu-item-28,.crumb-wrapper ul.crumb-nav #menu-item-67,.crumb-wrapper ul.crumb-nav #menu-item-69{
        margin-left:-80px;
    }
    .crumb-wrapper ul.crumb-nav #menu-item-66 a,.crumb-wrapper ul.crumb-nav #menu-item-28 a,.crumb-wrapper ul.crumb-nav #menu-item-67 a{
        padding-left:70px;
    }
    .crumb-wrapper ul.crumb-nav li,.crumb-wrapper ul.crumb-nav li a{
        color: #ffffff;
        position:relative;
        z-index:4;
        font-size:27px;
    }
    .crumb-wrapper ul.crumb-nav #menu-item-66,.crumb-wrapper ul.crumb-nav #menu-item-66 a{
        z-index:3;
    }
    .crumb-wrapper ul.crumb-nav #menu-item-28,.crumb-wrapper ul.crumb-nav #menu-item-28 a{
        z-index:2;
    }
    .crumb-wrapper ul.crumb-nav #menu-item-67,.crumb-wrapper ul.crumb-nav #menu-item-67 a{
        z-index:1;
        position:relative;
    }
     .crumb-wrapper li.current_page_item a, .crumb-wrapper li.current_page_parent a, .crumb-wrapper li.current-page-ancestor a {
        background-position:-128px 50%;
        /*line-height:1.7;*/
        /*font-size:30px;*/
    }

    .crumb-wrapper li a {
        background-position:right center;
        /*background-position:-450px -10px;*/
    }

    .crumb-wrapper #menu-item-69 a,.crumb-wrapper #menu-item-66 a,.crumb-wrapper #menu-item-28 a,.crumb-wrapper #menu-item-67 a{
        background-color:transparent;
        margin-right:0;
        padding-right:10px;
    }
  .crumb-wrapper #menu-item-69 a, .crumb-wrapper #menu-item-66 a, .crumb-wrapper #menu-item-28 a{
        background-image:none;
        background-repeat:repeat-x;
    }

  .crumb-wrapper #menu-item-67.last a{
        background-image:none;
        background-repeat:repeat-x;
    }


    .crumb-wrapper #menu-item-69 a:hover,.crumb-wrapper #menu-item-66 a:hover,.crumb-wrapper #menu-item-28 a:hover,.crumb-wrapper #menu-item-67 a:hover,.crumb-wrapper #menu-item-67.last a:hover {
        background-position:-128px 50%;
    }
    .littletext {
        font-size:15px;
        font-style: italic;
    }
}

/*
* END NAVIGATION
*/

/*
* 9. COMMENTS
*/

#comments {
/*    background-image:url(wordpress_wp-content_themes_mat_bg3.png);
    background-repeat: repeat-x;*/
    font-size:14px;
    padding:6px;
    border-top: 1px solid #365e93;
}
p.comment-form-comment label {
   display:block;
   clear:both;
}
#comments ol, #comments ol li {
    list-style-type:decimal;
}
#comments ol li {
    margin-left:20px;
    margin-bottom:10px;
}
.comment-body p {
    padding-bottom:0px;
}
.trackbackslist li p {

    padding-bottom:0px;
}
/*li.pingback {
    font-size:18px;
}*/

/*
*   10. PRINT-SPECIFIC
*/

@media print {
     body {
        font-size:22px;
     }

}

/*
* 11. NO JAVASCRIPT
*/

.noscript-message {
    background-color:#666666;
    color:#ffffff;
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    padding:10px 10px 10px 10px;
    text-align:center;
    margin:0 auto 0 auto;
    width:968px;
}

/*
 * 12. RECRUITING RIBBON
 */

 #ribbon {
 position:absolute;
 left:0;
 top:0;
 z-index:2001;
 padding: 0;
 margin:0;
}

#ribbon img {
    border: 0 none;
}
/*
*  13. MAKE AID TRANSPARENT CAMPAIGN
*/
.mat-pwyf-left {
	float:left;
	width:450px;
}
.mat-pwyf-right {
	float:right;
	width:430px;
	background-image: url(wordpress_wp-content_themes_mat_mat-right-bg.png);
	background-repeat:none;
	background-position:bottom;
}
/*
playback timings (ms):
  LoadShardBlock: 26.689 (3)
  esindex: 0.008
  captures_list: 44.791
  CDXLines.iter: 12.622 (3)
  PetaboxLoader3.datanode: 58.774 (5)
  exclusion.robots: 0.235
  exclusion.robots.policy: 0.221
  RedisCDXSource: 1.898
  PetaboxLoader3.resolve: 134.423 (2)
  load_resource: 242.938
*/