body{
  color: #404040;
  background-color: #f1f1f1;
}

.screen-reader-text { display:none; }

.container{
    padding: 0;
}

#featured-articles{
    width: 100%;
    text-align: center;
    background-size: 100% auto;
    border-bottom: 1px solid #808080;
    overflow: hidden;
    position: relative;
    background: rgb(15,15,71); /* Old browsers */ 	+ background: #081534;
    background: -moz-linear-gradient(-45deg, rgba(15,15,71,1) 0%, rgba(75,87,187,1) 50%, rgba(15,15,71,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(15,15,71,1)), color-stop(50%,rgba(75,87,187,1)), color-stop(100%,rgba(15,15,71,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(15,15,71,1) 0%,rgba(75,87,187,1) 50%,rgba(15,15,71,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(15,15,71,1) 0%,rgba(75,87,187,1) 50%,rgba(15,15,71,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(15,15,71,1) 0%,rgba(75,87,187,1) 50%,rgba(15,15,71,1) 100%); /* IE10+ */
    background: linear-gradient(135deg, rgba(15,15,71,1) 0%,rgba(75,87,187,1) 50%,rgba(15,15,71,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0f47', endColorstr='#0f0f47',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#featured-articles .main-image {
    display: block;
    margin: 0 auto;
    height: 100%;
    z-index: 1;
}

#featured-articles .left-image {
    background: no-repeat center;
    background-size: cover;
    position: absolute;
    width: 40%;
    height: 100%;
    left: 0;
}

#featured-articles .right-image {
    background: no-repeat center;
    background-size: cover;
    position: absolute;
    width: 40%;
    height: 100%;
    right: 0;
}


#featured-articles .left-image div,
#featured-articles .right-image div {
    width:100%;
    height:100%;
    opacity: 0.8;
    filter:alpha(opacity=80);
}

#featured-stories-wrap{
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.featured-article{
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: left;
    z-index: 4;
}
.featured-article-content{
    position: absolute;
    width: 100%;
    text-align: left;
    bottom: 5px;
    z-index: 3;
}
.featured-article-title{
    margin: 5px 10px;
    z-index: 4;
}
.featured-article-title h2{
    margin: 0;
    font-family: AvenirLTStd-Heavy;
    color: #FFFFFF;
    font-size: 0.8em;
    text-shadow: 0px -1px 0px #333333;
    filter: dropshadow(color=#333333, offx=0, offy=-1);
}

/* SOCIAL NAV */
 #top-nav {
    z-index: 100;
    height: 54px;
    position: relative;
}
#top-nav-affix {
    border-bottom: 1px solid #cccccc;
    background-color: #FFFFFF;
    width: 100%;
    z-index: 100;
    position: fixed;
    top: 0;
}
.affix {
    top: 0;
    width: 100%;
}
#top-nav-list {
    top: 0;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    height: 54px;
    z-index: 2;
    font-family: AvenirLTStd-Heavy;
    font-size: 1.24em;
    position: relative;
    width: 320px;
}
#top-nav-list li {
    position: absolute;
    padding: 5px;
    height: 54px;
    border-right: 1px solid #cccccc;
}
#search-btn,
#weather-btn{
    display: none;
}

#top-nav-list .clicked {
    background-color: #e5e5e5;
}
#top-nav-list .logo{
    top: 0;
    left: 0;
}
#top-nav-list .logo img {
    height: 44px;
}
#top-nav-list .search {
    padding-top: 12px;
}

#logo img{
    height: 50px;
}

/* Typeahead Styles */

.search-field {
    color: #6D6D6D;
}

.tt-dataset-articles {
    width: 280px;
    margin-left: 10px;
    margin-top: 12px;
}

.tt-suggestion {
    background: #fff;
    color: #6D6D6D;
    font-size: 14px;
    padding: 15px;
    text-align: left;
}

.tt-suggestion:nth-child(even) {
    background: #F5F5F5;
}

.tt-suggestion p {
    margin: 0;
}

.tt-is-under-cursor:nth-child(even),
.tt-is-under-cursor {
    background: #236BA6;
    color: #fff;
}

.tt-more-results-footer {
    background: #F5F5F5;
    color: #236BA6;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    padding: 5px;
}

/* Autocomplete box */
.ui-autocomplete{
    z-index: 101 !important;
    border: 1px solid #808080 !important;
    margin-top: 10px !important;
    padding: 0 !important;
    width: 300px;
}
.ui-corner-all{
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    border-radius: 0 !important;
}
.ui-autocomplete .ui-corner-all{
    background-image: none !important;
}
.ui-autocomplete .ui-corner-all:hover{
    color: #FFFFFF !important;
    background: #027DC4 !important;
    background-image: none !important;
    border: 1px solid #808080;
    cursor: pointer;
}
.ui-menu .ui-menu-item a{
    font-family: AvenirLTStd-Heavy !important;
    font-size: 1em !important;
    background-color: #FFFFFF !important;
    color: #808080 !important;
    padding: 10px 20px !important;
}
#top-nav-list .weather{
    cursor: pointer;
}
#weather-mobile-btn .temperature {
    display: inline-block;
    font-size: 1.4em;
    font-family: AvenirLT-Medium;
    margin-top: 10px;
    color: #404040;
}

