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

.clear {
    clear: both;
}

li {
    list-style: none;
}

::selection {
    background: #ffb7b7;
}


/* Typography */
body {
    color: #ffffff;
    font-size: 0.75em;
    line-height: 1.8;
    font-family: "Maven Pro", "Helvetica", "Arial", "Hiragino Kaku Gothic Pro W3", "Osaka", "Meiryo", "MS P Gothic", sans-serif;
}

a {
    color: #E62828;
}

a:hover {
    text-decoration: none;
}

#main h2 {
    line-height: 1.0;
    font-size: 2em;
    font-weight: 400;
    color: #FFB7B7;
}

/*
#upcoming h2 {
    font-size: 1.5em;
}
*/

h2 span {
    font-size: 0.5em;
    font-weight: 400;
}

#infoDate h2 {
    line-height: 1;
}

#infoDate p {
    line-height: 1.5;
}

#infoDate p span {
    font-size: 0.75em;
}

#infoTicket {
    text-align: center;
    line-height: 60px;
}

#infoTicket a {
    font-size: 1.2em;
    color: #fff;
}

#infoTicket a:hover {
    text-decoration: none;
}

th {
    vertical-align: top;
    text-align: left;
}

#artist dt {
    color: #E62828;
}

#artist dd,
#vj li,
#rjFloor li, #upcoming li {
    font-size: 1.5em;
}

#artist dl.single dd {
    font-size: 1.2em;
}

#rjFloor li span, #upcoming li span {
    font-size: 0.7em;
    color: #aaa;
}

#artist dt,
#upcoming .listHeader,
#guest {
    font-weight: 700;
}

#upcoming .listHeader li {
    font-weight: 400;
}

#upcoming li {
    margin-left:103px;
}

/* Layout */
#social {
    position: absolute;
    top: 20px;
    right: 0;
}

#socialTw {
    width: 100px;
}

#socialFb {
    width: 110px;
}

#socialGp {
    width: 70px;
}

#social div {
    float: left;
}


body {
    background: #000 url(../images/bodyBg.jpg) top center repeat-x;
}

#wrapper {
    width: 1000px;
    margin: 0 auto;
}

header {
    position: relative;
    height: 737px;
}

header h1,
header p {
    position: absolute;
    z-index: 2;
}

header h1 {
    margin-top: 68px;
}

header p {
    top: 80px;
    right: 0;
}

header p#mainImage {
    z-index: 0;
    position: absolute;
    top: 183px;
    left: 104px;
}

article#info {
    background: #e62828;
    height: 120px;
}

#infoTicket,
#infoDate {
    float: left;
}

#infoDate {
    width: 344px;
    padding: 20px;
}

#infoDate p {
    margin-top: 10px;
}

#infoTicket h2 {
    background: #000;
    height: 60px;
}

#infoTicket li {
    float: left;
}

#infoTicket li a {
    display: block;
    background: #a11c1c;
    width: 203px;
    height: 60px;
}

#infoTicket li a:hover {
    background: #e62828;
}

.colHalf {
    width: 475px;
    float: left;
}

.colHalf.last {
    margin-left: 50px;
}

#main {
    background: url(../images/mainBg.jpg) top right no-repeat;
}

#main h2 {
    position: relative;
    margin: 50px 0 20px 0;
    min-width: 103px;
}

#artist {
    margin-bottom: 50px;
}

#artist dl {
    overflow: hidden;
    width: 500px;
    margin-bottom: 20px;
}

#artist dl.single {
    float: none;
    width: 1000px;
}

#artist dl.single dd {
    width: 800px;
}

#artist dl.single dt {
    margin-top: 2px;
}

#artist dt {
    float: left;
    width: 103px;
    margin-top: 5px;
}

#artist dd {
    float: left;
    width: 197px;
}

#artist dl#guest {
    margin-right: 85px; 
}

#upcoming {
    border-top: 2px solid #A11C1C;
}

#upcoming .listHeader,
#upcoming .listHeader li {
    margin: 10px 0;
}

#upcoming .listHeader li {
    list-style: disc;
    margin: 5px 0 5px 20px;
}

#rjFloor h2 span {
    position: absolute;
    top: 0;
    right: 0;
}

footer {
    padding: 40px 0;
}