/********************************************
 Campus Progress Reboot

 Base "Mobile First" CSS
 Default Styling + Small Screen Style

 2013, Matt Pusateri
 Center for American Progress
 *******************************************/


/********************************************
  Table of Contents

  1. Resets
  2. Global Styles & Typography
  3. Main Site Structure
  4. Navigation
  5. Header & Footer
  6. Package/Feature Box Styling
  7. Story Styles
  8. Actions and Forms
  9. Side-boxes and Slide-ins
  10. Archives and Story Feeds
  11. Home Page
  12. Search & Search Results
  13. Aggregation Pages
********************************************/


/********************************************
  Master Color Guide

  # Yellow       #E0BB00 (Ideas)
  # Dark Yellow  #B89900 (For Idea headlines and kickers)
  # Green        #4e7708 rgb (78,119,8) (Voices, Base Link Color)
  # Light Green  #7EBF0D (Lighter Green link for dark backgrounds)
  # Blue         #0076a2 rgb(0,118,162) (Actions)

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


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

  Master Typography Guide

  # Body (Calibri, Candara, Segoe, "Segoe UI", Arial, sans-serif, 1em)

  # H1, H2, H3, Captions, Blockquote, Pullquote:
     ("Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif)

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





/********************************************
  1. Resets
********************************************/

/* Eric Meyer CSS Reset */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* Here is a natural box layout model to all elements */
    * { -moz-box-sizing: border-box; box-sizing: border-box;}



/********************************************
  2. Global Styles & Typography
********************************************/

