/*
 @ChangeDate:	$LastChangedDate: 2009-03-28 13:08:16 +0000 (Sat, 28 Mar 2009) $
 @Revision:		$Rev: 206 $
 @Author: 		$Id: default.css 206 2009-03-28 13:08:16Z philippryce $
*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
html {
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
}
body {
	font-family: "Lucida Grande", Verdana, Tahoma, Arial, sans-serif;
	background: #EDEDED url(images/background.png) top left no-repeat;
	background-attachment: fixed;
	text-align: center;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}
h2 a {
	font-size: 60%;
}
a,
a:link {
	color: #853135;
	text-decoration: none;
}
a:active,
a:hover {
	color: #850107;
}
a:hover {
	text-decoration: underline;
}

#wrapper {
	width: 90%;
	max-width: 1000px;
	min-width: 790px;
	margin: auto;
	text-align: left;
}
#page {
	position: relative;
}
#header {
	padding: 10px 4px;
	/*background: transparent url(/style/images/heartBG.png) left center no-repeat*/
}
#header a {
	color: #2E3436;
	font: bolder 40px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	text-shadow: #FFF 0 1px 0
}
#header a:hover {
	text-decoration: underline;
	color: #661A1F
}

span.loader {
	display: block;
	padding: 3px;
	width: 32px;
	height: 32px;
	background: #eeeeeb url(/style/images/loading.gif) center center no-repeat;
	position: absolute;
	top: 20px;
	right: 20px;
	text-indent: -999em
}

#nav {
	margin: 0 0 -1px 0;
	padding: 0;
}
#nav li {
	display: inline
}
#nav a,
#nav a:link,
#nav a:active,
#nav a:visited {
	display: inline-block;
	padding: 5px 12px;
	background-color: #A02A30;
	border: 1px solid #661a1f;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-shadow: rgba(0, 0, 0, 0.8) 0 -1px 0;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px
}
#nav a:hover {
	background-color: #771F24
}
#nav li.active a {
	background-color: #F6F6F6;
	border-color: #BABDB6;
	border-bottom-color: #F6F6F6;
	color: #661A1F;
	cursor: default;
	text-shadow: none;
}
#nav li.addTab {
	float: right;
	margin-right: 210px
}

body.homePage .homeTab a,
body.addPage .addTab a,
body.recentPage .recentTab a,
body.ratedPage .ratedTab a {
	background-color: #F6F6F6 !important;
	border-color: #BABDB6 !important;
	border-bottom-color: #F6F6F6 !important;
	color: #661A1F !important;
	cursor: default !important;
	text-shadow: none !important
}

#sidebar {
	width: 200px;
	float: right;
	clear: right;
	background-color: #F6F6F6;
	border: 1px solid #BABDB6;
	border-bottom: 0;
	color: #2D3436;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px
}
#sidebar .items {
	margin: 0;
	padding: 0;
}
#sidebar .item {
	margin: 0;
	padding: 10px;
	list-style: none;
	border-bottom: 1px solid #BABDB6;
	overflow: auto;
}
#sidebar .item h3 {
	padding-bottom: 4px;
	color: #661A1F
}
#sidebar .item p,
#sidebar .item div.content {
	margin: 0;
	padding: 0;
	font-size: 13px;
}
#sidebar .item .buttons {
	margin-top: 5px;
}

#view {
	background-color: #F6F6F6;
	border: 1px solid #BABDB6;
	padding: 20px;
	color: #2D3436;
	margin-right: 210px;
}
div.message {
	background-color: #A02A30;
	border: 2px solid #661A1F;
	font-size: 13px;
	padding: 5px 10px;
	margin-bottom: 10px;
	color: #eeeeeb;
	line-height: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
body>div.message {
	border-width: 0 0 2px 0;
}
div.message a,
div.message a:hover {
	color: #fff;
}
div.nice {
	border-color: #BABDB6;
	background-color: #fff;
	color: #2d3436;
}
div.message p {
	margin: 0;
	padding: 0;
}
div.adsense {
	margin: 6px 0 0;
	text-align: center;
}

#view h2 {
	padding: 4px 20px 3px;
	margin: 0 -15px 3px;
	border-bottom: 2px solid #E4E4E4;
	color: #661A1F;
}

