/* ------------------------------------------

WJLA
MASTER CSS

1100 Wilson BLVD, Suite 601
Arlington, VA 22209

Author: Jared Cunha
Contact: jcunha@tbd.com 
------------------------------------------ */



/*
=================================================================================
DEFAULT ELEMENTS
=================================================================================*/
body {background: url(/design/wjla/bg/body-city-bg.jpg) repeat-x center top}

/*links*/
a:link, a:visited, .toggle-switch {color:#2960a7;}
a:hover, a:active, a:focus, .toggle-switch:hover {color: #1d4e8c;}


/*
=================================================================================
GLOBAL SPRITES
=================================================================================*/
.story-toolbar li a:link, .story-toolbar li a:visited,
.story-toolbar li.save, 
.story-toolbar li.saved,
.comment-tools li.recommended,
#fontResize span, 
.comment-tools li a:link, .comment-tools li a:visited,
.social-buttons li a:link, .social-buttons li a:visited,
.time-and-save .save-this,
.time-and-save .saved-this,
#tertiaryLinks li a:link, #tertiaryLinks li a:visited, 
a:link.comment-count, a:visited.comment-count
{background-image: url(/design/wjla/sprites/icon-sprite.png); background-repeat:no-repeat; background-color: transparent;}

/*buttons*/
/*NOTE - IF WE CAN KEEP THE PSDs IDENTICAL, THESE CAN BE MOVED THE GLOBAL MASTER CSS*/
.btn, a:link.btn, a:visited.btn {text-indent:-9999em; display:block; font-size:0; line-height:0; background: url(/design/wjla/sprites/buttons.png) no-repeat; border:none; cursor:pointer;}
.btn-fb-connect, a:link.btn-fb-connect, a:visited.btn-fb-connect {background-position: 0 -18px; width: 194px; height:25px;}
.join-now-gray {background-position: -207px -11px; width: 175px; height:38px;}
.submit-gray {background-position: -392px -11px; width: 175px; height:38px;}
.submit-gray-sm {background-position: -577px -11px; width: 87px; height:31px;}
.continue-gray {background-position: -674px -11px; width: 175px; height:38px;}
.finish-gray {background-position: -859px -11px; width: 175px; height:38px;}
.done-white {background-position: 0 -71px; width: 173px; height:38px;}
.submit-white-sm {background-position: -378px -71px; width: 121px; height:31px;}
.vote-white-sm {background-position: -183px -71px; width: 121px; height:31px;}
.go-white {background-position: -314px -71px; width: 47px; height:37px;}
.sign-in-blue {background-position: 0 -131px; width: 108px; height:38px;}
a:link.sign-in-gray, a:visited.sign-in-gray {background-position: -1044px -11px; width: 175px; height:38px;}
.sign-me-up-white {background-position: -1110px -71px; width: 175px; height:38px;}
a:link.edit-this-list-white-sm, a:visited.edit-this-list-white-sm {background-position: -509px -71px; width: 121px; height:31px;}
a:link.edit-my-profile-white-sm, a:visited.edit-my-profile-white-sm {background-position: -640px -71px; width: 121px; height:31px;}
.save-changes-white-sm {background-position: -771px -71px; width: 121px; height:31px;}
.update-subscriptions-white-sm {background-position: -902px -71px; width: 198px; height:31px;}
.sign-up-white-sm {background-position: -1295px -71px; width: 121px; height:31px;}
a:link.all-hd-maps-videos, a:visited.all-hd-maps-videos {background-position: -1426px -71px; width:163px; height: 31px; margin-left:10px;}

/*
=================================================================================
COMMON CLASSES
=================================================================================*/
.byline .included-time em {color:#9cc11a;}
a:link.comment-count, a:visited.comment-count {background-position:0 -834px;}

/*3 items*/
.tease3 li {padding:10px 0 10px 0; margin-right:20px;}
.tease3 li ul li {padding:0;}

.pagination li a:hover {background: #1d4e8c;}

/*
=================================================================================
ADVERTISEMENTS
=================================================================================*/
#topLeaderboard {background: url(/design/wjla/bg/leaderboard-bg.jpg) no-repeat center bottom;padding-top:5px; padding-bottom:5px; zoom:1; min-height:60px}
#topLeaderboard div {background: transparent;}


/*
=================================================================================
STRUCTURE 
=================================================================================*/
#header {background: url(/design/wjla/bg/header-bg.jpg) no-repeat center bottom; border-bottom:1px solid #dceaf8; padding-top:5px;}


/*
=================================================================================
HEADER 
=================================================================================*/
#siteLogo {z-index:2000;}

#siteLogo a {left:-30px; top: -8px;width: 151px; height: 120px; background:transparent url(/design/wjla/wjla-logo.png) no-repeat; z-index:2000;}

/*Current Personalities*/

#siteLogo a.team-autria-jummy-jacqui-amanda {background-image:url(/design/wjla/logos/autria-jummy-jacqui-amanda.png); width:391px;}
#siteLogo a.team-autria-jummy-jacqui {background-image:url(/design/wjla/logos/autria-jummy-jacqui.png); width:335px;}
#siteLogo a.team-jacqui-scott-amanda {background-image:url(/design/wjla/logos/jacqui-scott-amanda.png); width:303px;}
#siteLogo a.team-scott-jacqui {background-image:url(/design/wjla/logos/scott-jacqui.png); width:274px;}
#siteLogo a.team-tim-allison-leon-maureen-doug {background-image:url(/design/wjla/logos/tim-allison-leon-maureen-doug.png); width:488px;}
#siteLogo a.team-tim-gordon-maureen-doug {background-image:url(/design/wjla/logos/tim-gordon-maureen-doug.png); width:372px;}
#siteLogo a.team-tim-leon-allison-doug {background-image:url(/design/wjla/logos/tim-leon-allison-doug.png); width:389px;}
#siteLogo a.team-tim-leon-maureen {background-image:url(/design/wjla/logos/leon-maureen.png); width:488px;}

/*Old Personalities (Consider Deleting)*/

#siteLogo a.team-tim-allison-leon-maureen-gordon-doug {background-image:url(/design/wjla/logos/tim-allison-leon-maureen-gordon-doug.png); width:488px;}
#siteLogo a.team-5pm {background-image:url(/design/wjla/logos/wjla-logo-5pm-11pm-0611.png); width:346px;}  
#siteLogo a.team-6pm {background-image:url(/design/wjla/logos/wjla-logo-6pm.png); width:320px;}  
#siteLogo a.team-11pm {background-image:url(/design/wjla/logos/wjla-logo-5pm-11pm-0611.png); width:346px;}  
#siteLogo a.team-main {background-image:url(/design/wjla/logos/wjla-logo-main-talent-0611.png); width:484px;}  
#siteLogo a.team-gmw {background-image:url(/design/wjla/logos/wjla-logo-gmw-0611.png); width:234px;}  

#siteLogo a.tim-allison-leon-maureen-gordon {background-image:url(/design/wjla/logos/tim-allison-leon-maureen-gordon.png); width:428px;}
#siteLogo a.cynne-steve {background-image:url(/design/wjla/logos/cynne-steve.png); width:283px;}  
#siteLogo a.cynne-scott {background-image:url(/design/wjla/logos/cynne-scott.png); width:300px;}  
#siteLogo a.leon-allison-tim {background-image:url(/design/wjla/logos/leon-allison-tim.png); width:340px;}  
#siteLogo a.maureen-gordon-tim {background-image:url(/design/wjla/logos/maureen-gordon-tim.png); width:317px;} 

#siteLogo a.team-gmw0912 {background-image:url(/design/wjla/logos/wjla-logo-gmw.png); width:338px;}
#siteLogo a.team-gmwSunday {background-image:url(/design/wjla/logos/cynne-scott-jacqui.png); width:317px;} 




#header ul li a:link, #header ul li a:visited {color: #fff; border-bottom-color: #d85b0b; position:relative; z-index:2060}
#header ul li a:hover, #header ul li a:active {border-bottom-color: #d85b0b}

#accountLinks {margin-left:360px}

.current-conditions {color:#05384f; padding-top:8px;}
.current-conditions a {color:#05384f;}
.current-conditions .weather-city {color:#fff;}

/*
=================================================================================
MAIN NAVIGATION
=================================================================================*/
#primaryNavigation {background:#3d5a9b url(/design/wjla/bg/nav-bg.png) repeat-x left bottom; border-color:#2d3a56;}
.nav1 {border-bottom-color:#1c2e54;}
.nav2 {border-top-color:#7e9bb5;}
.nav1 li a:link, .nav1 li a:visited {border-right-color:#5876a9; border-left-color:#1e3668;}
.nav li a:link, .nav li a:visited {border-right-color:#5170a2; border-left-color:#1a3263;}
.nav li a:hover, .nav li a:focus {background-color:#001240;}


/*
=================================================================================
LIVESTREAM BANNER
=================================================================================*/

.media-promo {background:#e4f1fa; padding:15px 10px; overflow:hidden; margin-bottom:1em;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}

.media-promo-content {float:left; width:482px;}
.media-promo-content .thumbnail {float:left; width:106px;}
.media-promo-content .thumbnail img {display:block; max-width:100%;}
.media-promo-content .description {float:right; width:366px;}
.media-promo-content .description h6, .media-promo-content .description p {line-height:1.4em;}
.media-promo-content .description h6 {color:#ef6620; text-transform:uppercase; margin-bottom:.15em;}
.media-promo-content .description h6 strong {color:#000; display:block; font-size:1.43em;}
.media-promo-content .description p {color:#666; font:1.14em Georgia, "Times New Roman", Times, sans-serif;}

.media-promo-sponsor {float:right; width:88px; margin-top:.4em; position:relative;}
.media-promo-sponsor p {color:#959595; font-size:.79em; text-align:center;}
.media-promo-sponsor img {display:block; max-width:100%;}


/*
=================================================================================
MAIN CONTENT MODULES
=================================================================================*/
.content-mod {border-top-color:#efba2c;}


/*
=================================================================================
TAB BOX
=================================================================================*/
.subsections-container {border-top-color:#efba2c;}

/*
=================================================================================
FOOTER
=================================================================================*/
#footer {background: #000; border-top-color:#c6c6c6; color:#898989;}

.site-links .column {border-top-color:#646464}
.site-links .column h4 {color: #dbdbdb;}
.site-links .column a:link, .site-links .column a:visited {color: #b1b1b1;}
.site-links .column a:hover {color:#b1b1b1;}

.site-links .column ul.icons-logos li a:link, .site-links .column ul.icons-logos li a:visited {color:#b1b1b1;  background-image: url(/design/wjla/sprites/footer-sprite.png); background-repeat:no-repeat;}


.content-info {border-top-color:#313131}
.content-info a:link, .content-info a:visited {color: #b1b1b1;}
.content-info a:hover {color:#b1b1b1;}
