/*
Theme Name:     Petra Foundation
Description:    Petra Foundation - child theme of Starkers
Author:         Roundhex - Kevin Clark
Author URI:     http://roundhex.com
Template:       starkers
Version:        1.0
*/


/* Initialize
----------------------------------------------------------------- */

@font-face{ 
    font-family: 'Dustismo';
    src: url('Dustismo_Roman_Bold-webfont.ttf');
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

html, body {
    height: 100%;
}

body {
    text-align: left;
    font: 13px/18px Arial, Sans-serif;
}

img {
    height: auto;
    max-width: 100%;
}
a{
    text-decoration: none;
}
/* Layout
----------------------------------------------------------------- */

.hide_text span {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#wrap {
    width: 100%;
    min-width: 960px;
    height: auto !important;
    min-height: 100%;
    margin-bottom: 40px;
}

#headerwrap {
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
}

#header {
    background: url('images/header.png') no-repeat top center transparent;
    position: relative;
    width: 100%;
    height: 319px;
    margin: 0 auto;
}

#title {
    position: absolute;
    width: 195px;
    height: 75px;
    top: 85px;
    left: 50px;
}

h1#h1-title span {
    display: none;
}



/* JQuery Slideshow
----------------------------------------------------------------- */

#slideshow {
    position: absolute;
    width: 500px;
    height: 200px;
    right: 50px;
    top: 20px;
    border: 5px solid #666;
}

#slideshow img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0;
}

#slideshow img.active {
    z-index: 10;
    opacity: 1.0;
}

#slideshow img.last-active {
    z-index: 9;
}



/* Menu
----------------------------------------------------------------- */

#menuwrap {
    width: 100%;
    height: 50px;
    background: RGBA(131, 131, 131, 1);
    text-align: center;
}

.menu-main-navigation-container {
    position: relative;
    height: 50px;
    width: 862px;
    margin: 0 auto;
    text-align: left;
}

.menu-main-navigation-container ul {
    height: 50px;
    margin-left: 0;
    list-style-type: none;
    line-height: 50px;
    text-align: center;
    padding-top: 5px;
}

.menu-main-navigation-container ul li {
    display: inline;
    padding-right: 25px;
    font: bold 24px/24px Arial, Sans-serif;
}

.menu-main-navigation-container ul li a:link, .menu-main-navigation-container ul li a:visited {
    color: RGBA(193, 193, 193, 1);
    text-decoration: none;
}

.menu-main-navigation-container ul li a:hover, .menu-main-navigation-container ul li a:active {
    color: #fff;
}

.menu-main-navigation-container ul .current-page-ancestor a {
    color: #fff !important;
}

#donatenow {
    float: right;
    margin: 0 -20px -50px 0;
}

#donatenow a:link, #donatenow a:visited {
    display: block;
    height: 50px;
    padding: 0 15px;
    font: 16px/50px Arial, Sans-serif;
    color: white;
    text-decoration: none;
    width: 103px;
    margin: 0 auto 0 722px;
}

#donatenow a:hover, #donatenow a:active {
    background-color: #ff6f47;
}

.menu-main-navigation-container ul .current_page_item a {
    color: #fff !important;
}

/* Content Area
----------------------------------------------------------------- */

	
#contentwrap {
    position: relative;
    width: 950px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 140px;
}

#content {
    position: relative;
    width: 850px;
    margin: 50px auto 0 auto;
    text-align: left;
}


/* 3-Column Layout */

#leftcolumn3 {
    position: relative;
    float: left;
    width: 250px;
}

#rightcolumn3 {
    position: relative;
    float: right;
    width: 250px;
}

#midcolumn3 {
    position: relative;
    margin-left: 300px;
    width: 250px;
    vertical-align: top;
    border: 1px solid #fff;
}


/* 2-Column Layout */

#leftcolumn2 {
    position: relative;
    float: left;
    width: 500px;
    padding-bottom: 40px;
}

