BODY {
    margin:0;
    padding:0;
    font-family: 'Droid Sans', sans-serif;
    font-size:14px;
    line-height:1.4em;
    color:#444;
}

.fo {
    width:100%;
    position:relative;
}

.fo-pad {
    border:1px solid #e5e5e5;
}

.fo-head {
    color:#333;
    font-size:21px;
    border-bottom:1px solid #e5e5e5;
    padding:10px;
}

.fo-newsletter {
    background-color:#f5f5f5;
    padding:10px;
    min-height:94px;
    border-bottom:1px solid #e5e5e5;
}

.fo-newsletter-tag {
    padding:0 0 10px 0;
}

.fo-newsletter-response {
    display:none;
    font-weight:bold;
}

.fo-newsletter-wait {
    text-align:center;
    padding-right:20px;
    display:none;
}
.fo-newsletter-wait div {
    margin:0 0 5px 0;
    font-size:12px;
}

.fo-newsletter-form {
    padding:0 0 5px 0;
}

.fo-newsletter-email {
    border: 1px solid #DADADA;
    border-radius: 2px;
    color: #444;
    float: left;
    height: 16px;
    padding: 7px 10px;
    width: 56%;
}

input:focus:required:invalid {
    background-color: #F0DDDD;
}

.fo-newsletter-form button {
    background-color: #333;
    filter: none;
    float: left;
    height: 31px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    width: 30%;
    color:#eee;
    outline: 0 none;
    text-decoration: none;
    border:none;
    cursor:pointer;
    transition:opacity 0.3s ease 0s;
    -webkit-transition:opacity 0.3s ease 0s;
}

.fo-newsletter-form button:hover {
    opacity:.7;
}

.fo-newsletter-more {
    margin:5px 0 0 0;
}

.fo-newsletter-more input {
    position: relative;
    top: 1px;
}

.fo-newsletter-more label {
    display:inline-block;
    font-size:12px;
    line-height:16px;
}

.fo-social {
    padding:10px 10px 15px;
}

.fo-social-tag {
    color:#444;
    margin:6px 0 0 0;
}

.fo-social-items {
    padding:10px 0 0 0;
    height:20px;
    overflow:hidden;
}

.fo-social-item {
    float:left;
    margin:0 15px 0 0;
    height:20px;
}

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
* :focus { outline: 0; }


.fo-wbur {
    color:#d89a0a;
}

.fo-cognoscenti {
    color:#222222;
}


@media screen and (min-width: 560px) {

    .fo-head {
        border-bottom:none;
        width:240px;
        float:left;
        padding:10px 0 10px 10px;

    }
    .fo-newsletter {
        border-left:1px solid #d2d2d2;
        border-bottom:none;
        width:280px;
        float:right;
    }

    .fo-newsletter-form button {
        width:67px;
        font-size:12px;
    }

    .fo-newsletter-email {
        width:178px;
    }

    .fo-social {
        width:240px;
        float:left;
        padding:0 0 0 10px;
        border-left:none;
    }

    .fo-social-only .fo-social-items {
        text-align:center;
        padding:0;
    }

}