/* @override http://localhost:8000/static/css/all.css?v=0 */

/* @override 
	http://localhost:8000/static/css/all.css?v=3
	http://localhost:8000/static/css/all.css?v=4
*/

*{font-size:100.01%}
html {
	font-size:62.5%;
}
body {
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #717070;
	margin: 0;
	background: black url(../images/bg2.jpg) fixed no-repeat top left;
}
img {
	border: none;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
form {
	margin: 0;
	padding: 0;
	border: 0;
}
h1 {
	font-size: 2em;
	font-weight: bold;
}

label {
	padding-right: 10px;
	vertical-align: top;
	font-weight: bold;
}
#page {
	width:844px;
	margin: 0 auto;
	position: relative;
	padding-top:174px;
}
/* page start */
#page:after {
	content:"";
	display:block;
	clear:both;
}
/* header start */
#header {
	overflow: hidden;
	width:844px;
	height:174px;
	position: absolute;
	left: 0;
	top: 0;
}
.header-up{
	width:100%;
	height:58px;
	overflow:hidden;
	background: url(../images/header-up-bg.png) no-repeat;
}
.slogan{
	margin:21px 0 0 261px;
	float:left;
	text-indent:-9999px;
	width:238px;
	height:24px;
	background: url(../images/slogan-bg.gif) no-repeat;
}
/* nav-up start */
.nav-up{
	margin:0;
	padding:25px 13px 0 0;
	list-style:none;
	overflow: hidden;
	float:right;
	font-size:0.83em;
	line-height:1.2em;
	color:#67afcf;
	position:relative;
}
.nav-up li{
	float:left;
	background: url(../images/nav-up-li-bg.gif) no-repeat 100% 50%;
	padding:0 6px 0 5px;
}
.nav-up li span{
	font-weight:bold;
}
.nav-up li a{
	color:#67afcf;
}
.nav-up .color{
	color:#0581b4;
}
.nav-up .none{
	background:none;
}
/* 	nav-up end */
/* logo start */
.logo {
	margin: 0;
	position: absolute;
	left:15px;
	top: 8px;
	z-index:100;
}
.logo a {
	display: block;
	text-indent: -9999px;
	width: 252px;
	height: 68px;
	overflow: hidden;
	background: url('../images/logo.png') no-repeat;
	cursor:pointer;
}
/* logo end */
/* banner-box start */
.banner-box{
	width:728px;
	height:90px;
	overflow:hidden;
	margin:18px 0 0 45px;
}
/* banner-box end */
/* header end */
/* content start */
#content{
	width:844px;
	overflow:hidden;
	background: url(../images/content-bg.png) repeat-y;
}
#content-up{
	width:844px;
	height:13px;
	overflow:hidden;
	background: url(../images/content-up-bg.png) no-repeat;
}
#content-bottom{
	width:844px;
	height:23px;
	overflow:hidden;
	background: url(../images/content-bottom-bg.png) no-repeat;
	margin-bottom: 6px;
}
.content{
	overflow:hidden;
	position:relative;
	padding:0 14px 10px 20px;
}
/* left-box start */
.left-box{
	width: 570px;
	overflow: hidden;
	float: left;
}
.left-up{
	width: 100%;
	overflow: hidden;
}
.left-box h2{
	font-size: 1.5em;
	line-height: 1.22em;
	margin: 0;
	color: #434343;
	float: left;
	font-weight: normal;
}
.left-box .number{
	text-align: right;
	font-size: 30px;
	line-height: 30px;
	color: #434343;
	margin: 0;
	float: right;
}
.left-box .number2{
	text-align: right;
	font-size: 30px;
	line-height: 30px;
	color: #434343;
	margin: 0;
	float: right;
}
/* .left-box textarea start */
.left-box textarea{
	width: 315px;
	height:50px;
	margin: 0;
	padding: 5px;
	color: #000;
	border: 1px solid #717070;
	background:#fffdfe;
	font: 1.2em Arial, Helvetica, sans-serif;
	margin-left: 9px;
}

