/**
 * Familiar - CSS - Custom - Black Seal Records
 * v1.0 (2009-01-03)
 */
 
 
body {
	background: #999 url(../images/line-horizontal-black-800px_1px.gif) repeat-y scroll 50% 0;
	font-size: 12px;
	font-family: Helvetica Neu, Arial, sans-serif;
}


/* BACKGROUND */

div#background-wrapper {
	background: #CCC;
}


/* WRAPPERS & CONTENT */

div#wapper {
}

div#content {
	width: 100%;
	margin: 0;
}

/* CANVAS DIVS */

div#canvas-top-left {
}

div#canvas-top-right {
}

div#canvas-top-wide {
}

div#canvas-middle-left {
	background: #CCC;
}

div#canvas-middle-right {
	background: #CCC;
}

div#canvas-middle-wide {
	background: #CCC;
}

div#canvas-bottom-left {
	background: #CCC;
}

div#canvas-bottom-right {
	background: #CCC;
}

div#canvas-bottom-wide {
	background: #CCC;
}


/* COLUMNS */

div.column-left {
}

div.column-right {
}

div#column-top-wide-wrapper {
	width: 100%;
	background: #FFF;
}

div#column-top-wide-container {
	width: 800px;
	margin: 0 auto;
}

div#column-middle-wide-wrapper {
	width: 100%;
}

div#column-middle-wide-container {
	width: 800px;
	margin: 0 auto;
}

div#column-bottom-wide-wrapper {
	width: 100%;
}

div#column-bottom-wide-container {
	width: 800px;
	margin: 0 auto;
}

div#column-top-wrapper {
	width: 100%;
}

div#column-top-container {
	width: 800px;
	margin: 0 auto;
}

div#column-middle-wrapper {
	width: 100%;
}

div#column-middle-container {
	background: url(../images/bg-container-blackseal_CCC.gif) repeat-y 0 0;
	width: 800px;
	margin: 0 auto;
}

div#column-bottom-wrapper {
	width: 100%;
}

div#column-bottom-container {
	width: 800px;
	margin: 0 auto;
}



/* TOP MENU */

div#menu-top-wrapper {
	width:100%;
	background: #333 url(../images/menu-top-bg.gif) repeat-x scroll 0 0;
}

div#menu-top-container {
	width: 800px;
	margin: 0 auto;
}

div#menu-top-content-upper {
	float: left;

	width:625px;
	height:76px;
}

div#menu-top-content-lower {
	float: left;

	height:44px;
	width: 630px;
	padding: 6px 0 14px;
}

div#menu-top-content-lower h1 {
	color: #999;
	margin: 0;
	font-size: 3em;
	font-weight: normal;
}

div#menu-top-content-lower p {
	font-size: 14px;
	color: #999;
	margin: 0;
}

div#menu-top-logo {
	position: absolute;

	margin: 0 0 0 630px;
	width: 251px;
	height: 285px;
	background: url(../images/menu-top-logo.png) no-repeat scroll 0 0;
	z-index: 10;
}


/* TOP MENU -> PRIMARY OPTIONS */

ul#menu-top-primary {
	float: left;

	width: 650px;
	border: 0 none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

ul#menu-top-primary li {
	cursor: pointer;
	height: 76px;
	background: url(../images/menu-top.gif) no-repeat scroll 0 0;
	text-align: center;
	margin: 0;
}

ul#menu-top-primary li span {
	display: none;
}

ul#menu-top-primary li a {
	width: 100%;
	height: 100%;
	display: block;
}

ul#menu-top-primary li.item1 {
	width: 130px;
	background-position: 0 -76px;
}

ul#menu-top-primary li.item1:hover {
	background-position: 0 -152px;
}

ul#menu-top-primary li.item1active {
	background-position: 0 0px;
}

ul#menu-top-primary li.item1active:hover {
	background-position: 0 0px;
}

ul#menu-top-primary li.item2 {
	width: 176px;
	background-position: -130px -76px;
}

ul#menu-top-primary li.item2:hover {
	background-position: -130px -152px;
}

ul#menu-top-primary li.item2active {
	background-position: -130px 0;
}

ul#menu-top-primary li.item2active:hover {
	background-position: -130px 0;
}

ul#menu-top-primary li.item3 {
	width: 197px;
	background-position: -306px -76px;
}

ul#menu-top-primary li.item3:hover {
	background-position: -306px -152px;
}

ul#menu-top-primary li.item3active {
	background-position: -306px 0;
}

ul#menu-top-primary li.item3active:hover {
	background-position: -306px 0;
}

