/*
Theme Name: GSAF
Author: Sizeable Interactive
Author URI: http://sizeableinteractive.com
Description: Custom WordPress theme created by Sizeable Interactive in Baltimore, MD.
*/

@import url(css/normalize.css);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600);

html, button, input, select, textarea { color: #444647; }
body { font-size: 1em; font-family: 'Helvetica Neue', sans-serif; line-height: 1.5; }
::-moz-selection { background: #afe8fa; text-shadow: none; }
::selection { background: #afe8fa; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }


/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* =General
------------------------------------------------------------------- */
h1 { font: 600 36px 'Source Sans Pro', 'Helvetica Neue', sans-serif; margin: 0 0 26px; color: #333; text-shadow: 0 1px 0 #fff; }
h2 { font-size: 26px; margin: 0 0 16px; color: #444; }
h3 { font-size: 18px; margin: 0 0 16px; color: #444; }
h4 { font-size: 16px; margin: 0 0 16px; color: #444; }
p { margin: 0 0 16px; }

a { color: #274870; text-decoration: none; -webkit-transition: color .2s, background-color .2s; transition: color .2s, background-color .2s; -moz-transition: color .2s, background-color .2s; }
a:hover { color: #457fc5; -webkit-transition: color .2s, background-color .2s; transition: color .2s, background-color .2s; -moz-transition: color .2s, background-color .2s; }


/* =Containers
------------------------------------------------------------------- */
.inner { width: 940px; margin: 0 auto; padding: 0 10px; }

#title { height: 131px; background-color: #e1f7fe; background-position: top center; background-repeat: no-repeat; border-bottom: 1px solid #c0dffe; -webkit-box-shadow: inset 0px 8px 8px 0px rgba(0, 0, 0, .1); box-shadow: inset 0px 8px 8px 0px rgba(0, 0, 0, .1);  }
#title h1 { margin-bottom: 0; padding-top: 45px; }

#container { padding: 50px 0 60px; }


/* =Header
------------------------------------------------------------------- */
header.main { padding: 30px 0; }
header.main .logo { float: left; }

header.main nav ul { float: right; margin: 0; padding: 0; }
header.main nav ul li { float: left; margin: 0; padding: 0; list-style: none; }
header.main nav ul li a { display: block; width: 180px; font: 600 18px 'Source Sans Pro', 'Helvetica Neue', sans-serif;; color: #363636; text-decoration: none; }
header.main nav ul li a em { display: block; font-weight: 400; font-size: 13px; color: #717171; font-style: normal; -webkit-transition: color .2s, background-color .2s; transition: color .2s, background-color .2s; -moz-transition: color .2s, background-color .2s; }
header.main nav ul li a:hover,
header.main nav ul li a:hover em,
header.main nav ul li.current_page_item a:hover,
header.main nav ul li.current_page_item a:hover em,
header.main nav ul li.current_page_ancestor a:hover,
header.main nav ul li.current_page_ancestor a:hover em { color: #457fc5; /*logo color: cf2e23*/ }
header.main nav ul li.current_page_item a,
header.main nav ul li.current_page_item a em,
header.main nav ul li.current_page_ancestor a,
header.main nav ul li.current_page_ancestor a em { color: #999; }


/* =Content
------------------------------------------------------------------- */
#content { width: 640px; padding: 0 0 50px; float: left; }

.callout { margin: 30px; padding: 20px 30px; background: url(images/bg-callout.png) repeat-x top; font-size: 14px; }
.callout img.alignleft { margin-right: 40px; }
.callout p { margin-top: 10px; }

ul.partners { margin: 0 0 40px; padding: 0; text-align: center; }
/*ul.partners li { margin: 0 36px 0 0; padding: 0; float: left; list-style: none; }*/
ul.partners li { padding: 0; display: inline-block; list-style: none; width: 20%; margin: 1em; }
ul.partners li a:hover { opacity: .5; }
ul.partners li img { width: auto; height: auto; }
  .lt-ie9 ul.partners li a:hover img { filter: alpha(opacity=50); }
ul.partners li.last { margin-right: 0; }

#partner-wrapper { padding: 0 0 14px; clear: both; background: url(images/bg-partner-wrapper-bot.png) no-repeat bottom; position: relative; }
#partner-wrapper h4 { padding: 0 0 14px; font: 18px 'Source Sans Pro', 'Helvetica Neue', sans-serif; text-transform: uppercase; color: #959595; text-align: center; background: url(images/bg-partner-wrapper-top.png) no-repeat bottom; }
#partner-wrapper ul.partners { padding: 20px 0 5px; }
#partner-wrapper ul.partners li { margin-right: 19px; }
#partner-wrapper ul.partners li.last { margin-right: 0; }
#partner-wrapper .button { padding: 10px 0; position: absolute; bottom: -20px; left: 50%; margin-left: -130px; width: 260px; text-align: center; border: 2px solid #274870; border-radius: 6px; font: 600 18px 'Source Sans Pro', 'Helvetica Neue', sans-serif; color: #274870; background: #fff url(images/bg-contact-partner-btn.png) repeat-x bottom; }
#partner-wrapper .button:hover { background: #3867a0 none; color: #fff; }


/* =Sidebar
------------------------------------------------------------------- */
#sidebar { width: 240px; padding: 0 0 50px; float: right; }
#sidebar .download-button { display: block; background: #274870 url(images/bg-button-download.png) repeat-y right center; color: #fff; border-radius: 6px; font: 600 21px/1.1 'Source Sans Pro', 'Helvetica Neue', sans-serif; }
#sidebar .download-button:hover { background-color: #3867a0; }
#sidebar .download-button span { display: block; padding: 15px 40px 15px 50px; background: url(images/icon-pdf.png) no-repeat 10px 25px; }
#sidebar .download-button span em { display: block; font-style: normal; font-size: 14px; font-weight: 400; text-transform: uppercase; }

/* =Template: Home
------------------------------------------------------------------- */
body.home #container { padding-bottom: 100px; }
body.home h1 { font: bold 26px 'Helvetica Neue', sans-serif; margin-bottom: 15px; color: #444647; }

#slider { height: 480px; overflow: hidden; position: relative; }
#slider .slide { height: 480px; width: 100%; background-image: url(images/slides/hills.jpg); background-position: top center; background-repeat: no-repeat; color: #fff; -webkit-box-shadow: inset 0px 8px 8px 0px rgba(0, 0, 0, .1); box-shadow: inset 0px 8px 8px 0px rgba(0, 0, 0, .1); }

#slider nav { width: 730px; height: 54px; position: absolute; top: 42px; left: 50%; margin-left: -365px; padding: 5px 0; background: url(images/bg-274870-65x.png) repeat; border-radius: 6px 6px 0 0; border-bottom: 1px solid #707479; z-index: 100; }
#slider nav ul { margin: 0; padding: 0; }
#slider nav ul li { margin: 0; padding: 0; list-style: none; float: left; }
#slider nav ul li a { display: block; width: 85px; padding: 10px 10px 10px 46px; margin: 0 20px 0 20px; float: left; color: #fff; font: 16px 'Source Sans Pro', 'Helvetica Neue', sans-serif; text-transform: uppercase; text-shadow: 0 0 1px #000; border-radius: 5px; line-height: 1.1; background-repeat: no-repeat; background-position: 10px 10px; outline: none; }
#slider nav ul li a.last { margin-right: 0; }
#slider nav ul li a:hover { background-color: #172b43; }
#slider nav ul li.activeSlide a { background-color: #172b43; }
#slider nav ul li.slide-1 a,
#slider nav ul li.fund-overview a { background-image: url(images/icon-fund-overview.png); }
#slider nav ul li.slide-2 a,
#slider nav ul li.borrower-eligibility a { background-image: url(images/icon-borrower-eligibility.png); }
#slider nav ul li.slide-3 a,
#slider nav ul li.project-eligibility a { background-image: url(images/icon-project-eligibility.png); }
#slider nav ul li.slide-4 a,
#slider nav ul li.terms-rates a { background-image: url(images/icon-terms-rates.png); }

#slider .slide .overlay { width: 730px; position: absolute; top: 106px; left: 50%; margin-left: -365px; z-index: 100; }
#slider .slide .overlay .content { padding: 30px 25px 20px; height: 250px; overflow: auto; background: url(images/bg-000000-75x.png) repeat; border-radius: 0 0 6px 6px; }
#slider .slide .overlay .content a { color: #fccc53; text-decoration: none; }
#slider .slide .overlay .content a:hover { color: #ffe5a3; }
#slider .slide .overlay .content ul { margin: 0; padding: 0 0 0 15px; }
#slider .slide .overlay .content ul li { margin: 0 0 4px; padding: 0 0 0 15px; list-style: none; background: url(images/bullet-circle-white.png) no-repeat left 10px; }


/* =Template: Contacts
------------------------------------------------------------------- */
section#contacts article { width: 260px; min-height: 140px; padding: 20px; margin: 0 20px 20px 0; float: left; box-shadow: 0 0 6px 0 #c9c9c9; font-size: 13px; color: #333; -webkit-transition: color .2s, background-color .2s; transition: color .2s, background-color .2s; -moz-transition: color .2s, background-color .2s; }
	.lt-ie8 section#contacts article { height: 140px; height: auto !important; }
	.lt-ie9 section#contacts article { width: 258px; border: 1px solid #ccc; }
section#contacts article:hover { box-shadow: 0 0 6px 0 #999; }
section#contacts article.current { background-color: #ffffcc; -webkit-transition: color .2s, background-color .2s; transition: color .2s, background-color .2s; -moz-transition: color .2s, background-color .2s; }
section#contacts article h3 { font-size: 16px; line-height: 1.2;  margin: 0; }
section#contacts .sub-org { font-style: italic; font-weight: bold; font-size: 14px; line-height: 1.1;  margin: 0; color: #666; }
section#contacts article .fn { display: block; margin: 12px 0 0 0; color: #ea5f13; font-weight: bold; }
section#contacts article .title { display: block; margin: 0 0 8px; color: #666; font-style: italic; }
section#contacts article .email { text-decoration: underline; color: #333; }

/*specifics*/
section#contacts article#enterprise-community-loan-fund { margin-right: 0; }
section#contacts article#large,
section#contacts article#local-initiatives-support-corporation { width: 580px; margin-right: 0; }
  .lt-ie9 section#contacts article#large,
	.lt-ie9 section#contacts article#local-initiatives-support-corporation { width: 578px; margin-right: 0; }
section#contacts article#large .vcard,
section#contacts article#local-initiatives-support-corporation .vcard { width: 145px; float: left; }
  .lt-ie9 section#contacts article#large .vcard,
	.lt-ie9 section#contacts article#local-initiatives-support-corporation .vcard { width: 144px; float: left; }


/* =Template: Projects
------------------------------------------------------------------- */
#projects article { box-shadow: 0 0 6px 0 #c9c9c9; font-size: 14px; margin-bottom: 30px; }
	.lt-ie9 #projects article { border: 1px solid #c9c9c9; }
#projects article .title { padding: 20px 25px 25px; background: #f7f7f7 url(images/bg-project-shadow.png) no-repeat bottom; }
#projects article .title h2 { margin: 0; padding: 0; }
#projects article .content { padding: 15px 20px; }
#projects article .photo { width: 360px; float: left; }
#projects article .photo img { width: 330px; }
#projects article .details { width: 530px; float: left; }
#projects article .details h3 { margin: 0 0 3px; font-size: 16px; }
#projects article .details p { margin-bottom: 1px; }
#projects article .details .summary { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc; }
#projects article .details .summary p { margin-bottom: 15px; }


/* =Footer
------------------------------------------------------------------- */
footer.main { padding: 40px 0; background-color: #3a4447; color: #b4beb4; font-size: 12px; }
footer.main .widget_text { width: 620px; float: left; }
footer.main .logo { width: 240px; float: right; }
footer.main .logo p.copyright { margin: 15px 0; }


/* ==WordPress
------------------------------------------------------------------- */
/*=Images*/
.alignleft,img.alignleft { float: left; margin: 2px 15px 4px 0; }
.alignright,img.alignright { float: right; margin: 2px 0 4px 15px; }
.aligncenter,img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft,img.alignright,img.aligncenter { margin-bottom: 12px; }
.wp-caption { background: #eee; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center; }
.wp-caption img { margin: 5px 5px 0; }
.wp-caption p.wp-caption-text { color: #555; font-size: 12px; margin: 5px; }
.wp-smiley { margin: 0; }
.gallery { margin: 0 auto 18px; }
.gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; }
.gallery img { border: 2px solid #cfcfcf; }
.gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; }
.gallery dl { margin: 0; }
.gallery img { border: 10px solid #f1f1f1; }
.gallery br+br { display: none; }
.attachment img { display: block; margin: 0 auto; }

/*=Comments*/
#comments { clear: both; }
#comments .navigation { padding: 0 0 18px; }
h3#comments-title,h3#reply-title { color: #000; font-size: 20px; font-weight: 700; margin-bottom: 0; }
h3#comments-title { padding: 24px 0 5px; margin-top: 30px; }
.commentlist { list-style: none; margin: 0; padding: 0; list-style: none; }
.commentlist li.comment { line-height: 24px; margin: 0; padding: 20px 0 0 0; margin: 0; list-style: none; }
.commentlist li.bypostauthor article { background-color: #FFD; }
.commentlist li article { position: relative; padding: 10px 10px 10px 50px; border: 1px solid #ccc; box-shadow: 0 0 4px 0 #ccc; }
.commentlist li:last-child { border-bottom: none; margin-bottom: 0; }
#comments .comment-body ul,#comments .comment-body ol { margin-bottom: 18px; }
#comments .comment-body p:last-child { margin-bottom: 6px; }
#comments .comment-body blockquote p:last-child { margin-bottom: 24px; }
.commentlist ol { list-style: decimal; }
.commentlist .avatar { position: absolute; top: 15px; left: 10px; }
.comment-author { }
.comment-author cite { color: #000; font-style: normal; font-weight: 700; }
.comment-author .says { font-style: italic; }
.comment-meta { font-size: 12px; margin: 0 0 12px; }
.comment-meta a:link,.comment-meta a:visited { color: #888; text-decoration: none; }
.comment-meta a:active,.comment-meta a:hover { color: #ff4b33; }
.commentlist .even { }
.commentlist .bypostauthor { }
.reply { font-size: 12px; padding: 0 0 24px; }
.reply a,a.comment-edit-link { color: #888; }
.reply a:hover,a.comment-edit-link:hover { color: #ff4b33; }
.commentlist .children { list-style: none; margin: 0; }
.commentlist .children li { border: none; margin: 0; }
.nopassword,.nocomments { display: none; }
#comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; }
.commentlist li.comment+li.pingback { margin-top: -6px; }
#comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; }
#comments .pingback .url { font-size: 13px; font-style: italic; }

/* Comments form */
#respond { border-top: 1px dotted #ccc; margin: 24px 0; padding: 24px 0 0 0; overflow: hidden; position: relative; }
#respond p { margin: 0; }
#respond .comment-notes { margin-bottom: 1em; }
.form-allowed-tags { line-height: 1em; }
.children #respond { margin: 0 48px 0 0; }
h3#reply-title { margin: 18px 0; }
#comments-list #respond { margin: 0 0 18px; }
#comments-list ul #respond { margin: 0; }
#cancel-comment-reply-link { font-size: 12px; font-weight: 400; line-height: 18px; }
#respond .required { color: #ff4b33; font-weight: 700; }
#respond label { font-size: 12px; }
#respond input { margin: 0 0 9px; width: 98%; }
#respond textarea { width: 98%; }
#respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; }
#respond .form-allowed-tags code { font-size: 11px; }
#respond .form-submit { margin: 12px 0; }
#respond .form-submit input { font-size: 14px; width: auto; }



/* =Responsive (mobile-second)
------------------------------------------------------------------- */
img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

}

@media only screen and (min-width: 320px) and (max-width: 479px) {

}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	background-color: transparent;
    border: 0;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}