/* CSS Document */

/* Impress Design, LLC is the home of graphic designer 
		Jack McDaniel
		720.495.1368
		http://Impress-Design.com */
/* Feel free to use this template as you like. It was developed for use with 
MODx Content Management Framework, but it will work with any site. 
Just make certain you change it and don't steal my images */

/*******************************************************************
 			Site Colors: 	Dark Blue #101B56,
							Red #C00000
							Purple #5B0243
							Teal #026B6A
							Charcoal #333
							Rust #8d2e00
							Cyan #08435D
********************************************************************/
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: 
	http://developer.yahoo.com/yui */

* html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, 
fieldset, input, p, blockquote { margin:0; padding:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, strong, th, var { 
	font-style:normal; font-weight:normal }
h1, h2, h3, h5, h5, h6 { font-size:100%; font-weight: normal; }
q:before, q:after { content:''}

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* Body Settings and Background */
html,body{
	margin:0; 
	padding:0; 
	border:0; 
	font-size:15px; 
	font-weight: 100; 
	font-family: 'Avenir LT Std',Helvetica,Arial,sans-serif;
	color:#333;
}
html{
	
}

/***********************************************************
				BASIC LINKS
**********************************************************/
a {
	color: #333; 
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	color: #666; 
	text-decoration: none;
}
/********************************************************
				BODY INFO
*********************************************************/
:focus {
	outline: 0;
}
body{
	width:100%; 
	margin:0 auto;
	background: #f0f2f1 url(/blog/images/blogBG.jpg) top center fixed repeat-x;
	color: #333;
	font-family: 'Avenir LT Std',Helvetica,Arial,sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	border-top: 5px solid #333;
}
*{margin:0; padding:0}

p {
	margin-bottom: 15px;
}

#bodyWrap {
	width: 100%;
	margin: 0 auto;
}
#mainContainer{
	width: 960px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}
#smartsoundCom {
	position: fixed;
	top: 150px;
	left: -1px;
}	
/**********************************************************
				HEADER
************************************************************/
#header {
	margin: 0 auto;
	width: 960px;
	height: 110px;
}
#logo {
	float: left;
	height: 110px;
	width: 115px;
	margin-top: -10px;
}
#title {
	float: left;
	width: 600px;
	padding-top: 25px;
	margin-left: 50px;
}
#siteSearch {
	float: right;
	margin-top: 25px;
	width: 193px;
	height: 27px;
}
#siteSearch label {display:none;}
#search { 
        background: #EBEBEB;
        border: 1px solid #CCC;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}