#top-nav-list .weather .temperature {
    display: inline-block;
    font-size: 1.8em;
    font-family: AvenirLT-Medium;
    vertical-align: top;
    color: #404040;
    line-height: 54px;
}

.temperature:after {
    content:"\00b0"
}
#top-nav-list .soc-icon:first-child {
    width: 42px;
}
#top-nav-list .soc-icon {
    float: left;
    width: 70px;
    text-align: center;
}
#top-nav-list .soc-icon:last-child {
    width: 42px;
}
#top-nav-list .social img {
    margin-top: 8px;
    height: 24px;
}

#news-tip-btn {
    line-height: 45px;
    width: 54px;
    left: 153px;
    font-family: AvenirLTStd-Heavy;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #404040;
    padding-left: 0;
    cursor: pointer;
}

#news-tip-btn span{
    display: none;
}

#news-tip-btn img{
    height: 20px;
    margin-top: -4px;
}

#top-nav-list .profile {
    padding: 5px 0;
    top: 0;
    right: 0;
    text-align: center;
    width: 50px;
    border-left: 1px solid #cccccc;
    border-right: 0;
}

#top-nav-list .profile img {
    margin: 12px 2px 0 2px;
    height: 18px;
}

#top-nav-list .profile span {
    display: none;
}

/* MOBILE WEATHER */
#top-nav-list .weather-mobile-btn{
    padding: 0;
    right: 50px;
    width: 63px;
    text-align: center;
    border-right: 0;
    border-left: 1px solid #cccccc;
}
#top-nav-list .weather-mobile-btn img{
    margin: 17px 8px 0 10px;
    height: 20px;
}

.top-nav-btn{
    cursor: pointer;
}

.top-nav-dropdown{
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.top-nav-dropdown-header{
    border-bottom: 1px solid #939aa1;
    height: auto;
}

/* MOBILE SEARCH */
#top-nav-list .search-mobile{
    left: 99px;
    width: 54px;
    text-align: center;
}
#top-nav-list .search-mobile img{
    margin: 14px 0 0 0;
    height: 18px;
}

#mobile-search-wrap {
    text-align: center;
    padding: 10px;
    height: 50px;
}

.twitter-typeahead {
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#mobile-search input {
    font-family: AvenirLT-Medium;
    background: #fff;
    border: 0;
    padding: 5px 10px;
    width: 300px;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
    font-size: 12px;
}

#mobile-search input:focus{
    outline-width: 0;
}

/* WEATHER */
#weather-map{
    width: 100%;
    height: 330px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
    overflow: hidden;
    cursor:move;
}
#weather-map img{
    top: -400px;
    min-width: 100%;
}

#weekforecast-header{
    display: none;
}
.weekforecast{
    position: relative;
    height: 145px;
    width: 100%;
    margin: 0 auto;
    background: #202289 url(../img/texture/clouds_purple.jpg) 0 0 no-repeat;
    background-size: 100% 200px;
    text-align: center;
}
.weekforecastcrop{
    margin: 0 auto;
    width: 320px;
    height: 100%;
    overflow: hidden;
}
.weekforecastcrop img{
    margin: -48px auto auto -99px;
    height: 262px;
}

.weather-forecast-image-wrap img{
    margin: 0;
}

#weather {
    color: #FFFFFF;
    z-index: 75;
}

.weather-wrap {
    position: relative;
    width: 630px;
    margin: 0 auto;
    height: 100%;
}

#weather-location {
    position: relative;
}

#weather-location div {
    height: 35px;
    line-height: 35px;
}

#weather-location-name {
    display: inline-block;
    color: #fff;
    font-size: 1.2em;
    font-family: AvenirLTStd-Heavy;
    font-weight: bold;
    background-position: -10px -466px;
    padding: 0 20px 0 20px;
    border-right: 1px solid #939aa1;
    cursor: default;
}

#weather-change-location {
    color: #899caf;
    position: absolute;
    right: 0;
    font-family: AvenirLTStd-Heavy;
    font-size: 0.9em;
    cursor: pointer;
}

#weather-change-location:hover {
    color: #fff;
}


#weather-change-location input {
    margin-top: 1px;
    margin-right: 20px;
    padding: 4px 5px;
    background-color: #252458;
    color: #FFFFFF;
    border: 0;
}
#weather-change-location input:focus {
    outline: 0;
}

#weather-change-location input.weather-input-error {
    background: #fae5e5;
    color: #912125;
}

#weather-location-date {
    display: inline-block;
    margin-left: 16px;
    font-family: AvenirLTStd-Book;
    font-size: 1em;
}

#weather-location-current {
    display: inline-block;
    margin-left: 60px;
    font-family: AvenirLTStd-Book;
    font-size: 1em;
}