ul#menu-top-primary li.item4 {
	width: 122px;
	background-position: -503px -76px;
}

ul#menu-top-primary li.item4:hover {
	background-position: -503px -152px;
}

ul#menu-top-primary li.item4active {
	background-position: -503px 0;
}

ul#menu-top-primary li.item4active:hover {
	background-position: -503px 0;
}


/* COLUMN HEADERS */

div.column-header-wrapper {
	background: none;
	height: auto;
	margin: 0 0 10px;
}

ul.column-header {
	border: none;
	height: auto;
	margin: 0;
	padding: 0;
}

ul.column-header li {
	float: none;
}

p.column-header-href-inactive {
	font-size: 22px;
}


/* LINK CLASSES */

a {
	color:#666;
	text-decoration:none;
}

a:hover {
	color:#999;
}


/* POST NAVIGATION */

div.nav-previous{
	float:left;
}

div.nav-next {
	float:right;
}

div#nav-below {
} 


/* RECENT RELEASES (LARGE) */

div#recentrelease-wrapper-large {
	background: none;
	height: auto;
	margin: 0;
}

/* RECENT RELEASES (LARGE) -> MODULE OUTPUT */

div.recentrelease-content-large {
	float: left;
	
	background: #EEE;
	height: auto;
	margin: 0 0 10px;
	padding: 10px;
	width: 240px;
}

div.recentrelease-content-large:hover {
	background: #333;
}

div.recentrelease-content-empty-large {
	width:240px;
	background: #EEE;
	display: block;
	height: auto; 
	padding: 20px 10px;
	margin: 0 0 10px;
}

div.recentrelease-content-empty-large p {
	margin:0;
	font-size:14px;
	color:#999;
}

div.recentrelease-image-actions-large {
	float: none;
	
	height: 240px;
	margin: 0;
	width: 240px;
}

div.recentrelease-image-actions-large img {
	float: right;

	width: 238px;
	height: 238px;
	border: 1px solid #666;
	overflow: hidden;
}

div.recentrelease-actions-large {
	position:absolute;
	
	background:#333;
	display:block;
	height:16px;
	margin:221px 0 0 1px;
	padding:1px;
	width:236px;
}

div.recentrelease-trackinfo-large {
	background: #666;
	color: #EEE;
	border: none;
	height: 50px;
	width: 230px;
	padding: 10px 5px;
}

div.recentrelease-trackinfo-large p {
	margin: 0;
}

div.recentrelease-tracktitle-large {
	float: none;

	background: #CCC;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	color: #333;
	height: 11px;
	padding: 2px 5px 5px;
	width: 230px;
}

div.recentrelease-tracktitle-large p {
	color: #333;
	font-size:10px;
	margin: 0;
	padding: 0;
}

div.recentrelease-audioplayer-large {
	float: none;

	display: block;
	background: url(../images/error-flash-required-270px_20px.gif) #FFF no-repeat 0 0;
	color: #000;
	border-bottom: 1px solid #999;
	height: 10px;
	margin: 0;
	padding: 5px;
	width: 230px;
}

div.recentrelease-audioplayer-large-nofeature {
	float: none;

	display: block;
	background: #FFF;
	color: #000;
	border-bottom: 1px solid #999;
	height: 10px;
	margin: 0;
	padding: 5px;
	width: 230px;
}

div.recentrelease-audioplayer-large p {
	text-transform:uppercase;
	font-size:8px;
	margin: 0;
	padding: 0;
}

p.recentrelease-artistname-large {
	font-weight: normal;
	font-size: 12px;
}

p.recentrelease-albumtitle-large {
	font-size: 10px;
	padding: 0;
}


/* RECENT RELEASES (SMALL) */

div#recentrelease-wrapper {
	background: none;
	height: auto;
	margin: 10px 0;
}

/* RECENT RELEASES (SMALL) -> MODULE OUTPUT */

div.recentrelease-content {
	width: 270px;
	background: #EEE;
	display: block;
	height: auto; 
	padding: 10px;
	margin: 10px 0 10px 10px;
}

div.recentrelease-content:hover {
	background: #333;
}

div.recentrelease-content-empty {
	width:270px;
	background: #EEE;
	display: block;
	height: auto; 
	padding: 20px 10px;
	margin: 10px 0 10px 10px;
}

div.recentrelease-content-empty p {
	margin:0;
	font-size:14px;
	color:#999;
}

div.recentrelease-image-actions {
	height: 60px;
}

div.recentrelease-image-actions img {
	float: right;

	width: 48px;
	height: 48px;
	border:1px solid #CCC;
	overflow: hidden;
}