/*  ROYALTY FREE MUSIC SEARCH */
#blogRFMsearch {
	clear: both;
	position: relative;
	z-index: 500;
	background: transparent;
}
#blogRFMsearchbox {
	float: left;
	width: 60%;
	padding: 3px 10px;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	background: #EFEFEF;
}
.rfMSearchBTN {
	float: left;
	padding: 3px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	background: #000;
	color: #FFF;
	text-align: center;
}
/**********************************************************
				SOCIALBAR
************************************************************/
#social {
	width: 960px;
	height: 120px;
	margin: 0 auto;
}
#socialLeft {
	float: left;
	margin-left: 132px;
	width: 480px;
	line-height: 1.2em;
}
#socialBar {
	float: right;
	width: 325px;
	height: 80px;
	padding-right: 22px;
}
#socialBar img {
	float: right;
}
/*******************************************************
				CONTENT PAGE INFO
*********************************************************/
#contentContainer {
	float: left;
	width: 100%;
	margin: 5px 0 20px 0;
}
.special a {
	color: #c00000;
}
.special a:hover {
	color: #666;
}
.cNews a {
	color: #026B6A;
}
.cNews a:hover {
	color: #666;
}
.artist a {
	color: #5B0243;
}
.artist a:hover {
	color: #666;
}
.scoring a {
        color: #58afdc;
}
.scoring a:hover {
        color: #666;
}
.newMusic a {
	color: #101B56; 
}
.newMusic a:hover {
	color: #666; 
}
.production a {
	color: #8d2e00;
}
.production a:hover {
	color: #666;
}
.genre a {
	color: #08435D; 
}
.genre a:hover {
	color: #666; 
}
.basic a {
	color: #375D81; 
}
.basic a:hover {
	color: #666; 
}
.library a {
	color: #000000; 
}
.library a:hover {
	color: #666; 
}
/***** Category Headers *****/
#artistHeader {
	width: 960px;
	height: 165px;
	background: url(/blog/images/artistHeader.png) top left no-repeat;
}
#artistHeader h2 {
	color: #5B0243;
	padding-left: 182px;
	padding-top: 40px;
}
#scoringHeader {
	width: 655px;
	height: 165px;
	background: url(/blog/images/scoringHeader.png) top left no-repeat;
}
#scoringHeader h2 {
	color: #58afdc;
	padding-left: 182px;
	padding-top: 40px;
}
#specialHeader {
	width: 960px;
	height: 165px;
	background: url(/blog/images/specialHeader.png) top left no-repeat;
}
#specialHeader h2 {
	color: #C00000;
	padding-left: 200px;
	padding-top: 40px;
}
#cNewsHeader {
	width: 960px;
	height: 165px;
	background: url(/blog/images/newsHeader.png) top left no-repeat;
}
#cNewsHeader h2 {
	color: #026B6A;
	padding-left: 200px;
	padding-top: 40px;
}
#newMusicHeader {
	width: 960px;
	height: 165px;
	background: url(/blog/images/newMusicHeader.png) top left no-repeat;
}
#newMusicHeader h2 {
	color: #101B56;
	padding-left: 200px;
	padding-top: 40px;
}
#productionHeader {
	width: 960px;
	height: 165px;
	background: url(/blog/images/productionHeader.png) top left no-repeat;
}
#productionHeader h2 {
	color: #8d2e00;
	padding-left: 200px;
	padding-top: 40px;
}
#genreHeader {
	width: 960px;
	height: 165px;
	background: url(/blog/images/genreHeader.png) top left no-repeat;
}
#genreHeader h2 {
	color: #08435D;
	padding-left: 200px;
	padding-top: 40px;
}
#basicHeader {
	width: 960px;
	height: 30px;
	background: url(/blog/images/basicHead.png) top left no-repeat;
}
#basicHeader h2 {
	color: #375D81;
	padding-left: 120px;
}
#category {
	text-indent: -9999px;
	width: 920px;
	padding-top: 40px;
	padding-right: 40px;
	color: #FFF;
	font-size: 30px;
}
#content {
	background: url(/blog/images/contentBG.png) top left repeat-y;
	padding: 0 70px 20px 120px;
}
#content img {
	float: right;
	margin: 10px 10px;
}
/*****************************************************
					RIGHT COLUMN
******************************************************/
#rightLinks{
	float: left;
	width: 305px; /*Width of left column*/
}
.rightColInner {
	margin-left: 25px;
	margin-top: 20px;
}
/*****************************************************
					RIGHT LINKS
******************************************************/
.block {
	width: 100%;
	font-size: 13px;
	margin-bottom: 15px;
}
.blockInner {
	width: 100%;
	background: url(/blog/images/menuBG.png) top left repeat-y;
}
.blockBottom {
	width: 280px;
	height: 10px;
	background: url(/blog/images/menuBottom.png) top left no-repeat;
}
#adContainer{
	margin-left:45px;
}
#artistBlockHead {
	width: 280px;
	height: 69px;
	background: url(/blog/images/artistMenu.png) top left no-repeat;
}
#scoringBlockHead {
	width: 280px;
	height: 69px;
	background: url(/blog/images/scoringMenu.png) top left no-repeat;
}
#newMusicBlockHead {
	width: 280px;
	height: 69px;
	background: url(/blog/images/newMusicMenu.png) top left no-repeat;
}
#cNewsBlockHead {
	width: 280px;
	height: 69px;
	background: url(/blog/images/companyNewsMenu.png) top left no-repeat;
}
#productionBlockHead {
	width: 280px;
	height: 51px;
	background: url(/blog/images/productionMenu.png) top left no-repeat;
}
#genreBlockHead {
	width: 280px;
	height: 69px;
	background: url(/blog/images/genreMenu.png) top left no-repeat;
}
#libraryBlockHead {
	width: 280px;
	height: 69px;
	background: url(/blog/images/libraryMenu.png) top left no-repeat;
}

