@import url('https://fonts.googleapis.com/css?family=Bevan|Francois+One');
p {
    font-family: 'Georgia';
}

#header-container {
    background-color: #fff !important;
}
.timesLogo {
    height: 120px;
    background-image: url(/images/logo-500.png);
    background-repeat: no-repeat;
    background-size: contain; 
    background-position: center;
}
#TBTlogo {
    display:block;
    width:100%;
    height:61%;
}
#pulitzer {
    display:block;
    width:100%;
    height:40%;
}
/*JS starts skylinks styling*/
#skylinks-main-container {
    float: left;
    width: 100%;
    background-color: #50A291;
}
.skylinksb-container {
    float: none !important;
    max-width: 1190px;
    margin: 0 auto !important;
}

.skylinks-trib {
    width: 70%;
    font-family: 'Francois One' !important;
    color: #FFF !important;
}
.skylinksb {
    color: #FFF;
    font-size: .923em !important;
    background-color: #50A291;
    margin-top: 1px;
}
.skylinksb ul li {
    display: inline !important;
    padding: 0px 5px 0px 15px !important;
}
.login {
    float: right;
    width: 29%;
}
.login ul.parentMenu {
    float: right;
    background-color: #000;
    font-family: 'Francois One';
    font-size: .923em !important;
    /* padding-left: 0.10em; */
    padding-right: 0;
    
}
#primary_nav_wrap ul li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    background: #000;
}
#nav {
 /*This is to override saxotech base styles*/
    font-size: 100%;
}

.loginButton, .subscribeNowButton {
    margin-bottom: 0px !important;
    /*line-height: 0px !important;*/
    color: #FFF;
    padding: 0px 5px !important;
}
.loginButton a, .subscribeNowButton a {
    color: #FFF;
}
.loginButton {
    border-left: 3px solid #FFF;
}
.subscribeNowButton {
    border-left: 3px solid #FFF;
    border-right: 3px solid #FFF;
}    

#primary_nav_wrap
{
    text-transform: uppercase;
    float: left;
    margin-top: 0px;
    height: 5px;
    cursor: pointer;
    position: relative;
    z-index: 400000;
}

#primary_nav_wrap ul
{
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0
}

#primary_nav_wrap ul a
{
    display:block;
    color:#000;
    text-decoration:none;
    font-weight:300;
    line-height:22px;
    padding:0 4px;

}

#primary_nav_wrap ul li
{
    position:relative;
    float:left;
    margin:0;
    padding:0;
    background:#000;
}
#primary_nav_wrap ul li.current-menu-item
{
    background:#50A291;
}
#primary_nav_wrap ul li a:hover
{
    background-color: #2c2c2c;
    color: #fff;  
}
#primary_nav_wrap ul li a
{
    color: #fff;
}

#primary_nav_wrap ul ul
{
    visibility:hidden;
    opacity: 0;
    position:absolute;
    z-index:50;
    top:100%;
    right:0;
    background:#000;
    padding:10;
}
#primary_nav_wrap ul ul hr { /* sets the hrix rule sol */
    background-color: white;
}
#primary_nav_wrap ul ul li
{
    float:none;
    width:200px
}
#primary_nav_wrap ul ul a
{
    line-height:120%;
    padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
    top:0;
    left:100%
}

#primary_nav_wrap ul li:hover > ul
{
    visibility:visible;
    opacity: 1;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    position: absolute;
}
#profileDropdownMenu .isIcon {
    background-color: rgba(0,0,0,1);
    box-shadow:none;
}
#profileDropdownMenu .isIcon {
    background-color: rgba(0,0,0,1);
    margin-top: -10px;
}
li.profileItem.popup > ul {
    top: 10px;
}
.dropdownSectionHeaders {
    font-size: 1.1em;
    text-decoration: underline !important;
}
.dropdownSectionHeaders:hover {
    background-color: #000 !important;
    cursor: default;
}

/*JS ends skylinks styling*/



#logo-container {
    float: left;
    width: 42% !important;
}

