﻿body {
	font-size: .9em;
	font-family: 'Segoe UI', Verdana, Arial, Sans-Serif;
	text-align:left;
	background: #252a29;
	background-repeat:repeat;
	}

a
{
	color:#410d0d;
	text-decoration:underline;
	
}


a:hover{
	color:#b01718;
	text-decoration:underline;
}

ul
{
	margin:0;
	padding:0;
	list-style:none;
}

li
{
	margin:0 0 5px 0;
	padding:0;
}
.searchinput
{
    width:145px;
}
td>input
{
	padding:0;
	width:100%;
}
.subHeader
{
	float:left;
	width:45%;
	padding-left:20px;
}
.sub 
{
	margin-left:10px;
	list-style-type:none;
	clear:both;
}

.sub li
{
		
}
.subinput
{
	margin:5px;
    width:45%;
}
.sub li ul 
{
	padding:5px;
	vertical-align:top;
}
.sub li ul li
{
		display:inline;

}
.album
{
	font-style:italic;
}
#narrowColumn
{
	float:right; 
	width:230px; 
	margin:0px 0px 0 10px;
	min-height:600px;
	
}

#narrowColumnInterior
{
	float:right; width:240px; margin:10px 10px 0 0;
}

#wideColumn
{
	margin:0 240px 0 0;
	padding:0px 0px 10px 10px;
	border-right:1px solid #ccc;
	min-height:600px;
}
#homePadding
{
	padding-left:20px;
}
.navItem
{
	display:inline;
	margin:0 20px 0 0;
	padding:0;
}

#mainContainer
{
	margin:auto;
	padding:0px;
	width:960px;
	border:0px solid #524b2e;
	background:#fdfde5;

}

#mainContentContainer
{
	clear:both;
	     min-height:600px;

}

#contentContainer
{
	margin:0;padding:0px;
	
}

#header
{
	margin:0 0 10px 0;
	min-height:40px;
	background:#524b2e url('headerBg.jpg');
}

#logo
{
	margin-top:0px;
}

.container
{
	padding:0px 10px 0px 0px;
	margin-bottom:10px;
}
.center
{
	margin:auto;
	text-align:center;
}


#hotMixContainer
{
	margin-top:0;

}
#mixContainerHead
{
	min-height:80px;

}

#commBlogContainer
{

}

#footer
{
	margin:10px 10px 0 10px;
	padding:10px;
	clear:both; 
	border-top:1px solid #e3e8c9;
	text-align:center;
}
.newMixItem
{
	padding:0px;
	width:212px;
	margin:0 10px 20px 0;
	float:left;
	min-height:250px;
}
.categoryItem
{
	padding:0px;
	width:212px;
	float:left;
}
.categoryItemHyperlink 
{
    font-size:1.4em;
}
.subCategoryHyperlink
{
    margin-left:10px;
}
.blogItem
{
	padding:0px;
	width:212px;
	margin:0 10px 20px 0;
	float:left;
}


.info
{
	font-size:11px;
	font-weight:bold;
	margin-top:5px;
	color:#333;
}

.otherMixesInfo
{
}

#otherMixesContainer li
{
	margin-top:7px;
}

.bandName
{
	font-style:italic;
}
.commentsItem
{
	padding:0px 0px 10px 0px;
	margin:0 10px 20px 0;
	border-bottom:1px solid #ccc;
}
.commentsText
{
	font-style:italic;
 
}
#otherMixesContainer
{
}

.otherMixesItem
{
	padding:0px;
	margin:0 10px 20px 0;
	border-bottom:1px solid #ccc;
}

.commentsInfo
{
	margin-left:60px;
}

.commBlogItem
{
	padding:0px;
	width:Auto;
	margin:0 10px 20px 0;
	float:left;
}

.commBlogInfo
{
	margin-left:60px;
}

.aboutItem
{
	padding:0px;
	width:212px;
	margin:0 10px 20px 0;
	float:left;
}
.photo 
{
	border:none;
    margin-bottom:10px;
}
.photo a
{
	border:none;
}
.photo img
{
	border:none;
}
.photoiTunes 
{
	border:none;
    margin-bottom:10px;
}
.photoiTunes a
{
	border:none;
}
.photoiTunes img
{
	border:none;
	width:70px;
}

.avatar
{
	float:left;
	cursor:hand;
	border:none;
}

.avatar img
{
	border:none;
	margin:0 5px 5px 0;
}
.avatar a
{
	border:none;
}

h2
{
	font-size:1.4em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:24px;
	font-weight:normal;
	padding:0;
}
h2 a
{
    text-decoration:none;
}
h3
{
	font-size:18px;
	font-weight:normal;
	padding:0;
}