.block ul {
	list-style: none;
}
.block li {
	margin: 0 10px 0 30px;
	padding: 0 0 0 12px;
	line-height: 1.5em;
	list-style: none;
}
.block li a {
	text-decoration: none;
}
.block li a:hover {
	text-decoration: none;
	color: #666;
}
.blockInner ul li.artist {
	background: url(/blog/images/arrowPurple.png) 0 4px no-repeat;
}
.blockInner ul li.scoring {
	background: url(/blog/images/arrowCarolina.png) 0 4px no-repeat;
}
.blockInner ul li.cNews {
	background: url(/blog/images/arrowGreen.png) 0 4px no-repeat;
}
.blockInner ul li.newMusic {
	background: url(/blog/images/arrowBlue.png) 0 4px no-repeat;
}
.blockInner ul li.production {
	background: url(/blog/images/arrowRust.png) 0 4px no-repeat;
}
.blockInner ul li.genre {
	background: url(/blog/images/arrowCyan.png) 0 4px no-repeat;
}
.blockInner ul li.library {
	background: url(/blog/images/arrowBlack.png) 0 4px no-repeat;
}
#social {
	margin-left: 35px;
}
/********************************************************************
				HEADERS
********************************************************************/
.typeKit {
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",Arial,Helvetica,sans-serif;
}
h1 {
	font-size: 42px;
	font-weight: bolder;
	margin: 20px 0;
	color: #333;
}
h2 {
	font-size: 36px;

	padding: 0 0 10px 0;
	line-height: 1.2em;
}
h3 {
	font-size: 30px;
	font-weight: 300;
	margin: 0 0 5px 0;
	line-height: 1.25em;
	text-align: left;
}
h4 {
	font-size: 24px;
	font-weight: 300;
	text-align: left;
	margin: 0 0 5px 0;
}
h5 {
	font-size: 16px;
	font-weight: 300;
	text-align: left;
}
/****************************************************
				BLOCKQUOTES
********************************************************/
blockquote {
	margin-left: 25px;
	border-left: 3px solid #666;
	padding-left: 20px;
}
.blockquote {
	float: right;
	width: 220px;
	border-top: 5px solid #666;
	border-bottom: 5px solid #666;
	padding: 10px 10px 10px 10px;
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",Arial,Helvetica,sans-serif;
	font-size: 1.4em;
	font-style: italic;
	color: #000;
	margin-left: 15px;
	margin-bottom: 10px;
	line-height: 1.4em;
}
.blockquote img {
	float: left;
	margin-bottom: 10px;
}
.blockquote p {
	padding: 10px;
}
/****************************************************
				CONTENT LISTS
********************************************************/
.contentlist {
	margin-left: 25px;
	font-size: 1.0em;
	list-style: none;
}
.contentlist li {
	display: block;
	text-decoration: none;
	line-height: 28px;
	padding-left: 16px;
	background: url(/blog/images/arrow2011.jpg) 0 8px no-repeat;
}
.contentlist2 {
	margin-left: 5px;
	font-size: 1.0em;
	list-style: none;
}
.contentlist2 li {
	display: block;
	text-decoration: none;
	line-height: 1.5em;
	margin-bottom: 12px;
}
/*****************************************************************
				REFLECT ARCHIVES
******************************************************************/
.reflect_month_link {
	background: url(/blog/images/arrow.jpg) top left no-repeat;
	padding: 0 13px;
	font-size: 14px;
}
/*******************************************************************
				EMAIL FORM
********************************************************************/

