/*
     ___           ___           ___           ___           ___           ___           ___           ___           ___           ___     
    /\__\         /\  \         /\  \         /\  \         /\  \         /\  \         /\  \         /\  \         /\  \         /\  \    
   /:/  /        /::\  \       /::\  \       /::\  \        \:\  \       /::\  \       /::\  \       /::\  \        \:\  \       /::\  \   
  /:/__/        /:/\:\  \     /:/\:\  \     /:/\:\  \        \:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \        \:\  \     /:/\ \  \  
 /::\  \ ___   /::\~\:\  \   /::\~\:\  \   /::\~\:\  \       /::\  \   /::\~\:\__\   /::\~\:\  \   /::\~\:\  \       /::\  \   _\:\~\ \  \ 
/:/\:\  /\__\ /:/\:\ \:\__\ /:/\:\ \:\__\ /:/\:\ \:\__\     /:/\:\__\ /:/\:\ \:|__| /:/\:\ \:\__\ /:/\:\ \:\__\     /:/\:\__\ /\ \:\ \ \__\
\/__\:\/:/  / \:\~\:\ \/__/ \/__\:\/:/  / \/_|::\/:/  /    /:/  \/__/ \:\~\:\/:/  / \:\~\:\ \/__/ \/__\:\/:/  /    /:/  \/__/ \:\ \:\ \/__/
     \::/  /   \:\ \:\__\        \::/  /     |:|::/  /    /:/  /       \:\ \::/  /   \:\ \:\__\        \::/  /    /:/  /       \:\ \:\__\  
     /:/  /     \:\ \/__/        /:/  /      |:|\/__/     \/__/         \:\/:/  /     \:\ \/__/        /:/  /     \/__/         \:\/:/  /  
    /:/  /       \:\__\         /:/  /       |:|  |                      \::/__/       \:\__\         /:/  /                     \::/  /   
    \/__/         \/__/         \/__/         \|__|                       ~~            \/__/         \/__/                       \/__/


*/ /* = = = = Body, Text, Links = = = = */	

body {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif,default;
	font-size:80%;
	background:#FFFFFF;
	margin:0;
	padding:0;
/*	background-color:#F7F8F9; */
	}

* {
	margin:0;
	padding:0;
	}

ol {
	list-style-image:none;
	list-style-position:outside;
	}

ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}


h2 	{
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif,default;
	color:#333333;
	font-size:14px;
	font-weight:normal;
	margin-bottom:12px;
	}

small {
	font-size:10px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif,default;
	color:#666666;
	}

a	{
	color:#0066CC;
	text-decoration:none;
	cursor:pointer;
	outline-style:none;
	}
	
a:hover	{
	color:#FF0000;
	text-decoration:none;
	}
	
img	{
	border:0;
	}
	

a.FB_Link	{
	color:#0066CC;
	cursor:pointer;
	text-decoration:none;
	outline-style:none;
	}
	
a:hover.FB_Link	{
	color:#0066CC;
	text-decoration:underline;
	}

/* = = = = Header = = = = */	

#header-wrapper {
	margin:0;
	padding:0;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background-color:#404040;
	min-height:44px;
	border:0px;
	border-style:solid;
	border-color:orange;
	}

#header-content {
	margin:0 auto;
	padding-top:8px;
	width:920px;
	position:relative;	
	border:0px;
	border-style:solid;
	border-color:yellow;
	}
	
#top-center	{
	height:31px;	
	float:left;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:2px;	
	border:0px;
	border-style:solid;
	border-color:orange;
	}	
	

/* = = = = Header Content (Navigation & Logo) = = = = */	

#logo img {
	float:left;
	height:29px;
	width:135px;
	text-decoration:none;
	margin-bottom:2px;
	border:0px;
	border-style:solid;
	border-color:green;	
	}

#top-navigation {
	float:right;
	height:29px;
	white-space:nowrap;
	border:0px;
	border-style:solid;
	border-color:white;
	margin-bottom:2px;
	}

#top-navigation ul li {
	text-align:right;
	line-height:29px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	display:inline;	
	}

#top-navigation li {
	color:#FFFFFF;
	font-size:12px;
	display:inline;
	}

#top-navigation li a {
	color:#FFFFFF;
	display:inline;
	outline-style:none;
	padding:0 8px;
	}	

#top-navigation li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}	