div.recentrelease-actions {
	position:absolute;
	
	background: none;
	display:block;
	height:17px;
	padding:34px 0 0;
	width:50px;
}

div.recentrelease-trackinfo {
	background: none;
	border: none;
	height: 48px;
	width: 205px;
}

div.recentrelease-trackinfo p {
	margin: 0;
}

div.recentrelease-tracktitle {
	float: none;

	background: #CCC;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	color: #333;
	height: 11px;
	padding: 2px 5px 5px;
	width: 260px;
}

div.recentrelease-tracktitle p {
	color: #333;
	font-size:10px;
	margin: 0;
	padding: 0;
}

div.recentrelease-audioplayer {
	float: none;

	background: url(../images/error-flash-required-270px_20px.gif) #FFF no-repeat 0 0;
	color: #000;
	border-bottom: 1px solid #999;
	height: 10px;
	margin: 0;
	padding: 5px;
	width: 260px;
}

div.recentrelease-audioplayer-nofeature {
	float: none;

	background: #FFF;
	color: #000;
	border-bottom: 1px solid #999;
	height: 10px;
	margin: 0;
	padding: 5px;
	width: 260px;
}

div.recentrelease-audioplayer p {
	text-transform:uppercase;
	font-size:8px;
	margin: 0;
	padding: 0;
}

p.recentrelease-artistname {
	color: #666;
	font-size: 12px;
	font-weight: normal;
}

p.recentrelease-albumtitle {
	color: #666;
	font-size: 10px;
	padding: 0;
}


/* ALBUM PLAYER */

/* ALBUM PLAYER -> MODULE OUTPUT (UPPER) */

div.albumplayer-wrapper {
	width: 270px;
	height: 98px;
	padding: 10px 10px 5px;
	margin: 0 0 0 10px;
}

div.albumplayer-trackinfo {
	width: 205px;
	height: 48px;
	background: none;
	border: none;
}

div.albumplayer-trackinfo p {
}

div.albumplayer-tracktitle {
	float: none;
	background: #CCC;
	border-bottom: 1px solid #999;
	border-left: none;
	border-right: none;
	border-top:1px solid #999;
	width: 260px;
}

div.albumplayer-tracktitle p {
	color: #333;
}

div.albumplayer-image-actions {
	height: 50px;
}

div.albumplayer-image-actions img {
	float: right;
}

div.albumplayer-actions {
	position: absolute;

	background: none;
	float: none;
	padding:34px 0 0;
}

div.albumplayer-audioplayer {
	width: 260px;
	background: url(../images/error-flash-required-270px_20px.gif) #FFF no-repeat 0 0;
	border-bottom: 1px solid #999;
	color: #333;
}

div.albumplayer-audioplayer-noaudio {
	width: 260px;
	background: #FFF;
	border-bottom: 1px solid #999;
	color: #333;
}

p.albumplayer-artistname {
	font-size: 12px;
	font-weight: normal;
}

p.albumplayer-albumtitle {
	padding: 0;
	font-size: 10px;
}


/* ALBUM PLAYER -> MODULE OUTPUT (PLAYLIST) */

div.albumplayer-tracklist {
	width: 270px;
	padding: 5px 10px 10px;
	margin: 0 0 0 10px;
}

li.albumplayer-tracklist-track-actions {
	background: none;
}

li.albumplayer-tracklist-track-trackname:hover {
	background:#EEE;
}

li.albumplayer-tracklist-track-trackname {
	width: 203px;
	background: #CCC;
}

ul.albumplayer-tracklist-container {
	background: none;
	border-top: 1px dashed #999;
	padding: 10px 0 0;
}

img.button-icon-small-margin-none-float-left {
	border: none !important;
	height: 16px !important;
	float: left;
	margin: 0;
	padding: 0;
	width: 16px !important;
}



/* BLOG */

/* BLOG -> INDEX POST */

div#blog-post-index-wrapper {
	border-bottom: 1px solid #999999 !important;
	border-right: medium none;
	height: 504px;
	padding: 0;
	width: 490px;
}

div#blog-type2-wrapper {
	width: 500px;
	display: block;
	overflow: hidden;
}

div.blog-type2-titleinfo {
	margin: 0 0 10px;
}

div.blog-type2-date {
	float: left;
}

div.blog-type2-byline {
	float: right;
}

div.blog-type2-byline p {
	margin: 0;
	padding: 9px 0 0;
}

div.blog-type2-date h2 {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 0 0;
	text-transform: uppercase;
}