#rightcolumn2 {
    position: relative;
    float: right;
    width: 300px;
}




/* Footer
----------------------------------------------------------------- */

#footerwrap {
    height: 100px;
    width: 100%;
    min-width: 960px;
    clear: both;
    background-color: #222;
    border-top: 1px solid #666;
}

#footer {
    padding: 40px 0 0 0;
    margin: 0 auto;
    text-align: center; 
    width: 100%;
}

#footer p {
    font: 13px/16px Arial, Sans-serif;
    color: #666;
}

#footer a:link, #footer a:visited {
    color: #aaa;
    text-decoration: none;
}

#footer a:hover, #footer a:active {
    color: #fff;
}




/* Content Styles
----------------------------------------------------------------- */

#content hr {
    height: 2px;
    color: #d5dbe4;
    background-color: #d5dbe4;
    margin: 30px 0;
}

#content a:link, #content a:visited {
    color: #ed5024;
    white-space: nowrap;
}

#content a:hover, #content a:active {
    text-decoration: none;
    background-color: #ed5024;
    color: #fff;
}

#content a.imagelink:hover, #content a.imagelink:active {
    text-decoration: none;
    background-color: #fff;
}

#content h2 {
    font: 26px/26px Arial, Sans-Serif;
    color: #CCC;
    margin: 0 0 20px 0;
}

#content h3 {
    font: 18px/28px Arial, Sans-Serif;
    color: #AAA;
    margin: 40px 0 20px 0;
}

#content h3 a:link, #content h3 a:visited {
    color: #AAA;
    text-decoration: none;
}

#content h3 a:hover, #content h3 a:active {
    color: #CCC;
    background-color: transparent;
}

#content h4 {
    font: 16px/20px Arial, Sans-Serif;
    color: #777;
    margin: 30px 0 15px 0;
}

#content p, #content li, #content td {
    font: 16px/22px Arial, Sans-serif;
    color: black;
    margin: 0 0 15px;
}

#content td {
    margin: 0;
    vertical-align: top;
    padding-bottom: 20px;
}

.even_col_2 {
    width: 48%;
}

.even_col_2_left {
    float: left;
}

.even_col_2_right {
    float: right;
}

#content .fellow {
    width: 400px;
    margin-bottom: 20px;
}

#fellows_first {
}

#fellows_second {
}

#fellow_map_preview {
    display: none;
    margin-bottom: 35px;
    height: 260px;
}

#fellow_map_preview a {
    display: block;
    float: left;
    clear: left;
}

.fellow .fellow_thumbnail {
    float: left;
    margin-right: 15px;
    border: 1px solid #666;
    width: 82px;
}

.fellow .fellow_excerpt {
    margin-left: 97px;
}

.fellow .fellow_link a {
    display: inline-block;
    max-width: 300px;
    white-space: normal !important;
}

#content h4.fellow_link {
    font-size: 13px;
    margin: 0 0 0 97px;
    color: black;
    font-weight: bold;
}

#content p.submenu {
    font-size: 15px;
    margin-bottom: 40px;
}

#content p.submenu a:link, #content p.submenu a:visited {
    text-decoration: none;
    color: #777b84;
}

#content p.submenu a:hover, #content p.submenu a:active {
    color: #91959e;
    background-color: transparent;
}

#content .quote {
    font: italic 16px/24px Georgia, Serif;
    color: #999;
	/* margin-top: 40px; */;
}

.single-fellows #content .quote {
    margin-top: 0;
}

#content .credit {
    font: italic 14px/20px Georgia, Serif;
    color: rgb(153, 153, 153);
    text-align: right;
    margin: 7px 0 30px 0;
    display: block;
}

#content .fellow_full_credit {
    display: block;
    margin-top: 0;
    text-align: right;
    width: 100%;
}

#rightcolumn3 p, #midcolumn3 p, #leftcolumn3 p {
    margin: 10px 0;
}