#status2 {
	width:430px
}
/* .left-box textarea end */
/* left-info start */
.left-info{
	width: 100%;
	overflow: hidden;
	padding: 0 0 11px 0;
}
.left-info .left{
	width: 450px;
	overflow: hidden;
	float: left;
	padding: 5px 0 0 0;
}
.left-info .left p{
	font-size:0.91em;
	line-height: 1.18em;
	margin: 0;
	color: #717070;
}
.left-info .left p a{
	color: #717070;
	text-decoration: underline;
}
.left-info .left p a:hover{
	text-decoration: none;
}
.left-info .right{
	width: 115px;
	overflow: hidden;
	float: right;
}
.update{
	width: 115px;
	height:25px;
	overflow: hidden;
	display: block;
	margin: 7px auto 0;
	padding: 7px 0 0 0;
	font-size:16px;
	line-height: 18px;
	color: #bfb9b8;
	font-weight: bold;
	text-align: center;
	background: url(../images/sprites.gif) no-repeat 0 0;
}
/* left-info end */
/* player-box start */
.player-box{
	width: 570px;
	height: 125px;
	margin: 0 0 0 0;
}
.player-box img{
	display: block;
}
/* player-box end */
/* blog-box start */
.blog-box{
	width: 100%;
	overflow: hidden;
	background:url(../images/blog-box-bg.gif) repeat-x 0 100%;
	padding: 5px 0 15px 0;
}
.left{
	width: 30px;
	overflow: hidden;
	float: left;
}
/* nav-left start */
.nav-left{
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
	overflow: hidden;
}
.nav-left li{
	vertical-align: middle;
	height:1%;
	padding-bottom: 2px;
}
.nav-left li a{
	overflow: hidden;
	display: block;
	width: 23px;
	height: 21px;
	text-indent: -9999px;
}
.play{
	background: url(../images/sprites.gif) no-repeat 0 -32px;
}
.play:hover{
	background-position: 0 -53px;
}

.playing{
	background: url(../images/sprites.gif) no-repeat 0 -53px;
}

.nav-left .love{
	background: url(../images/sprites.gif) no-repeat -23px -32px;
}
.nav-left .love:hover{
	background-position: -23px -53px; 
}

.loving {
	background: url(../images/sprites.gif) no-repeat -23px -53px;
}
.nav-left .next{
	background: url(../images/sprites.gif) no-repeat -46px -32px;
}
.nav-left .next:hover{
	background-position: -46px -53px; 
}

.retweeted {
	background: url(../images/sprites.gif) no-repeat -46px -53px;
}

/* nav-left end */
.blog-box .right{
	width: 510px;
	overflow: hidden;
	float: right;
	text-align: right;
	padding:10px;
}

.blog-box .current {
	background-color: #fef9d8;
	border-style: solid;
	border-width: 1px;
}

.blog-box .right h3{
	font-size: 1.58em;
	line-height: 1.2em;
	margin: 0;
	font-weight: normal;
}
.blog-box .right h3 strong{
	color: #000;
	font-weight: normal;
}
.blog-box p{
	margin: 0;
	line-height: 1.41em;
}
.blog-box p span{
	font-size: 0.91em;
	color: #a9a9a9;
}
.blog-box p a{
	color: #0581b4;
	font-weight: bold;
}
/* photo-box start */
.photo-box{
	width: 48px;
	height: 48px;
	overflow: hidden;
	float: right;
	margin: 5px 0 0 20px;
	display: inline; 
}
.photo-box img{
	display: block;
}
/* photo-box end */
/* blog-box end */
.more{
	width: 525px;
	height: 27px;
	display: block;
	padding: 9px 0 0 0;
	margin: 26px 0 0 18px;
	overflow: hidden;
	font-size: 15px;
	line-height: 17px;
	color: #0d96c3;
	text-align: center;
	font-weight: bold;
	background: url(../images/sprites.gif) no-repeat 0 -74px;
}
.more:hover{
	background-position: 0 -110px;
	text-decoration: none;
}
/* left-box end */
/* right-box start */
.right-box{
	width: 211px;
	overflow: hidden;
	float: right;
}
.right-up{
	width: 200px;
	padding: 0 0 0 10px;
	overflow: hidden;
}
.right-box h3{
	margin: 0;
	color: #fff;
	font-size: 1.16em;
	line-height: 1.28em;
}