div.blog-type2-image-large {
	width: 490px;
	height: 220px;
	display: block;
}

div.blog-type2-post-index-title {
	background: #EEE;
	margin: 0 0 10px 0;
	padding: 5px;
	display: block;
}

div.blog-type2-post-index-title p {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

a.blog-type2-post-index-title-link {
	position: absolute;

	margin: 2px 0 0 464px;
}

div.blog-type2-post-index-title h3 {
	font-style: italic;
	padding: 4px 0 0 0;
	margin: 0;
}

div.blog-listing-type2-image {
	width: 470px;
	height: 180px;
	margin: 0 0 5px;
	display: block;
}

div.blog-listing-type2-titleinfo {
}

div.blog-listing-type2-post-date {
	float: left;
}

div.blog-listing-type2-post-byline {
	color: #999;
	padding: 5px 0 0;
	float: right;
}

/* BLOG -> SINGLE POST */

div.single-blog-middle-column-left div#blog-type2-wrapper div#blog-post-index-wrapper {
	height: auto;
}

/* BLOG -> RELATED POSTS */

div.blog-relatedblogs-type2-wrapper {
	background: #EEE;
	padding: 10px;
	width: 270px;
	margin: 0 0 10px 10px;
}

div.blog-relatedblogs-type2-wrapper:hover {
	background: #333;
}

div.blog-relatedblogs-type2-container {
}

div.blog-relatedblogs-type2-content {
}

div.blog-relatedblogs-type2-content h3 {
	color: #666;
	font-weight: normal;
}

div.blog-relatedblogs-type2-content-image {
	width: 270px;
	height: 125px;
	display: block;
}

div.blog-relatedblogs-type2-content-info {
	background: #FFF;
	padding: 5px;
}

div.blog-relatedblogs-type2-content-info:hover {
	background: #EEE;
}

p.blog-relatedblogs-type2-date {
	margin: 0;
	font-size: 10px;
}

p.blog-relatedblogs-type2-date a:hover {
	color: #666;
}

p.blog-relatedblogs-type2-title {
	margin: 0;
	font-weight: bold;
}

p.blog-relatedblogs-type2-title a:hover {
	color: #666;
}


/* ARTIST LISTING */

/* ARTIST LISTING -> MODULE OUTPUT */

div.artistsrelease-content:hover {
	background: #333;
}

div.artistslist-content:hover {
	background: #333;
}

div.artistslist-image {
	display: block;
	width: 238px;
	height: 238px;
}


/* ARTIST BIO */

div.artistbio-body p {
	line-height: 16px;
}


/* BLOG */

/* BLOG -> INDIVIDUAL */

div.blog-type2-post-index-text-marginbottom p a {
	background: #EEE;
}

div.blog-listing-type2-post-text p a {
	background: #EEE;
}

/* BLOG -> MINI-BROWSER */

div#blog-minibrowser-type2-wrapper {
	background: #EEE;
	padding: 10px;
	margin: 0 0 0 10px;
	width: 270px;
	height: 450px;
}

div#blog-minibrowser-type2-wrapper:hover{
	background: #333;
}

ul#blog-minibrowser-type2-container {
	list-style:none;
	margin:0;
	padding:0;
}

li.blog-minibrowser-type2-post-wrapper {
	margin: 0 0 10px;
}

ul.blog-minibrowser-type2-content {
	list-style:none;
	margin:0;
	padding:0;
}

li.blog-minibrowser-type2-title {
	background: #FFF;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	height:43px;
	margin:0;
	overflow:hidden;
	padding: 3px 5px 2px;
	width:210px;
}

li.blog-minibrowser-type2-title:hover {
	background: #EEE;
}

li.blog-minibrowser-type2-title p {
	color: #666;
	margin: 0;
}

li.blog-minibrowser-type2-title p a {
	color: #666;
}

li.blog-image-minibrowser-type2 {
	float:left;
	
	width: 48px;
	height: 48px;
	border:1px solid #CCC;
	margin: 0;
	overflow: hidden;
}

p.blog-minibrowser-type2-audiovideo {
	color: #FFF !important;
	padding: 0 2px;
	background: #F00;
	font-size: 10px;
	font-weight: bold;
	float: right;
}

p.blog-minibrowser-type2-date {
	font-size: 10px;
	float: left;
}

p.blog-minibrowser-type2-title {
	font-weight: bold;
}

