/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

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

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

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






/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline:0 none;}



body {font: 13px normal normal normal sans-serif,arial; background:#000; padding: 0px;}
td, div, textarea {font-family:inherit;}

input[type="text"]:not(#recaptcha_response_field),textarea,select {border:1px #bbb solid; width:100%;}
input[type="text"]:not(#recaptcha_response_field),input[type="password"],select {height:30px; line-height:28px; padding:0 5px;}

a {text-decoration:none; color:#042f7e;}
a:hover {text-decoration:underline;}

h1 {font-size:150%;}

dd {margin:0 0 20px 20px;}

/* simple formats */
.l {text-align:left;}
.r {text-align:right;}
.c {text-align:center;}
.b {font-weight:bold;}
.p {margin:20px 0;}
.nol {list-style:none; padding:0; margin:0;}
.h {display:none;}
.note {font-size:11px; color:#888;}
.red {color:#c13b2f;}
.title {font-weight:bold;}
.i {font-style:italic;}
.grey {color:#777;}

.blueheader { background: #fff url('data:image/gif;base64,R0lGODlhAQAUAKUuAAEMIgENIgEPKAERLgIRLgESLwISLwETNAITNQIUNAIUNQEWOgEWOwIWOwIYQAIYQQMYQQIZQQIbRwIbSAIcTQIdTQMdTQMdTgIfUwIfVAMfUwMfVAIhWgMhWgIiWgMiWgMjYAMkYAMmZgQmZwMobAQobAQpbAMqcwMrcgMrcwQseQQteAQteQQvfgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAAQAUAAAGEkCAwJBgRCYVTAckIp1WrWg0CAA7') repeat-x;}
.redheader { background: #fff url('data:image/gif;base64,R0lGODlhAQAUAKU2ACYLCSYMCSYMCjAODDAPCzAPDDsRDjsRDzoSDjsSDjsSD0QVEUUVEEUVEU8YE08YFFkbFVkbFlkcFmMeGGQeGGQeGWMfGG0iGm0iG24iGm4iG3ckHXckHnclHXglHYEnH4InH4InIIIoIIwqIowrIowrI5YuJJcuJaAxJ6ExJ6s0Kas0Kqo1Kas1KbU3LLU3LbU4LL86LsA6L787LsA7L8E7LwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAAQAUAAAGE8DAQLFwSCiajmhkQqlcs5q0FgQAOw==') repeat-x;}


/* ads */
#rightcontent {overflow-x:hidden;}
.boxads {overflow:hidden; text-align:center; margin:0 -5px;}
.ad300x250 {width:300px; height:250px; overflow:hidden; margin:5px; display:inline-block;}
.draft-king-ad {width:300px; height:250px; margin:5px; display:inline-block; background:url(../ads/draftking/Free10K_BrandMedia_MLB_300x250.jpg); cursor:pointer;}


div.header {position:relative;}


#main {width:100%; max-width:980px; margin:0 auto; }
.bbpbanner {background-image:url('../img/logo.png'); width:42px; height:37px; z-index:5; position:relative; top:0; left:5px; background-size:100%;}

#nav {background: #222; position:absolute; top:0; left:0; width:100%; height:37px; z-index:3; font-weight:bold;}
#nav ul {list-style:none; padding:0; margin:0; display:block; background: #222;}
#nav ul li {display:block; padding:0 12px; color:#c13b2f; line-height:37px; font-size:120%; border-top:1px solid #000;}
#nav ul li.cur {color:#fff;}
#nav ul li a {color:#c13b2f; text-decoration:none; display:block;}
#nav ul li a:hover {color:#fff;}
#nav .mobile-collapse {display:none; width:280px;}
#nav .mobile-menu  li, #nav .mobile-collapse li {display:block; text-align:left; padding-left:60px;}
#nav .mobile-menu  li {padding-left:60px;}




#social {display:block; width:76px; position:absolute; right:0; top:0;}
#social a {display:block; height:32px; width:38px; background:url('../img/social_sprite_inverse.png'); float:left;}
#social a.fb {background-position:0 -32px;}
#social a.fb:hover {background-position:0 0;}
#social a.tw {background-position:-38px -32px;}
#social a.tw:hover {background-position:-38px 0;}


#content {clear:both;}
#pagecontent {background:#f0f0f0; position:relative;}
#leftcontent {padding:10px;}




/* date selection */
.dateselection {width:100%; background:#444; margin-bottom:10px; position:absolute; top:0; left:0; right:0; height:40px; table-layout:fixed; border-collapse:collapse; border:0 none;}
.dateselection td {line-height:40px; text-align:center; height:40px; padding:0;}
.dateselection .control {width:50px;}
.dateselection .control a {display:block; text-align:center; position:relative;}

.chevron {position:relative; padding:0; height:20px; width:5px; margin:0 auto;}
.chevron:before {content:''; position: absolute; top:0; left:0; height:50%; width:100%; background:#ddd;}
.chevron:after {content:''; position:absolute; top:50%; right:0; height:50%; width:100%; background:#ddd;}
.chevron.right:before {-webkit-transform:skew(35deg, 0deg); -moz-transform:skew(35deg, 0deg); -ms-transform:skew(35deg, 0deg); -o-transform:skew(35deg, 0deg); transform:skew(35deg, 0deg);}
.chevron.right:after {-webkit-transform:skew(-35deg, 0deg); -moz-transform:skew(-35deg, 0deg); -ms-transform:skew(-35deg, 0deg); -o-transform:skew(-35deg, 0deg); transform:skew(-35deg, 0deg);}
.chevron.left:before {-webkit-transform:skew(-35deg, 0deg); -moz-transform:skew(-35deg, 0deg); -ms-transform:skew(-35deg, 0deg); -o-transform:skew(-35deg, 0deg); transform:skew(-35deg, 0deg);}
.chevron.left:after {-webkit-transform:skew(35deg, 0deg); -moz-transform:skew(35deg, 0deg); -ms-transform:skew(35deg, 0deg); -o-transform:skew(35deg, 0deg); transform:skew(35deg, 0deg);}

.dateselection .selected {text-align:center; position:relative;}
.dateselection .selected .dateval {border:none; background:transparent; width:100%; max-width:260px; height:40px; color:#fff; font-weight:bold;}
.dateselection .selected .datebutton {position:absolute; top:0; bottom:0; cursor:pointer; margin:0 10%; width:80%;}
.date-spacer {width:100%; height:40px; }


/*account stuff*/
#account {text-align:right; z-index:498; position:relative; top:0; width:100%; font-size:11.5px; color:#eee; margin:10px 0 5px 0;}
#account a {color:#fff; font-weight:bold;}
#account a:hover {color:#c13b2f;}
#account-panel {background:#272727; position:fixed; top:0; left:0; right:0; z-index:500; border-bottom:#999 4px solid; display:none; color:#999; font-size:11px; box-shadow:0 1px 10px #000;}
#account-panel a {color:#15adff;}
#account-panel div.content {width:100%; max-width:980px; margin:0 auto; padding:10px 0 30px 0;}
#account-panel div.close {text-align:right; font-size:13px;}
#account-panel div.close a {color:#fff; font-weight:bold;}
#account-panel div.close a:hover {color:#c13b2f;}
#account-panel input[type="text"], #account-panel input[type="password"] {background:#414141; border:#000 1px solid; color:#fff; width:100%; max-width:160px;}
#account-panel div.account-segment {width:29%; padding:0 2%; border-right:#333 1px solid; float:left; height:190px;}
#account-panel div.account-segment:first-child {border-left:#333 1px solid;}
#account-panel div.account-segment>div {margin-top:10px;}
#account-panel .blue {color:#15adff;}
#modal-overlay {background:rgba(127,127,127,.6); position:fixed; top:0; left:0; right:0; bottom:0; z-index:499; display:none;}



/*home page*/
.top {position:relative;}
.top-left {padding:10px;}
.hero-container {}
.hero-container .hero-image-container {position:relative;}
.hero-container .hero-image {width:100%; height:auto;}
.hero-container .hero-image-caption {background:#444; color:#fff; text-align:center; padding:5px 0;}
.hero-container .hero-image-caption a {color:#fff; text-decoration:none !important;}
.hero-container h3 {margin:5px 0;}
.hero-container .btn-slide-left {display:none;}
.hero-container .btn-slide-right {display:none;}
.top-right {padding:10px;}
.top-right-podcast {padding:10px;}
.top-right-podcast .podcasts a {display:block; padding:3px 0;}
.top-right-podcast .podcasts .podcast-feed a {color:#a0a0a0;}

.middle-left {padding:10px;}
.tweets .tweet {position:relative; border-bottom:#ccc 1px solid; padding:10px; min-height:68px;}
.tweets .tweet .tweet-image {position:absolute; top:10px; left:0;}
.tweets .tweet .tweet-text {padding-left:58px;}
.tweets .tweet .tweet-head a:hover {text-decoration:none;}
.tweets .tweet a .user-name {color:#222; font-size:110%; font-weight:bold;}
.tweets .tweet a:hover .user-name {color:inherit; text-decoration:underline;}
.tweets .tweet a .screen-name {color:#999;}

a.lineup-image {display:block; width:100%; height:0; padding-top:18.75%; background:url(../img/lineups-wide.jpg); background-size:100% 100%;}


/*article*/
.art_title {font-size:18pt;}
.art_header {border-top:#ccc 1px solid; margin:10px 0; padding-top:10px;}
.art_author, .art_date {display:inline-block;}
.art_date {font-size:11px;}
.art_image {position:relative;}
.art_image img {width:100%; height:auto; margin:0 auto;}
.art_image .caption {width:100%; color:#fff; position:absolute; bottom:0; text-align:center; background:rgba(0,0,0,.6); padding:5px 0;}
.art_body {margin:10px 0 0 0;}
.art_author_blurb { padding: 10px; color: #606060; margin-top: 20px; border-top: #a0a0a0 2px dotted; border-bottom: #a0a0a0 2px dotted; font-style: italic; }
.art_author_blurb a { color: #6060f0; }
.art_author_blurb img {float:left; margin-right:10px;}

/*rankings*/
#rankings {table-layout: fixed; border-collapse: collapse; width: 100%; border: #a0a0a0 1px solid;}
#rankings td {font-size:12px;}
#rankings th {font-size:12px; text-align:left; font-weight:bold; height:20px; color:#fff;}
#rankings .tierlabel {background:#404040; color:#fff; font-weight:bold;}
#rankings tbody tr:nth-child(odd) {background:#e0e0e0;}
#rankings b.statlabel {display:none;}

#rank-select {display:none;}
#rank-ddl {margin-bottom:15px;}


/* contact page */
div.contact-page select, div.contact-page input[type="text"], div.contact-page textarea {width:100%;}
div.contact-page div.err {padding:10px; margin-bottom:20px;}



/* my lineup */
#myteam { border-collapse: collapse; border:#404040 1px solid; margin-top:10px; width:100%; }
#myteam tbody td:first-child {width:20px;}
#myteam td {padding:2px 3px 2px 3px; font-size:12px; line-height:16px;}
#myteam thead td {background:#404040; font-weight:bold; color:#fff;}
#myteam tbody tr:nth-child(even) {background:#ddd;}
#myteam .pi {color:#00d;}
#myteam .na {text-align:center; color:#888;}
#myteam .nil {text-align:center; color:#d00;}
#myteam .delplayer {cursor:pointer;}
#myteam .sortable {cursor:pointer;}
#myteam td.gt {font-size:80%;}
.dome {height:16px; width:16px; display:inline-block; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QAagBqAGrC5hIjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3AgRCx8qa0klZgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABvElEQVQ4y9WSvW4TQRSFv1nvj7WRkJFjS2utkOxseqYwosBEuIrLUOcFeAFeA0TNKxBoLUu8whZ0CLnDa1cIkEXmLrND4Y1tggU1t5g5c+7co7nnDvz3oQ6RWmsFZMCdmvoGfMrz3P1VQGvdTtP0ZafTud/r9ZI4jpsA6/X6R1EUxWq1+rBYLJ7nef75D4HxeHyWpunryWSSRVG4IZ2qNwcozPU1s9ns42KxeDadTt8DNACGw2Fyepq9Oz+fZEqB/Wmx1mKrCltZKlthrUUB2UnWXhbFyPO8N8vl8rsH0O12X4wejU5ESsSUmFIwpSBiEDEYYyiNUIogIowejwZJkrwC8LXW7SRJHlbOIWLqxm46c+B+N8zVKEmSB1rrjt9qtS77/f49EfnnuPZHMBgM0vl8fuk3m80ncRyrnYDbmKdcfVLbYlWvOIjjmCiKzvwwDI+NEVTt9K2rOFw9qh13A8IwPPaV590txezVKpxzoBRvr64AuHh6AU5tBakf6Hley/eUOjJSojapA91Cacodo3bGKqWO/CAImlv3D9dj9vN7EQRB5AdB8FVE1u72v96IDADEyJc9e7ag0Wi4XzcZwQb0EE/9AAAAAElFTkSuQmCC);}




/* bullpen usage */
.bullpen div.league table {border-collapse:collapse; width:100%;}
.bullpen div.league table tr.head td {border:#505050 1px solid; background:#ccc;}
.bullpen div.league table tr.head td.na {border-right:0 none;}
.bullpen div.league table tr.head td.pitcher {border-left:0 none;}
.bullpen div.league table td.bigleague {font-size:1.5em; font-weight:bold;}

.bullpen div.league span.ng {font-size:.75em; color:#888;}



/* lineup magic */
.main-lineup {width:100%;}
.main-lineup .game {width:100%; border:#444 1px solid; position:relative;}
.main-lineup .game .game-time {position:absolute; top:5px; right:10px; font-weight:bold; color:#888; text-align:right;}
.main-lineup .game .team-logo {float:left;}
.main-lineup .game .text {float:left; display:inline-block; margin-left:10px;}
.main-lineup .game .text .team-name {font-weight:bold;}
.main-lineup .game .team-data:before,
.main-lineup .game .team-data:after {content:" "; display:table;}
.main-lineup .game .team-data:after {clear:both;}
.main-lineup .game .team-data {*zoom: 1;}
.main-lineup .game .text .team-name.no-lineup {color:#f00;}
.main-lineup .game .text .lineup {display:none;}
.main-lineup .game .weather {font-size:85%; font-weight:bold; background:#ddd; padding:1px 5px; color:#666; line-height:20px; height:22px;}
.main-lineup .game .weather a {color:#666;}
.main-lineup .game .mobile-lineup {display:block; position:absolute; top:0; right:0; bottom:0; left:0;}
.main-lineup .game .game-status {color:#e00000;}
.cssDialog {
	position:fixed;
	padding:10px;
	line-height:22px;
	scroll:auto;
	background:#fff;
	top:50%; right:50%; left:50%; bottom:50%;
	z-index:9999;
	opacity:0;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
	pointer-events:none;
}
.cssDialog:target {
	opacity:1;
	top:0; right:0; left:0; bottom:0;
	pointer-events:auto;
}
.cssDialog .team-lineup {margin-top:20px;}
.cssDialog .team-lineup .logo {float:left;}
.cssDialog .team-lineup .players {float:left; margin-left:10px;}

.draft-king-text {width:100%; border:#444 1px solid; position:relative; padding:5px; text-align:center; cursor:pointer; color:#042f7e;}
.draft-king-text:hover {text-decoration:underline;}


/* lineup magic - override mobile */
.main-lineup.showall {border:1px solid #000; /*border-bottom:0 none;*/}
.main-lineup.showall .game .mobile-lineup {display:none; width:0; height:0;}
/*.main-lineup.showall .game .team-data {width:auto; float:left; border-bottom:#888 1px solid;}*/
.main-lineup.showall .game .team-data .team-logo {display:none;}
.main-lineup.showall .game .team-data:before,
.main-lineup.showall .game .team-data:after {content:""; display:none;}
.main-lineup.showall .game .team-data:after {clear:none;}
.main-lineup.showall .game .team-data {*zoom: 0;}
.main-lineup.showall .game .text:before {height:100%; display:inline-block; content:""; vertical-align:middle;}
.main-lineup.showall .game .text {vertical-align:middle;}
.main-lineup.showall .cssDialog {position:relative; left:0; opacity:1; z-index:auto; line-height:inherit; padding:5px; pointer-events:auto;}
/*.main-lineup.showall .cssDialog .logo {display:none;}*/
.main-lineup.showall .cssDialog:before,
.main-lineup.showall .cssDialog:after {content: " "; display: table;}
.main-lineup.showall .cssDialog:after {clear: both;}
.main-lineup.showall .cssDialog {*zoom: 1; border-top:#888 1px solid;}
.main-lineup.showall .cssDialog .game-date {display:none;}
/*.main-lineup.showall .cssDialog .team-lineup {width:50%; float:left; margin-top:0; min-height:1px;}*/
/*.main-lineup.showall .cssDialog .team-lineup .players {float:none; margin:0;}*/





/* team lineup */
.team-lineups {margin:-5px;}
.team-lineups .team-lineup {width:210px; float:left; height:220px; background:#e0e0e0; margin:5px;}
.team-lineups .team-lineup.highlight {background:#fff8bc;}
.team-lineups .team-lineup .day {color:#d0d0d0; background:#444; padding:5px; height:60px; font-size:90%;}
.team-lineups .team-lineup .day a {color:#fff;}
.team-lineups .team-lineup .game-lineup {padding:5px;}



/* head to head calculator */
.head-to-head .league {margin-top:20px;}
.head-to-head .customize-points {background:#e0e0e0; border:#c0c0c0 1px solid; margin:10px 0; padding:5px;}
.head-to-head .customize-points .customize-button {padding:10px 0;}
.head-to-head .customize-points .stats {background:#fff; border:#c0c0c0 1px solid; border-collapse:collapse; width:100%; margin:10px 0;}
.head-to-head .customize-points .stats td {border:#c0c0c0 1px solid;}
.head-to-head .customize-points .stats td input {border:none; margin:0; background:#f0f0d0; text-align:right; height:24px; line-height:24px;}
.head-to-head .customize-points .stats thead {background:#444;}
.head-to-head .customize-points .stats thead td {color:#fff; height:24px; line-height:24px;}
.head-to-head .point-settings {display:none;}
.head-to-head .h2h-players {width:100%; margin:0 0 20px 0; font-size:90%; border:#444 1px solid;}
.head-to-head .h2h-players .h2h-head {background:#444; color:#fff; font-weight:bold;}
.head-to-head .h2h-players .h2h-player.alt {background:#ddd;}
.head-to-head .h2h-players .player {float:left; width:55%; padding:2px;}
.head-to-head .h2h-players .t {float:left; width:15%; padding:2px;}
.head-to-head .h2h-players .pos {float:left; width:15%; padding:2px;}
.head-to-head .h2h-players .points {float:left; width:15%; padding:2px;}
.head-to-head .h2h-players .proj {float:left; width:100%; padding:2px;}


/* FOOTER */
#footer {background:#aaa; text-align:center; font-size:11px; padding:5px 0; margin-top:5px;}
#footer span {display:block;}
#footer span.separator {display:none;}




/* MLB team logos */
.team {background-image:url('../img/mlb_logo_sprite_small.png'); width:36px; height:36px;}
.t108 {background-position: 0 -504px;}
.t109 {background-position: 0 -36px;}
.t110 {background-position: 0 -108px;}
.t111 {background-position: 0 -144px;}
.t112 {background-position: 0 -180px;}
.t113 {background-position: 0 -216px;}

.t114 {background-position: 0 -252px;}
.t115 {background-position: 0 -288px;}
.t116 {background-position: 0 -360px;}
.t117 {background-position: 0 -432px;}
.t118 {background-position: 0 -468px;}
.t119 {background-position: 0 -540px;}

.t120 {background-position: 0 -1080px;}
.t121 {background-position: 0 -648px;}
.t133 {background-position: 0 -720px;}
.t134 {background-position: 0 -792px;}
.t135 {background-position: 0 -828px;}
.t136 {background-position: 0 -864px;}

.t137 {background-position: 0 -900px;}
.t138 {background-position: 0 -936px;}
.t139 {background-position: 0 -972px;}
.t140 {background-position: 0 -1008px;}
.t141 {background-position: 0 -1044px;}
.t142 {background-position: 0 -612px;}

.t143 {background-position: 0 -756px;}
.t144 {background-position: 0 -72px;}
.t145 {background-position: 0 -324px;}
.t146 {background-position: 0 -396px;}
.t147 {background-position: 0 -684px;}
.t158 {background-position: 0 -576px;}





/* placeholder text color for IE placeholder fix */
.placeholder {color:#aaa;}



/* jquery-ui tweaks */
.ui-datepicker {z-index:10 !important;}
.ui-widget-overlay {background:#aaa;}



/* ==========================================================================
   Media Queries
   ========================================================================== */





/* take care of odd zoom issue during orientation change on homepage */
@media screen and (max-width:599px) {
	.hero-container .hero-inner-container {width:100% !important;}
	.hero-container .hero-inner-container .hero-slide {width:100% !important;}
}


/* iPhone */
@media screen and (max-width:340px) {

.bbpbanner {background-size:100%; background-repeat:no-repeat; width:37.5px; height:33px;}

#nav {height:33px;}
#nav ul li {font-size:100%; line-height:33px;}
#myteam td {font-size:75%;}
}




/* tablets or landscape */
@media screen and (min-width:600px) {

	.team {background-image:url('../img/mlb_logo_sprite.png'); width:70px; height:70px;}
	.t108 {background-position: 0px -70px;}
	.t109 {background-position: -350px -140px;}
	.t110 {background-position: 0px 0px;}
	.t111 {background-position: -70px 0px;}
	.t112 {background-position: -630px -70px;}
	.t113 {background-position: 0px -140px;}
	
	.t114 {background-position: -420px 0px;}
	.t115 {background-position: -420px -140px;}
	.t116 {background-position: -490px 0px;}
	.t117 {background-position: -70px -140px;}
	.t118 {background-position: -560px 0px;}
	.t119 {background-position: -490px -140px;}
	
	.t120 {background-position: -420px -70px;}
	.t121 {background-position: -490px -70px;}
	.t133 {background-position: -70px -70px;}
	.t134 {background-position: -210px -140px;}
	.t135 {background-position: -560px -140px;}
	.t136 {background-position: -140px -70px;}
	
	.t137 {background-position: -630px -140px;}
	.t138 {background-position: -280px -140px;}
	.t139 {background-position: -210px 0px;}
	.t140 {background-position: -210px -70px;}
	.t141 {background-position: -280px 0px;}
	.t142 {background-position: -630px 0px;}
	
	.t143 {background-position: -560px -70px;}
	.t144 {background-position: -280px -70px;}
	.t145 {background-position: -350px 0px;}
	.t146 {background-position: -350px -70px;}
	.t147 {background-position: -140px 0px;}
	.t158 {background-position: -140px -140px;}

	.t4612, .t4613 {background-position: -700px 0;}
	
	
	/*home page*/
	.top-left {width:100%;}
	.hero-container {width:100%; overflow:hidden; position:relative;}
	.hero-container .hero-inner-container {position:relative;}
	.hero-container .hero-slide {float:left;}
	.hero-container .hero-image {width:100%; height:auto;}
	/*.hero-container .hero-image-caption {position:absolute; right:0; bottom:0; left:0; background:rgba(255,255,255,.65); color:#222; border-top:#fff 1px solid; border-bottom:#ccc 1px solid;}*/
	.hero-container .hero-image-caption {position:absolute; right:0; bottom:0; left:0; background:rgba(0,0,0,.6);}
	.hero-container .hero-text {height:90px; position:relative;}
	.hero-container h3 {margin:5px 0;}
	.hero-container .btn-slide-left {display:block; position:absolute; left:0; top:50%; margin-top:-84px; height:50px; width:40px; background:rgba(40,40,40,.75); border-radius:0 10px 10px 0; box-shadow:0 0 1px #fff; padding:15px 0;}
	.hero-container .btn-slide-right {display:block; position:absolute; right:0; top:50%; margin-top:-84px; height:50px; width:40px; background:rgba(40,40,40,.75); border-radius:10px 0 0 10px; box-shadow:0 0 1px #fff; padding:15px 0;}

	/* bullpen usage */
	.bullpen .league {width:48%;}
	.bullpen .league.AL {float:left;}
	.bullpen .league.NL {float:right;}

	/* lineup magic */
	.main-lineup {border:1px solid #000; border-bottom:0 none;}
	.main-lineup .game .mobile-lineup {display:none; width:0; height:0;}
	.main-lineup .game .team-data {width:50%; float:left; border-bottom:#888 1px solid;}
	.main-lineup .game .team-data:before,
	.main-lineup .game .team-data:after {content:""; display:none;}
	.main-lineup .game .team-data:after {clear:none;}
	.main-lineup .game .team-data {*zoom: 0;}
	.main-lineup .game .text:before {height:100%; display:inline-block; content:""; vertical-align:middle;}
	.main-lineup .game .text {vertical-align:middle;}
	.cssDialog {position:relative; left:0; opacity:1; z-index:auto; line-height:inherit; padding:5px; pointer-events:auto;}
	.cssDialog .logo {display:none;}
	.cssDialog:before,
	.cssDialog:after {content: " "; display: table;}
	.cssDialog:after {clear: both;}
	.cssDialog {*zoom: 1;}
	.cssDialog .game-date {display:none;}
	.cssDialog .team-lineup {width:50%; float:left; margin-top:0; min-height:1px;}
	.cssDialog .team-lineup .players {float:none; margin:0;}
	.main-lineup.showall .game .team-data .team-logo {display:block;}



	/* head to head calculator */
	.head-to-head .point-settings .help {width:50%; float:left;}
	.head-to-head .point-settings .stat-table {width:23%; float:left; margin-left:2%;}
	.head-to-head .point-settings .stat-table td+td {width:25%;}
	.head-to-head .customize-points {position:relative;}
	.head-to-head .customize-points .stats {margin:0;}
	.head-to-head .customize-points .stats td input {height:19px; line-height:19px;}
	.head-to-head .customize-points .recalc-button {position:absolute; left:20px; top:180px;}
	.head-to-head .position {float:left; width:48%;}
	.head-to-head .league {float:right; width:48%; margin:0;}
	.head-to-head .h2h-players .h2h-body {font-size:90%;}
	.head-to-head .h2h-players .player {float:left; width:20%; padding:2px;}
	.head-to-head .h2h-players .t {float:left; width:7%; padding:2px;}
	.head-to-head .h2h-players .pos {float:left; width:5%; padding:2px;}
	.head-to-head .h2h-players .points {float:left; width:8%; padding:2px;}
	.head-to-head .h2h-players .proj {float:left; width:60%; padding:2px;}

	
}



@media /* retina display */
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) { 



	#social {display:block; width:84px; position:absolute; right:0; top:0;}
	#social a {display:block; height:37px; width:42px; background:url('../img/retina_sprite.png'); float:left; background-size:202.3810% 100%;}
	#social a.fb {background-position:0 0;}
	#social a.tw {background-position:100% 0;}
	#social a.fb:hover {background-position:0 0;}
	#social a.tw:hover {background-position:100% 0;}


	/* ads */
	.draft-king-ad {background:url(../ads/draftking/Free10K_BrandMedia_MLB_300x250.jpg); background-size:100% 100%;}


	.team {background-image:url('../img/mlb_logo_sprite.png'); width:35px; height:35px; background-size:1100% 300%;}
	.t108 {background-position: 0px -35px;}
	.t109 {background-position: -175px -70px;}
	.t110 {background-position: 0px 0px;}
	.t111 {background-position: -35px 0px;}
	.t112 {background-position: -315px -35px;}
	.t113 {background-position: 0px -70px;}
	
	.t114 {background-position: -210px 0px;}
	.t115 {background-position: -210px -70px;}
	.t116 {background-position: -245px 0px;}
	.t117 {background-position: -35px -70px;}
	.t118 {background-position: -280px 0px;}
	.t119 {background-position: -245px -70px;}
	
	.t120 {background-position: -210px -35px;}
	.t121 {background-position: -245px -35px;}
	.t133 {background-position: -35px -35px;}
	.t134 {background-position: -105px -70px;}
	.t135 {background-position: -280px -70px;}
	.t136 {background-position: -70px -35px;}
	
	.t137 {background-position: -315px -70px;}
	.t138 {background-position: -140px -70px;}
	.t139 {background-position: -105px 0px;}
	.t140 {background-position: -105px -35px;}
	.t141 {background-position: -140px 0px;}
	.t142 {background-position: -315px 0px;}
	
	.t143 {background-position: -280px -35px;}
	.t144 {background-position: -140px -35px;}
	.t145 {background-position: -175px 0px;}
	.t146 {background-position: -175px -35px;}
	.t147 {background-position: -70px 0px;}
	.t158 {background-position: -70px -70px;}

}




/* desktops */
@media screen and (min-width:800px) {

	body {font: 13px normal normal normal sans-serif,arial; background: #000 url('../img/bg.jpg') no-repeat fixed 50% 0; padding: 0px;}
	.desktop-padded {padding:10px;}

	.bbpbanner {background-image:url('../img/banner.jpg'); background-size:100% auto; width:100%; height:auto; left:0; background-repeat:no-repeat; padding-top:11.22448979591837%;}

	#nav {position:relative; top:0; left:0; width:100%; height:32px; font-size:11px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAgCAYAAAA40qkZAAAAUUlEQVQY04XPIQ4AMQhE0b97CxwOWYdqXSWO+5+lKzcBUfsyGRgy8wDnAQ7AGxEA/LL3LrLWKuLuRcYYRcysiKoWEZFrpvf0W/2fOed1V9v+ASrrHDRoNodFAAAAAElFTkSuQmCC);}
	#nav ul, #nav ul li {background:none;}
	#nav .mobile-title {display:none;}
	#nav .mobile-menu {display:none;}
	#nav .mobile-collapse {display:block; width:100%;}
	#nav ul li {display:inline-block !important; border:none;}
	#nav ul li a {display:inline-block;}
	#nav .mobile-menu  li, #nav .mobile-collapse li {padding:0 12px;}
	
	
	#content {display:table; width:100%; table-layout:fixed;}
	#pagecontent {width:100%;}
	#leftcontent {width:68.75%; float:left;}
	#rightcontent {width:31.25%; float:right; padding:10px 10px 10px 0; overflow:hidden;}


	/*home page*/
	.top-left {padding-right:320px;}
	.top-right {width:310px; position:absolute; top:0; right:0; padding:10px 10px 10px 0; z-index:2;}
	.top-right .mlb-lineups {background:#ddd; height:250px;}
	.top-right-podcast {width:310px; position:absolute; top:0; right:0; bottom:0; padding:270px 10px 10px 0; z-index:1;}
	.top-right-podcast .podcasts {height:100%; width:100%; overflow:hidden; position:relative; font-size:90%; border-left:#ccc 1px solid; padding:0 10px;}
	.top-right-podcast .podcasts .podcast-feed {background-color:#f0f0f0; background:linear-gradient(rgba(240,240,240,0),#f0f0f0 8px); position:absolute; bottom:0; left:0; right:0; height:30px; padding:10px 10px 0 10px;}

	.middle {position:relative;}
	.middle-left {padding:10px 320px 10px 10px; height:530px; overflow:hidden;}
	.middle-right {position:absolute; top:0; right:10px; width:300px;}
	.tweets .fade-content {position:absolute; right:0; bottom:0; left:0; height:20px; background-color:#f0f0f0; background:linear-gradient(rgba(240,240,240,0),#f0f0f0 8px);}

	a.lineup-image {width:300px; height:250px; padding-top:0; background:url(../img/lineups-normal.jpg); background-size:100% 100%;}


	/* date selection */
	/*.dateselection {display:table; border-radius:4px; background:#ddd; border:1px #444 solid; box-shadow:inset 0 0 10px #888; position:relative;}
	.dateselection .selected {border-right:#888 1px solid; border-left:#888 1px solid;}
	.dateselection .selected .dateval {color:#444;}*/
	.dateselection {position:relative;}
	.date-spacer {display:none;}


	/* rankings */
	#rank-select {display:block; background:#404040; color:#fff; font-size:11px; padding:0 0 5px 0;}
	#rank-select .caption {padding:5px;}
	#rank-select .selector ul {background:#fff; list-style:none; padding:5px; margin:0 5px;}
	#rank-select .selector ul li {margin:0; float:left; width:30px;}
	#rank-select .selector ul.tiers li {width:45px;}
	#rank-ddl {display:none;}

}





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

/*
 * Image replacement
 */

.ir {
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}

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

/*
 * 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;
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   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;
    }
}