.right-box h3 a{
	color: #fff;
}
/* nav-right start */
.nav-right{
	margin: 0;
	padding: 0 0 0 4px;
	list-style: none;
	overflow: hidden;
	font-size:1.16em;
	line-height: 1.28em;
}
.nav-right li{
	background: url(../images/nav-right-li-bg.gif) no-repeat 0 9px;
	padding: 0 0 0 9px;
}
.nav-right li a{
	color: #fff;
	text-decoration: underline;
}
.nav-right li a:hover{
	text-decoration: none;
}
/* nav-right start */
/* side-list start */
.side-list{
	margin: 0;
	padding: 20px 0 0 0;
	list-style: none;
	overflow: hidden;
	font-size:1.5em;
	line-height: 1.1em;
}
.side-list li{
	padding-bottom: 6px;
}
.side-list li a{
	width: 211px;
	height:34px;
	padding: 15px 0 0 0;
	overflow: hidden;
	display: block;
	color: #000;
	background: url(../images/sprites.gif) no-repeat 0 -146px;
	text-align: center; 
}
.side-list li a:hover{
	background-position: 0 -195px;
	text-decoration: none;
}
.side-list li a.active{
	background-position: 0 -244px;
}
/* side-list end */
/* right-bottom start */
.right-bottom{
	width: 201px;
	padding: 10px 0 0 10px;
	overflow: hidden;
}
.right-bottom .profel{
	font-size: 1.33em;
	line-height: 1.12em;
	background: url(../images/sprites.gif) no-repeat 0 -293px;
	padding: 7px 0 15px 37px;
}
.right-bottom p{
	margin: 0;
	line-height: 14px;
	padding: 0 0 15px 0;
	color: #fff;
}
.right-bottom p a{
	color: #fff;
	text-decoration: underline;
}
.right-bottom p a:hover{
	text-decoration: none;
}
/* right-bottom start */
/* right-box end */
/* content end */
/* footer start */
#footer{
	width: 680px;
	height: 28px;
	padding: 7px 0 0 164px;
	overflow: hidden;
	background: url(../images/footer-bg.png) no-repeat;
}
/* nav-footer start */
.nav-footer{
	margin: 0;
	padding:0;
	list-style: none;
	overflow: hidden;
	font-size:0.91em;
	line-height: 1.27em;
	color: #0581b4;
	float: left;
	position: relative;
}
.nav-footer li{
	float: left;
	background: url(../images/nav-footer-li-bg.gif) no-repeat 0 50%;
	padding: 0 6px 0 6px;
	margin-left: -2px;
}
.nav-footer li a{
	color: #0581b4;
}
/* nav-footer end */
/* footer end */
/* page end */

.current_song {
	border: 1px dotted #00f912;
}

#search {
	width: 500px;

}

#search_for {
	width: 300px;
}

#search_results ul li {
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: -40px;
}

#search_results ul {
	border-style: solid;
	border-width: 1px;
}

#search_results ul li.odd {
	background-color: #cbe6ff;
}

#search_results ul li div {
	padding-left: 10px;
	padding-right: 10px;
}

#song_link {
	border: 1px solid #717070;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 221px;
}

#tabs {
	margin-bottom: 10px;
}

#shorten_link {
	background-color: #EEEEEE;
	border: 1px groove #bfb9b8;
}

#do_search {
	background-color: #EEEEEE;
	border: 1px groove #bfb9b8;
}

#newuser {
	margin: 15px;
}

#newuser label {
	padding: 0;
	vertical-align: middle;
}

#cancel-welcome {
	float: right;
}

.poem {
	font-size:9px;
	float: right;
}

#channels li {
	list-style-type: none;
	font-size: 18px;
}

#friend-list {
	list-style: none;
	padding: 0;
	width: 180px;
	display: block;
	padding-bottom: 10px;
	margin-left: 0px;
}

#friend-list li {
	float: left;
	padding-left: 5px;
}

.following {
	padding-bottom: 10px;
}

.following p {
	padding: 2px;
	margin: 0;
	font-size: 1.3em;
}

.following p a {
	text-decoration: none;
}

.search_links {
	text-align: center;
	font-weight: bold;
	background-color: silver;
}

.delete img {
	padding-right: 5px;
}

.delete {
	text-decoration: none;
}

.delete a {
	color: black;
}

.delete a:hover {
	text-decoration: none;
	color: red;
}