#tbo-logo-container-header {
    margin-top: 10px;
}
.tbo-rightrailcontainer-content ul li a {
    font-size: 16px;
    font-family: 'Georgia';
}
.listFont li {
    font-size: 16px;
    font-family: 'Georgia';
}
.listFont li a {
    font-size: 16px;
    font-family: 'Georgia';
}
#tbo-header-date {
    color: #030303 !important;
    font-family: "Francois One", sans-serif;
    font-weight: 400 !important;
}
#makeHomePage, #tbo-header-date {
    margin-bottom: .7em !important;
    display: inline-block !important;
    vertical-align: bottom !important;
}
#makeHomePage {
    float: left;
    background-color: #ddd;
    border-radius: 2px;
    padding:0 3px;
    color: #555;
    margin-right: 1em;
}
.tbo-new-connect-container {
    float: None !important;
}
.tbo-connect ul{
	clear:both;
	float:right;
}
.tbo-connect ul:first-child{
	margin: 0px 0px 4px 0px;
}
.tbo-connect ul:first-child li{
	padding: 0px 0px 0px 5px;
}
.tbo-connect ul:first-child li:first-child{
	border-right: 1px dotted #666666;
}
.tbo-connect li {
    font-family: 'Francois One', sans-serif;
    font-weight: normal !important;
	font-size: 13px;
	line-height: 13px;
}

.search input[type="search"] {
    width: 9em!important;
}
.search input[type="submit"] {
    cursor: pointer;
    width: 25px;
    margin: 0;
    background: url(/apps/pbcsi.dll/staticimage/images/icon-magGlass-transparent.png) no-repeat center center #000000;
    text-indent: -9999em;
    position: relative;
    top: .6px;
}
.search input {
    padding-top:0px;
    padding-left: 0.25em;
    padding-right: 0.25em;
    height: 1.9em !important;
    border: 1px solid #000;
}