/* = = = = Content & Wrappers = = = = */	


	
#content {
	width:920px;
	margin:1em auto;
	border:0px;
	border-color:#0066CC;
	border-style:solid;
	}
	
.wrapper {
	width:920px;
	float:left;
	border:0px;
	border-color:green;
	border-style:solid;
	display:block;
	}	
	
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
	}
	
.clearfix {
	display:block;
	}


/* = = = = Sign In = = = = */	

.signin {
	width:500px;	
	}


/* = = = = Buttons = = = = */	

.button {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	background:#E0E0E0 url(/images/button_background.gif) repeat-x scroll left top;
	border-color:#BBBBBB #BBBBBB #999999;
	border-style:solid;
	border-width:1px;
	color:#444444;
	cursor:pointer;
	display:inline-block;
	font-size:0.9em;
	font-weight:bold;
	padding:3px 10px;
	text-align:center;
	text-shadow:0 1px #F0F0F0;
	}

.button:hover, .button:active {
	border-bottom:1px solid #6B8545;
	border-color:#8DA766 #8DA766 #6B8545;
	text-decoration:none;
	}

.user a 	{
	color:#6699CC;
	}



/* = = = = Add Playlist = = = = */	
	
#new_playlist {
	float:left;
	width:600px;
	padding:10px;
	}
	
#new_playlist_form {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	background-color:#F0F6FB;
	border:0px;
	border-color:red;
	border-style:solid;
	padding:14px;
	}

.text_field	{
	font-size:1.1em;
	margin-right:4px;
	}


/* = = = = Playlist = = = = */		

#playlist_large {
	float: left;
	min-width: 100px;
	display:block;
	font-size:19px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif,default;
	text-decoration:none;
	color:#0066CC;
	letter-spacing:-0.05em;
	margin-left: 100px;
	border:0px;
	border-color:red;
	border-style:solid;
	}

.playlist_large a {
	font-size:19px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif,default;
	color:#0066CC;
	letter-spacing:-0.05em;
	}

.playlist_large a:hover {
	font-size:19px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif,default;
	color:#0066CC;
	letter-spacing:-0.05em;
	}

.playlist_large span a:hover {
	text-decoration:none;	
	}

#playlist_actions {
	clear: left; 
	display:block;
	font-size:1.0em;
	font-family:'Helvetica Neue',Arial,Sans-serif;
	padding:20px;
	margin-left: 240px;
	border:0px;
	border-color:green;
	border-style:solid;
	}

.more {
  font-size: smaller;
  color: black;
}



/* = = = = Following = = = = */	

.following {
	float:left; 
	width:630px;
	border:0px;
	border-color:green;
	border-style:solid;
	}
	
#left_column {
	float:left; 
	width:305px;
	margin-right:8px;
	border:0px;
	border-color:yellow;
	border-style:solid;
	}
	
#right_column {
	float:left; 
	width:305px;
	margin-right:8px;
	border:0px;
	border-color:orange;
	border-style:solid;
	}	

.friend_column {
	float:left; 
	width:300px;
	}

.friend {
	border-top:1px solid #E0E0E0;
	width:300px;
	margin-bottom:15px; 
	margin-right:4px;
	}

.friend_pic {
	float:left; 
	padding:2px; 
	position:relative; 
	vertical-align:middle;
	}

.friend_details {
	float:left;
	width:240px;
	margin-left:4px;
	font-size:12px;
	}

.friend_name {
	font-weight:bold;
	font-size:1.1em;
	line-height:1.5em;
	vertical-align:top;	
	font-family:"Helvetica Neue",Helvetica,Arial,default;
	font-weight: bold;
	}

.friend_name_big {
	font-weight:bold;
	font-size:1.7em;
	line-height:1.5em;
	font-family:"Helvetica Neue",Helvetica,Arial,default;
	font-weight: bold;
	}

.friend_details > .playlists {
	line-height:1.5em;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:1.0em;
	color:#0066cc; 
	width:300px;
	border:0px;
	border-color:yellow;
	border-style:solid;
	}

.playlist img {
	float:left; 
	margin-top: 3px;
	margin-right: 3px;
	line-height:1.5em;
	}

/*
.playlist span {
		float: left; 
		overflow: hidden; 
		margin-left: 5px;
		}

*/
.portrait {
	width: 57px;
	display:block;
	float:left;
	overflow:hidden;
	padding-right:8px;
	position:relative;
	}
		