form {
	background:#375D81;
	margin:20px;
	padding:10px 20px;
	width:430px;	
	}
	
	form ol {
		list-style:none;
		margin:0;
		padding:0;
		}
		
		form li {
			padding:6px;
			margin-bottom:1px;
			}
			
			form li#send {
				background:none;
				margin-top:6px;
				}
		
		form label {
			float:left;
			width:120px;
			text-align:right;	
			margin-right:7px;
			color:#FFF;
			line-height:23px; /* This will make the labels vertically centered with the inputs */
			}
			
		form input,
		form textarea {
			padding:4px;
			font:13px Georgia, "Times New Roman", Times, serif;
			border:1px solid #222;
			border-bottom: 1px solid #CCC;
			border-right: 1px solid #CCC;
			width:250px;
			background: #183152;
			color: #EBEBEB;
			}
			
			form input:focus,
			form textarea:focus {
				border:1px solid #666;
				background:#FFF;
				color: #666;
				}
			
		form input#send {
			float: right;
			margin-right: 25px;
			border: 0;
			width: 200px;
			background: transparent
			}
			
/*******************************************************************
				SEARCH
********************************************************************/
.sisea-search-form {
	background: none;
	margin:0;
	padding: 0;
	width: 193px;
	height: 30px;
        color: #666;
	
}
.ajaxSearch_resultLink {
	color: #02AAFE;
	margin-right: 20px;
}
#ajaxSearch_input {
	width: 180px;
	height: 27px;
	border: none;
	color: #333;
	text-align: left;
	padding-left: 10px;
        background: url(/blog/images/searchBG.png) 0 3px no-repeat;
}
.ajaxSearch_resultsInfos {
	margin-top: 10px;
}
.ajaxSearch_result {
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",'DroidSansRegular','Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size: 1.5em;
	font-weight: 100;
}
.ajaxSearch_resultExtract {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 15px;
	margin-bottom: 15px;
}
.searchIn {
	float: left;
	width: 70%;
	padding: 3px 2%;
	color: #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #444;
	margin-bottom: 5px;
}
#ajaxSearch_submit {
	float: left;
    margin-left: 1%;
	max-width: 20%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #000;
	color: #FFF;
	padding: 3px 2%;
	border: 1px solid #000;
	text-transform: uppercase;
}
/*******************************************************************
				PAGINATION
********************************************************************/
#dittoContain {
	width: 100%;
	margin: 1px;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.ditto_pages {
	width: 50%;
	float: left;
	text-align: left;
	margin: 0 auto;
}
.ditto_pages2 {
	width: 50%;
	float: right;
	text-align: right;
	margin: 0 auto;
}
.ditto_previous_off {
	margin-right: 5px;
}
.ditto_currentpage {
	padding: 2px 4px 2px 4px;
	color: #FFF;
	background: #555;
	border: 1px solid #000;
}
.ditto_page {
	padding: 2px 4px 2px 4px;
}
.ditto_next_off {
	margin-left: 5px;
}
.ditto_next_link {
	font-size: 16px;
	margin-left: 5px;
}
.ditto_previous_link {
	margin-left: 5px;
}
.ditto_info {
	color: #333;
	margin: 5px 0;
}
.ditto_info2 {
	margin-bottom: 20px;
}
.ditto_summaryPost h3 a {
 	font-weight: 100;
}
/**********************************************************
				BREADCRUMBS
***********************************************************/
#breadcrumbs {
	float: left;
	width: 960px;
	height: 41px;
	line-height: 39px;
	color: #FFF;
	font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",Arial,Helvetica,sans-serif;
	font-size: 21px;
	font-weight: 100;
	background: url(/blog/images/breadcrumbBG.png) top left no-repeat;
}
#breadcrumbs a:link {
	font-weight: 100;
}
.homeCrumb {
	float: left;
	margin-left: 75px;
	height: 41px;
	width: 30px;
	line-height: 39px;
	margin-right: 5px;
	}
.B_firstCrumb {
	float: left;
	line-height: 40px;
	padding-left: 30px;
	margin-right: 10px;
	color: #FFF;
	background: url(/blog/images/breadArrow.png) top left no-repeat;
}
.B_firstCrumb a:hover {
	color: #060912;
}
.B_crumb {
	float: left;
	line-height: 39px;
	padding-right: 1px;
        padding-left: 10px;
	color: #FFF;
}
.B_crumb a:hover {
	color: #060912;
}
.B_lastCrumb {
	float: left;
	line-height: 39px;
	color: #CCC;
	background: url(/blog/images/breadArrow.png) top left no-repeat;
	padding-left: 40px;
}
.B_currentCrumb {
	float: left;
 	background: none;
 	line-height: 39px;
 	padding-right: 3px;
	margin-right: 4px;
	color: #CCC;
 }
.B_crumbBox a:hover {
	color: #060912;
}
.pubDate {
	float: right;
	line-height: 39px;
	color: #666;
	margin-right: 35px;
}
/**********************************************************
				LIKE BUTTONS
***********************************************************/
.likeUs {
	width: 170px;
	float: right;
}
.likeHead {
	width: 170px;
	height: 10px;
	background: url(/blog/images/socialTop.png) top left no-repeat;
}
.likeContent {
	width: 170px;
	padding-left: 25px;
	background: url(/blog/images/socialBG.png) top left repeat-y;
}
.likeBottom {
	width: 170px;
	height: 10px;
	background: url(/blog/images/socialBottom.png) top left no-repeat;
}
/**********************************************************
				FOOTER
***********************************************************/
#footer {
	width: 960px;
	height: 85px;
	line-height: 85px;
	margin: 0 auto;
	margin-top: 20px;
	background: url(/blog/images/footerBG.png) top left no-repeat;
	font-weight: 100;
}
#specialFooter a {
	color: #C00000;
}
#specialFooter a:hover {
	color: #000;
}
#footLeft {
	float: left;
	width: 350px;
}
#footRight {
	float: right;
	width: 500px;
	font-size: 21px;
	text-align: right;
}
/**********************************************************
				FRONT PAGE 
***********************************************************/
#fpContent {
	float: left;
	width: 655px;
	margin-top: -45px;
}
.artistPostContain {
	clear: left;
	width: 655px;
	margin-bottom: 20px;
}
.artistPostContain a {
	color: #5B0243;
}
.artistPostContain a:hover {
	color: #666;
}