#weather-temp{
    position: relative;
}
#weather-temp-degrees {
    display: inline-block;
    font-family: AvenirLT-Medium;
    font-size: 4em;
}
#weather-temp-degrees:after {
    font-family: AvenirLTStd-Book;
    content:"\00b0";
}
#weather-temp-type{
    display: inline-block;
    vertical-align: top;
    margin: 15px 0 0 5px;
    font-family: AvenirLTStd-Heavy;
    font-size: 1.1em;
    color: #899caf;
}
#weather-temp-type span{
    cursor: pointer;
}
#weather-temp-type .active{
    color: #FFFFFF !important;
}
#fahrenheit {
    padding-right: 8px;
    border-right: 1px solid white;
    margin-right: 4px;
}
#weather-loader  {
    position: absolute;
    font-family: AvenirLTStd-Book;
    top: 30px;
    left: 240px;
    color: #899caf;
    text-align: center;
    font-size: 1em;
    display: none;
}
#weather-temp-summary{
    position: absolute;
    top: 0;
    right: 0;
    width: 130px;
}
#weather-temp-summary p{
    margin: 4px;
}
#weather-temp-summary .name{
    font-family: AvenirLTStd-Book;
    font-size: 1em;
}
#weather-temp-summary .value{
    font-family: AvenirLT-Medium;
    margin-left: 4px;
    font-size: 1em;
}
#weather-graph{
    display: none;
    position: relative;
    padding-top: 10px;
}
#weather-graph-tabs{
    font-family: AvenirLTStd-Heavy;
    color: #899caf;
}
#weather-graph-tabs .active{
    color: #FFFFFF;
}
#weather-graph-tabs span{
    margin-right: 20px;
}
#weather-graph-tabs span:hover{
    color: #FFFFFF;
    cursor: pointer;
}
.weather-forecast-section{
    margin: 10px 0 0 -20px;
    width: 650px;
    height: 120px;
}

#weather-forecast{
    display: none;
    position: relative;
}
#weather-day-list{
    list-style: none;
    height: 160px;
    margin: 0;
    padding: 20px 0 10px 0;
}
#weather-day-list li{
    float: left;
    position: relative;
    height: 120px;
    width: 88px;
    margin: 0 1px;
    text-align: center;
}
#weather-day-list li:last-child{
    margin-right: 0;
}
#weather-day-list li.active,
#weather-day-list li:hover{
    height: 118px;
    width: 88px;
    border: 1px solid #171732;
    background: #171732;
    background-color: rgba(23, 23, 50, 0.5);
    cursor: pointer;
}
#weather-day-list li canvas {
    margin-top: 10px;
}
.day-name{
    font-family: AvenirLTStd-Book;
    text-transform: uppercase;
    font-size: 1em;
    margin-top: 5px;
}
#weather-day-list li:hover .day-name,
#weather-day-list li.active .day-name{
    margin-top: 4px;
}
.day-temp{
    font-family: AvenirLTStd-Heavy;
    font-size: 1.06em;
    position: absolute;
    width: 100%;
    bottom: 5px;
}
.day-temp span:after{
    content:"\00b0";
}
.day-temp .low{
    color: #899caf;
    margin-left: 3px;
}

#weather-day-list li:hover .day-temp,
#weather-day-list li.active .day-temp{
    bottom: 2px;
}

/* NEWS TIP */


#news-tip {
    color: #FFFFFF;
    font-family: AvenirLTStd-Heavy;
    font-size: 1em;
    z-index: 75;
}

#news-tip-info {
    text-align: center;
}
#news-tip-info p {
    margin: 5px 0;
}

#news-tip-form {
    border-style: solid;
    border-width: 0;
    border-top-width: 5px !important;
    padding: 20px 15px 20px 15px;
}

#user-submitted-posts {
    max-width: 500px;
    margin: auto;
}

#user-submitted-posts .usp-form-meta {
    font-family: AvenirLT-Medium;
    font-size: .9em;
}

#user-submitted-posts .usp-form-meta-required {
    float: left;
    margin: 0;
}

#user-submitted-posts .usp-form-meta-privacy {
    text-align: right;
    margin: 0;
}

#user-submitted-posts .usp-form-meta-privacy a {
    color: #fff;
    text-decoration: underline;
}

#user-submitted-posts fieldset {
    margin-top: 10px;
}

#user-submitted-posts textarea,
#user-submitted-posts fieldset input {
    width: 100%;
}

#user-submitted-posts fieldset input,
#user-submitted-posts textarea {
    background-color: #4e7398;
    color: #FFFFFF;
    display: block;
    border: 0;
    padding: 5px;
    font-family: AvenirLT-Medium;
}

#user-submitted-posts textarea {
    resize: none;
}

#user-submitted-posts textarea:focus {
    outline: 0;
}

#user-submitted-posts label {
    font-family: AvenirLT-Medium;
    font-weight: normal;
}

#usp-upload-message {
    text-align: center;
    display: none;
}

#user-submitted-image input {
    line-height: 1;
}

#user-submitted-image {
    background-color: #4e7398;
    font-size: 15px;
    padding: 10px;
}

#user-submitted-posts #user-submitted-image input {
    background: #49a2df;
    width: auto;
    display: block;
    padding: 5px;
    margin: 0 auto 5px auto;
}