#rightcolumn3 h4, #midcolumn3 h4, #leftcolumn3 h4 {
    margin-bottom: 10px;
}

#content li {
    margin: 20px;
}

.photo {
    padding: 6px 0 20px 40px;
    text-align: right;
    float: right;
    font: 11px/13px Arial, Sans-serif;
    color: #333;
}

.photo img {
    border: 1px solid #000;
}

#rightcolumn2 img {
    border: 1px solid black;
}

#fellowsindex {
    width: 400px;
    float: left;
    margin-right: 30px;
}

#content .caption, .wp-caption {
    font: 11px/16px Arial, Sans-serif;
    text-align: left;
    margin: 10px 0 15px 0;
}

.thumbnail {
    float: left;
    padding: 5px 20px 5px 0;
}

.thumbnail img {
    border: 1px solid #666;
}

#content .notopmargin {
    margin-top: 0;
}

#content .nobottommargin {
    margin-bottom: 0;
}

#content .topmargin10 {
    margin-top: 10px;
}

#content .topmargin5 {
    margin-top: 5px;
}

#content .bottommargin10 {
    margin-bottom: 10px;
}

#content .notopmargin p, #content .notopmargin h3, #content .notopmargin h2, #content .notopmargin h1, #content .notopmargin span {
    margin-top: 0;
}

#content span.embeddedmovie {
    cursor: pointer;
}

#content .centered {
    text-align: center;
}

#content .petrabadge a:hover, #content .petrabadge a:active {
    background-color: transparent;
}

#content .petrabadge {
    text-align: center;
    margin-top: -15px;
}
	
/* Forms */

form input {
    border: 1px solid #999;
    padding: 5px;
    width: 220px;
}

form input.submitbutton {
    height: 30px;
    width: 80px;
}

form input#expertise {
    width: 473px;
}

table#mailinglistform p {
    margin: 0 0 10px 0;
    font: 13px/20px Arial, Sans-serif;
}

table#mailinglistform td {
    vertical-align: top;
    padding-right: 20px;
}

img.alignleft {
    float: left;
    padding: 0;
    margin: 5px 20px 5px 0;
}


/* HOME PAGE */
.home #content{
    width: 660px;
}
.home_image{
    display: block;
    margin: 0 auto;
    width: 688px;
}
.section_wrap {
    margin: 0 0 40px;
}

.home #petra-fellow-susana-almanza-first-latina-inducted-into-walk-of-heroes, .home #immigrant-works-to-help-others-avoid-abuse{display:none;}

.home #content .blog_wrap #save-the-date-saturday-june-27-2015-in-boston > h3 > a, .save-the-date-saturday-june-27-2015-in-boston #content .blog_wrap h3 > a{
    font-size:30px;
    color:#ed5024;
    line-height:42px;
    font-family:'Dustimo';
}

.home #content .blog_wrap #save-the-date-saturday-june-27-2015-in-boston > h3, .save-the-date-saturday-june-27-2015-in-boston #content .blog_wrap h3{margin-bottom:20px;}

#content .blog_wrap #save-the-date-saturday-june-27-2015-in-boston .post-sub-section >h5, .save-the-date-saturday-june-27-2015-in-boston #content .blog_wrap .post-sub-section >h5 {font-size:20px;}
#content .blog_wrap #save-the-date-saturday-june-27-2015-in-boston .post-sub-section, .save-the-date-saturday-june-27-2015-in-boston #content .blog_wrap .post-sub-section{margin-top:-10px;}
#content .blog_wrap #save-the-date-saturday-june-27-2015-in-boston  p, .save-the-date-saturday-june-27-2015-in-boston #content .blog_wrap p{font-size:15px;}
/* MISC */
.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

/*hide categories in sidebar */
#categories-3{display:none;}

.tag-content#every-child-matters, .tag-content#shakespeare-behind-bars{display:none;}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom: 1;
}

