body {
	background-color: #252525;
	font-family: verdana,arial,helvetica,sans-serif;
	margin: 0;
}
div#wrap {
	width: 100%;
	background-color: #252525;
	margin: 0 auto;
	padding: 0;
	text-align: left;	
}
div#wrap-l {
	background: #faf5ee url('../images/side-bg-l.png') repeat-y top left;
	margin: 0 auto;
	width: 1200px;
}
div#wrap-r {
	background: url('../images/side-bg-r.png') repeat-y top right;
}
div#main {	
	margin: 0px 60px 0px 60px;
}
div#container {
	height: 1200px;
}
.clear {
	clear: both;
}
#header {
	float: left;
	height: 285px;
	width: 100%;
	background: url('../images/header.png') no-repeat top right;
}
#header h4 {
	font-size: 10pt;
	margin-left: 55px;
	font-weight: 100;
	color: #5c5a59;
}
#logo {
	float: left;
	width: 359px;
	height: 77px;
}

/* Module: Clips */
div.clipwrap {
	margin: 5px;
	background: url('../images/soundcloud-bg.png') repeat-x bottom left;
}
div.clipwrap div.info {	
	border: 1px solid #c4c4c4;
	height: 79px;
	z-index: 2;
	padding-left: 70px;
	background: url('../images/soundcloud-play.png') no-repeat left;
}

.x-tab-strip-active span.x-tab-strip-text {
	font-weight: 100;
}

div.clipwrap div.info h3 {
	margin-top: 5px;
	font-size: 2em;
	color: #8d8a88;
}
div.clipwrap div.info h4 {
	font-size: 1.2em;
	color: #999;
	font-weight: 100;
	margin-left: 3px;
}

.clipwrap .xtb-text {
	color: #888;
}


li.clip-over div.info {
	border: 1px solid #999;
}

div.info div.time {
	float: right;
	position: absolute;
	bottom: 5px;
	right: 5px;	
	color: #aaa;
}

div.news-wrap {	
	padding: 0px 5px 0px 0px;
	margin: 0px;
	background-repeat: no-repeat;
}
div.news-wrap div.time {
	float: right;
	color: #aaa;
	font-size: 0.9em;
}

div.tweet {
	text-align: left;	
	background-position: 7px 0px;
	padding-left: 59px;
}

div.tweet div.title {
	color: #5c5a59;
	height: 45px;	
}

div.tweet div.time a {
	color: #999;
	text-decoration: none;	
}

div.tweet div.time a:visited {
	color: #999;
	text-decoration: none;	
}

div.tweet div.time a:hover {
	color: #999;
	text-decoration: underline;	
}

div#tabpanel {
	margin-top: 5px;
	width: 450px;
	height: 120px;	
}

#tabpanel ul.x-tab-strip-top, #tabpanel .x-tab-panel-header {
	background: transparent none !important;
	border: none !important;
	padding-bottom: 0px;
}

#tabpanel .x-tab-panel-body {
	background: transparent none;
	border: none !important;
}

#tabpanel .x-panel-body {
	color: #5c5a59;	
}

.tweet-over .x-bubble-mc, .tweet-over .x-bubble-tl, 
.tweet-over .x-bubble-tc, .tweet-over .x-bubble-bl, 
.tweet-over .x-bubble-bc, .tweet-over .x-bubble-bwrap, 
.tweet-over .x-bubble-body {
	background-color:#fff !important;
}

.network-button .x-btn-text {
	height: 30px !important;
	width: 30px !important;
}

a, a:visited, a:active {
	text-decoration: none;
	color: inherit;
}

/* ICONS */

.icon-beatport {
	background-image: url('../images/logos/beatport_16.png') !important;
}

.icon-juno {
	background-image: url('../images/logos/juno_16.png') !important;
}

.icon-itunes {
	background-image: url('../images/logos/apple_16.png') !important;
}


.icon-download {
	background-image: url('../images/icons/small/floppy_disk.png') !important;
}
.icon-tracklist {
	background-image: url('../images/icons/small/notebook.png') !important;
}

.icon-twitter-big {
	background-image: url('../images/logos/twitter_48.png') !important;
}
.icon-free {
	background-image: url('../images/logos/downloads_48.png') !important;
}

.icon-soundcloud-big {
	background-image: url('../images/logos/soundcloud_48.png') !important;
}
.icon-youtube-big {
	background-image: url('../images/logos/youtube_48.png') !important;
}

.btn-facebook {
	background-image: url('../images/buttons/facebook.png') !important;
}
.btn-twitter {
	background-image: url('../images/buttons/twitter.png') !important;
}
.btn-myspace {
	background-image: url('../images/buttons/myspace.png') !important;
}
.btn-lastfm {
	background-image: url('../images/buttons/lastfm.png') !important;
}
.network-button .btn-virb {
	background-image: url('../images/buttons/virb.png') !important;
	width: 75px !important;
}

/* Ext styles */

.x-panel-body {
 	background-color: transparent;
}
.x-panel-mc {
 	background-color: #e8e8e8;
}

.twitter-body {
	border: 1px solid #aaa !important;
	border-bottom-color: #ddd !important;
	border-right-color: #ddd !important;
}

.x-panel-header {
	font-family: Tahoma !important;
	height: 25px;
}
.x-panel-tl .x-panel-icon {
	padding-left: 40px !important;
	padding-top: 15px !important;
}

.x-panel-mc {
	font-family: Tahoma !important;
	color: #5c5a59 !important;
}


.x-bubble-ml {
    padding-left:4px;
	background:transparent url(../images/bubble-lr.gif) repeat-y 0 0;
	zoom:1;
}

.x-bubble-mr {
    padding-right:4px;
	background:transparent url(../images/bubble-lr.gif) repeat-y right 0;
	zoom:1;
}
.x-bubble-mc {
	background:#eee;
	overflow:hidden;
}

.x-bubble-tl {
    
    background: #eee url(../images/bubble-cs.gif) no-repeat 0 0;
    padding-left:11px;
    zoom:1;
}

.x-bubble-tr {
    background: transparent url(../images/bubble-cs.gif) no-repeat right top;
    padding-right:11px;
    zoom:1;
}
.x-bubble-tc {
    height: 9px;
    overflow: hidden;
    padding-top: 4px;
    background: #eee url(../images/bubble-tb.gif) repeat-x 0 0;
}

.x-bubble-bl {
	background: #eee url(../images/bubble-cs.gif) no-repeat 0 bottom;
	padding-left:11px;
    zoom:1;
}
.x-bubble-br {
	background: transparent url(../images/bubble-cs.gif) no-repeat right bottom;
	padding-right:11px;
    zoom:1;
}
.x-bubble-bc {
	height:11px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	background: #eee url(../images/bubble-tb.gif) repeat-x 0 bottom;
}
.x-bubble-bwrap {	
	background: #eee url(../images/bubble-tb.gif) repeat-x 0 0;
	overflow:hidden;
	zoom:1;

}
.x-bubble-body {
	background: #eee;
	overflow:hidden;
}
.free-download {
	width: 380px;
	height: 18px;
}

.free-download a:hover {
	text-decoration: underline;
}