﻿html, body, ul, li, p { padding:0; margin:0;}

html
{
    height:100%;
}

body 
{
    background-color:#000;
    height:100%;
    background:url('../images/twankbg.jpg') repeat;
    
}

#main
{
    width:1024px; 
    height:100%;
    margin:0 auto;
}

#header
{
    height: 186px;
    width:868px;
    background:url('../images/top-countdown.png') no-repeat;
    margin: 0 auto;
}

#headImg
{
    background:url('../images/twanky_friday.png') no-repeat;
    width:129px;
    height:148px;
    float:left;
    margin:24px 0 0 9px;
}

#countDown
{
    float:right;
    font: bold 20px Comic Sans, Comic Sans MS, cursive;
    width:140px;
    color:#225C84;
    margin:66px 112px 0 0;
    width:140px;
    text-align:center;
}

#password
{
    display:none;
}

a { text-decoration:none;}

#dayMenu 
{
    list-style: none;
    font: bold 16px Helvetica, sans-serif;  
    float:right;
    margin:34px 14px 0 0;
    width:714px;
}

#dayMenu li
{
    float:left;
    width: 100px;
    height:30px;
    display:block;
    cursor:pointer;
}

li#menuShare
{
    width:90px;
}

li#menuRehearsals
{
    width:120px;
}

li#menuMonday
{
    width:90px;
}

li#menuTuesday
{
    width:90px;
}

li#menuWednesday
{
    width:117px;
}

li#menuThursday
{
    width:104px;
}

li#menuFriday
{
    width:86px;
}

#media
{
    height:386px;
    width:868px;
    margin:0 auto;
}

#leftMedia
{
    background:url('../images/behind-me.png') no-repeat;
    width:515px;
    height:281px;
    float: left;
}

#map_canvas
{
    display:none;
}

#rightMedia
{
    background:url('../images/behind-the-scenes.png') no-repeat;
    float: right;
    height:281px;
    width:353px;
}

#liveVideo
{
    display:none;
}

#introVideo
{
    position:relative;
    top:70px;
    left:35px;
    display:block;
}

#tweats
{
    background:url('../images/twitterings.png') no-repeat;
    clear:both;
    height: 105px;
    width: 868px;
    margin:0 auto;
}

#tweatIntro
{
    cursor:pointer;
    float:left;
    color:#278CC2;
    width: 220px;
    height:70px;
    margin:20px 0 0 20px;
}

#juitterContainer
{
    font:bold 10px Arial, Helvetica, sans-serif; 
    float:right;
    margin:23px 79px 0 0;
    
} /*Juitter container*/

#juitterContainer .twittList
{
    margin:0;
    padding:0;
    float:left;
   
} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI
{
    list-style:none;
    color:#376795;
    padding:3px;
    margin-left:28px;
    height:80px;
    float:left;
    width:240px;
} 

#juitterContainer .twittList SPAN.time
{
    color:#86C0D8;
}

#juitterContainer .twittList A
{
    color:red;
} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar
{
    float:left;
    border:solid 1px #D3EECA;
    background:#FFF;
    margin-right:5px;
    padding:2px;
    width:48px;
    height:48px;
}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

#facebook
{
    position:absolute;
    display:none;
    padding:20px;
}

#facebook .topBar
{
    background-color:#3B5998;
    text-align:right;
    border-top:#94A3C4 solid 1px;
    border-left:#94A3C4 solid 1px;
    border-right:#94A3C4 solid 1px;
}

#facebook .topBar a
{
    font:bold 12px Arial, Helvetica, sans-serif; 
    color:#ECEFF5;
    padding:5px;
}

#rehearsals
{
    background:url('../images/rehearsals.png') no-repeat;
    height: 366px;
    width:868px;
    margin:0 auto;
}

#winners .col3 .text
{
    width:310px;
    float:right;
    margin:70px 40px 0 0;
}

.text
{   
    font:bold 12px Arial, Helvetica, sans-serif; 
    color:#376692;
}

.text p
{
    margin-bottom:6px;
}

.text p.bottom
{
    margin-bottom:4px;
    width:190px;
}

.text p.bottom2
{
    margin-bottom:6px;
    width:234px;
}

.text a 
{
    color:#ED3D26;
}

#monday
{
    background:url('../images/monday.png') no-repeat;
    height: 366px;
    width:868px;
    margin:0 auto;
}