.side_section_2 {
    border-top: 2px solid rgb(204, 204, 204);
    margin: 14px 0 0;
    padding: 0px 0 0;
}

.no_hover_bg:hover {
    background: transparent !important;
}

/* mailchimp and contact page form styling */
/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup form {
    display: block;
    margin-top: 20px;
    position: relative;
    text-align: left;
    padding: 0;
}

#mc_embed_signup h2 {
    font-weight: bold;
    padding: 0;
    margin: 15px 0;
    font-size: 1.4em;
}

#mc_embed_signup input {
    border: 1px solid #999;
    -webkit-appearance: none;
}

#mc_embed_signup input[type=checkbox] {
    -webkit-appearance: checkbox;
}

#mc_embed_signup input[type=radio] {
    -webkit-appearance: radio;
}

#mc_embed_signup input:focus {
    border-color: #333;
}
/*#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}*/
#mc_embed_signup .button:hover {
    background-color: #777;
}

#mc_embed_signup .small-meta {
    font-size: 11px;
}

#mc_embed_signup .nowrap {
    white-space: nowrap;
}

#mc_embed_signup .mc-field-group {
    padding: 0;
    margin: 0 28px 10px 0;
    float: left;
    position: relative;
}

#mc_embed_signup .size1of2 {
    clear: none;
    float: left;
    display: inline-block;
    width: 46%;
    margin-right: 4%;
}

* html #mc_embed_signup .size1of2 {
    margin-right: 2%;
 /* Fix for IE6 double margins. */;
}

#mc_embed_signup .mc-field-group label {
    display: block;
    margin-bottom: 3px;
}

#mc_embed_signup .mc-field-group input {
    width: 209px;
}

#mc_embed_signup .mc-field-group select {
    display: inline-block;
    width: 99%;
    padding: 5px 0;
    margin-bottom: 2px;
}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us {
    padding: 5px 0;
}

#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input {
    display: inline;
    width: 60px;
    margin: 0 2px;
    letter-spacing: 1px;
    text-align: center;
    padding: 5px 0 2px 0;
}

#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input {
    width: 40px;
}

#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input {
    width: 30px;
}

#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label {
    display: none;
}

#mc_embed_signup .indicates-required {
    text-align: right;
    font-size: 11px;
    margin-right: 4%;
}

#mc_embed_signup .asterisk {
    color: #c60;
    font-size: 200%;
}

#mc_embed_signup .mc-field-group .asterisk {
    position: absolute;
    top: 25px;
    right: 10px;
}

#mc_embed_signup .clear {
    clear: both;
}

#mc_embed_signup .mc-field-group.input-group ul {
    margin: 0;
    padding: 5px 0;
    list-style: none;
}

#mc_embed_signup .mc-field-group.input-group ul li {
    display: block;
    padding: 3px 0;
    margin: 0;
}

#mc_embed_signup .mc-field-group.input-group label {
    display: inline;
}

#mc_embed_signup .mc-field-group.input-group input {
    display: inline;
    width: auto;
    border: none;
}

#mc_embed_signup div#mce-responses {
    float: left;
    top: -1.4em;
    padding: 0em .5em 0em .5em;
    overflow: hidden;
    width: 90%;
    margin: 0 5%;
    clear: both;
}

#mc_embed_signup div.response {
    margin: 1em 0;
    padding: 1em .5em .5em 0;
    font-weight: bold;
    float: left;
    top: -1.5em;
    z-index: 1;
    width: 80%;
}

#mc_embed_signup #mce-error-response {
    display: none;
}

#mc_embed_signup #mce-success-response {
    color: #529214;
    display: none;
}

#mc_embed_signup label.error {
    display: block;
    float: none;
    width: auto;
    margin-left: 1.05em;
    text-align: left;
    padding: .5em 0;
}