#user-submitted-image {
    text-align: center;
}

#usp_add-another {
    color: #fff;
    display: block;
    font-family: AvenirLT-Medium;
    font-weight: normal;
    text-decoration: underline;
}

#usp-submit {
    width: 100%;
    text-align: center;
    font-family: AvenirLT-Medium;
    margin-top: 25px;
}

#user-submitted-post {
    display: inline-block;
    border: 0;
    color: #ffffff;
    background-color: #49a2df;
    padding: 4px 8px;
    font-family: AvenirLTStd-Heavy;
    font-size: 1.1em;
}

.usp-input-error span {
    font-size: 0.77em;
    font-family: AvenirLT-Medium;
}

#user-submitted-posts .submit-alternative {
    font-size: .85em;
}

#user-submitted-posts .required-indicator {
    margin-left: -15px;
    display: block;
    float: left;
    line-height: 33px;
}

#user-submitted-posts fieldset input::-webkit-input-placeholder {
    color: #a5b7ce !important;
    opacity: 1 !important;
}

#user-submitted-posts fieldset input:-moz-placeholder {
    color: #a5b7ce !important;
    opacity: 1 !important;
}

#user-submitted-posts fieldset input::-moz-placeholder {
    color: #a5b7ce !important;
    opacity: 1 !important;
}

#user-submitted-posts fieldset input:-ms-input-placeholder {
    color: #a5b7ce !important;
    opacity: 1 !important;
}

#user-submitted-posts fieldset input:focus{
    outline: 0;
}

#user-submitted-posts textarea::-webkit-input-placeholder {
    color: #a5b7ce !important;
    opacity: 1 !important;
}

#user-submitted-posts textarea:-moz-placeholder {
    color: #a5b7ce !important;
    opacity: 1 !important;
}

#user-submitted-posts textarea::-moz-placeholder {
    color: #a5b7ce !important;
    opacity: 1 !important;
}

#user-submitted-posts textarea:-ms-input-placeholder {
    color: #a5b7ce !important;
    opacity: 1 !important;
}


/* ACCOUNT */
#account{
    color: #FFFFFF;
    font-family: AvenirLTStd-Heavy;
    font-size: 1.1em;
    overflow-y: scroll;
}

#account-info{
    text-align: center;
}
#account-info p{
    margin: 5px 10px;
}
#account-info span{
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
}
#account-info span:hover{
    text-decoration: none;
}
.sub-account{
    border-top: 5px solid;
    text-align: left;
}
.sub-account-sect{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 100%;
}
.sub-account-sect h3{
    font-family: AvenirLTStd-Heavy;
    font-size: 1em;
    margin: 5px 5%;
}
.sub-account-sect a{
    color: #FFFFFF;
    text-decoration: underline;
    text-transform: capitalize;
    cursor: pointer;
}
.sub-account-sect a:hover{
    text-decoration: none;
}

.sub-account-sect p{
    margin-left: 5%;
    margin-right: 5%;
}
#wppb_login p,
#wppb_register p{
    margin-left: 0;
    margin-right: 0;
}

.mailchimp-signup{
    margin: 8px 5% 0 5%  !important;
}
.form-submit{
    margin: 10px 5% 0 5%  !important;
    text-align: center;
}

#wppb_modify .form-submit {
    margin: 0 !important;
    text-align: left;
}

.sub-account-facebook{
    padding-left: 30px;
    background: url(../img/user/facebook_login_rev.png) 3px center no-repeat;
    background-size: 10px 20px;
}
.sub-account-twitter{
    padding-left: 30px;
    background: url(../img/user/twitter_login_rev.png) left center no-repeat;
    background-size: 20px 16px;
}
.sub-account-google{
    padding-left: 30px;
    background: url(../img/user/google_login.png) left center no-repeat;
    background-size: 22px 22px;
}
.account-input{
    background-color: #4e7398;
    color: #FFFFFF;
    display: block;
    float: left;
    width: 40%;
    margin: 10px 5% 0 5%;
    border: 0;
    padding: 5px;
    font-family: AvenirLT-Medium;
}
.account-input::-webkit-input-placeholder{
    color: #a5b7ce !important;
    opacity: 1 !important;
}
.account-input:-moz-placeholder{
    color: #a5b7ce !important;
    opacity: 1 !important;
}
.account-input::-moz-placeholder{
    color: #a5b7ce !important;
    opacity: 1 !important;
}
.account-input:-ms-input-placeholder{
    color: #a5b7ce !important;
    opacity: 1 !important;
}
.account-input:focus{
    outline: 0;
}
.account-form-btns{
    margin-top: 10px;
}
.account-submit{
    margin-top: 5px;
    display: inline-block;
    border: 0;
    color: #ffffff;
    text-decoration: underline;
    padding-left: 0;
    font-family: AvenirLTStd-Heavy;
    font-size: 1.1em;
}
.account-submit:hover{
    text-decoration: none;
}
.account-lost-pass{
    font-family: AvenirLTStd-Book;
    text-decoration: none !important;
    font-size: 0.9em;
    margin-left: 100px;
}
.account-remember{
    margin-top: 10px;
    display: block;
    font-family: AvenirLTStd-Book;
    font-size: 0.9em;
}
.account-remember input{
    margin-right: 10px;
}
#addusersub{
    margin-top: 5px;
    display: inline-block;
    border: 0;
    color: #ffffff;
    text-decoration: underline;
    padding-left: 0;
    font-family: AvenirLTStd-Heavy;
    font-size: 1.1em;
    background-color: transparent;
}
.send-confirmation-email label{
    font-family: AvenirLTStd-Book;
    font-size: 0.9em;
}