.containerExtra
{
	padding:5px 0 5px 0;
	clear:left;
 font-weight:bold;
	border-bottom:1px solid #ccc;
	
}


.title
{
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
}
.title a
{
	
}

.largeTitle
{
	font-size:24px;
	margin:0;
	padding:0;
	color:#333;
	font-weight:normal;
}

.largetTitle a
{
	font-size:24px;
	margin:0;
	padding:0;
	color:#333;
	font-weight:normal;
}


.label
{
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:5px;
}

.mixArtist
{
	color:#333;
	margin-bottom:3px;
}

.memberName
{
	color:#333;
	margin-bottom:3px;
}

.memberName a
{
	text-transform:none;
	font-weight:normal;
}

.description
{
	margin:10px 0 5px 0;
	clear:left;
	width:230px;
}
.mixRating
{
	margin-left:10px;
}


.ArtistSongHeader
{
	background: #410D0D;
	color:White;
	padding:5px;
	font-weight:bold;
	width:45%;
}
.BuyHeader
{
	background: #410D0D;
	color:White;
	padding:5px;
	font-weight:bold;
	width:10%;
	text-align:center;
}
.Side
{
	color:Black;
	padding:5px;
	width:98%;
	text-align:center;
	font-size:1.4em;
	text-transform:uppercase;
	

}
.artistA
{
	font-size: 15px;
	font-weight:bold;
	width:45%;
	height:100%;
	border-top:1px solid #ddd;
	padding:5px;
	
}
.songA
{
	background:#ddd;
	font-size: 15px;
	width:45%;
	height:100%;
	border-top:1px solid #ccc;
	padding:5px;
}
.buy
{
	width:10%;
	height:100%;
	text-align:center;
}
.trackMetadata
{
	background:silver;
	font-size: 15px;
	padding:0px;
	margin:5px;
	
	font-size:12px;
	text-indent:20px;
	
}

.track
{
	background: #ddd;
	float:left;
	width: 100%;
	border-top:1px solid #ccc;
	height:100%;
}


.mix
{
	display: block;
	width: 50%;
	clear: left;
	margin:10px;
}
.imagefloat
{
	float:right;
	margin-top:40px;
	margin-right:15px;
}
.metadata
{
	float:right;
	font-weight:bold;
    font-size:.9em;	
}
.sortDropdown
{
	float:right; width:auto;border:1px solid black; height:20px;margin-top:5px;
}


#memberStats
{
	color:#999;
}
h1
{
	font-size:72px;
	font-weight:lighter;
	text-transform:uppercase;
	text-align:center;
	
}

.statsDark
{
	color:#666;
}

.memberLinks
{
	margin-bottom:10px;
}
.memberLinks a
{
	font-weight:normal;
	font-size:10px;
	text-transform:uppercase;
}

.clearLeft
{
	clear:left;
}

.clearLeft li
{
    margin-left:10px;
}

.forumContainer
{
	width:auto;margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}

.forumAvatar
{
	width:100px;
	height:100px;
	background-color:gray;
	margin:0 10px 0 0;
	float:left;
	cursor:hand;
	border:1px solid #410d0d;

}
.bigNumbersContainer
{
	float:right; width:150px;
}

.bigNumbers
{
	font-size:24px;
}

.forumInfo
{
	margin-left:120px;
}
.year
{
	width:50px;
}
label.error
{
    color:Red;
}
#navigation
{
	margin:0 0 0 0px;
	padding:0;
	list-style:none;
	margin-top:0px;
	z-index:20;
	width:960px;

}

#navigation a
{
	color:#fff;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
}

#navigation ul{
	margin:0;
	padding:0;
}

#navigation li{
	height:35px;
	float:left;
	color:#fff;
	text-align:left;
	overflow:hidden;
	background:#410d0d;
	width:190px;
    padding: 0 0 18px 0;
    /*padding:0 63px 0 10px;*/
}

#navigation p{
	padding-top:5px;
	padding-left:10px;
}
#navigation	a:hover img
{
    background:gray;
   border: 3px gray;
}

#navigation	.subtext{
		padding-top:15px;
	width:auto;}

#navigation	.subtext a{
		padding-bottom:15px;
		width:auto;
		font-weight:normal;
		text-transform:none;
}

#navigation .subtext a:hover{
			text-decoration:underline;
}
ul.result-navigation
{
    display: none;
    list-style-image: none;
    padding: 1em 0;
}

.result-navigation li
{
    background-color: #efefef;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline;
    margin: 0 0.2em;
    padding: 0.3em 0.7em;
}

.itemPlaceholder
{
    
min-width:230px;

}