body{
  font-family : Helvetica, arial, sans-serif;
  background:url(/images/blue2.png);
  margin:0; padding:0;
}

#main_wrapper {
  position: absolute;
  left: 50%;
  margin-left: -251px;
  width:502px;
}

.gradient{
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  height:766px;
  background : transparent url(/images/purple_fade.png) repeat-x;
}

.volume_instructions{
  color:#fff;
  font-family: futura, helvetica, arial;
  font-size:12px;
  font-weight:normal;
  background:url(/images/speaker.png) no-repeat 4px 0px;
  padding-left:24px;
	margin-top:5px;
	margin-bottom:5px;
	position:relative;
  height:12px;
	left:-2px;
}

.free_sticker_badge{
  position:absolute;
  left:450px;
  top:30px;
  right:10px;
  bottom:200px;
  width:150px;
  height:150px;
  z-index:4;
}

.free_sticker_badge a {outline:none}

.trend_instructions{
  color:#6ad0e3;
  font-family: futura, helvetica, arial;
  font-size:12px;
  font-weight:normal;
  background:url(/images/lightbulb.png) no-repeat 4px 0px;
  padding-left:24px;
  margin-bottom:5px;
  margin-top:30px;
  height:16px;
}

.footer{
  margin-top:30px;
  height:50px;
  z-index:3;
}

.footer a{
  outline:none;
  display:block;
  font-weight:normal;
  font-size:13px;
  text-decoration:none;
  color:#6ad0e3;
  float:left;
  padding:0px 13px;
}

.footer a.right{
  float:right;
}

.clear{
  clear:both;
  height:0px;
  line-height:0px;
  margin:0px; padding:0px;
  
}

.clouds{
  position:absolute;
  z-index:4;
  top:5px;
  background: transparent url(/images/clouds.png);
  left:0px;
  right:0px;
  height:109px;
}

#moon{
  background: transparent url(/images/moon.png);
  width:80px;
  height:90px;
  position:absolute;
  left:0px;
  top:28px;
  z-index:3;
}

#waves{
  left:304px;
  position:absolute;
  top:45px;
  z-index:2;
}

.logo{
  position:relative;
  display:block;
  outline:none;
  z-index:5;
  color:#fff;
  font-size:36px;
  font-weight:bold;
  margin:100px auto 0px auto;
  text-indent:-50000px;
  background: url(/images/neon_logo.png) 0 0 no-repeat;
  height:50px;
  width:400px;
}

.search_form{
  position:relative;
  z-index:4;
}

.navigation_wrapper{
  position:relative;
  z-index:3;
}

.controls{
  padding:15px 15px 20px 15px;
  -moz-border-radius-topright:6px;
  -moz-border-radius-topleft:6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  background: transparent url(/images/controls_gradient.png) repeat scroll 0 -10px
}

.tab_wrapper{
  float:left;
  position:relative;
  left:50%;
}

.tabs{
  margin:auto;
  margin-top:20px;
  margin-bottom:5px;
  position:relative;
  left:-50%;
}

.tab{
  cursor:pointer;
  -moz-border-radius:6px;
  -webkit-border-radius: 6px;
  background:#4497bf url(/images/button_gradient_up.png) repeat-x;
  -moz-box-shadow: rgba(0,0,0,.25) 2px 2px 4px;
  -webkit-box-shadow: rgba(0,0,0,.25) 2px 2px 4px;
  display:block;
  float:left;
  padding:5px 10px;
  margin:5px;
  font-family:futura, helvetica, arial;
  font-variant:small-caps;
}

.tab:hover{
  background-color:#53B7EA;
}

.tab:active{
  background-color:#53B7EA;
  position:relative;
  top:1px;
}

.clear{
  line-height:0px; height:0px; clear:both; margin:0px; padding:0px;
}

.text_input_wrapper{
  background-color:#fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding:2px;
}

input[type="text"]{
  border:0px;
  outline:none;
}

#q{
  width:400px;
  font-size:21px;
  margin-right:12px;
  margin-left:8px;
  height:28px;
}

#search_button{
  font-size:18px;
  color:#fff;
  line-height:28px;
  position:absolute;
  right:0px;
  top:0;
  background:#04679a url(/images/white-fade.png);
  height:26px;
  width:85px;
  text-align:center;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  cursor:pointer;
  border:4px solid #fff;
}