.portrait .user_pic, .portrait .user_name {
	display:block;
	float:left;
	}
	
.portrait_name {
	width: 57px;
	float:left;
	}


/* = = = = Tracks = = = = */		

.track-listing {
	float:left; 
	width:480px;
	margin-left:20px;
	border:0px;
	border-color:orange;
	border-style:solid;
	font-size:12px;
	}
	

.tracklist_name {
	width:230px;
	text-align:left;
	}

.tracklist_artist {
	width:230px;
	text-align:left;
	}

.tracklist_popularity {
	width:40px;
	text-align:left;
	}

.track-list table {
	margin-left:16px;
	position:relative;
	margin:0px;
	border:0px;
	border-collapse:collapse;
	}

table {
	border-spacing:0;
	}

tbody {
	display:table-row-group;
	vertical-align:middle;
	}

th {
	padding:2px 1px 1px 2px;
	}
	
td {
	margin:0px;
	border:0px;
	padding:2px 1px 1px 2px;
	display:table-cell;
	}

tr {
	padding-left:12px;
	display:table-row;
	vertical-align:inherit;
	}

tr:hover {
	color:#0066CC;
	background-color:#ebf4f9;
	}

table tr td {
	color:#b2b1b1;
	height:18px;
	white-space:nowrap;
	border-collapse:separate;
	border-color:transparent transparent #EDF0F2;
	border-style:solid;
	border-width:1px 0;
	}

.temporary {
	color:#FFFFFF;
	}

/* = = = = User = = = = */		

.right {
	float:right;
	padding:6px;
	width:300px;
	border:0px;
	border-color:red;
	border-style:solid;
	}

/* = = = = User = = = = */		

.user {
	float:right;
	width:300px;	
	border:0px;
	border-color:red;
	border-style:solid;
	}

.playlist_big {
	border-top:1px solid #E0E0E0;
	float:left;
	width:100%;	
        height:47px;
        line-height:47px;
        font-size:1.2em;
	}

.home > .playlists	{
	float:left;
	width:350px;
	border:0px;
	border-color:red;
	border-style:solid;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif,default;
	font-size:12px;
	line-height:1.3em;
        padding:0px 20px 0px 0px;
	}

.home > .likes	{
	float:left;
	width:350px;
	border:0px;
	border-color:red;
	border-style:solid;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif,default;
	font-size:12px;
	line-height:1.3em;
	}

/* = = = = Shows = = = = */		

.shows_wrapper	{
	float:right;
	width:282px;
	border:0px;
	border-color:red;
	border-style:solid;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif,default;
	font-size:12px;
	line-height:1.3em;
	}

.shows	{
	float:right;
	width:282px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif,default;
	font-size:12px;
	line-height:1.3em;
	margin-bottom:8px;
	}

.shows:hover {
	background-color:#F0F6FB;
	color:#000000;	
	}

.shows_date_venue {
	font-size:10px;
	color:#999999;	
	}


.shows_date_venue a {
	font-size:10px;
	color:#999999;	
	}

.shows_date_venue a:hover {
	color:#FF0000;	
	}

		

/* = = = = Suggestions = = = = */	
	
.suggestions {
	float:right;
	width:300px;
	border:0px;
	border-color:red;
	border-style:solid;		
	}


ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}

.list_item, .linked_list_item {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF none repeat scroll 0 0;
	border-top:1px solid #E0E0E0;
	overflow:hidden;
	padding:5px 0;
	}	

.suggestions .topic_name {
	font-weight:bold;
	}	

.suggestions .topic_follow_button {
	float:right;
	}



/* = = = = Footer = = = = */		

#footer_left {
	float:left;
	margin-top:20px;
	margin-bottom:50px;
	border:0px;
	border-color:#0066CC;
	border-style:solid;
	text-align:left;
	}

#footer_right {
	float:right;
	margin-top:20px;
	margin-bottom:50px;
	border:0px;
	border-color:#0066CC;
	border-style:solid;
	}


ul {
	display:inline;
	list-style-image:none;
	list-style-type:none;
	}

.footer li {
	display:inline;
	padding:0 14px 0 0 ;
	font-size:12px;
	}


/* = = = = Tipsy = = = = */	

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 300px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center;}
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }