@import url('reset.css');


/*
Fonts
*/
body {font-family: Arial, Helvetica, sans-serif;}
h1 {font-size: 1.75em;}
h2, h3 {font-size: 1.25em;}
p, dl, ul, nl {font-size: 0.9em;}
small {font-size: 0.6em; text-transform: uppercase; font-weight: bold;}

/*
Font Colors
*/
h1, h3 {
	color: #fff;
}

/*
Link Colors
*/
a, a:active {color: #cfcfcf; text-decoration:none; border-bottom: 2px dotted #444;}
a:hover {color: #efefef; background-color: #444; text-decoration: none;}



/*
* body
*/
body {
	background-color: #1a1a1a;
	margin: 0 0;
	padding: 0 0;
	color: #cfcfcf;
}



/*
* wrapper
*/
#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

/* Background Colors */
#header, #footer, #main_bar, #side_bar {
	background-color: #666666;
}



/*
* header
*/
#header {
	width: 920px;
	height: 110px;
	margin: 0;
	padding: 20px;
	padding-top: 0;
}

.orange_link {
	color: #ff6600;
	font-weight: bold;
	font-size: 0.8em;
}

#content .blog_post .orange_link {
	color: #ff6600;
	font-weight: bold;
	font-size: 1.1em;
}

#header_message {
	margin-top: 10px;
	float: left;
}


#social_media_links {
	width: 200px;
	float: right;
	clear: right;
}

#social_media_links a img {
	float: right;
}


#social_media_links a:hover img{
	background-color: #444;
}

#social_media_links a:active {
	border: none;
}

#email_sign_up {
	float: right;
}

/*
* menu_bar
*/
#menu_bar {
	width: 960px;
	float: left;
	clear: both;
	margin: 0;
	padding: 3px 0;
	border: none;
}

#menu_bar .menu_bar_element {
	margin: 0;
	padding: 0 10px;
	text-align: center;
	float: left;
	border-left: 2px solid #cfcfcf;
	font-weight: bold;
}

#menu_bar #home_tab  {
	margin: 0;
	padding: 0 10px;
	text-align: left;
	float: left;
	border: none;
	font-weight: bold;
}

/* Change the menu_bar's tab link colors */
#menu_bar a, a:active {
	color: #666;
	background-color: transparent;
	border-bottom: none;
}
#menu_bar   a:hover{
	color: #999;
	background-color: transparent;
	border-bottom: none;
}


/* Light up the current page's tab */
.home_page #menu_bar #home_tab  a{
    color: #cfcfcf;
}

.music_page #menu_bar #music_tab  a{
    color: #cfcfcf;
}

.video_page #menu_bar #video_tab  a{
    color: #cfcfcf;
}


.wtf_page #menu_bar #wtf_tab  a{
    color: #cfcfcf;
}

.press_page #menu_bar #press_tab  a{
    color: #cfcfcf;
}


.contact_page #menu_bar #contact_tab  a{
    color: #cfcfcf;
}



/*
* side_bar
*/
#side_bar {
	width: 300px;
	float: left;
	margin: 0 0;
	margin-right: 20px;
	padding: 20px;
	margin-bottom: 20px;
}

#side_bar .side_bar_element {
    margin-top: 0;
	margin-bottom: 20px;
}

#side_bar h2 {
	padding: 4px 1px;
	margin: 0;
	margin-bottom: 0;
	background-color: #444;
}

#side_bar_fb_like_button_container {
        background-color: #333;
        padding: 15px 10px 0 10px;
}

#side_bar_fb_like_button {
        background-color: #333;
        margin: 0;
        padding: 0;
}



/*
* main_bar
*/
#main_bar {
	width: 560px;
	float: right;
	margin: 0 0;
	padding: 20px;
	margin-bottom: 20px;
}


#main_bar #content p, #main_bar #content dl {
	margin: 15px 0;
        padding: 0;
}

#main_bar #content blockquote {
         font-style: italic;
}

#main_bar #content dd {
	margin-bottom: 10px;
}

.topspin-widget{
	text-align: center;
}

.stp_widget_container {
	clear: both;
	width: 560px;
}
.stp_widget {
	margin: 5px 0;
	clear: both;
	width: 460px;
	height: 20px;
}


.stp_widget .stp_title {
	text-align: left;
	font-size: 0.9em;
	height: 20px;
	width: 30px;
	margin-top: 2px;
	float: left;
}

.stp_widget .topspin-widget-single-track-player-widget {
	float: left;
	height: 20px;

}

.stp_widget .stp_lock_img {
    height: 20px;
	width: 20px;
	background-image: url('../images/red_lock_small.png');
	float: left;
}


.free_song_poll {
	text-align: center;
}

.blog_post {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px #4f4f4f;
}
.blog_post .post_title {
	padding: 4px 1px;
	
	background-color: #444;
}

.blog_post .post_author {
	font-size: 0.7em; text-transform: none; font-weight: bold;
}

.blog_post .post_date {
	font-size: 0.7em; text-transform: none; font-weight: normal;
}


.blog_post .media_content {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
        padding: 0;
}
.blog_post .media_content img {
        margin: 3px 0;
        padding: 0;
}

#main_bar #content .blog_post .media_content p {
	margin:  0;
        padding: 0;
        margin-bottom: 15px;
        text-align: left;
}

/*
* footer
*/
#footer {
	clear: both;
	margin-top: 20px;
	width: 960px;
        font-size: 0.8em;
        text-align: center;
        background-color: transparent;
}

/*
404 Not Found Message Look
*/
.m404_not_found_message {
        background-color: #444;
        width: 860px;
	margin-top: 100px;
	padding: 50px;
        border: none;
}

.m404_not_found_message a {
        color: #ff6600;
        font-weight: bold;
        text-decoration: underline;
}

.m404_not_found_message a:hover {
        background-color: #333;
}

.m404_not_found_message a:visited {
        color: #ff8800;
}