/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* ----------------------------------------------------------------------------
	=Mobile Variables
	----------------------------------------------------------------------------- */
/* Base Layout Colors */
/* Text Colors */
/* Dividers and Element Colors */
/* Base Backgrounds */
/* Event Item Size Variables */
/***
	Media Queries
***/
	/* 
	@include media($mobile-portrait){

	}
	*/
@media screen and (max-width: 700px) {
  .hide_mobile {
    display: none; } }

.show_mobile {
  display: none; }
  @media screen and (max-width: 700px) {
    .show_mobile {
      display: block; } }

/* ----------------------------------------------------
=reset
resets most elements to allow consistent rendering
across multiple browsers
---------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

abbr[title] {
  border-bottom: 1px dotted;
  cursor: help; }

p, address {
  margin: 0;
  padding: 0 0 10px;
  color: #666;
  font: normal 13px/160% Trebuchet MS, serif; }

b, strong {
  font-weight: 700;
  color: #666; }

ul, ol {
  margin: 0;
  padding: 0;
  font: 13px/160% Trebuchet MS, serif;
  color: #489297;
  list-style-image: none;
  list-style-type: none; }

ol {
  list-style-type: decimal;
  list-style-position: inside; }

li {
  margin: 0;
  padding: 0;
  font-weight: 700; }

ul ul {
  margin: 0; }

hr {
  margin: 20px 0px;
  display: block;
  border: none;
  border-top: 1px solid #ccc;
  clear: both; }

caption {
  background-color: transparent; }

/* ----------------------------------------------------------------------------
=events
----------------------------------------------------------------------------- */
#events .overview {
  margin: 0 0 10px;
  padding: 0 0 10px;
  background: url(../images/overview_rule.png) repeat-x left bottom; }
  #events .overview h1 {
    font-weight: 700; }
  #events .overview p {
    font-size: 16px;
    padding: 0 0 15px;
    font-weight: 500;
    line-height: 140%;
    color: #4A9498; }