#search_button.active{
  background:#04679a url(/images/white-fade-down.png);
}


#searching_twitter{
  -moz-border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -webkit-border-radius:4px;
  -moz-box-shadow: rgba(0,0,0,.25) 2px 2px 4px;
  -webkit-box-shadow: rgba(0,0,0,.25) 2px 2px 4px;
  background:#4497bf url(/images/button_gradient_up.png) repeat-x;
	line-height:13px;
  font-size:13px;
	height:16px;
  padding:5px 5px 5px 10px;
  z-index:4;
  display:none;
  color:#297BB0;
	opacity:0.8;
  text-align:center;
  font-variant:small-caps;
  font-family:futura, helvetica, arial;
  margin-top:5px;
  margin-bottom:15px;
  margin-right:10px; margin-left:10px;
}

.has_query #searching_twitter{
  display:block;
}

.has_tweet #searching_twitter{
  display:none;
}


/* ================= */
/* = Tweet Crawler = */
/* ================= */
#tweet_crawler{
  z-index:3;
  width:500px;
  min-height:20px;
}

#tweets{
  position:relative;
  top:5px;
}

#trends_and_instructions {
/*  padding:5px;*/
/*  background:#046699 url(/images/clouds.png) repeat scroll 0 -17px; */
/*  background:#0a003e;*/
/*	background:#2daebf;*/
  font-size:12px;
  color:#6ad0e3;
  text-align:left;
  overflow:hidden;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
/*  -moz-box-shadow: rgba(0,0,0,.25) 2px 2px 4px;
  -webkit-box-shadow: rgba(0,0,0,.25) 2px 2px 4px;
*/  position:relative;
  width:500px;
  visibility:hidden;
/*  border:1px solid #fff;*/
  z-index:4;
}

#instructions, #trends{
  padding:0px 5px;
}

#trend_label{font-weight:bold;position:absolute; top:38px; left: 5px; text-shadow: 1px 1px 1px #000;}

#trends {
	margin-left:19px;
}

#trends a{
  color:#6ad0e3;
  font-size:12px;
  margin-right:10px;
	line-height: 24px;
  display:block;
  float:left;
  outline:none;
  text-decoration:none;
  font-family:futura, helvetica, arial;
}
#trends .delimiter{
  display:block;
  float:left;
  padding:5px 4px 0px 4px;
  font-size:16px;
  line-height: 14px;
  color:#6ad0e3;
}

#stations_label{font-weight:bold;position:absolute; top:13px; left: 5px; text-shadow: 1px 1px 1px #000;}

#stations{
  margin-top:15px;
  margin-left:0px;
  padding:5px;
  position:relative;
  top:-1px;
  text-align:left;
	z-index:4;
}

#stations a{
  margin-right:10px;
}

div.tweet{
  background:#d5e9ff;
  padding:6px;
  position:relative;
  margin:10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border:1px solid #fff;
  -moz-box-shadow: rgba(0,0,0,.25) 2px 2px 4px;
  -webkit-box-shadow: rgba(0,0,0,.25) 2px 2px 4px;
  min-height:50px;
  font-size:14px;
  line-height:18px;
  color:#333;
}

  div.tweet a{
    color:#64aeff;
    text-decoration:none;
  }

div.tweet .avatar{
  position:absolute;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div.tweet .text{
  margin-left:60px;
}

.timestamp{
  font-style:italic;
  color:#999;
}

.share{
  position:absolute;
  top:0px;
  right:0px;
}

/* PAGES */
.profile{
  position:absolute;
  border:2px solid #6ad0e3;
}

.bio{
  margin-left:70px;
  margin-bottom:40px;
  line-height:21px;
}

.bio h3{
  margin-bottom:5px;
  font-family:futura, helvetica, arial;
  color:#6ad0e3;
}
  

.page{
  color:#fff;
  font-family:helvetica, arial;
  font-size:13px;
  line-height:21px;
  text-align:justify;
}

.page h2{
  margin-top:30px;
  color:#6ad0e3;
  font-size:16px;
  font-family:futura, helvetica, arial;
}

.page h2 a{
	text-decoration:none;
}

.page a{
  color:#6ad0e3;
}

.entry{
  margin-bottom:20px;
  border-bottom:1px solid #6ad0e3;
}