@charset "UTF-8";
@import url(reset.css);
@font-face { font-family: 'LeagueGothicRegular'; src: url("../fonts/League_Gothic-webfont.eot"); src: url("../fonts/League_Gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/League_Gothic-webfont.woff") format("woff"), url("../fonts/League_Gothic-webfont.ttf") format("truetype"), url("../fonts/League_Gothic-webfont.svg#LeagueGothicRegular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ClassicRound-Medium'; src: url("../fonts/1C8597_0_0.eot"); src: url("../fonts/1C8597_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/1C8597_0_0.woff") format("woff"), url("../fonts/1C8597_0_0.ttf") format("truetype"); font-weight: normal; font-style: normal; }
html { background: #fcf8ef url(../images/bg.jpg); }

body { color: #3d3d3d; font-size: 62.5%; font-family: LeagueGothicRegular, "Helvetica Neue Condensed Bold", "Arial Narrow", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background: url(../images/fanfare.jpg) no-repeat center top; -webkit-text-size-adjust: none; }

a { text-decoration: none; }

a:hover { -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; }

img { max-width: 100%; max-height: 100%; }

.noBreak { white-space: nowrap; }

header[role="banner"], div[role="main"] { min-width: 90em; max-width: 123em; margin: 0 auto; position: relative; }

header[role="banner"] { height: 24em; }
header[role="banner"] h1 { position: absolute; top: 3em; width: 100%; height: 20.5em; text-align: center; }

div[role="main"] { overflow: hidden; padding: 1em 2.5em; }

/* PRIMARY ------------------------------------------------ */
.main-left, .main-right { float: left; background-image: url(../images/white_plaster.jpg); /* fallback for browsers without gradient support — I'm looking at you, IE */ width: 44.75%; padding: 0.75% 2.5% 2.5%; border: 0.1em solid #ba956a; box-shadow: 0 0 1em #bfbfbf; }

.main-left { text-align: right; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0, white), color-stop(1, white)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%), url("../images/white_plaster.jpg"); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%), url("../images/white_plaster.jpg"); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%), url("../images/white_plaster.jpg"); background: -o-linear-gradient(left, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%), url("../images/white_plaster.jpg"); background: linear-gradient(to right, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%), url("../images/white_plaster.jpg"); border-top-right-radius: 2em; border-bottom-right-radius: 2em; }

.main-right { background-color: white; background: -webkit-gradient(linear, right top, left top, color-stop(0, white), color-stop(1, white)); background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%), url("../images/white_plaster.jpg"); background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%), url("../images/white_plaster.jpg"); background: -ms-linear-gradient(right, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%), url("../images/white_plaster.jpg"); background: -o-linear-gradient(right, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%), url("../images/white_plaster.jpg"); background: linear-gradient(to left, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%), url("../images/white_plaster.jpg"); border-top-left-radius: 2em; border-bottom-left-radius: 2em; }