html {background:#777 url(./../images/noise.png);}

body {
    font-family: Calibri, Candara, Segoe, "Segoe UI", Arial, sans-serif;
    font-size:100%;
    -webkit-font-smoothing: antialiased;
    }


em {font-style:italic;}
strong {font-weight:bold;}

p {
    margin:0 2% 1em;
    line-height:1.5em
    }
a {
    text-decoration:none;
    color:#4e7708;
    }

.infobox a, img a, a img {border:0}

p a:hover,
li a:hover {
    text-decoration:none;
    color:#4e7708;
    border-bottom:dotted 1px #4e7708;
    }


.content article p.small-print {font-size:.8em;font-style:italic;padding:1em 0 0;}

footer p {
    text-align:center;
    margin:0 auto;
    }


/* Basic lists:  Only applying these within Article to limit overstyling of bullets, impact on nav lists, etc */

.content article ul li {list-style:disc;}
.content article ol li {list-style:decimal;}
.content article ul li ol li {list-style:decimal;}
.content article ol li ul li {list-style:disc;}

article ol, article ul {
    text-indent:0;
    margin:.5em 0 1em;
    }

article ol li, article ul li {
    margin:0 5% .5em 10%;
    line-height:1.5em
    }

article ul.cleanlist li {
    margin:0 0 .5em 0;
    list-style:none;
    line-height:1.2em;
    }



.col-A, .col-B {padding:1em}

.col-A ul li,
.col-B ul li,
.col-A ul p,
.col-B ul p {
    list-style:none;
    margin:0 0 1em;
    line-height:1.2em;}

.col-A h2,
.col-B h2,
.col-A p,
.col-B p {margin-left:0;}

/* Color Indicators for Ideas, Voices, Act */
.ideas  {color:#E0BB00;}
.voices {color:#4e7708;}
.act, .actions, .events {color:#0076a2;}
.issues {color:#fff;}
.about {}


/* Issue Colors */
.immigration {color:#ca4f00;}
.lgbtq {color:#34a5b6;}
.college-affordability {color:#c00;}
.voting-rights {color:#090}
.progressive-growth {color:#005fc3}
.civic-engagement {color:#4906bb}
.climate-change {color:#1d6210;}
.gun-violence {color:#035483;}

h1.hidden {display:none}
ul#hidden {display:none}

/* Headers */
h1, h2, h3 {
    color:#000;
    font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
    font-weight:bold;
    line-height:1.15em;
    padding:0;
    text-align:left;
    margin:0 0 .33em;
    }

h1 {
    font-size:1.75em;
    margin:0 2% .33em;
    font-family:Calibri, Candara, Segoe, "Segoe UI", Arial, sans-serif;
    font-weight:400;
    }

h2 {font-size:1.5em;
    margin:0 0 .5em 2%;
    font-family:Calibri, Candara, Segoe, "Segoe UI", Arial, sans-serif;
    font-weight:normal;}

h3 {font-size:1.25em;}

	h3.breaking {
		text-align:center;
		margin:1.25em -2.08333333333% .5em;
		font-weight:500;
		font-family:'Lato',sans-serif;
		font-size:1.15em;
		background:#004B66;
		color:#fff;
		padding:.7em 0 .9em;
	/*
	border-top:2px solid #0076a2;
		border-bottom:2px solid #0076a2;
*/
		-webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, .5);
		box-shadow: 0 3px 6px 0px rgba(0, 0, 0, .5);
		}

	h3 strong {font-weight:900}

	h3.breaking a {
		font-weight:900;
		color:#E0BB00;
		display:inline-block;
		margin-left:.5em;
		}


h4 {
    font-size:1.1em;
    margin:0 0 .33em;
    font-weight:bold;
    text-align:left;
    }

h5 {   /* Mostly used for indicators */
    font-size:.9em;
    font-weight:bold;
    margin:0 0 .25em;
    }

h1.ideas, h2.ideas, h5.ideas {color:#B89900} /* Darker than base color for links, text, headlines */

article.action h1, article.action h2, article.action h5 {color:#0076a2}

.smaller {font-size:90%;}


/********************************************
  3. Main Site Structure
********************************************/


/* We're using BODY to contain the site itself, instead of a "container" DIV */
body {
    background:#fff;
    display:block;
    margin:0 auto;
    max-width:800px;
    min-width:200px;
    padding:0;
    width:100%;
    -webkit-box-shadow:  0px 0px 6px 6px rgba(0, 0, 0, .1);
    box-shadow:  0px 0px 6px 6px rgba(255, 255, 255, .1);
    }

/* Header includes the social tools, the search, the logo, trending topics, and the Nav */
header {
    margin:0 2%;
    padding:1em 0;
    width:96%;
    }

/* .content is everything below the Header and above the Footer */
.content {
    display:block;
    overflow:hidden;
    width:100%;
    }

/* .logo needs unique styling because it behaves differently on big and small screens; */
header .logo{
    clear:both;
    display:block;
    height:auto;
    margin:0 auto 0;
    width:50%;
    }


footer {
    background:#0076a2;
    margin:2em 0 0;
    padding:1em 2em;
    width:100%;
    color:#fff;
    overflow:hidden;
    display:block;
    width:100%;
    }


/* Big Image at Top of Page */
img.bigart {
    width:100%;
    height:auto;
    margin:0 0 .75em 0;
    -webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 6px 0px rgba(0, 0, 0, .3);
    }

a img.bigart {border:0}

.photo-meta, .old-photo-meta {margin-bottom:1em;}

.content article p.photo-caption {
    color:#333;
    font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
    font-size:1em;
    font-style:italic;
    line-height:1.2em;
    margin:0 5%;
    text-align:left;
    }

.content article p.photo-credit {
    color:#666;
    font-size:.75em;
    margin:.5em 5% 0 5%;
    text-align:right;
    }

/* The photo-box is for inline photos with captions and credits */
.content article .photo-box {
    /* we've stopped forcing it right, but it will still default there for old content */
    display:block;
    float:right;
    margin:.33em 5% 1em 1em;
    }


.content article .photo-box img {margin-bottom:.2em;}


.content article .photo-box p.photo-credit,
.content article .photo-box p.photo-caption {
    margin-right:0;
    margin-left:0;
    }




/* CSS for old legacy art from the previous design */
.content article .old-photo-meta p.photo-caption,
.content article .old-photo-meta p.photo-credit {text-align:left;}

img.old-art {
    display:block;
    margin:0 5% .75em;
    -webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 6px 0px rgba(0, 0, 0, .3);
}



/* Adjustments */
    .fit {width:100%;height:auto;}
    .right {float:right;}
    .left {float:left}

    .center {
        margin-left:auto;
        margin-right:auto;
        }

    .centered {text-align:center;}

    .split {
        width:50%;
        height:auto;
        }

    .wide {
        width:100%;
        display:block;
        }

    .clear {display:block;overflow:hidden;}

    .nobreak {display:inline-block}

    .tight {line-height:1.2em}


    .third {width:100%;}

    .marginright {margin-right:1em}
    .marginleft {margin-left:1em}
    .margintop {margin-top:1em}
    .marginbottom {margin-bottom:1em}



/********************************************
  4. Navigation
********************************************/

nav {display:none}

    nav.primary {
    display:block;
    }

    nav.primary img.navbutton {
        position:absolute;
        right:1em;
        top:18px;
        height:auto;
        width:7%;
        }

    nav.primary ul.main {
        display:block;
        margin:3em 0 1em;
        position:fixed;
        top:0;
        right:-100%;
        width:50%;
        min-width:150px;
        padding:0;
        background: #000;
        z-index:1000;
        -webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, .3);
        box-shadow: 0 3px 6px 0px rgba(0, 0, 0, .3);
        -webkit-border-radius: 6px 0 0 6px;
        border-radius: 6px 0 0 6px;
        padding:0;
        text-indent:0;
        text-align:center;
        }

        nav.primary ul.main li {
        display:block;
        margin:0;
        padding:.5em 0;
        font-size:1em;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:.1em;
        text-align:center;
        border-bottom:1px solid rgba(255,255,255,.3);
        }

        nav.primary ul.main li:last-child {border-bottom:none;}

            nav.primary ul.main li span {
            display:block;
            margin-top:.3em;
            color:#ccc;
            clear:left;
            font-size:.8em;
            font-weight:normal;
            text-transform:none;
            letter-spacing:normal;
            }

        nav.primary ul.main li a {
            text-decoration:none;
            font-weight:bold;
            font-size:1.1em;
            border:0;
            }

          nav.primary ul.main li a.issues {
            font-weight:normal;
            letter-spacing:.1em;
            }


        nav.primary ul.main li a.about {
            color:#999;
            font-weight:normal;
            letter-spacing:.1em;
            }

        nav.primary ul.main li div.drop {display:none;}

        a#jump {display:none}



    .mobile-jump a {
        display:block;
        width:75%;
        height:auto;
        padding:.25em .5em;
        text-align:center;
        margin:1.5em auto 1em;
        background:#ddd;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow:  3px 3px 6px 0px rgba(0, 0, 0, .3);
        box-shadow:  3px 3px 6px 0px rgba(0, 0, 0, .3);
        vertical-align:middle;
        text-transform:uppercase;
        }

    .bigscreen-jump {display:none;}


/* Navbox

   For unwanted, but neccesary secondary navigation at the top of pages  */


.navbox {
    display:block;
    overflow:hidden;
    margin:0 2% 2em;
    background:#eee;
    padding:0 3% 1em 3%;
    border-top:3px solid rgba(78,119,8,.5);
    border-bottom:3px solid rgba(78,119,8,.5);
    }


.navbox ul li {
    display:block;
    background:#ccc;
    padding:.5em 1em .6em;
    margin:.75em 1em .75em 0;
    text-align:center;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    }

.navbox h4 {color:#333; margin:1em 0 .5em; text-align:center;}



/********************************************
  5. Header & Footer
********************************************/

header .social-links {
/*
    overflow: hidden;
    padding:0 0 1em; display:block;
    width:320px;
*/
display:none;
}

header .social-links ul li {
    float: left;
    height: 20px;
    margin: .33em .5em 0 0;
	}

header .social-links ul li.facebook {
    width: 45px;
    overflow: hidden;
	}

header .social-links ul li.twitter {
    width: 61px;
	}

header .social-links ul li.tumblr {
    width: 62px;
}

header .social-links ul li.instagram {
    width: 114px;
    }

header .social-links ul li.youtube {
	width: 61px;
}
/* Social links on mobile; smaller & simpler */

header .social-mobile-links {
	width:90%;
	padding:0 0 1em;
	display:block;
	overflow:hidden;
	}

header .social-mobile-links ul {list-style:none;margin:0 .5em 0 0;padding:2px 0;display:block;float:left;}
header .social-mobile-links ul li {display:inline-block;}
header .social-mobile-links ul li a {display:inline-block; background:#ccc;margin-right:.5em; text-indent:-9999em; height:1.5em;width:1.5em; border-bottom:0; background:yellow}

header .social-mobile-links ul li a.facebook {background:url(/wp-content/themes/cpr/images/fc-webicon-facebook.svg) no-repeat; background-size:1.5em 1.5em;}
header .social-mobile-links ul li a.twitter {background:url(/wp-content/themes/cpr/images/fc-webicon-twitter.svg) no-repeat; background-size:1.5em 1.5em}
header .social-mobile-links ul li a.tumblr {background:url(/wp-content/themes/cpr/images/fc-webicon-tumblr.svg) no-repeat; background-size:1.5em 1.5em}
header .social-mobile-links ul li a.instagram {background:url(/wp-content/themes/cpr/images/fc-webicon-instagram.svg) no-repeat; background-size:1.5em 1.5em}
header .social-mobile-links ul li a.youtube {background:url(/wp-content/themes/cpr/images/youtube.svg) no-repeat; background-size: 1.5em 1.5em}


ul#footer-nav  {list-style:none;margin:1em 0 3em;padding:0;border-bottom:3px solid #777;}
ul#footer-nav li {text-indent:0;padding:.5em 0;border-top:3px solid #777;background:#333;text-align:center;font-size:1.1em}
ul#footer-nav li.back {background:none; font-size:1em}
ul#footer-nav li a {color:#fff;border:0;}

    footer ul li {
        font-size:.9em;
        margin:.5em 0
        }

    footer a {color:#fff;}
    footer a:hover {
        border-bottom:1px dotted #fff;
        color:#fff;
        }

    footer h4 {margin:2em 0 1em;}

    footer p {padding-top:1em;}

        footer hr {border:none; margin:1.5em 0}



/* TRENDING */

nav.trending {
    font-weight:bold;
    display:block;
    margin:0;
    background:#fff;
    padding:1em 0 0;
    color:#666;
    text-align:center;
    }

nav.trending ul {
    list-style:none;
    font-size:.8em;
    margin:0;
    padding:0 1em;
    display:inline-block;
    text-indent:0;
    line-height:1.5em;
    }

nav.trending ul li {
    display:inline-block;
    margin:0 0 0 1em;
    font-style:italic;
    }

nav.trending ul li a {
    font-weight:normal;
    color:#437708;
    }


/********************************************
  6. Package/Feature Box Styling
********************************************/

.package {
    display:block;
    padding:0 0 0 0;
    margin:1em 0;
    border-top:2px solid #eee;
    background:#eee;
    }

.package .package-splash {
	width:100%;
	height:auto;
	margin-bottom:1em
	}

.package p {line-height:1.25em; margin:.5em 0}
.package h1 {margin:.25em 0 .5em; font-size:1.8em; font-weight:normal;padding:0 1%;}
.package h2 {margin:.25em 0 0; font-size:1.5em; text-align:left; padding:0; font-weight:normal;line-height:1.25em;}

.package a,
.secondary-actions a {color:#333;}

.package h2 a:hover,
.package h3 a:hover,
.package h4 a:hover,
.secondary-actions a:hover {
    color:#4e7708;
    border-bottom:1px dotted #4e7708;
    }

#ideas-page .package,
#actions-page .package,
#voices-page .package {
    background:none;
    border:0;
    }

.infobox {
    overflow:hidden;
    margin:1em 2%;
    padding:0 2%;
    display:block;
    }

.infobox h3 {
    display:block;
    padding:0;
    margin:0 0 .5em 0;
    font-weight:normal;
    font-size:1.1em;
    line-height:1.25em;
    text-align:left;
        }

.infobox h4 {font-weight:normal;margin-top:0;}

.infobox h4 a {color:#333;}

.infobox h4 a:hover {
    color:#4e7708;
    border-bottom:1px dotted #4e7708
    }


.package .thumb {
    float:right;
    margin:.33em 0 0 1em;
    width:33%;
    height:auto;
    }

.package .top-stories .infobox {
    background:none;
    }

.package .top-stories .thumb {
    margin:.33em 0 .5em .5em;
    width:45%;
    }

.package .infobox p.byline {
    font-style:italic;
    font-size:.9em;
    }

.package .secondary-stories .infobox,
.secondary-actions .infobox {
    padding-bottom:1.5em;
    margin:0 2% 0 0;
    }

.package .secondary-stories .infobox .thumb,
.secondary-actions .infobox .thumb {
    float:right; margin-left:1em;width:33%;height:auto;
    }

.package .top-stories a.morelink,
.package .top-story a.morelink,
.package .secondary-stories a.morelink,
.secondary-actions a.morelink {
    color:#fff;
    display:inline-block;
    clear:left;
    background:#4e7708;
    padding:.4em 1em .5em;
    margin-bottom:.5em;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, .2);
    border-bottom:none;
    }

    .package .secondary-stories a.morelink,
    .secondary-actions a.morelink {
    font-size:.8em;
    margin-top:0;
    }

.package .top-stories a.morelink:hover,
.package .top-story a.morelink:hover,
.package .secondary-stories a.morelink:hover {
    background:rgba(78,119,8,.8);
    }

#voices-page .package .top-stories a.morelink,
#voices-page .package .top-story a.morelink,
#voices-page .package .secondary-stories a.morelink{
    background:rgb(78,119,8);
    }

#voices-page .package .top-stories a.morelink:hover,
#voices-page .package .top-story a.morelink:hover,
#voices-page .package .secondary-stories a.morelink:hover {
    background:rgba(78,119,8,.8);
    }

.package .top-stories a.actionlink,
.package .top-story a.actionlink,
.secondary-actions a.actionlink,
.action a.actionlink {
    color:#fff;
    display:inline-block;
    clear:left;
    background:#0076a2;
    padding:.4em 1em .5em;
    margin-bottom:.5em;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, .2);
    border-bottom:none;
    }

.package .top-stories a.actionlink:hover,
.package .top-story a.actionlink:hover,
.secondary-actions a.actionlink:hover,
.action a.actionlink:hover {background:rgba(0,118,162,.8)}


    .secondary-actions a.actionlink {font-size:.8em;}

.package .top-story {
    display:block;
    overflow:hidden;
    width:100%;
    margin-bottom:1em;
    }

    .package .top-story .infobox {
    width:100%;
    margin:0;
    }

/* Spotlight for Press Room page */
.spotlight iframe {
    float:none;
    margin:0 auto .5em;
    display:block;}

.spotlight p {
    font-size:1.1em;
    line-height:1.2em;
    }

.spotlight h3 {
    font-weight:bold;
    font-family:Calibri, "Gill Sans", Verdana, sans-serif;
    }




/********************************************
  7. Story Styles
********************************************/

.content article {
    width: 100%;
    margin:0 0 1em 0;
    padding-bottom:1em;
}

article h1, article h2, article h3, article h4, article h5 {
    margin-left:5%;
    margin-right:5%;
}

.content article h1 {
    font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
    margin-bottom:.5em;
}

article aside h4 {margin-left:0;}
article aside ul {margin:1em 5% 0}
article aside ul.cleanlist li {margin-top:1em}

article h5 {
    text-align:left;
    text-transform:uppercase;
    color:#666;
}

article h5 span {font-weight:normal;color:#333;}

.content article p {
    font-size:1em;
    margin:0 5% 1em;
}

.content article p.article-extra {font-size:1em;}
.content article p.article-extra a {border-bottom: 1px dotted #777}

.content article p.byline {font-size:.9em; text-transform:uppercase; color:#777;}
.content article p.byline a {text-decoration:none;color:#4e7708; border-bottom: 1px dotted #777}

/* .content article .comments {margin:2em 5% 1em;}  hide from mobile for now  */
.content article .comments img {width:95%;auto;} /*temp fix for mockup art for comments*/

.comment-disclaimer {
    font-size: .9em;
    font-style: italic;
    padding: 0 0px 10px 0;
    margin: 0;
}

.content article .story-social {
    display: table;
    width: 100%;
    height: 2em;
    font-family:'Lato',sans-serif;
}

.content article .story-social a {
    display: table-cell;
    vertical-align: middle;
    color: white;
    font-weight: 700;
    width: 25%;
}
.content article .story-social a i {
    display:inline-block;
    vertical-align:middle;
    font-size: 1.5em;
}
.content article .story-social a i span {
    display:inline-block;
    vertical-align:middle;
    font-size: .6em;
    margin-bottom: .3em;
}
.content article .story-social a.story-facebook {
    background-color:#3b5998;
}
.content article .story-social a.story-facebook:hover {
    background-color:#4161a6;
}
.content article .story-social a.story-twitter {
    background-color:#00aced;
}
.content article .story-social a.story-twitter:hover {
    background-color:#00b2f2;
}
.content article .story-social a.story-tumblr {
    background-color:#32506d;
}
.content article .story-social a.story-tumblr:hover {
    background-color:#385a7a;
}
.content article .story-social a.story-email {
    background-color:#939498;
}
.content article .story-social a.story-email:hover {
    background-color:#a1a2a6;
}

.content article blockquote {
    display:block;
    margin:1.5em 10%;
    font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
    font-size:.95em;
    line-height:1.5em;
    border-left:1px dotted #4e7708;
}

.content article .pullquote {
    display:block;
    width:50%;
    float:right;
    padding:1em 0 1em 1em;
    margin:0 0 .5em 1em;
    font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
    font-size:1.4em;
    line-height:1.5em;
    color:#333;
    border-top:1px dotted #4e7708;
    border-bottom:1px dotted #4e7708;
}

.content article .picright {
    float:right;
    margin:.33em 5% 1em 1em;
}

.content article img.picright {margin-right:0;}


.content article .picleft {
    float:left;
    margin:.33em 1em 1em 5%;
}

.content article img.picleft {margin-left:0;}


.content article .piccenter {
    float:none;
    margin:1em auto;
    display:block;
    clear:both;
}

.content article .bioAbout {
    font-style: italic;
}

/* some Bio styling */

div.biophoto {
    display:block;
    float:none;
    margin:.33em auto .5em;
    text-align:center;
}

.biophoto img {margin-bottom:.33em}

article.bio .authored-stories {margin-top:2em;}
article.bio h3 {margin-bottom:1em;}

.mini-bio {display:block;overflow:hidden;margin:1em 2%;}
.mini-bio-photo {/* width:15%;height:auto; */float:right;margin:0 0 1em 1em}
.mini-bio h2, .mini-bio h3, .mini-bio h4, .mini-bio p{margin:0 0 .5em 0; text-align:left;}
.mini-bio h3 {font-weight:normal;margin-bottom:.25em;}
.mini-bio h3 a:hover {
    text-decoration:none;
    color:#4e7708;
    border-bottom:dotted 1px #4e7708;
}

.mini-bio h4 {font-weight:normal;font-style:italic;}
ul.stafflist {margin-bottom:2em;}
ul.stafflist li {margin:0 0 .5em 2%}


/********************************************
  8. Actions and Forms
********************************************/


.action h1 {
    font-size:1.75em;
    font-weight:normal;
    color:#0076a2;
    }

.action h2 {
    font-weight:normal;
    line-height:1.15em
    }

/* .action-intro is the text or art that sets up the action, hopefully short and concise */
.action-intro {
    display:block;
    margin:0 0 2em 0;
}

.action-intro h4 {margin-left:0;}

.action-intro img {padding:0 0 1em 0;}

    /* Use this for letters, petition text, etc. */
article.action .action-intro blockquote {
    background:#ddd;
    border-left:0;
    font-size:.9em;
    margin:1em 5%;
    padding:1em;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, .2);
}

article.action .action-intro blockquote p {margin-right:0}


/* .action-act is the actual form for an action on a page */
.action-act {
    width:94%;
    background:#ffffdb;
    display:block;
    padding:1em 0 1em 0;
    margin:1em auto 2em;
    border-top:2px solid #eee;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, .2);
    box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, .2);
}

.action-act form {
    width:90%;
    margin:5%;
    font-size:1.1em;
}


article.action .action-act p {
    padding-right:0;
    text-align:center;
}

.action-act form p {
    margin:0 auto 1em;
}

article.action .action-act h2 {margin:0 1em 1em; text-align:center}
article.action .action-act h3 {
    margin:1em 0;
    padding-top:.5em;
    border-top:1px dotted #4e7708;
    font-weight:normal;
    text-align:center;
}

article.action .action-act h4 {margin:0 auto .25em;text-align:center;}
article.action h4.time {margin-bottom:1em}
article.action p.location {text-align:center;margin-bottom:2em}

.action-act form input, .action-act form textarea, .action-act form select {
    margin:0 auto 1em;
    clear:left;
    display:block;
    width:90%;
    padding:.5em 1em;
    border:1px solid #ccc;
}

.action-act form textarea {
    height:10em;
    resize:vertical;
    font-size:.8em
}

.action-act form label {margin:0 auto .5em;text-align:center;display:block; width:90%; line-height:1.25em;}

.action-act a.actionlink {margin:1em auto; display:block; width:90%;text-align:center; font-size:1.5em; font-weight:bold; background:#4e7708;}

.action-act form input[type=submit] {
    margin:0 auto;
    padding:.25em .5em;
    background:#0076a2;
    padding:.5em 1em;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color:#fff;
    border:0;
    display:block;
    font-size:1em;
}

.action-act input[type=radio] {
    margin:0 1em 1em 0 ;
    display:inline-block;
    width:auto;
    clear:none;
}

.action-act form select {font-size:.8em;padding:.5em}

.action .disclaimer {
    font-size:.8em;
    display:block;
    clear:both;
    margin:1em 5%;
}


/* Misc stuff for Salsa multiple target recipients */
.targets .recipient {
    display:block;
    overflow:hidden;
    margin:0 5% 1em;
    width:90%;
    }

.targets .recipient h4.name {text-align:left;clear:right;margin:0 0 .5em 0;}

.targets img.photo {float:left;margin:0 1em 1em 0}





/*--------------------------------------------
   Donation Form
---------------------------------------------*/

#donation-form h4 {
    font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
    font-weight: normal;
    font-style:italic;
    padding-bottom:.5em;
    font-size:1.2em;
}

#recurrence {margin:1em 0 2em;}

#recurrence label {
    margin:0 0 .5em;
    text-align:left;
    display:inline-block;
    width:85%;
    float:right;
}

.amounts .formRow {
    display:block;
    width:33%;
    float:left;
}

.amounts .formRow label {
    margin:0 0 1.5em;
    text-align:left;
    display:inline-block;
    width:auto;
}


.amounts .otherRow {
    display:block;
    overflow:hidden;
    width:100%;
}


.action-act form input#otheramt {
    display:inline-block;
    width:10em;
    clear:none;
    margin-left:.5em;
    padding:.2em .5em;;
}

.credit-card-info {
    display:block;
    margin:1em 0;
    overflow:hidden;
}

.helpText {
    font-size:.9em;
    font-style:italic;
    margin:.5em 5% 1em;
}


.expiration {
    display:block;
    width:60%;
    float:left;
}

.expiration label {text-align:left;}

#ccExpMonth, #ccExpYear {width:45%;margin:0;clear:none;}
#ccExpMonth {float:left;margin:0;}
#ccExpYear {float:right}

.cvv {
    display:block;
    width:35%;
    float:right;
}


/*--------------------------------------------
  "Big Action"

  A big action is at the top of an issue page
---------------------------------------------*/

.big-action {
    display:block;
    z-index:100;
    padding:.75em 1em 1em;
    margin:1em 2%;
    color:#fff;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow:hidden;
    background: #00abee; /* Old browsers */
    background: -moz-linear-gradient(top,  #00abee 0%, #0076a2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00abee), color-stop(100%,#0076a2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00abee 0%,#0076a2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00abee 0%,#0076a2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00abee 0%,#0076a2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00abee 0%,#0076a2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00abee', endColorstr='#0076a2',GradientType=0 ); /* IE6-9 */
    }

.big-action h1,
.big-action h2,
.big-action h3 {
    color:#fff;
    text-align:center;
    border:none;
    }


.big-action h1 {font-size:1.6em;font-weight:bold;}

.big-action h2,
.package .big-action h2 {
    font-size:1.6em;
    font-weight:normal;
    text-align:center;
    margin:.25em 0 .5em;
    }

.big-action h3 {font-weight:normal;margin-bottom:1em;font-size:1.1em}

.big-action .mini-act {width:80%; margin:.5em auto; overflow:hidden;}

.big-action a.actionlink,
.big-action input[type="submit"] {
    margin:0 0 0;
    padding:.33em 2em;
    display:block;
    width:100%;
    float:none;
    text-align:center;
    font-size:1em;
    font-weight:bold;
    background:#000;
    color:#fff;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, .2);
    }

.big-action a:hover.actionlink,
.big-action input[type="submit"]:hover {
    background:#333;
    }

.big-action input {
    width:100%;
    float:none;
    padding:.25em .5em;
    margin:0 0 .5em;
    display:block;
    border:#ccc 1px solid;
    color:#999;
    font-size:1em
    }

.big-action label {clear:right;display:block;margin:2em auto 1em; text-align:center;font-size:1em; text-transform:uppercase;}

.big-action .ngp-col-1 {
    width: 50%;
    float: left;
}
.big-action .ngp-col-1 input {
    width: 100%!important;
}

.big-action .ngp-form legend {
    display: none;
}

/* Secondary Actions */
.secondary-actions {
    display:block;
    overflow:hidden;
    }


/* Slide in Forms */
form.slideform {
    display:block;
    margin:1em 0 0;
    }

form.slideform input {
    width:100%;
    margin:1em 0;
    padding:.33em .5em;
    color:#666;
    }

form.slideform button {
    width:60%;
    margin:0 auto;
    padding:.25em .5em;
    background:#0076a2;
    padding:.5em 1em;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color:#fff;
    border:0;
    display:block;
    }


/*--------------------------------------------
   FORM ERROR & TOOLTIP STYLING
---------------------------------------------*/




.error {border: 1px solid #f00; color:#ff0000;}

label.error {
	padding:.25em 1em;
	display:inline-block;
	color: #ff0000;
	font-size:.9em;
	font-weight:bold;
	background:#222;
	background:rgba(0,0,0,.9);
	clear:both;
	margin:.5em 0 0 0;
	-webkit-border-radius:6px;
	border-radius: 6px;
	border:0;
	}


.donate-tooltip {
	font-size:.75em !important;
	opacity:.9 !important;
	line-height:1.3em;
	}




/********************************************
  9. Internal Boxes and Slide-ins
********************************************/

/* Basic, All-Purpose Box */
.boxed {
    display:block;
    padding:1em;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow:  3px 3px 6px 0px rgba(0, 0, 0, .3);
    box-shadow:  3px 3px 6px 0px rgba(0, 0, 0, .3);
    }


/* Slidebox */
#slidebox{
    width:100%;
    display:block;
    min-height:7em;
    padding:1em 5%;
    background-color:#000;
    background-color:rgba(0,0,0,.9);
    position:fixed;
    bottom:0px;
    margin:0 auto;
    right:-100%;
    color:#fff;
    z-index:100;
    }

#slidebox h3 {color:#fff;font-size:1.5em;font-weight:normal; text-align:left; margin:0 0 .5em}
#slidebox h4 {color:#fff;font-size:1.1em;font-weight:normal; padding:0 1em; text-align:left;margin:0 0 .5em}


a.close{
    background:transparent url(./../images/close.gif) no-repeat top left;
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:1em;
    right:1em;
    }

a.close:hover{
    background-position:0px -13px;
    }

#slidebox .infobox {margin:1em 0 0 1em;padding:0;}
#slidebox .infobox h5 {padding:0; text-align:left;margin-left:0;}
#slidebox .infobox .thumb {float:right; margin:.5em 0 .5em .5em}
#slidebox .infobox h3 {
    font-size:1.25em;
    display:inline;
    margin:0;
    line-height:1.25em;
    padding:0;
    }
#slidebox h3 a, #slidebox h4 a {color:#7EBF0D;}
#slidebox h3 a:hover, #slidebox h4 a:hover {border-bottom:dotted 1px #ccc;}


/* Related Stories */
.related-stories {
    display:block;
    margin-top:1em;
    padding:1em 5%;
    background:#eee;
    border-top:3px solid #ddd; border-bottom:3px solid #ddd;
    overflow:hidden;
    }

.related-stories h4 {display:block;margin:0 0 .5em;color:#333;}

.related-stories .minibox {
    width:100%;
    margin-bottom:1em;
    }

    .related-stories .minibox img {width:100%;height:auto;}


.related-stories h3 {font-size:1.1em;font-weight:normal;text-align:left;margin:.5em 0;}
.related-stories h5 {text-align:left; padding:0; margin:0 0 .25em 0}
.related-stories a {color:#666;}
.related-stories h3 a:hover {
    color:#4e7708;
    border-bottom:dotted 1px #4e7708;
    text-decoration:none;
    }



.explainer-row .related-stories {
    display:block;
    margin-top:0;
    padding:0;
    background:#fff;
    border:0;
    overflow:hidden;
    }


/* Readbox for Ideas Page */

article .readbox {
    text-align:center;
    display:block;
    padding:1em 1em .5em 1em;
    margin:0 0 1em 1em;
    width:40%;
    float:right;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
        -webkit-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    -webkit-box-shadow:  3px 3px 6px 0px rgba(0, 0, 0, .3);
    box-shadow:  3px 3px 6px 0px rgba(0, 0, 0, .3);
    }

article .readbox ul{
    list-style:none;
    margin:0;
    text-indent:0;
    }

article .readbox ul li {
    text-align:center;
    font-size:.9em;
    line-height:1.2em;
    color:#333;
    padding:.5em 0;
    margin:0;
    list-style:none;
    }
.readbox ul li a {font-weight:bold}

.readbox h3 {
    padding-bottom:4px;
    margin-bottom:.5em;
    text-align:center;
    font-family:Calibri, "Gill Sans", Verdana, sans-serif;
    color:#036;
    font-size:1.4em;}

.readbox img.cover {
    width:100%;
    height:auto;
    -webkit-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, .2);
    box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, .2);
    margin-bottom:1em;
    }


/* Issue Link for Singular Idea or Voice pages
    (can also be used for asides on press-room pages, etc
*/

.content article .issue-link,
aside {
    display:block;
    padding:1em;
    width:40%;
    float:right;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
    margin:.5em 0 .5em 1em;
    line-height:1.25em;
    font-size:.9em;
    -webkit-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    -webkit-box-shadow:  3px 3px 6px 0px rgba(0, 0, 0, .3);
    box-shadow:  3px 3px 6px 0px rgba(0, 0, 0, .3);
    }


.content article aside p {margin:.5em 0;}


/*  Old version; had placement problems, collision with read-box
.content article.idea .issue-link {
    float:left;
    margin:.5em 1em .5em 0;
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    }
*/

.content article.idea .issue-link {
    float:none;
    width:90%;
    margin:.5em 5%;
    -webkit-border-radius: 0;
    border-radius: 0;
    background:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:dotted 1px #4e7708;
    }



/********************************************
  10. Archives and Story Feeds
********************************************/



#storyfeed {
    display:block;
    margin:2em 0;
    width:96%;
    }

#storyfeed h3 {font-weight:normal;text-align:center;padding:.5em;}
#storyfeed .infobox {margin:0 0 1.5em 0}

#storyfeed .infobox .thumb {
    float:right;
    margin:.5em 0 0 1em;
    width:33%;
    height:auto;
    }

#storyfeed h4 {
    font-size:1em;
    line-height:1.2;
    font-weight:bold;
    margin-bottom:0;
    clear:none;
    }
#storyfeed h4 a:hover {color:#4e7708}
#storyfeed p.tease {line-height:1.25em; margin:.5em 0;font-size:.9em;}
#storyfeed p.byline {line-height:1.25em; margin:.5em 0;font-size:.8em;font-style:italic;}
    #storyfeed p.byline a {color:#666;}
#storyfeed .more {margin-left:2%}
#storyfeed .more span,  span.more {font-family:Arial, sans-serif}



/********************************************
  11. Home Page Styles
********************************************/

.splash {
    background:url(/wp-content/themes/cpr/images/genprogress-banner.jpg) no-repeat center center;
    margin:0 0 1em;
    padding:1em 0;
    overflow:hidden;
    }

/*  The "elevator pitch" is for the top of the home page; a brief explanation of the site/org  */
h2.elevator-pitch {
    font-weight:300;
    font-family:'Lato',sans-serif;
    margin:1em 10% 1em;
    line-height:1.5em;
    text-align:center;
    background:rgb(0,118,162);
    opacity:.9;
    color:#fff;
    padding:1em;
    -moz-transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    text-shadow: 1px 1px 1px #000;
    filter: dropshadow(color=#000, offx=1, offy=1);
    }


/*  The "explainer" is a breakdown of the three elements of the site/org  */
.explainer {
    display:block;
    overflow:hidden;
    padding:1em 5% 0;
    }

.explainer h2 {
    font-weight:400;
    font-family:'Lato',sans-serif;
    margin:1em 0;
    line-height:1.5em;
    text-align:center;
}

.explainer h3 {
    font-weight:300;
    font-family:'Lato',sans-serif;
    margin:0 0 1em;
    line-height:1.5em;
    }

.explainer h3 a {font-weight:400}


.explainer-box {
    display:block;
    width:90%;
    margin:1em 0 0 0;
    float:left;
    }

.explainer-row {
    width:100%;
    display:block;
    overflow:hidden;
    margin-bottom:1em
    }

.explainer-row h3 {
    margin:0 0 .5em 0;
    padding-bottom:.1em;
    border-bottom:1px dotted #999;
    }

.explainer-row p {
    overflow:hidden;
    display:block;
    margin-left:0;
    }
.explainer-row p a {font-weight:normal}
.explainer-row p a:hover {text-decoration:none}


.explainer-box h4,
.explainer-row h4 {
    font-weight:700;
    font-family:'Lato',sans-serif;
    text-align:left;
    font-size:1.25em;
    line-height:1.25em;
    }

.explainer-row h4.more-from {display:none}


.explainer-box h5 {
    font-size:1.15em;
    line-height:1.25em;
    border-bottom:1px dotted #999;
    padding-bottom:.25em;
    margin-bottom:.5em;
    font-weight:normal;
    }



.explainer-box h5 a,
.explainer-row h5 a {
    font-weight:normal;
    }

    .explainer-box h5 a:hover,
    .explainer-row h5 a:hover {
        color:#000;
        border:0;
        cursor:pointer
        }
    .quarter p a {
        font-weight:normal;
        font-size:.8em;
        text-transform:uppercase;
        }

    .quarter p a:hover {border:0;color:#000;}

.explainer-box p {margin:0;}

.explainer-box p,
.explainer-row p {
    line-height:1.25em;

    }

.explainer-box .icon {
    width:33%;
    float:right;
    margin:0 0 .5em .5em}


.explainer a:hover {
/*
    text-decoration:none;
    border-bottom:dotted 1px #4e7708;
*/
    }

.explainer-box a,
.explainer-row a {
    text-decoration:none;
    font-weight:700;
    }


.explainer .last {margin-right:0;}

.explainer ul {margin:1em 5%;}

.explainer ul li {
    font-weight:300;
    font-family:'Lato',sans-serif;
    margin:1em 0 0;
    line-height:1.5em;
    font-size:1.25em;
}

.explainer ul li a {font-weight:700;}

/* Related Stories on Home has a different look */

#front .related-stories {
    background:#002a3d;
    border:0;
    margin-top:2em;
    }

#front .related-stories h3 a,
#front .related-stories h4 {
    color:#fff; font-weight:normal;
    }

.related-stories h3 a:hover {}

#front .related-stories .big-action {
    margin:1em 0;
    padding:1em;
    }

#front .related-stories .big-action h1 {
    font-weight:700;
    font-family:'Lato',sans-serif;
}


#front .related-stories .big-action h3 {
    text-align:center;
    margin-bottom:1em;
    font-weight:400;
    font-family:'Lato',sans-serif;
}

#front .related-stories h4 {
    text-align:center;
    margin-bottom:1em;
    font-weight:400;
    font-family:'Lato',sans-serif;
    }

/* Let's make the trending on the home page a little snappier? */

#home-trending {
    font-size:1.1em;
    background:#000;
    color:#fff;
    margin:0 -1em .5em;
    padding:.4em 0 .5em;
        -webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 6px 0px rgba(0, 0, 0, .3);
    }

#home-trending a {color:#7EBF0D}


/********************************************
  12. Search & Search Result Styles
********************************************/

/* For now, we're hiding the search from mobile; but if we can make it work on small screens, we'll revise this*/

form.search {display:none}

/* "searchside" is for the facets to refine a search */

#searchside {
    display:none;
    }

.sort-search {
    text-align:center;
    }


/* Styling for each individual search result */

.search-result {
    display:block;
    margin:0 0 1.5em 0;
    }

.search-result h4 {
    font-weight:normal;
    padding:0 0 .5em;
    margin:0 5%;
    text-align:left;
    font-size:1.3em;
    }

.search-result h5 {margin-bottom:.25em;}

.search-result .excerpt {
    padding:0 0 0 0;
    margin:0 5% .5em;
    }

.search-result .timestamp {
    font-size:.9em;
    font-style:italic;
    }


/* navigate pages of search results with .resultspager */
.resultpager {
    padding: 0 0 .5em;
    margin: 0 5%;
}

/* Display of filters */
.filters {
    display:block;
    padding:0 0 2em;
    margin:0;
    font-size:.8em;
    }

.content article .filters p {
    margin:0 0 1em;
    padding:0;
    overflow:hidden;
    display:block;
    line-height:1.25em;
    }

.content article .filters p a {
    display:inline-block;
    background:#4e7708;
    padding:0 .5em .2em;
    color:#fff;
    font-weight:bold;
    float:left;
    }

.content article .filters p span {
    display:inline-block;
    width:85%;
    float:right;
    }

.content article .filters p a:hover {
    border:0;
    background:#7EBF0D;
    }



/********************************************
  13. Aggregation Pages
********************************************/

#ideas-page h1,
#actions-page h1,
#voices-page h1,
#issues-page h1,
#press-room h1,
#special-page h1
 {
    display:block;
    text-align:center;
    background:none;
    padding:.25em .75em;
    margin:0 auto .25em;
    font-family:'Lato',sans-serif;
    font-weight:300;
    font-size:2em;
    }

#ideas-page h1 {border-bottom:1px dotted #E0BB00;}
#actions-page h1 {border-bottom:1px dotted #0076a2}
#voices-page h1 {border-bottom:1px dotted #7EBF0D}
#press-room h1 {border-bottom:1px dotted #4e7708}
#special-page h1 {border-bottom:1px dotted #777;margin-bottom:0;}



#ideas-page #storyfeed,
#actions-page #storyfeed,
#voices-page #storyfeed {margin-top:0}


.intro-box {
     display:block;
     width:100%;
     margin-bottom:1em;
     padding:0 1em 1em;
     }

.intro-box h2,
.intro-box h3 {
    text-align:center;
    font-family:'Lato',sans-serif;
    font-weight:300;
    }

.intro-box .sub-links {
    margin:1em auto 0;
    text-align:center;
    }

.intro-box .sub-links li a {
    display:inline-block;
    margin-right:1em;
    color:#fff;
    background:#0076a2;
    padding:.4em 1em .5em;
    margin-bottom:.5em;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size:.9em;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, .2);
    }

.intro-box .sub-links li a:hover {
    background:rgba(0,118,162,.8)
    }

/**
 * Action Forms - NGP Van
 */

.ngp-form-submit {
    margin-top: 1em;
}

/**
 * Added for the overlay
 */
#overlay {
    text-align: center;
}
#overlay {
    left: 0;
}
body.overlay-visible {
    position: relative!important;
}
/**
 * Added for the bio contact link
 */
#contact-button-wrapper {
    margin-left: 40px;
}