#tuesday
{
    background:url('../images/tuesday.png') no-repeat;
    height: 366px;
    width:868px;
    margin:0 auto;
}

#wednesday
{
    background:url('../images/wednesday.png') no-repeat;
    height: 366px;
    width:868px;
    margin:0 auto;
}

#thursday
{
    background:url('../images/thursday.png') no-repeat;
    height: 366px;
    width:868px;
    margin:0 auto;
}

#friday
{
    background:url('../images/friday.png') no-repeat;
    height: 366px;
    width:868px;
    margin:0 auto;
}


#winners .col1
{
    height: 366px;
    width:370px;
    float:left;
}

#winners .col2
{
    float:left;
    width:106px;
    height: 306px;
    padding:59px 0 0 17px;  
}

.col2 a
{
    width:90px;
    height:72px;
    display:block;
    margin-bottom:24px;
    border:solid 1px #FFF;
}

.col2 a:hover
{
    border:solid 1px #DCA141;
}

#winners .col3
{
    float:left;
    width:370px;
    height: 366px;
}

#winners .thumb
{
    cursor:pointer;
}

#winners .video
{
    position:relative;
    top:55px;
    left:28px;
}

#rChoice1
{
    background:url('../images/thumbs/rVid1Thumb.jpg') no-repeat;
}

#rChoice2
{
    background:url('../images/thumbs/rVid2Thumb.jpg') no-repeat;
}


#rChoice3
{
    background:url('../images/thumbs/rVid3Thumb.jpg') no-repeat;
}

#mChoice1
{
    background:url('../images/thumbs/mVid1Thumb.jpg') no-repeat;
}

#mChoice2
{
    background:url('../images/thumbs/mVid2Thumb.jpg') no-repeat;
}


#mChoice3
{
    background:url('../images/thumbs/mVid3Thumb.jpg') no-repeat;
}

#tuChoice1
{
    background:url('../images/thumbs/tuVid1Thumb.jpg') no-repeat;
}

#tuChoice2
{
    background:url('../images/thumbs/tuVid2Thumb.jpg') no-repeat;
}


#tuChoice3
{
    background:url('../images/thumbs/tuVid3Thumb.jpg') no-repeat;
}

#wChoice1
{
    background:url('../images/thumbs/wVid1Thumb.jpg') no-repeat;
}

#wChoice2
{
    background:url('../images/thumbs/wVid2Thumb.jpg') no-repeat;
}


#wChoice3
{
    background:url('../images/thumbs/wVid3Thumb.jpg') no-repeat;
}

#thChoice1
{
    background:url('../images/thumbs/thVid1Thumb.jpg') no-repeat;
}

#thChoice2
{
    background:url('../images/thumbs/thVid2Thumb.jpg') no-repeat;
}


#thChoice3
{
    background:url('../images/thumbs/thVid3Thumb.jpg') no-repeat;
}

#fChoice1
{
    background:url('../images/thumbs/fVid1Thumb.jpg') no-repeat;
}

#fChoice2
{
    background:url('../images/thumbs/fVid2Thumb.jpg') no-repeat;
}


#fChoice3
{
    background:url('../images/thumbs/fVid3Thumb.jpg') no-repeat;
}


#disclamer
{
    font:bold 12px Arial, Helvetica, sans-serif; 
    color:#AAA;
    clear:both;
    width:856px;
    margin:0 auto;
    text-align:right;
}

#tandc
{
    font:bold 12px Arial, Helvetica, sans-serif; 
    color:#AAA;
    width:845px;
    margin:0 auto;
    cursor:pointer;
}

#tandc:hover
{
    color:#FFF;
}

#tandcPop
{
    display:none;
    position:absolute;
    width:700px;
    height:500px;
    border:1px #210502 solid;
    background-color:#4D1109;
    
}

#tandcClose
{
    background-color:#210502;
    border-bottom: 1px solid #210502;
    text-align:right;
}

#tandcClose a
{
    font: bold 10px Helvetica, sans-serif;
    color:#FFF;
    padding:5px;
}

#tandcPop ul
{
    font: 12px Helvetica, sans-serif;
    line-height:120%;  
    color:#FFF;
    padding:20px;
}

#tandcPop ul li a
{ 
    color:#E99A1C;
}