.login-form-submit .submit{
    margin-top: 5px;
    margin-left: 5%;
    display: inline-block;
    border: 0;
    color: #ffffff;
    text-decoration: underline;
    padding-left: 0;
    font-family: AvenirLTStd-Heavy;
    font-size: 1.1em;
    background-color: transparent;
}
.login-form-submit input[type=checkbox]{
    display: inline-block !important;
    margin-left: 5%;
}
.login-form-submit label{
    font-family: AvenirLTStd-Book;
    font-size: 0.9em;
    margin-top: 12px;
}
#wppb_login p:nth-of-type(4){
    margin-left: 5%;
}


#wppb_register .alert,
#wppb_register .nickname,
#wppb_register .registerNameHeading,
#wppb_register .registerContactInfoHeading,
#wppb_register .registerAboutYourselfHeader,
#wppb_register .form-description,
#wppb_register .form-description{
    display: none;
}

#wppb_modify .required-indicator {
    margin-left: -15px;
    display: block;
    float: left;
    line-height: 33px;
}

#wppb_modify {
    padding: 20px 20px;
    text-align: left;
}

#wppb_modify {
    margin: auto;
    max-width: 360px;
}

#wppb_modify p {
    margin-top: 5px;
}

#wppb_modify .account-input {
    background-color: #4e7398;
    color: #FFFFFF;
    display: inline;
    float: none;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 5px;
    font-family: AvenirLT-Medium;
}

/*
#wppb_modify .first_name,
#wppb_modify .last_name,
#wppb_modify .form-email{
    width: 90%;
    padding: 0 5% 0 5%;
}

#wppb_modify .account-input{
    width: 100%;
}

#wppb_modify .form-password1{
    position: relative;
    margin-left: 5%;
}
#wppb_modify .form-password2{
    position: relative;
    margin-left: 5%;
}
#wppb_modify .form-submit{
    display: relative;
    margin-top: 160px;
    text-align: center;
}

#wppb_modify p{
    clear: both;
}
*/



#wppb_modify #updateuser {
    margin-top: 5px;
    display: inline-block;
    border: 0;
    color: #ffffff;
    background-color: #49a2df;
    padding: 4px 8px;
    font-family: AvenirLTStd-Heavy;
    font-size: 1.1em;
}

.logout-container {
    margin: auto;
    max-width: 360px;
    text-align: center;
}
#logout-btn{
    margin-bottom: 30px;
    display: inline-block;
    border: 0;
    color: #ffffff;
    background-color: #49a2df;
    padding: 4px 8px;
    font-family: AvenirLTStd-Heavy;
    font-size: 0.9em;
}

#logout-btn{
    text-decoration: none;
}

#account-settings #logout-btn {
    background: None;
    display: inline-block;
    border: 0;
    color: #ffffff;
    text-decoration: underline;
    padding-left: 0;
    font-family: AvenirLTStd-Heavy;
    font-size: 0.9em;
}

#footer{
    width: 100%;
    position: fixed;
    -webkit-transform: translateZ(0);
    background-color: #FFFFFF;
    text-align: center;
    bottom: 0;
    z-index: 100;
    border-top: 1px solid #CCCCCC;
}
#inner-footer{
    height: 30px;
}
.left-footer-item{
    float: left;
    border-right: 1px solid #CCCCCC;
    height: 100%;
    line-height: 30px;
    font-family: AvenirLTStd-Heavy;
    font-size: 0.9em;
    text-transform: capitalize;
    color: #404040;
    padding: 0 5px;

}
#contact-us-btn img{
    height: 14px;
    margin-top: -5px;
}
#contact-us-btn{
    position: relative;
    color: #404040;
    background-color: #e2e7ff;
    border-left: 1px solid #CCCCCC;
}
#contact-us-btn a:hover{
    text-decoration: none;
}
#contact-us-btn,
#social-footer-btn{
    cursor: pointer;
}

#legal-btn{
    cursor: pointer;
}
.legal-pop,
.phone-pop{
    color: #404040;
    font-family: AvenirLT-Medium;
    font-size: 1.03em;
    height: 30px;
    line-height: 30px;
}
.phone-pop h4{
    margin: 10px 0 2px 0;
    font-size: 1.04em;
    font-family: AvenirLTStd-Heavy;
}
.phone-pop h5{
    margin: 5px 0 2px 0;
}
.phone-pop p{
    margin: 0 0 0 10px;
    position: relative;
}
#sales-pop-sect p{
    line-height: 22px;
}
.sales-header-top{
    margin-top: 5px;
}
.sales-header{
    margin-top: 25px;
}
#social-pop-sect .social-image{
    display: inline-block;
    width: 30px;
    text-align: center;
    margin-left: -8px;
}
#social-pop-sect{
    text-transform: capitalize;
}
#social-pop-sect p{
    margin: 5px 0;
}