.scoringPostContain {
	clear: left;
	width: 655px;
	margin-bottom: 20px;
}
.scoringPostContain a {
	color: #58afdc;
}
.scoringPostContain a:hover {
	color: #666;
}
.specialPostContain {
	clear: left;
	width: 655px;
	margin-bottom: 20px;
}
.specialPostContain a {
	color: #C00000;
}
.specialPostContain a:hover {
	color: #666;
}
.cNewsPostContain {
	clear: left;
	width: 655px;
	margin-bottom: 20px;
}
.cNewsPostContain a {
	color: #026B6A;
}
.cNewsPostContain a:hover {
	color: #666;
}
.newMusicPostContain {
	clear: left;
	width: 655px;
	margin-bottom: 20px;
}
.newMusicPostContain a {
	color: #101B56;
}
.newMusicPostContain a:hover{
	color: #666;
}
.productionPostContain {
	clear: left;
	width: 655px;
	margin-bottom: 20px;
}
.productionPostContain a {
	color: #8d2e00;
}
.productionPostContain a:hover {
	color: #666;
}
.genrePostContain {
	clear: left;
	width: 655px;
	margin-bottom: 20px;
}
.genrePostContain a {
	color: #08435D;
}
.genrePostContain a:hover{
	color: #666;
}
.postContainBottom {
	width: 655px;
	height: 10px;
	background: url(/blog/images/postBottom.png) top left no-repeat;
}
.postContent {
	width: 655px;
	background: url(/blog/images/postBG.png) top left repeat-y;
}
.postContent img {
	float: right;
	margin: 5px 0 10px 15px;
}
.bContent {
	padding: 10px 20px 5px 70px;
}
bContent img {
	float: right;
	margin: 5px 0 10px 15px;
}
.publishedOn {
	height: 30px;
	background: url(/blog/images/postBG.png) top left repeat-y;
	line-height: 30px;
	text-align: right;
}
.artistHeaderFP {
	width: 655px;
	height: 165px;
	background: url(/blog/images/artistHead.png) top left no-repeat;
}
.artistHeaderFP h2 {
	color: #5B0243;
	padding-left: 175px;
	padding-top: 125px;
	font-size: 32px; 
	font-weight: 200;
}
.cNewsHeaderFP {
	width: 655px;
	height: 165px;
	background: url(/blog/images/newsHead.png) top left no-repeat;
}
.cNewsHeaderFP h2 {
	color: #026B6A;
	padding-left: 175px;
	padding-top: 125px;
}
.specialHeaderFP {
	width: 655px;
	height: 165px;
	background: url(/blog/images/specialHead.png) top left no-repeat;
}
.specialHeaderFP h2 {
	color: #C00000;
	padding-left: 175px;
	padding-top: 125px;
}
.newMusicHeaderFP {
	width: 655px;
	height: 165px;
	background: url(/blog/images/newMusicHead.png) top left no-repeat;
}
.newMusicHeaderFP h2 {
	color: #101B56;
	padding-left: 175px;
	padding-top: 125px;
}
.productionHeaderFP {
	width: 655px;
	height: 165px;
	background: url(/blog/images/productionHead.png) top left no-repeat;
}
.productionHeaderFP h2 {
	color: #8d2e00;
	padding-left: 175px;
	padding-top: 125px;
}
.genreHeaderFP {
	width: 655px;
	height: 165px;
	background: url(/blog/images/genreHead.png) top left no-repeat;
}
.genreHeaderFP h2 {
	color: #8d2e00;
	padding-left: 175px;
	padding-top: 125px;
}
.scoringHeaderFP {
	width: 655px;
	height: 165px;
	background: url(/blog/images/scoringHead.png) top left no-repeat;
}
.scoringHeaderFP h2 {
	color: #58afdc;
	padding-left: 175px;
	padding-top: 125px;
}
.pubOnInner {
	width: 565px;
	margin: 0 40px 0 70px;
	line-height: 40px;
	border-top: 1px solid #666;
	font-style: italic;
	font-size: 13px;
}
/**************************************************
                IMAGES
**************************************************/
.imgLeft { 
        float: left; 
        max-width: 33%;
        margin: 5px 10px 5px 0;
}
.imgRight { 
        float: right; 
        max-width: 33%;
        margin: 5px 0 5px 10px;
}
.imgFull { 
        float: left; 
        max-width: 100%;
        margin: 5px 0;
}
/**************************************************
		MUSIC LIBRARY LINKS
**************************************************/
#blogRFMHead {
	width: 960px;
	height: 60px;
	background: url(/blog/images/mlHeader.png) top left no-repeat;
}
#blogRFMsmHead {
margin-left: 25px;	
width: 655px;
	height: 58px;
	background: url(/blog/images/mlHeader655px.png) top left no-repeat;
}
#blogRFMHeadInner {
	margin-left: 80px;
}
#blogRFMh3 {
	width: 960px;
	height: 215px;
	background: url(/blog/images/mlContentBG.png) bottom left no-repeat;
}
#blogRFMsmh3 {
margin-left: 25px;	
width: 655px;
	height: 275px;
	background: url(/blog/images/mlContent655px.png) bottom left no-repeat;
}
.linksHeadL {
	float: left;
	margin-left: 80px;
	line-height: 60px;
	width: 500px;
	color: #000;
}
.linksHeadR {
	float: left;
	line-height: 60px;
	width: 380px;
	color: #000;
}
.linkssmHeadL {
	float: left;
	margin-left: 60px;
	line-height: 60px;
	width: 365px;
	color: #000;
}
.linkssmHeadR {
	float: left;
	line-height: 60px;
	width: 210px;
	color: #000;
}
.fpContent2 {
	float: left;
	width: 168px;
	font-size: 14px;
}
.fpContentsm2 {
	float: left;
	width: 188px;
	font-size: 14px;
}
.fpContentInner {
	margin: 0 7px 10px 7px;
}
.first {
	margin-left: 70px;
}
/***********************************
		MISC
***********************************/
.hilite {
	font-weight: bold;
	font-style: italic;
}
/***********************************
        MUSIC PLAYER
***********************************/
.grid100 {
        width: 100%;
        float: left;
        height: 28px;
        overflow: hidden;
        border-bottom: 1px dotted #666;
        margin-bottom: 5px;
}
.top100 {
        padding-top: 10px;
        border-top: 4px solid #333;
}
.bottom100 {
        border-bottom: 4px solid #333;
        padding-bottom: 10px;
}
.categoryLink {
        float: left;
        width: 100%;
        line-height: 28px;
        height: 28px;
        text-align: center;
        overflow: hidden;
}
.categoryLink a {
        padding: 5px 7px 4px 7px;
	height: 18px;
        font-size: 14px;
	border-radius: 5px;
	border: 1px solid #000;
	background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */

}
.trackName {
        float: left;
        width: 55%;
        line-height: 28px;
        height: 28px;
        overflow: hidden;
}
.trackPlay {
        float: left;
        width: 5%;
        height: 28px;
        overflow: hidden;
}
.trackCustomize {
        float: left;
        width: 30%;
        height: 25px;
        padding-top: 3px;
        overflow: hidden;
        text-align: center;
}
.trackBuy {
        float: left;
        width: 10%;
        height: 25px;
        padding-top: 3px;
        text-align: center;
        overflow: hidden;
}
.trackCustomize a {
        padding: 4px 7px 3px 7px;
	height: 18px;
        font-size: 14px;
	border-radius: 5px;
	border: 1px solid #000;
	background: #f7faff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2E3YjVjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MjgxOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f7faff 0%, #a7b5cf 49%, #72819e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7faff), color-stop(49%,#a7b5cf), color-stop(100%,#72819e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7faff 0%,#a7b5cf 49%,#72819e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7faff 0%,#a7b5cf 49%,#72819e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7faff 0%,#a7b5cf 49%,#72819e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f7faff 0%,#a7b5cf 49%,#72819e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7faff', endColorstr='#72819e',GradientType=0 ); /* IE6-8 */
	width: 80%;
}
.trackBuy a {
        padding: 4px 7px 3px 7px;
	height: 18px;
        font-size: 14px;
	border-radius: 5px;
	border: 1px solid #000;
	background: #f7faff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2E3YjVjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MjgxOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f7faff 0%, #a7b5cf 49%, #72819e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7faff), color-stop(49%,#a7b5cf), color-stop(100%,#72819e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7faff 0%,#a7b5cf 49%,#72819e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7faff 0%,#a7b5cf 49%,#72819e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7faff 0%,#a7b5cf 49%,#72819e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f7faff 0%,#a7b5cf 49%,#72819e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7faff', endColorstr='#72819e',GradientType=0 ); /* IE6-8 */
	width: 80%;
}