/*
                       
    ELEXIO | Where Ministry Clicks
    http://www.elexio.com

    Site:       Grid Canvas - White (Amp Web Version)
    File:       content.css
    Author:     jeverhart@elexio.com
    Colors:     2c2c38, dbcf4d, 333333
    Notes:      

*/

/*----{ TYPE DECLARATIONS }----*/
body        { font-family:Helvetica, Arial, Sans-Serif; font-size:12px; }
a           { color:#2c2c38; outline: none; }

@font-face  
{
    font-family: 'Francois One'; 
    src: url('../Type/francoisone-webfont.eot'); 
    src: local('?'), url('https://www.crosscurrent.org/Canvases/Grid-LightBackgroundImage/Type/francoisone-webfont.woff') format('woff'), url('../Type/francoisone-webfont.ttf') format('truetype'), url('../Type/francoisone-webfont.svg') format('svg'); 
    
    } 
@import("//fonts.googleapis.com/css?family=Droid+Serif:400italic");
/*----{ CONTENT STYLES }----*/

.contentarea                            { color:#000; font-family:Helvetica, Arial, sans-serif; font-size:13px; line-height:1.5em; }

.contentarea a                          { color:#555; outline: none; text-decoration:underline; }
.contentarea h1                         { background:url(../images/divider.png) repeat-x bottom; font-family:"Droid Serif", Serif; font-style:italic; font-weight:normal; font-size:24px; line-height:normal; margin-bottom:5px; padding:10px 0 5px; }
.contentarea h2                         { color:#333; font-family:"Francois One", Helvetica, Arial, Sans-Serif; font-size:18px; font-weight:normal; margin:0; padding:0; text-transform:uppercase; }
.contentarea h3                         { color:#555; font-family:"Francois One", Helvetica, Arial, Sans-Serif; font-size:18px; font-weight:normal; margin:0; padding:0; text-transform:none; }
.contentarea p                          { margin:0; padding:5px 0; }
.contentarea_sidebar p                  { margin:0; padding:5px 10px; }
.contentarea_footer                     { color:#c8c8c8; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:auto; padding:0px 0; width:660px; }
.contentarea_footer a                   { color:#fff; }

.contentarea_shelf,
.contentarea_bottom                     { color:#fff; line-height:1.4em;  }
.contentarea_shelf a,
.contentarea_bottom a                   { color:#ccc; }
.contentarea_shelf h1,
.contentarea_bottom h1                  { color:#fff; border-bottom:1px solid #e5e5e5; font-family:"Droid Serif", Serif; font-style:italic; font-weight:normal; font-size:24px; line-height:normal; margin:0 0 5px 0; padding:10px 0 5px; }
.contentarea_shelf h2,
.contentarea_bottom h2                  { color:#fff; font-family:"Francois One", Helvetica, Arial, Sans-Serif; font-size:18px; font-weight:normal; line-height:normal; margin:0; padding:0; text-transform:uppercase; }
.contentarea_shelf h3,
.contentarea_bottom h3                  { color:#ccc; font-family:"Francois One", Helvetica, Arial, Sans-Serif; font-size:18px; font-weight:normal; line-height:normal; margin:0; padding:0; text-transform:none; }
.contentarea_shelf p,
.contentarea_bottom p                   { margin:0; padding:5px 0; }

.contentarea_video                      { color:#fff; line-height:1.3em; }
.contentarea_video a                    { color:#eee; }
.contentarea_video h2                   { background:#2c2c38; color:#fff; font-family:Oswald, Arial, Helvetica, sans-serif; font-weight:normal; line-height:normal; margin-bottom:5px; padding:2px 8px; text-transform:uppercase; }
.contentarea_video p                    { padding:5px 5px; }