#main-nav > li {
    font-size: 1.071429em;
    font-family: "Bevan", serif;

}
#main-nav a {
    font-weight: 400 !important;
}
#homenav  {
    background: none !important;
}
a.current {
    background: #474747;
    background: -moz-linear-gradient(top, #474747 0%, #2b2b2b 51%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(51%,#2b2b2b), color-stop(100%,#000000));
    background: -webkit-linear-gradient(top, #474747 0%,#2b2b2b 51%,#000000 100%);
    background: -o-linear-gradient(top, #474747 0%,#2b2b2b 51%,#000000 100%);
    background: -ms-linear-gradient(top, #474747 0%,#2b2b2b 51%,#000000 100%);
    background: linear-gradient(to bottom, #474747 0%,#2b2b2b 51%,#000000 100%);
    color: #fff !important;
}

#main-nav li a {
    float: left;
    line-height: 2.1em;
    padding: 1px 0px 0px;
}
#main-nav a:hover {
    background: #474747 !important;
    background: -moz-linear-gradient(top, #474747 0%, #2b2b2b 51%, #000000 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(51%,#2b2b2b), color-stop(100%,#000000))!important;
    background: -webkit-linear-gradient(top, #474747 0%,#2b2b2b 51%,#000000 100%)!important;
    background: -o-linear-gradient(top, #474747 0%,#2b2b2b 51%,#000000 100%)!important;
    background: -ms-linear-gradient(top, #474747 0%,#2b2b2b 51%,#000000 100%)!important;
    background: linear-gradient(to bottom, #474747 0%,#2b2b2b 51%,#000000 100%)!important;
    color: #fff !important;
}
#main-nav li a:hover,#main-nav li a:focus,#main-nav li a:active {
    background: #474747 !important;
    background: -moz-linear-gradient(top, #474747 0%, #2b2b2b 51%, #000000 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(51%,#2b2b2b), color-stop(100%,#000000))!important;
    background: -webkit-linear-gradient(top, #474747 0%,#2b2b2b 51%,#000000 100%)!important;
    background: -o-linear-gradient(top, #474747 0%,#2b2b2b 51%,#000000 100%)!important;
    background: -ms-linear-gradient(top, #474747 0%,#2b2b2b 51%,#000000 100%)!important;
    background: linear-gradient(to bottom, #474747 0%,#2b2b2b 51%,#000000 100%)!important;
    color: #fff !important;
}
.section-header-cce {
    font-family: 'francois one';
}
.menu.flex.header.media li {
    margin-bottom: 0px !important;
}

/* JTS Author Bios Styling */
.itemList {
    margin-left: .571em;
    margin-right: .571em;
}
.itemList li {
    border-bottom: 1px solid #CCC;
    float: left;
    width: 100%;
    font-family: 'Francois One';
    padding: 10px 0px;
    margin-bottom: 0px !important;
}
.itemList h3 {
    font-family: 'Bevan', serif;
    font-size: 18px !important;
    line-height: .6em !important;
}
.itemList p {
    margin-bottom: 0px; /*To overwrite base styles from saxotech*/
    line-height: 15px;
}
.dateline {
    color: #787878;
    font-size: .857em;
}
.oneThird {
    width: 32.3%;
    display: block;
    float: left;
    margin-right: 1%;
}

.equal {
    font-size: .857em;
}

.twoThirds {
    display: block;
    float: left;
    width: 65.6%;
}
/*End Author Bios Styling */

#ttdAppStore li {
    display: inline-block;
}

.tbo-front-main-story-bigheadline, .tbo-rightrailcontainer-more-heads a {
    font-family: "Francois One", sans-serif!important;
    font-weight: normal !important;
}
.frontpage .category-stories .category-heading, #article-left-rail .heading, .comments-container .heading {
    font-family: "Francois One", sans-serif !important;
    font-weight: normal !important;
}
.tbo-rightrailcontainer-header {
    font-family: "Francois One", sans-serif !important;
    font-weight: 400 !important;
}
h1, h2, h3, h4, h5, h6 {font-family: "Francois One", sans-serif!important; font-weight:400!important; color: #000 !important;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family: "Francois One", sans-serif!important; font-weight: normal !important; color: #000 !important;}
p * {
    font-family: "Georgia", serif;
}
.timesAbout {
    font-size: 24px !important;
    line-height: 20px !important;
    text-transform: uppercase;
}
#tbo_weather_nav_011210 {
    color: #1E2835;
    font-family: "Francois One", sans-serif !important;
    float: left;
    font-size: 9pt!important;
    font-weight: 400 !important;
    margin: 10px 0px 10px 10px;
    position: relative;
}
.tbo-front-main-story-bigimage-caption {
    font-family: 'Georgia', serif;
}
.category-story-right-breaking .date {
    font-size: .8em!important;
    font-family: 'Francois One', sans-serif !important;
    margin-top: -1%;
}
.date {
    font-size: .8em!important;
    font-family: 'Francois One', sans-serif !important;
    margin-top: -1%;
}
.sectionfrontpage #section-stories .summary {
    font-family: "Georgia", serif !important;
    font-size: 1em;
    margin-bottom: .4em;
}
.articlepage p {
    font-family: "Georgia", serif !important;
}
.pagination-alignleft, .pagination-results, .pagination-alignright {
    font-family: 'Francois One', sans-serif !important;
}
.sectionfrontpage h1 {
    color: #000 !important;
    text-transform: uppercase;
    margin-bottom: 10px !important;
}
.blog-photo-caption {
    font-family: "Georgia", serif !important;
    font-style: italic;
}
.tbo-rightrailcontainer-content .right-rail-text {
    font-family: "Georgia", serif !important;
}
#tbo-search-container-head input[type="text"] {
    color: #000 !important;
    font-family: 'Francois One', sans-serif !important;
}

.ob-widget-header {
    font-size: 39px !important;
}
#


#footer {background: #FFF none;float:left; padding-right: 0px; padding-left: 0px; padding-bottom: 5px;width:100%;}
#footer-banner-container {background-color:#FFF; float:left; margin:10px 0 10px 0; width:90%;}
#footer-leader-ad {margin: 0 auto!important; line-height:0;max-width:990px;}
#footer-container { background-color:#030303!important; float:left; width:100%;}
.footer-content-container{margin: 0 auto!important;max-width:1190px;width:90%;}
.footer-logo-container {background-color:#333;float:left;width:100%;}
.footer-logo {float: left;margin: 10px;max-width: 300px;}
.footer-links-container {float:left; width:100%;}
.footer-links-column {float:left;margin:2% 3.8% 2% 0%; width:13.5%}
.footer-links-column:nth-child(6) {float:left;margin:2% 0% 2% 0%; width:30.8%;}
.footer-links-column ul {margin-bottom: 1.7em;}
.footer-links-column li {color:#F0E1CB!important; margin-bottom:2%; font-family: "Francois One", arial, Sans-Serif;}
.footer-links-column h4 {color:#FFF !important; font-size:.9em !important; line-height: 1.3em; margin-bottom: .2em; width:94%; font-family: "Bevan", serif !important; text-transform: uppercase;}
.footer-links-column a:link, .footer-links-column a:visited {color:#F0E1CB!important; font-size:.8em; line-height:.9em;}
.footer-links-column a:hover {color:#999999!important;}
.footer-nav-container {background-color:#030303; float:left; width:100%;}
.footer-nav-container a {color: #F0E1CB !important;}
.bottomNav {border-top:1px solid #666666; padding:0.25em 0 3em !important;}
.footer-tbo-copyright {color:#FFF; font-size:1em; font-weight:700; margin: 0 auto; padding: 1% 0% .5% 0%; text-align:center;}
.footer-tribfamily {color:#FFF; font-size:.9em; margin: 0 auto; padding-bottom:1%; text-align:center;}
.footer-links-column .search input[type="submit"] {background: url(/apps/pbcsi.dll/staticimage/images/icon-magGlass-transparent.png) no-repeat center center #000000;background-color: #DD634B; left: 0%; top: 0; -webkit-border-radius: 0; border-radius: 0; border: 2px; border-color: #DD634B; height: 2.2em !important; width: 28px;}
.footer {
    padding-top:28px;
    background: #030303;
    color: #fff;
}
.footer h2 {
    display:block;
    width:178px;
    height:67px;
    background:url(/iwov-resources/images/logo-stacked-reverse.png) no-repeat;
    text-indent:-9999px;
}
.search {
    color:#787878;
    position:relative;
}
/* .search.desktop-only input[type='search'] { position: absolute; top:0; right:24px; } */
.search.desktop-only input[type='search'] {
    position: absolute;
    top: 0;
    right: 24px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.search label, .search input {
    font-family:"Francois One", arial, Sans-Serif;
}
.search label {
    display: none;
}
.sidebar .search label {
    display: inline-block;
    color:#000;
    margin-left:1em;
}
.sidebar .search div {
    background-color:#000;
}
.sidebar .search label input {
    height:1em; margin-top:1em;
}
.search input {
    padding-left: 0.25em;
    padding-right: 0.25em;
    height: 2em;
    border:1px solid #000;
}
.search input[type="search"] {
    width: 10em;
}
.sidebar .search input[type="search"] {
    width: 68%;
}
.search input[type="submit"] {
    cursor:pointer;
    width: 25px;
    margin:0;
    background:url(/iwov-resources/images/icon-magGlass-transparent.png) no-repeat center center #000000;
    text-indent: -9999em;
    position: relative;
    -webkit-border-radius: 0;
	border-radius: 0;
}
.sidebar .search input[type="submit"] {
    width: 25%;
    text-indent: 0;
    background-image:none;
    color:#fff;
    text-transform:none;
}
.footer .search {
    margin-top:1em;
}
.footer .search label,
.footer .search input[type="search"] {
    font-size:0.857em;
}
.footer .search input[type="search"] {
    width:65%;
    /* border-color: #DD634B; */
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
	border-radius: 0;
    position: absolute;
    top: 0;
    height: 28px;
}
.footer .search input[type="submit"] {
    background-color:#DD634B;
    left: 65%;
    top: 0;
    -webkit-border-radius: 0;
	border-radius: 0;
    /* border: 2px; */
    border-color: #DD634B;
    width: 28px;
}
.baylinkCategoryPicker,
.footer ul,
.legalBar ul {
    list-style:none;
    font-family:"Francois One", arial, Sans-Serif;
    line-height:1.5em;
}
.footer ul
.container.footer h2 {
    font-size:0.929em;
}
.container.footer h2,
.footer li,
.legalBar li {
    float:left;
    margin: 0 2em 0 0;
    font-size:0.929em;
}
.footer li {
    float:none;
}
.footer ul {
    margin-bottom:1.7em;
}
.footer li {
    padding:0;
    margin:0;
}
.footer h3 {
    font-family: "Bevan", serif;
    font-size:1.071em;
    color:White;
    text-transform:uppercase;
    line-height: 1.3em;
    margin-bottom: .2em;
}
.footer a {
    color:#F0E1CB;
}
.bottomNav {
    border-top:1px solid #666666;
    padding:0.25em 0 0.5em;
}
.bottomNav ul {
    margin:4px 0;
}
.bottomNav li {
    margin: 0 0 0 1em;
    font-size:0.857em;
    display:inline;
    float:none;
}
.bottomNav li:first-child {
    margin:0;
}
.bottomNav .menu {
    float:left;
}
.bottomNav .menu.services {
    float:right;
    padding-right:15px;
}
.bottomNav .menu.services>li {
    margin: 0 0 0 1em;
}
.bottomNa .menu.services li:first-child {
    margin:0;
}
#legalbar-container{
    float:left;
    width:100%;
}
.container.legalBar{
    margin: 0 auto!important;
    max-width:1190px;
    width:100% !important;
}

.legalBar {
    margin:0.4em 0 0.6em;
    color:#787878;
}
.legalBar .copyright {
    color: #181818;
}
.legalBar ul {
    margin-bottom:0;
    line-height:1em;
}
.legalBar li {
    font-size:0.786em;
    margin:0;
}
.legalBar .copyright li:after,
.legalBar .address li:before {
    content:"\2022";
    margin:0 0.5em;
}
.legalBar .address li:first-child:before {
    display:none;
}
.legalBar ul.menu {
    clear:left;
}
.legalBar .menu li {
    margin-right:1em;
}
.legalBar .menu a {
    color:#DD634B;
}
.legalBar .external {
    float:right;
    padding-right:10px;
}
.legalBar .external a {
    display:block;
    text-indent:-9999px;
    background-repeat:no-repeat;
    height:33px;
    margin-left:20px;
}
.legalBar .external a.tbtimes {
    width:70px;
    background-image:url(/apps/pbcsi.dll/staticimage/images/footer-logo-tampaBayTimes.png) !important;
}
.legalBar .external a.tbt {
    width:47px;
    background-image:url(/apps/pbcsi.dll/staticimage/images/footer-logo-TBT.png) !important;
}
.legalBar .external a.pfCom {
    width:100px;
    background-image:url(/iwov-resources/images/footer-logo-Politifact.png);
}
@media screen and (max-width: 1024px) {
    .skylinksb-container {
        max-width: 1010px;
    }
    .skylinks-trib {
        width: 70%;
    }
    .skylinksb {
        font-size: .859em !important;
    }
    .login {
        width: 25% !important;
        margin-right: 1%;
    }
    .login ul.parentMenu {
        font-size: .859em !important;
    }
    #primary_nav_wrap ul a {
        line-height: 21px;
    }
	#imgLogo {
		display:block;
		max-width: 187px;
		margin: 0px 0px 20px 0px;
	}
	.footer-content-container{
		width: 768px;
		margin: auto;
	}
	.footer-links-column {
		margin:2% 0%; width:33%!important;
	}
	.footer-links-column:nth-child(5){
		clear: left;
		width: 33.33%!important;
	}
	.footer-links-column:nth-child(6) {width:66.67%!important;}
}
@media screen and (max-width: 1000px){
    #skylinks-main-container{
        display: none;
    }
}
@media only screen and (max-width: 820px){
    #tbo-header-date {
        margin-left: 5em;
    }
    .bottomNav .menu {
        float: none !important;
        text-align: center !important;
    }
    .bottomNav .menu.services{
        float:none !important;
        text-align: center !important;
    }
	.footer-content-container{
		width: 660px !important;
		margin: auto;
	}
}
@media (max-width: 767px)
{
	#imgLogo {
		margin: 20px 0px;
	}
    .timesLogo {
        height: 85px;
    }
    #TBTlogo {
        height: 60%;
        top: -1px;
    }
    #pulitzer {
        height: 40%;
        top: -1px;
    }
    /*.tbo-new-connect-container {
        display: none;
    }*/
	.footer-content-container{
		width: 300px !important;
	}
	.footer-links-column {
		margin: 2% 0% 0% 0%;
		float:none;
		clear:both;
		width:100%!important;
	}
}
@media (max-width: 736px) and (orientation: landscape){
    .timesLogo {
        height: 71px;
    }
    #TBTlogo {
        height: 60%;
        top: -1px;
    }
    #pulitzer {
        height: 40%;
        top: -1px;
    }
    .tbo-new-connect-container {
        display: none;
    }
}

@media screen and (max-width: 482px) {
    .timesLogo {
        height: 44px;
        width: 192px;
    }
    #tbo-header-date {
        margin-left: 1em;
    }
    #TBTlogo {
        height: 60%;
        top: -1px;
    }
    #pulitzer {
        height: 40%;
        top: -1px;
    }
    #tbo-header-date {
        float: none;
    }
    #section_river_wrapper_left .category-story-right, #section_river_wrapper_right .category-story-right {
        display: block !important;
    }
}