p.blog-minibrowser-type2-artist {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

div.blog-minibrowser-type2-rss_link {
	background: #FFFFFF url(../images/button-icon-rss-small.gif) no-repeat scroll 5px 50%;
	padding: 5px 10px;
	width: 250px;
}

div.blog-minibrowser-type2-rss_link p {
	margin:0 0 0 15px;
}

/* BLOG -> LISTING -> TYPE 2 */

div#blog-listing-type2-wrapper {
}

div.blog-listing-type2-content {
	width: 470px;
}


/* ARTIST IMAGES */

div.images-content {
	width: 800px;
	height: 360px;
	display: block;
}

div.artistimages-content-inner {
	background: url(../images/error-flash-required-800px_360px.gif) no-repeat 0 0;
}


/* CATALOG */

div#catalog-wrapper {
}

div#catalog-content {
	background: #EEE;
}

div#catalog-content:hover {
	background: #333;
}

tr.even:hover {
	background: #FFF !important;
}

tr.odd:hover {
	background: #FFF !important;
}


/* VIDEO */

/* VIDEO -> VIDEO LISTING -> OVERLAY */

div.jqmWindow {
	border: 5px solid #000;
}

/* VIDEO -> VIDEO LISTING -> MODAL */

div.video-embed-code {
	background: #CCC;
}

div.video-embed-code textarea {
}

a.video-embed-toggle {
}

/* VIDEO -> VIDEO LISTING */

div.video-listing-type1-wrapper {
}

div.video-listing-content {
	background: #EEE;
	margin: 0 0 0 10px;
}

div.video-listing-content:hover {
	background: #333;
}

div.video-listing-inner {
	width: 270px;
	height: 180px;
	display: block;
}

div.video-listing-inner h3 {
	color: #666;
	font-weight: normal;
}

div.video-listing-type1-details-wrapper {
}

div.video-listing-type1-details-wrapper h3 {
	font-weight: normal;
	background: #CCC;
	margin: 0;
	padding: 10px;
}


/* AJAX */

div.ajax-loading-wrapper-centered {
	width: 100%;
	height: 100%;
	display: block;
}

div.ajax-loading-small-container {
	margin: 50% auto;
	display: block;
	background: #FFF;
	width: 10px;
	height: 10px;
	padding: 5px;
}

div.ajax-loading-small {
	background: url(../images/ajax-loading-small.gif) transparent no-repeat 50% 50%;
	width: 100%;
	height: 100%;
}

div.ajax-loading-big-container {
	background: url(../images/ajax-loading-big-bg.gif) transparent no-repeat;
	margin: 50% auto;
	display: block;
	width: 50px;
	height: 50px;
}

div.ajax-loading-big {
	background: url(../images/ajax-loading-big.gif) transparent no-repeat 50% 50%;
	width: 100%;
	height: 100%;
}


/* COMMENTS */

div#blog-comments-index-wrapper {
	width: 490px;
}

li textarea#comment {
	width: 458px;
}

textarea#comment {
	margin: 0;
	border: 1px solid #999;
	padding: 5px;
	width: 478px;
	height: 200px;
	resize: none;
}

ol.commentlist {
	list-style: none;
	padding: 0;
	margin: 0;
}

ol.commentlist li {
	background:#EEE;
	margin:0 0 10px;
}

ol.commentlist li:hover {
	background:#333;
}

ol.commentlist li.comment p {
	background: #FFF;
	color: #666;
	padding: 10px 5px;
}

ol.commentlist li.comment ul.children {
	background: #CCC;
	list-style: none;
	margin: 0;
	padding: 0;
}

ol.commentlist li.comment ul.children li {
	background: #CCC;
	margin: 0;
	padding: 10px 10px 0;
}

form#commentform p {
}

h3#comments {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 10px;
	text-transform: uppercase;
}


/* LINKS */

ul.blogroll li:hover {
	background: #333;
}


/* PAGINATION */

/* PAGINATION -> BLOG LISTINGS */

div#pagination_bloglisting {
	width: 480px;
}

div#pagination_bloglisting p {
}


/* FOOTER LINKS */

div.footer-links {
	background:transparent url(../images/icon-links.gif) no-repeat scroll 140px 0;
}

div.footer-links h2 {
	display:none;
}

ul.blogroll li a {
	color: #EEE;
	font-weight: bold;
}

ul.blogroll li a:hover {
	color:#FFFFFF;
}


/* FOOTER */

div#footer-wrapper {
	background: #999;
}

div#footer-about {
	background: #000;
	width: 780px;
	padding: 10px;
	margin: 0 auto;
}

div#footer-about p {
	color: #EEEEEE;
	font-size: 10px;
	text-transform: uppercase;
}