.activtyList {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.activtyList li {
	border-bottom: 1px solid #BABDB6;
	padding: 1px 5px;
	margin: 0;
	list-style: none;
}

.window {
    background: #2d3436;
    background-color: rgba(0, 0, 0, 0.5);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 10px;
    width: 500px;
    position: absolute;
    top: 10%;
    left: 50%;
    margin: 0 0 0 -250px;
    text-align: left;
    z-index: 4000;
}
.window .wrapper {
    background-color: #fff;
}
.window h2 {
    font-size: 16px;
    margin: 0;
    padding: 4px;
    background-color: #a1292e;
    border: 1px solid #66191d;
    color: #fff;
}
.window .content {
    border: 1px solid #000;
    border-top: 0;
}
.window p {
    padding: 8px 12px;
    margin: 0;
}
.window .buttons {
    padding: 7px;
    border-top: 1px solid #d3d6ce;
    background-color: #eeeeeb;
    text-align: right;
    overflow: auto;
}
.window button {
	margin-left: 10px;
}

.promotions {
	text-align: center;
	margin: 10px 0 15px;
}
.promotions li {
	display: inline;
	font-size: 13px;
	list-style-type: none;
}
.promotions li.last {
	border: 0;
}
.promotions a {
	display: inline-block;
	text-align: left;
	width: 45%;
	text-decoration: none;
	color: #2d3436;
	vertical-align: text-top;
	padding: 0 8px;
}
.promotions a:hover {
	color: #000;
}
.promotions b {
	font-size: 14px;
	display: block;
}
.promotions a:hover b {
	text-decoration: underline;
}
.promotions i {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	vertical-align: text-bottom;
	background: transparent url(/style/images/socialnetworks.png) no-repeat;
}
i.lastfm { background-position: bottom center; }
i.facebook { background-position: top center; }
i.none {background-image: none;}


.splitWrapper {
	overflow: auto;
}
.splitLeft {
	width: 49%;
	float: left;
}
.splitRight {
	width: 49%;
	float: right;
}

.splitLeft h2,
.splitRight h2 {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.splitRight .artistInfo {
	font-size: 12px;
	padding: 7px;
	margin: 6px 0 0;
}
.splitRight .artistInfo img {
	float: left;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #babcb5;
	margin: 2px 6px 6px 2px;
}

.usernameLink {
	color: #2d3436;
	text-transform: none !important;
	text-decoration: underline;
}
.usernameLink:hover {
	color: #000;
}

.footNote {
	font-size: 12px;
	padding: 6px 8px 0;
	text-align: center;
}

.pagination {
	margin: 3px 0 0 0;
	padding: 5px 15px;
	text-align: right;
	border: 1px solid #BABDB6;
	background-color: #fff;
	color: #2d3436;
	font-size: 11px;
	z-index: 1000;
}
.pagination.addPadding {
	margin-bottom: 6px;
}
.pagination.top {
	border-top: 0;
	border-bottom: 1px solid #BABDB6;
	margin-bottom: 0;
	margin-top: 10px;
	background-color: #fff;
}
.pagination a {
	text-decoration: none;
	padding: 1px 5px;
	font-weight: bold;
}
.pagination a:hover {
	text-decoration: underline;
}
.pagination .current {
	padding: 1px 5px;
}

.niceList {
	margin: 0;
	padding: 0;
	list-style: none;
}
.niceList li {
	overflow: auto;
	margin: 0;
	padding: 10px 30px;
	border-bottom: 1px solid #E0E0E0;
	line-height: 1.3em;
}
.niceList li.left div.image {
	float: left;
}
.niceList li.right div.image {
	float: right;
}
.niceList li div.image {
	padding: 0 10px 0 0;
}
.niceList li div.actions {
	margin-left: 138px;
}
.niceList li.right div.actions {
	margin-left: 0;
	margin-right: 138px;
}

#commentForm textarea {
	width: 98%;
}
.commentList {
	margin: 6px 0;
	padding: 0;
	list-style: none;
}
.commentList li {
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
	border: 1px solid #babcb5;
	background: #fff url(images/commentBG.png) bottom center repeat-x;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.commentList .comment {
	font-size: 13px;
	padding: 5px 8px;
	line-height: 1.3em;
}
.commentList .author {	
	font-size: 11px;
	padding: 0 8px 2px;
	text-align: right;
}

.searchBox {
	border: 1px solid #babcb5;
	background-color: #fff;
	padding: 4px;
}
.searchHeader {
	font-size: 13px;
	padding: 4px 8px 2px 8px;
}
.searchParameters {
	overflow: auto;
	border: 1px solid #babcb5;
	background-color: #fff;
	padding: 4px 0 0 4px;
	font-size: 13px;
	margin-bottom: 8px;
}
.searchParameters span {
	float: left;
	display: block;
	padding: 2px 6px;
	margin-right: 4px;
	margin-bottom: 4px;
	color: #888984;
	border: 1px solid #888984;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.searchParameters span strong {
	color: #2d3436;
}


.tooltipContainer {
    position: absolute;
    top: 40px;
    left: 130px;
}
.tooltipContainer .tooltip {
    position: relative;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    padding: 2px 6px;
    margin: 0;
}
.tooltip .tooltipText {
    font-size: 11px;
}
.tooltip .tooltipArrow {
    display: inline-block;
    position: absolute;
    bottom: -5px;
    left: 5px;
    width: 8px;
    height: 6px;
    line-height: 6px;
    background-color: transparent;
    background-image: url(images/tooltip.png);
    background-position: bottom center;
    background-repeat: no-repeat;
}
.tooltip.below .tooltipArrow {
	bottom: auto;
	top: -5px;
	background-position: top center;
}
.tooltip .tooltipArrow.right {
    left: auto;
    right: 8px;
}


.profileHead {
	margin: -20px -20px 10px -20px;
	padding: 10px;
	overflow: auto;
	border-bottom: 1px solid #BABDB6;
	background: #DCDED7 url(images/profileHead.png) top center repeat-x;
}
.profileHead h3 {
	font-size: 19px;
	
}
.profileHead div.avatar {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 20px;
}
.profileHead img.avatar {
	background-image: url(/avatars/default/DefaultAvatar.jpg);
}
.profileHead a {
	text-decoration: underline;
}
.profileHead .username {
	padding: 5px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.profileHead .bio {
	font-size: 13px;
	color: #888984;
	margin-left: 90px;
	overflow: auto;
}
.profileHead .bio a {
	color: #888984;
}
.profileHead input {
	margin: 0;
	width: 300px;
}
.profileHead .info {
	font-size: 10px;
}
.profileHead .links {
	float: right;
	width: 120px;
	margin: 0;
	padding: 0;
	font-size: 13px;
}
.profileHead .links li {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
.profileHead .links a.buttonOn {
	float: right;
}

.footer {
	text-align: left;
	width: 90%;
	max-width: 1000px;
	min-width: 790px;
	margin: auto;
	clear: both;
}
.footer dl {
	margin: 10px 10px 0 0;
	padding: 4px;
	width: 150px;
	float: left;
	color: #2D3436;
}
.footer dt,
.footer dd {
	margin: 0;
	padding: 0;
	font-size: 13px;
}
.footer dt {
	font-weight: bold;
	font-size: 15px;
	color: #661A1F;
	border-bottom: 2px solid #E0E0E0;
	padding: 0 0 3px;
	margin-bottom: 6px;
}
.footer a {
	display: block;
	padding: 2px;
	margin-bottom: 1px;
}
.footer a:hover {
	text-decoration: underline;
}