.email-btn{
    position: relative;
}
.popover{
    max-width: 310px !important;
}
.sales-btn{
    position: relative;
    cursor: pointer;
}
.sales-btn img{
    height: 15px;
    margin-top: -3px;
}

#sales-information img{
    height: 25px;
    margin-top: -5px;
    margin-right: 5px;
}
#sales-information h2{
    margin: 5px 0 2px 0;
}
.phone-pop h2{
    font-size: 1.3em;
    font-family: AvenirLTStd-Heavy;
    cursor: pointer;
}
.phone-pop a{
    color: #404040;
}

.legal-pop:hover{
    text-decoration: none;
    color: #808080;
}

#phone-btn {
    cursor: pointer;
}
#social-pop-sect img,
#phone-btn img{
    height: 16px;
    margin-top: -6px;
}
.footer-fb{
    margin-right: 12px;
}
.footer-tw{
    margin-right: 10px;
}
.footer-gp{
    margin-right: 10px;
}

#backtotop{
    height: 50px;
    cursor: pointer;
    margin-top: -20px;
    border-top: 1px solid #404040;
    border-left: 1px solid #404040;
    border-right: 1px solid #404040;
    background-color: white;
    padding: 15px;
    margin-left: 8px;
    padding-top: 18px;
    font-family: AvenirLT-Medium;
    color: #404040;
    background: #FFFFFF url(../img/nav/scroll_to_top.png) center 8px no-repeat;
    background-size: 12px 12px;
}
#inque{
    padding: 0 !important;
}
#inque a{
    display: block;
}

#inque a{
    text-decoration: none;
}
#inque img{
    vertical-align: top;
    margin-top: 4px;
    height: 21px;
}
#copyright{
    border: none;
    font-family: AvenirLT-BookOblique;
    text-transform: capitalize;
    font-size: 11px;
}
.right-footer-item{
    float: right;
    height: 100%;
    line-height: 30px;
}



/* SUBNAV */
.sub-nav {
    position: absolute;
    top: 30px;
    left: 0;
    display: none;
}
.sub-nav-list {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    z-index: 2;
    text-decoration: none;
}
.sub-nav-list li {
    display: block;
    position: relative;
    margin: 0;
    cursor: pointer;
    text-align: left;
    color: #FFFFFF;
    font-family: AvenirLTStd-Book;
    font-size: 1em;
    text-transform: capitalize;
    min-width: 150px;
    text-decoration: none;
    border: 0;
}
.sub-nav-list li:hover{
    color: #FFFFFF;
}
.sub-nav-list li:last-child .bottom-border{
    display: none;
}
.sub-nav-list .sub-nav-name{
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
}
.sub-nav-list .span-link:hover{
    background-image: none;
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.1);
}


.sub-nav-current{
    position: relative;
    margin-top: 9px;
    text-align: center;
    font-family: AvenirLTStd-Heavy;
    font-size: 1em;
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0px -2px 0px #333333;
    filter: dropshadow(color=#333333, offx=0, offy=-2);
    z-index: 2;
}

/* ARTICLES */
#no-results{
    text-align: center;
}
#no-results h1{
    margin: 40px;
    font-size: 2em;
    font-family: AvenirLTStd-Heavy;
}


/* ARTICLE TILES */
#article-list{
    position: relative;
    margin-top: 18px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.article-wrap .container{
    width: 320px;
}
#article-tiles {
    position: relative;
}

#article-tiles .tile{
    width: 157px;
    margin: 0 -14px -14px 0;
    overflow: hidden;
    position: relative;

}
#article-tiles .mobile-tile{
    float: left;
    width: 157px;
    margin: 0 1.5px 3px 1.5px;
    overflow: hidden;
    position: relative;
}
#article-tiles .mobile-link{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 6;
}

#article-tiles .small{
    height: 150px;
}
#article-tiles .medium{
    height: 150px;
}
#article-tiles .big{
    height: 150px;
}
.article-background{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;

}
.article-background img{
    z-index: 0;
}

