/***********************************************************************
  Reset
***********************************************************************/

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

/***********************************************************************
  Global
***********************************************************************/

html {
    overflow-y:scroll;
}

body {
    font:normal 12px/1.7 verdana, arial, helvetica, sans-serif;
    color:#000;
    background:#111;
}

/***********************************************************************
  Page Layout
***********************************************************************/

#page {
    position:relative;
    width:1008px;
    margin:0 auto 3em;
    background:#fff url(../images/shows.jpg) repeat-y right 200px;
    border:1px solid #000;
}

#main {
    width:672px;
    float:left;
    margin:200px 0 0;
}

#sidebar {
    width:336px;
    float:left;
    padding:0 0 300px;
}

#header {
    position:absolute;
    left:0;
    top:0;
    width:672px;
    height:200px;
    background:#000 url(../images/lowfi-black.png) no-repeat left center;
}

#footer {
    position:absolute;
    right:0;
    bottom:0;
    width:618px;
    height:300px;
    background:#4c0c0c;
}

/***********************************************************************
  Main
***********************************************************************/

#main .page-title {
    line-height:40px;
    color:#4c0c0c;
}

#main .shows {
    width:366px;
    margin:0 12px;
}

#main .item {
    padding:12px 0;
    border-bottom:1px dotted #655949;
}

#main .item.last {
    border-bottom:0;
}

#main .item .special {
    font-weight:bold;
    font-style:italic;
    color:#655949;
}

#main .item .link {
    font-size:10px;
}

#main .item .info {
    font-size:11px;
}

#main .item .info p {
    line-height:2;
}

#main .item .ticket {
    font-weight:bold;
    line-height:3;
}

/***********************************************************************
  Sidebar
***********************************************************************/

/************************************
  Info
************************************/

#sidebar .section {
    width:300px;
    margin:0 auto;
    padding:12px 0;
    border-bottom:1px solid #000;
}

#sidebar .section.last {
    border-bottom:0;
}

#sidebar .info li,
#sidebar .info .link {
    line-height:3;
}

#sidebar .info a {
    padding:6px;
    color:#fff;
    background:#111;
}

#sidebar .info a:hover {
    background:#5e0a0a;
    text-decoration:none;
}

/************************************
  Media
************************************/

#sidebar .media p {
    line-height:2;
}

#sidebar .media a {
    display:block;
    float:left;
}

#sidebar .media img {
    display:block;
}

/***********************************************************************
  Footer
***********************************************************************/

#footer .content {
    width:600px;
    height:270px;
    margin:15px auto;
}

#footer h2 {
    line-height:40px;
}

.player {
    display:block;
    width:600px;
    height:230px;
}

/***********************************************************************
  Classes
***********************************************************************/

/************************************
  Display
************************************/

.hide {
    display:none;
}

.cf {
    display: inline-block;
}

.cf[class] {
    display: block;
    overflow: hidden;
}

/***********************************************************************
  Tags
***********************************************************************/

/************************************
  Heading
************************************/

h1 {
    font-size:16px;
}

h2 {
    font-size:14px;
}

h3 {
    font-size:13px;
}

/************************************
  List
************************************/

ul {
    list-style:none;
}

/************************************
  Link
************************************/

a {
    color:#5e0a0a;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}