#mc-embedded-subscribe {
    clear: both;
    width: auto;
    display: block;
    margin: 1em 0 1em;
    height: 30px;
    width: 80px;
    position: relative;
    top: 34px;
}

#mc_embed_signup #num-subscribers {
    font-size: 1.1em;
}

#mc_embed_signup #num-subscribers span {
    padding: .5em;
    border: 1px solid #ccc;
    margin-right: .5em;
    font-weight: bold;
}

.input-group {
    display: none;
}

.mc_merge_var {
    padding: 0;
    margin: 0 28px 10px 0;
    float: left;
    position: relative;
}

#mc_signup_form .mc_var_label {
    display: block;
}

.mc_help {
    position: absolute;
    top: 0;
    right: 0;
    color: rgb(68, 68, 68);
}

#mc_signup_form {
    width: 522px;
}

#mc_signup_form label {
    margin: 0;
    font: 13px/20px Arial, Sans-serif;
}

#mc-indicates-required {
    width: 100%;
    display: none;
}

.mc_signup_submit {
    text-align: left;
    clear: left;
}

.mc_signup_submit input {
    width: 80px;
}

#mc_mv_EXPERTISE {
    width: 479px;
}

.mc_required {
    display: none;
}

label[for="mc_mv_EXPERTISE"] {
    margin-top: 20px !important;
}

#mc_mv_EXPERTISE {
    margin-bottom: 32px;
}

address {
    font-style: normal;
}

.nobottommargin p, .nobottommargin span {
    margin-bottom: 0 !important;
}


/*Blog Posts*/
.blog_wrap{
    float: left;
    width: 65%;
}
.post-sub-section{
    margin: 10px 0;
}
img.align-left{
    float: left;
    padding: 0;
    margin: 5px 20px 5px 0;
}
img.align-right{
    float: right;
    padding: 0;
    margin: 5px 0 5px 20px;
}
img.align-center{
    display: block;
    margin: 5px auto;
}
#content .blog_wrap h3{
    margin: 20px 0 15px 0;
    max-width: 100%;
    display: block;
}
#content .blog_wrap h3 a {
    font: 20px/24px Arial, Sans-Serif;
    color: #777;
    text-decoration: none;
    white-space: pre-wrap;
}
#content .blog_wrap h3 a:hover{
    background: transparent;
}
#content .blog_wrap h5 {
    font: 16px/20px Arial, Sans-Serif;
    color: #777;
    margin: 0 0 10px 0;
}
/*Sidebar*/
#secondary{
    width: 31%;
    float: right;
}
#secondary ul li{
    list-style-type: none;
    margin: 0 0 3px;
}
#secondary h3.widget-title{
    margin: 20px 0 10px;
}
/* Print Library Styling */
.print_item img {
    float: left;
    padding: 5px 20px 5px 0;
    max-width: 95px;
}

/* Screening Room */
#content .screen_item .sub_title {
    color: black;
    line-height: 1.2em;
    font: bold 13px/18px Arial, Sans-serif;
    margin: 0 0 10px;
}

#content .screen_item_wrap {
    width: 250px;
    padding: 0 0;
    float: left;
    margin: 0 20px 20px 0;
}

#content .screen_item img {
    display: block;
    border: 1px solid rgb(102, 102, 102);
}

.aligncenter {
    margin: 0 auto;
}

/* Semi-Retirement - Eli 11/15 */

.home #content h2 {display:none;}

.menu-main-navigation-container {width:850px;}

.page-id-191 .submenu {display:none;}

.petra-tolle-shattuck #rightcolumn2 .wp-caption {
    margin-bottom: 258px;
    display: block;
}

.home .wp-caption-text{
    display: none;
}

.home #content a {
    margin-bottom: 45px;
    display: block;
}

.fellows h4 a {
    text-decoration: underline;
}

.contact #leftcolumn2{
    margin: 0 auto;
    float: none;
    width: 261px;
}