.background-image{
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

.image-gradient{
    position: absolute;
    bottom: 0;
    height: 40%;
    width: 100%;
    z-index: 2;
}

.image-gradient-small{
    /*background: transparent url(../img/texture/gradient_trans_to_black_small.png) bottom left repeat-x;*/
    background-image: url(../img/sprites/vertical.png);
    background-position: 0px -150px;
}

.image-gradient-big{
    /*background: transparent url(../img/texture/gradient_trans_to_black_large.png) bottom left repeat-x;*/
    background-image: url(../img/sprites/vertical.png);
    background-position: 0px -270px;
}

.image-gradient-featured{
    /*background: transparent url(../img/texture/gradient_trans_to_black_featured.png) bottom left repeat-x;*/
    background-image: url(../img/sprites/vertical.png);
    background-position: 0px -10px;
}

.color-overlay{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter:alpha(opacity=60);
}
.tile-content{
    position: absolute;
    bottom: 5px;
    z-index: 2;
}
.tile-back{
    z-index: 0;
    width: 100%;
    height: 100%;
    background: transparent url(../img/texture/gradient_trans_to_black.png) bottom left repeat-x;
    background-size: 100% 30%;
    position: relative;
}
.tile-back-category{
    border-bottom: 1px solid white;
    margin: 0 20px 10px 20px;
}
.tile-back-category h3{
    font-family: AvenirLTStd-Heavy;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 1.16em;
    text-shadow: 0px -1px 0px #333333;
    filter: dropshadow(color=#333333, offx=0, offy=-1);
}
.tile-back-excerpt{
    margin: 10px 20px;
    font-family: AvenirLT-Medium;
    color: #FFFFFF;
    font-size: 1em;
    z-index: 1;
}
.title-back-author{
    font-family: AvenirLTStd-Heavy;
    color: #FFFFFF;
    font-size: 1em;
    text-transform: capitalize;
    margin: 0 20px;
    z-index: 1;
}
.tile-back-fullstory{
    margin: 10px 20px 0 20px;
    z-index: 4;
}
.tile-back-fullstory img{
    width: 20px;
    height: 20px;
}
.tile-back-fullstory span{
    font-family: AvenirLTStd-Heavy;
    color: #FFFFFF;
    font-size: 1em;
    z-index: 4;
}
.article-type{
    display: inline-block;
    margin: 0 0 0 10px;
    z-index: 2;
    padding: 7px;
}
.article-type h3{
    margin: 0;
    font-family: AvenirLTStd-Heavy;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 0.7em;
    text-shadow: 0px -1px 0px #333333;
    filter: dropshadow(color=#333333, offx=0, offy=-1);
}
.article-title{
    margin: 5px 10px;
    z-index: 2;
}

.article-title h2{
    margin: 0;
    font-family: AvenirLTStd-Heavy;
    color: #FFFFFF;
    font-size: 0.8em;
    text-shadow: 0px -1px 0px #333333;
    filter: dropshadow(color=#333333, offx=0, offy=-1);
}


/* AUTHOR SEARCH RESULT TILES */
.search-results-header {
    font-family: AvenirLTStd-Heavy;
    border-bottom: 1px solid #245280;
    color: #245280;
    margin-bottom: -10px;
}
.story-results-wrap{
    padding-top: 20px;
}
.author-results-wrap ul {
    margin: 0;
    padding:0;
}

.author-results-wrap li {
    display:inline-block;
    line-height: 1;
    margin: 0;
    margin-right: 15px;
    margin-top: 20px;
    padding: 10px;
    position: relative;
}

.author-results-wrap li:hover{
    background-color: #1f4870;
}

.author-result-name:hover,
.author-result-name {
    color: #FFFFFF;
    filter: dropshadow(color=#333333, offx=0, offy=-1);
    font-family: AvenirLTStd-Heavy;
    font-size: 1.2em;
    overflow: hidden;
    padding: 0;
    text-shadow: 0px -1px 0px #333333;
    white-space: nowrap;
    text-decoration: none;
}

.ads {
    display: block;
}

#poll-box {
    display: none;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

.infinite-loader{
    position: absolute;
    bottom: -50px;
    height: 40px !important;
    width: 40px;
    background: transparent url(../img/symbolic/ajax-loader.gif) center center no-repeat;
    background-size: 31px 31px;
    left: 50%;
    margin-left: -20px;
}

/* ARTICLE SECTION  */
#sponsor{
    text-align: center;
    display: none;
}
#sponsor .sponsor-item{
    margin: 0 auto;
}
.features-mobile-ad{
    position: relative;
    left: 50%;
    margin-left: -160px;
}

.features-h1{
    margin-left: 0 !important;
}

#search-results-title-wrap{
    border-style: solid;
    border-width: 0;
    border-top-width: 5px;
    margin: 0 0 20px 0;
    color: #FFFFFF;
    font-family: AvenirLTStd-Heavy;
    line-height: 66px;
}
#search-results-title-wrap span{
    display: inline-block;
    padding: 5px 0;
    vertical-align: top;
}

#search-results-txt{
    font-size: 1.2em;
    margin-right: 10px;
}
#search-results-criteria{
    font-size: 2.6em;
    margin-left: 10px;
    text-transform: uppercase;
}

#not-found {
    font-size: 1.4em;
    font-family: AvenirLTStd-Heavy;
    text-align: center;
}

 #article-heading-1 {
    font-size: 1.4em;
    font-family: AvenirLTStd-Heavy;
    margin: 20px 20px 30px 20px;
}

/* BANNER AD */
 .article-banner-ad {
    padding-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}
.article-banner-ad iframe{
    width: 100%;
}
#side-ad{
    margin-bottom: 20px;
}