.main-left header { color: #06255e; }

.main-right header { color: #5e1c0f; }

.main-left header, .main-right header { font: normal 3.2em/1.6em LeagueGothicRegular, "Helvetica Neue Condensed Bold", "Arial Narrow", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; letter-spacing: 1px; }

#al-pennant, #nl-pennant { position: absolute; top: 1em; width: 24%; }

#al-pennant { left: 0; }

#nl-pennant { right: 0; }

ol[role="al-list"], ol[role="nl-list"] { border-top: 1px dotted #e6e6e6; }

ol[role="al-list"] li, ol[role="nl-list"] li { font: 2.1em/1em ClassicRound-Medium, Cambria, Georgia, "Times New Roman", Times, serif; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); border-bottom: 1px dotted #e6e6e6; }

ol[role="al-list"] li:hover, ol[role="nl-list"] li:hover { background-color: white; background-color: rgba(255, 255, 255, 0.38); -webkit-transition: background-color .25s ease-in; -moz-transition: background-color .25s ease-in; -o-transition: background-color .25s ease-in; transition: background-color .25s ease-in; }

ol[role="al-list"] li a, ol[role="nl-list"] li a { color: #636363; display: block; padding: 0.75em 1em 0.5em; }

ol[role="al-list"] a:hover { color: navy; }

ol[role="nl-list"] a:hover { color: maroon; }

/* SECONDARY ------------------------------------------------ */
#draft-resources { text-align: center; margin-top: 48em; }

.secondary header { background-color: #5e1c0f; background: -webkit-repeating-linear-gradient(left, #4e1c0f, #5e1c0f, #4e1c0f); background: -moz-repeating-linear-gradient(left, #4e1c0f, #5e1c0f, #4e1c0f); background: -o-repeating-linear-gradient(left, #4e1c0f, #5e1c0f, #4e1c0f); background: repeating-linear-gradient(left, #4e1c0f, #5e1c0f, #4e1c0f); background-size: 6px 200px; margin: 1em 4em; padding: 0 0 .3em; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }

.secondary header h1 { color: #f7b83d; font: 3.6em/1.6em LeagueGothicRegular, "Helvetica Neue Condensed Bold", "Arial Narrow", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-align: center; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 1px 3px #000; margin: 0 .1em; padding-top: 1.5em; border: 1px dashed #f7b128; border: 1px dashed rgba(247, 177, 40, 0.33); border-top: none; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9), transparent); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9), transparent); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.9), transparent); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.9), transparent); background: linear-gradient(top, rgba(0, 0, 0, 0.9), transparent); background: transparent; }

#draftday { margin-bottom: 3em; }

#draftday h2 { color: #ce1909; font: normal 4.8em/1.6em LeagueGothicRegular, "Helvetica Neue Condensed Bold", "Arial Narrow", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 -1px 1px #000; }

#draftday-details { font: 2.8em/1.4em ClassicRound-Medium, Cambria, Georgia, "Times New Roman", Times, serif; margin-bottom: 2em; }

#nl-details { color: #5e1c0f; }

#lunch-details { color: #333; }

#al-details { color: #06255e; }

#draftday-details li time { color: #666; font: normal small-caps 1.2em/1.8em LeagueGothicRegular, "Helvetica Neue Condensed Bold", "Arial Narrow", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: 0 -1px 1px #000000; }

.secondary h3 { color: #f7b83d; font: normal 3.2em/1.6em LeagueGothicRegular, "Helvetica Neue Condensed Bold", "Arial Narrow", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 1px 1px #fff; }

#draftday-downloads { width: 64em; margin: 0 auto 6em; overflow: hidden; }

#draftday-downloads li { float: left; text-align: center; width: 13em; padding: .75em 1.5em; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; }

#draftday-downloads li a { color: #666; font-family: ClassicRound-Medium, Cambria, Georgia, "Times New Roman", Times, serif; font-size: 1.8em; }

#draftday-downloads li a:hover { color: #ce1909; }

#google-map { text-align: center; }

#google-map iframe { width: 90%; height: 48em; margin: 0 0 1em; border: 1px solid #b1834d; box-shadow: 0px 1px 5px #999; }

#view-larger-map { text-align: center; margin-bottom: 2.5em; }

#view-larger-map small a { color: #0b45b0; }

#view-larger-map small a:hover { color: #2e9aff; }

/* 2-COLUMN LAYOUT ------------------------------------------------ */
@media (min-device-width: 1024px) and (max-width: 949px), screen and (max-device-width: 480px), (max-device-width: 480px) and (orientation: landscape), (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) { header[role="banner"] { height: 18em; }
  div[role="main"] { padding: 2%; }
  header[role="banner"], div[role="main"] { min-width: 46em; max-width: 93em; }
  header[role="banner"] h1 { height: 16em; top: 1.5em; }
  .main-left, .main-right { width: 44.5%; }
  .main-left header, .main-right header { font-size: 2.7em; line-height: 2.1em; }
  #al-pennant, #nl-pennant { top: 3.75em; width: 24%; }
  ol[role="al-list"] li, ol[role="nl-list"] li { font-size: 1.8em; }
  ol[role="al-list"] li a, ol[role="nl-list"] li a { padding: 0.75em 0 0.5em; }
  #draft-resources { margin-top: 40em; }
  .secondary header { margin: 2em 4em; }
  .secondary header h1 { font-size: 3.2em; margin: 0 .1em; padding-top: 2em; }
  #draftday h2 { font-size: 3.6em; }
  #draftday-details { font-size: 2.1em; margin-bottom: 1em; }
  #draftday-downloads { width: 40em; margin: 0 auto 4em; }
  #draftday-downloads li { width: 8em; padding: 1em; }
  #google-map iframe { height: 42em; } }
/* 1-COLUMN LAYOUT ------------------------------------------------ */
@media (min-device-width: 1024px) and (max-width: 479px), (max-device-width: 480px) and (orientation: portrait) { header[role="banner"] { height: 14em; }
  div[role="main"] { padding: 0; }
  header[role="banner"], div[role="main"] { min-width: 32em; max-width: 48em; }
  header[role="banner"] h1 { height: 12em; top: 1em; }
  .main-left, .main-right { float: inherit; background: transparent url(../images/white_plaster.jpg); width: 100%; padding: 0; text-align: center; border-left: none; border-right: none; box-shadow: none; border-radius: 0; }
  #al-pennant, #nl-pennant { display: none; }
  #draft-resources { margin-top: 0; }
  .secondary header { margin: 0 1em 1em; padding: 0 0 .5em; }
  .secondary header h1 { padding-top: .25em; }
  #draftday-downloads { max-width: 30em; margin: 0 auto; }
  #draftday-downloads li { width: 12em; padding: 1.5em; }
  #google-map iframe { height: 36em; } }