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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
}

/**end reset**/
@font-face {
  font-family: delicious-embed;
  src: url("delicious-embed.otf");
}

body{
  font-family:"delicious-embed", arial;
  color:white;
}

body.c1{
  background:lightBlue;
}

a{
  text-decoration:none;
  color:#FF6F75;
}

#nav,
#progress-bar,
#player,
#playlist,
#pane,
#social,
#byline,
#news{
  background:url(images/overlay.png);
}

body #bg{
  position:absolute;
  /*width:100%;*/
  /*height:100%;*/
  top:0;
  right:0;
  bottom:0;
  left:0;
  padding-bottom:50px;
  display:none;
} body.c2 {
  background:transparent url(http://upload.wikimedia.org/wikipedia/commons/a/a4/Toppila_power_plant.JPG) repeat scroll 1144px 0;
} body.c1 {
  background:transparent url(images/dilap.jpg) repeat scroll center 0;
}

#main{
  width:960px;
  margin:50px auto;
  overflow:hidden;
  position:relative;
}

/******************column***********************/
#column{
  width:172px;
  float:left;
} #logo{
  
} #logo a{
  width:171px;
  height:210px;
  display:block;
  text-indent:-9999px;
  background:url(images/logo.png);
}

  /****player****/
  #playlist-catch{
    position:relative;
    overflow:hidden;
    width:172px;
    padding-top:20px;
  }
  
  #playlist{
    width:300px;
    height:158px;
    position:absolute;
    left:182px;
    top:20px;
    padding:20px;
    z-index:2;

  } #playlist a, a.buy{
    color:white;
    background:#B1211E;
    opacity:.99;
    font-size:22px;
    line-height:32px;
  } #playlist a:hover, #playlist a.playing, a.buy:hover{
    color:#B1211E;
    background:white;
  }
  
  #progress-bar{
    margin-bottom:15px;
    width:172px;
  } #progress-bar div{
    background:#d60b0b;
    height:20px;
    opacity:.5;
    width:0;
  }
  
  #player{
    margin-bottom:15px;
    overflow:auto;
    width:172px;
  } #player li{
    background:url(images/sep.png) no-repeat right;
    width:50px;
    float:left;
  } #player li#playli{
    width:72px;
  } #player li:last-child{
    background:0;
    overflow:auto;
  }#player li a{
    color:white;
    height:41px;
    text-indent:-9999px;
    display:block;
    background:url(images/player-controls.png) no-repeat 0px 13px;
  }
  
  /*player buttons*/
  #player li a#prev{
    background-position:13px -26px;
  } #player li a#play{
    background-position:-37px -26px;
  } #player li a#next{
    background-position:-110px -26px;
  }
  
  #player li a#prev:hover{
    background-position:13px 13px;
  } #player li a#play:hover, #player li a#play.playing{
    background-position:-37px 13px;
  } #player li a#next:hover{
    background-position:-110px 13px;
  }
  /*player buttons*/
  /****player****/
  
  
  #nav{
    padding:15px 0 0 15px;
    height:210px;
    position:relative;
  } #nav li{
    padding:0 0 10px;
  } #nav li a{
    width:90px;
    height:26px;
    background:url(images/nav.png) no-repeat;
    display:block;
    text-indent:-9999px;
    margin-bottom:5px;
  } #nav li{
    background-position-:50px;
  }
  
    #home{
      background-position:0px 0px !important;
    } #shows{
      background-position:0px -35px !important;  
    } #buy{
      background-position:0px -71px !important;  
    } #contact{
        background-position:0px -107px !important;  
    }
    
    #home:hover{
      background-position:-94px 0px !important;
    } #shows:hover{
      background-position:-94px -35px !important;  
    } #buy:hover{
      background-position:-94px -71px !important;  
    } #contact:hover{
        background-position:-94px -107px !important;  
    }
    
    div#social{
      margin-top:15px;
      padding:10px 0 25px;
      text-align:center;
      margin-bottom:15px;
    }
    
    div#social a{
      background:url(images/social-media-icons.png) no-repeat;
      display:block;
      text-indent:-9999px;
      margin:0 auto 20px;
    }
    
    #facebook{
      width:146px;
      height:55px;
      background-position:0px -99px !important;
    } #facebook:hover{
      background-position:-183px -99px !important;
    }
    
    #sonicbids{
      width:146px;
      height:64px;
      background-position:0px 0px !important;  
    } #sonicbids:hover{
      background-position:-183px 0px !important;  
    }
    
    #itunes{
      width:146px;
      height:47px;
      background-position:0px -169px !important;  
    } #itunes:hover{
      background-position:-183px -169px !important;  
    }
    
    #cdbaby{
      width:146px;
      height:48px;
      background-position:0px -240px !important;  
    } #cdbaby:hover{
      background-position:-183px -240px !important;  
    }
		
	  #myspace{
      width:146px;
      height:48px;
      background-position:0px -301px !important;  
    } #myspace:hover{
      background-position:-183px -301px !important;  
    }
/******************column***********************/

#news{
	position:absolute;
	top:0px;
	left:275px;
	height:92px;
	width:685px;
	padding:10px;
}

#news p{
	margin-left:15px;
}

#pane{
  width:625px;
  min-height:400px;
  padding:50px 30px 75px;
  float:right;
  margin-top:125px;
}

#content{
  width:560px;
  font-size:23px;
  text-align:justify;
  opacity:.99;
} #content p{
  margin-bottom:20px;
}

.italic{
  font-style:italic;
}

img.home{
  padding:0;
  border:15px solid #B19F9E;
  width:530px;
  margin-bottom:10px;
}

#byline{
  padding:10px 0 25px;
} #byline a{
  display:block;
  width:146px;
  height:92px;
  margin:0 auto 0;
  background:url(images/ssd.png) no-repeat;
  text-indent:-9999px;
} #byline a:hover{
  background-position:-171px 0;
}

ul.tweet_list{
	padding: 2px 80px 10px 17px;
	width:645px;
}

ul.tweet_list li{
	display: block;
	clear: both;
}

.tweet_avatar{
	float:left;
	margin-right:10px;
	margin-top:5px;
}

.tweet_time{
	float:left;
	margin-right:5px;
	height:35px;
}

.tweet_text{
	
}

div#reverb_shows_container{
	position:relative;
	background:white;
	text-align: center;
	float:left;
	width:625px;
	margin-top: 20px;
}