.event_list {
  margin: 0;
  width: 618px;
  width: 100%;
  clear: both;
  padding: 0; }
  .event_list .event_list_border {
    position: relative;
    width: 618px;
    width: 100%;
    height: 4px;
    margin: 1px auto;
    background: url(../images/overview_rule.png) repeat-x left bottom; }
  .event_list .list {
    position: relative; }
    .event_list .list .entry {
      background: url(../images/event_list_bg.jpg) repeat-y left top;
      margin: 0;
      padding: 0;
      position: relative;
      z-index: 90; }
      .event_list .list .entry .info {
        margin: 0 auto;
        padding: 15px 10px 25px;
        cursor: pointer;
        position: relative;
        -webkit-transition: all 100ms linear;
        -moz-transition: all 100ms linear;
        -o-transition: all 100ms linear;
        transition: all 100ms linear; }
        .event_list .list .entry .info h3 {
          font-size: 18px;
          margin-bottom: 0;
          float: left;
          width: 420px;
          width: calc(100% - 140px);
          color: #013F6A;
          line-height: 120%; }
          @media screen and (max-width: 400px) {
            .event_list .list .entry .info h3 {
              font-size: 15px;
              width: calc(100% - 100px); } }
        .event_list .list .entry .info .date {
          display: block;
          float: left;
          font-weight: bold;
          font-size: 13px;
          line-height: 171%;
          width: 120px;
          color: #489297; }
          .event_list .list .entry .info .date span {
            color: #489297; }
          .event_list .list .entry .info .date .y {
            display: none; }
          @media screen and (max-width: 400px) {
            .event_list .list .entry .info .date {
              width: 80px; } }
        .event_list .list .entry .info.active {
          background: url(../images/event_list_bg_active.jpg) repeat-y left top; }
          .event_list .list .entry .info.active a.event_more_flag {
            display: block; }
        .event_list .list .entry .info:hover, .event_list .list .entry .info:focus {
          background: url(../images/event_list_bg_active.jpg) repeat-y left top; }
      .event_list .list .entry .details {
        display: none;
        height: auto;
        background: url(../images/event_list_bg_active.jpg) repeat-y left top;
        position: relative;
        padding: 0 0 15px 0; }
      .event_list .list .entry .thumb {
        position: absolute;
        left: 0;
        top: 0; }
        .event_list .list .entry .thumb a {
          display: block;
          width: 115px;
          height: 67px;
          border: 1px solid #013F6A;
          text-decoration: none;
          -webkit-transition: all 100ms linear;
          -moz-transition: all 100ms linear;
          -o-transition: all 100ms linear;
          transition: all 100ms linear; }
          .event_list .list .entry .thumb a img {
            width: 115px;
            height: 67px;
            border: none;
            outline: none; }
          .event_list .list .entry .thumb a:hover, .event_list .list .entry .thumb a:focus {
            border: 1px solid #489297; }
      .event_list .list .entry h4 {
        width: 460px;
        width: calc(100% - 140px);
        margin: 0 20px 0 0px;
        margin: 0 0 5px 0px;
        margin: 0 20px 0 0px;
        padding: 6px 0 8px;
        font-weight: normal;
        color: #4A9498;
        font-size: normal;
        line-height: 170%; }
      .event_list .list .entry p {
        width: 460px;
        width: calc(100% - 140px);
        margin: 0 0 5px 0px;
        margin: 0 20px 0 0px;
        float: right;
        font-size: 14px;
        line-height: 140%;
        padding-bottom: 8px;
        color: #013F6A;
        font-weight: bold; }
        .event_list .list .entry p:first-child {
          background: url(../images/event_list_detail_rule.png) repeat-x left top;
          padding: 10px 0 5px; }
        .event_list .list .entry p a, .event_list .list .entry p a:link, .event_list .list .entry p a:visited {
          color: #489297;
          text-decoration: none;
          -webkit-transition: all 100ms linear;
          -moz-transition: all 100ms linear;
          -o-transition: all 100ms linear;
          transition: all 100ms linear; }
          .event_list .list .entry p a:hover, .event_list .list .entry p a:focus, .event_list .list .entry p a:link:hover, .event_list .list .entry p a:link:focus, .event_list .list .entry p a:visited:hover, .event_list .list .entry p a:visited:focus {
            color: #6FB1B4;
            text-decoration: underline; }
        @media screen and (max-width: 400px) {
          .event_list .list .entry p {
            width: calc(100% - 30px); } }
      .event_list .list .entry .event_details_listing {
        width: 460px;
        width: calc(100% - 140px);
        margin: 0 20px 0 0px;
        float: right;
        padding: 10px 0;
        clear: both;
        background: url(../images/event_list_detail_rule.png) repeat-x left bottom; }
        .event_list .list .entry .event_details_listing ul {
          list-style: none;
          list-style-image: none; }
          .event_list .list .entry .event_details_listing ul li {
            padding: 10px 0;
            background: url(../images/event_list_detail_rule.png) repeat-x left top;
            font-size: 14px; }
            .event_list .list .entry .event_details_listing ul li label {
              display: inline;
              width: auto;
              font-weight: normal;
              padding: 0;
              color: #4A9498;
              line-height: 170%; }
            .event_list .list .entry .event_details_listing ul li p {
              display: inline;
              width: auto;
              text-align: left;
              font-weight: normal;
              margin: 0;
              padding: 0 0 0 4px;
              line-height: 170%;
              color: #666; }
              .event_list .list .entry .event_details_listing ul li p a, .event_list .list .entry .event_details_listing ul li p a:visited, .event_list .list .entry .event_details_listing ul li p a:active {
                color: #013F6A;
                text-decoration: none; }
                .event_list .list .entry .event_details_listing ul li p a:hover, .event_list .list .entry .event_details_listing ul li p a:focus, .event_list .list .entry .event_details_listing ul li p a:visited:hover, .event_list .list .entry .event_details_listing ul li p a:visited:focus, .event_list .list .entry .event_details_listing ul li p a:active:hover, .event_list .list .entry .event_details_listing ul li p a:active:focus {
                  text-decoration: underline; }
        @media screen and (max-width: 400px) {
          .event_list .list .entry .event_details_listing {
            width: calc(100% - 30px); } }
      .event_list .list .entry .buttons {
        clear: both;
        width: calc(100% - 140px);
        margin: 0 20px 0 0px;
        float: right; }
        @media screen and (max-width: 400px) {
          .event_list .list .entry .buttons {
            width: calc(100% - 30px); } }
      .event_list .list .entry a.event_more_flag {
        display: block;
        width: 102px;
        height: 25px;
        margin: 8px 0 0 0px;
        position: relative;
        background: #4A9498 url(../images/arrow-white.png) no-repeat 86px 7px;
        text-transform: uppercase;
        color: white;
        font-size: 13px;
        text-align: left;
        text-decoration: none;
        line-height: 210%;
        text-indent: 5px;
        font-weight: bold;
        float: left; }
        .event_list .list .entry a.event_more_flag:hover, .event_list .list .entry a.event_more_flag:focus {
          text-decoration: none;
          margin-left: 5px; }

/* ----------------------------------------------------------------------------
=event_detail
----------------------------------------------------------------------------- */
.event_detail .overview, .event_detail .description, .event_detail .showings, .event_detail .information {
  width: 620px;
  width: 100%;
  width: 100%; }
  .event_detail .overview h2, .event_detail .description h2, .event_detail .showings h2, .event_detail .information h2 {
    color: #013F6A; }
.event_detail .description {
  padding: 0 0 10px;
  margin: 0 0 10px;
  background: url(../images/overview_rule.png) repeat-x left bottom; }
  .event_detail .description p {
    font-weight: bold;
    color: #013F6A;
    font-size: 14px; }
    .event_detail .description p a, .event_detail .description p a:link, .event_detail .description p a:visited {
      color: #489297;
      text-decoration: none;
      -webkit-transition: all 100ms linear;
      -moz-transition: all 100ms linear;
      -o-transition: all 100ms linear;
      transition: all 100ms linear; }
      .event_detail .description p a:hover, .event_detail .description p a:focus, .event_detail .description p a:link:hover, .event_detail .description p a:link:focus, .event_detail .description p a:visited:hover, .event_detail .description p a:visited:focus {
        color: #6FB1B4;
        text-decoration: underline; }
  .event_detail .description .thumb {
    position: relative;
    width: 190px;
    height: 112px;
    float: left;
    margin: 0 10px 10px 0;
    padding: 6px;
    border: 1px solid #013F6A; }
    .event_detail .description .thumb img {
      width: 190px;
      height: 112px; }
.event_detail .information .details {
  padding: 8px 0; }
  .event_detail .information .details label {
    display: inline;
    font-weight: bold;
    font-size: 14px;
    padding-right: 8px;
    width: 150px; }
  .event_detail .information .details ul {
    display: block;
    float: left;
    width: 620px;
    width: 100%;
    list-style: none;
    margin: 0 0 25px;
    background: url(../images/event_list_detail_rule.png) repeat-x left bottom; }
    .event_detail .information .details ul li {
      background: url(../images/event_list_detail_rule.png) repeat-x left top;
      list-style: none;
      padding: 10px 0; }
      .event_detail .information .details ul li p {
        font-size: 14px;
        display: inline;
        padding: 0 2px; }
        .event_detail .information .details ul li p a, .event_detail .information .details ul li p a:link, .event_detail .information .details ul li p a:visited {
          display: inline; }
      .event_detail .information .details ul li:first-child {
        background: url(../images/event_list_detail_rule.png) repeat-x left top; }
      .event_detail .information .details ul li a:hover {
        text-decoration: underline; }
  .event_detail .information .details a {
    color: #013F6A;
    display: block;
    text-decoration: none; }
  .event_detail .information .details .ticket a, .event_detail .information .details .ticket a:link, .event_detail .information .details .ticket a:visited {
    display: block;
    background: url(../images/btn_tickets.png) 0 0 no-repeat;
    height: 36px;
    margin: 0 auto 10px;
    padding: 0 0 0 44px;
    width: 94px;
    font-weight: 500;
    color: #00589A;
    font-size: 13px;
    line-height: 36px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer; }
    .event_detail .information .details .ticket a:hover, .event_detail .information .details .ticket a:link:hover, .event_detail .information .details .ticket a:visited:hover {
      background-position: 0 -36px;
      color: #fff; }
  .event_detail .information .details .ticket span {
    color: #333;
    display: block;
    background: url(../images/btn_tickets.png) no-repeat 0 -72px;
    height: 36px;
    margin: 0 auto 10px;
    padding: 0 0 0 44px;
    width: 94px;
    font-weight: 500;
    font-family: "museo-sans";
    font-size: 13px;
    line-height: 36px;
    text-transform: uppercase; }
  .event_detail .information .details .ticket a.onsale {
    background: none;
    padding: 0;
    text-decoration: none;
    text-align: center;
    width: auto;
    height: auto;
    text-transform: none;
    color: #FCFD7B; }
    .event_detail .information .details .ticket a.onsale:hover {
      color: #fff; }
.event_detail .share_bar {
  margin: 0 0 20px;
  padding: 10px 0;
  position: relative;
  width: 620px;
  width: 100%;
  width: 100%; }
  .event_detail .share_bar .print {
    background: url("../images/icon-print.png") no-repeat 0 0;
    display: block;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    color: #333;
    margin: 4px 30px 0 0;
    float: left;
    width: 25px;
    padding: 0 0 0 20px;
    cursor: pointer; }
    .event_detail .share_bar .print:hover {
      color: #00589A;
      background-position: 0 -14px; }
  .event_detail .share_bar .addthis_toolbox {
    float: left;
    width: 260px; }
.event_detail .showings ul {
  margin-bottom: 25px; }
  .event_detail .showings ul li {
    background: url(../images/event_list_detail_rule.png) repeat-x left top;
    list-style: none;
    padding: 10px 0;
    position: relative;
    font-size: 14px; }
    .event_detail .showings ul li:first-child {
      background: url(../images/event_list_detail_rule.png) repeat-x left top; }
    .event_detail .showings ul li .ical {
      color: #333;
      display: block;
      font-weight: bold;
      padding-right: 20px;
      position: absolute;
      right: 0;
      bottom: 10px; }
      .event_detail .showings ul li .ical span {
        display: block;
        background: url("../images/icon-calendar.png") 0 0 no-repeat;
        height: 16px;
        position: absolute;
        right: 0;
        bottom: 0;
        text-indent: -9999px;
        width: 13px; }

/* 
 * print styles
 */
@media print {
  * {
    background: transparent !important;
    color: #444 !important;
    text-shadow: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }

  a:after {
    content: " (" attr(href) ")"; }

  abbr:after {
    content: " (" attr(title) ")"; }

  .ir a:after {
    content: ""; }

  /* Don't show links for images */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img {
    page-break-inside: avoid; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; }

  h1 {
    font-size: 18px; }

  h2 {
    font-size: 16px; }

  h2 {
    font-size: 14px; }

  header:before {
    content: " <h1>Cobo Center : Detroit, MI</h1>"; }

  header, footer, #toolbar, #backstretch, #branding, #cal_holder, #branding_toggle_btn, #fb_window, #fb-root, .paging, #branding_container, .buttons {
    display: none; }

  .one_sidebar_right #column_2 {
    display: none; }

  .ticket, .faq, .banner, .addthis_toolbox, .print, .seating {
    display: none; }

  body#events.detail #branding_container, body#news.detail #branding_container {
    display: none;
    height: 0px !important; }

  .no_print {
    display: none; }

  body#events.detail #column_1 .main_column {
    width: 600px; }

  body#events.detail #column_2 {
    display: block; }

  .column {
    width: 100% !important; }

  .event_list a:after {
    content: ""; } }