/* Ads */
#mobile-banner-ad{
    position: relative;
    display: block;
    height: 50px;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}
#mobile-banner-ad-close{
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 2;
    bottom: 0;
    margin-left: 110px;
    left: 50%;
    background: url(../img/symbolic/close_breakingnews.png) 10px center no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
    -moz-opacity: 0.80;
    opacity: 0.80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
}
#mobile-splash-container{
    position: fixed;
    top: 0;
    z-index: 110;
    height: 100%;
    width: 100%;
    background-color: black;
    -moz-opacity: 0.90;
    opacity: 0.90;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
}
#mobile-medium-rectangle{
    position: fixed;
    width: 300px;
    height: 250px;
    top: 50%;
    left: 50%;
    margin: -125px 0 0 -150px;
    z-index: 120;
}
#mobile-splash-close{
    color: white;
    width: 320px;
    margin: 0 auto;
}
#mobile-splash-close h4{
    text-align: center;
    font-family: AvenirLTStd-Heavy;
    font-size: 1.2em;
}
#mobile-splash-close p{
    padding-right: 30px;
    font-family: AvenirLTStd-Book;
    background: url(../img/symbolic/close_breakingnews.png) right center no-repeat;
    background-size: 20px 20px;
    margin: 15px auto 0 auto;
    width: 180px;
}


/* PREV/NEXT BANNER */
 #prev-next {
    margin: 40px 40px 0 40px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(202, 202, 202, 1);
    box-shadow: 0px 0px 5px 2px rgba(202, 202, 202, 1);
    height: 100px;
}
.prev-next-sect {
    float: left;
    width: 50%;
    position: relative;
}
#prev-article {
    text-align: right;
}
#prev-article img {
    float: right;
}
#next-article img {
    float: left;
}
.prev-next-sect img{
    min-height: 100px;
}
#prev-article-btn,
#next-article-btn {
    font-family: AvenirLTStd-Heavy;
    color: #808080;
    text-transform: uppercase;
    font-size: 1.05em;
    margin-top: 10px;
}
#prev-next h3 {
    font-family: AvenirLTStd-Heavy;
    font-size: 1.3em;
    display: inline-block;
    height: 38px;
    overflow: hidden;
}
#prev-article-btn, #prev-article h3 {
    display: block;
    margin-right: 140px;
    margin-left: 10px;
}
#next-article-btn, #next-article h3 {
    display: block;
    margin-left: 140px;
    margin-right: 10px;
}
.prev-next-arrow {
    width: 18px;
    height: 18px;
    min-height: 18px !important;
}
#next-article .prev-next-arrow{
    margin-right: 10px;
}
#prev-article .prev-next-arrow{
    margin-left: 10px;
}



#edituser .nameHeader,
#edituser .username,
#edituser .contactInfoHeader,
#edituser .aboutYourselfHeader{
    display: none;
}


#account-submit-txt{
    display: none;
}

/* Helpers */
.span-link{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left: 0;
    z-index: 1;
    background-image: url(../img/helper/empty.gif);
}
.hide{
    display: none;
}

.weather-bg-m {
    background: #171732 url(img/weatherback.jpg) center center;
}

# FIXES - everything below needs to be moved into SASS

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0!important; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.article img {
    height: auto;
}

#ustream-btn {
  right: 310px;
  border-right: none!important;
}
#ustream-btn .ustream-btn {
  background: url(../img/ustream/ArchiveUp.png) 0 0 no-repeat;
  background-size: 80px auto;
  width: 80px;
  height: 50px;
  margin-top: 4px;
}
#ustream-btn .ustream-btn:hover {
  background: url(../img/ustream/ArchiveOver.png) 0 0 no-repeat;
  background-size: 80px auto;
}
#ustream-btn .ustream-btn.live {
  background: url(../img/ustream/WatchUp.png) 0 0 no-repeat;
  background-size: 80px auto;
}
#ustream-btn .ustream-btn.live:hover {
  background: url(../img/ustream/WatchOver.png) 0 0 no-repeat;
  background-size: 80px auto;
}

.span-link{
	display: block!important;
}

.content {
  width: 100%;
}

#un-button {
	z-index: 999!important;
}

.wp-caption {
	border: 1px solid #ddd;
	padding: 3px;
	box-shadow: 1px 1px 3px #ddd;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	margin-top: 20px;
  margin-bottom: 20px;
}
.wp-caption img {
	margin: 0 auto!important;
	border: none!important;
}
.wp-caption-text {
	font-size: 87%!important;
	display: block!important;
	line-height: 1.6em!important;
	margin: 0!important;
	padding: 5px 3px 3px 3px!important;
}

ul.sub-menu.account-v-grad-l.gradient {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5ZWZkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, rgba(56, 123, 189, 0.67)));
  background-image: -moz-linear-gradient(#ffffff, rgba(56, 123, 189, 0.67));
  background-image: -webkit-linear-gradient(#ffffff, rgba(56, 123, 189, 0.67));
  background-image: linear-gradient(#ffffff, rgba(56, 123, 189, 0.67));
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='rgba(56, 123, 189, 0.67)');
}