/**
 * Familiar - CSS - Base - Shared styles
 * v1.0 (2009-01-03)
 */
 

/* SHARED STYLES */

body {
	margin:0;
	padding:0;
}


/* WRAPPERS & CONTENT */

div#wrapper {
	width:100%;
}

div#content {
	width:800px;
	margin:0 auto;
}

div#header {
	width:800px;
}


/* COLUMNS */

div#column-wrapper-top {
}

div#column-wrapper-middle {
}

div.column-left {
	float:left;
	
	width:499px;
	border-right: 1px solid #FFF;
}

div.column-right {
	overflow: hidden;	
	width:300px;
}

div.column-wide {
	width:800px;
}

/* COLUMNS -> BASE COLUMN HEADERS */

div.column-header-wrapper {
	width:100%;
	height:35px;
	background: #000;
}

ul.column-header {
	height:34px;
	display: block;
	border-top:1px solid #FFF;
	margin: 0;
	padding: 0;
}

ul.column-header li {
	display: block;
	float: left;
}

ul.column-header li a.column-header-icon {
	background: transparent url(../images/button-header-launch.gif) no-repeat;
	border-right:1px solid #FFF;
	width: 34px;
	height: 34px;
	display: block;
}

ul.column-header span {
	display:none;
}


/* CANVAS DIVS */

div#canvas-top-left {
}

div#canvas-top-right {
}

div#canvas-top-wide {
}

div#canvas-middle-left {
}

div#canvas-middle-right {
}

div#canvas-middle-wide {
}

div#canvas-bottom-left {
}

div#canvas-bottom-right {
}

div#canvas-bottom-wide {
}


/* UTILITY */

div.clear-both {
	clear:both;
}

div.clear-left {
	clear:left;
}

div.clear-right {
	clear:right;
}

div.spacer-10px-transparent {
	height: 10px;
	width:100%;
	display: block;
}

div.spacer-20px-transparent {
	height: 20px;
	width:100%;
	display: block;
}

ul.clear-both {
	clear:both;
	list-style: none;
	margin: 0;
	padding: 0;
}

li.clear-both {
	clear:both;
	list-style: none;
	margin: 0;
	padding: 0;
}

li.list-nest-container {
	list-style: none;
	margin: 0;
	padding: 0;
}

li.list-nest-container-float-left {
	float: left;

	list-style: none;
	margin: 0;
	padding: 0;
}


/* TEXT */


p {
	margin:0 0 10px;
	border:0px;
	font-size:12px;
}


/* IMAGES */

img {
	border:0;
}


/* BUTTONS */

img.button-icon-small-margin-right-float-left {
	float: left;

	margin: 0 1px 0 0;
	padding: 0;
	width: 16px !important;
	height: 16px !important;
	border: none !important;
}

img.button-icon-small-margin-left-float-right {
	float: right;

	margin: 0 0 0 1px;
	padding: 0;
	width: 16px !important;
	height: 16px !important;
	border: none !important;
}

img.button-icon-small-margin-none-float-right {
	float: right;

	margin: 0;
	padding: 0;
	width: 16px !important;
	height: 16px !important;
	border: none !important;
}

/* BUTTONS -> EMPTY PLACEHOLDERS */

img.button-icon-small-margin-left-float-right-empty {
	float: right;

	display: block;
	margin: 0 0 0 1px;
	padding: 0;
	width: 16px !important;
	height: 16px !important;
	border: none !important;
}

img.button-icon-small-margin-none-float-right-empty {
	float: right;

	display: block;
	margin: 0;
	padding: 0;
	width: 16px !important;
	height: 16px !important;
	border: none !important;
}


/* SEARCH BAR */

div#topbar-wrapper {
	background:#000;
	width:100%;
}

div#topbar-content {
	height:28px;
	margin:0 auto;
	padding:2px 10px 0 0;
	width:800px;
}

div#search {
	float:right;
	height: 28px;
	overflow: hidden;	
}

form#searchform	{
	height:25px;
	overflow:hidden;
}

input#s	{
	color: #666;
	border:none;
	font-size:12px;
	height:15px;
	padding:3px 0 2px 2px;
}

input#searchsubmit {
	background: url(../images/button-search.gif) 0 0;
	height:25px;
	width:25px;
	border:0;
	cursor:pointer;
}

input#searchsubmit:hover {
	background: url(../images/button-search.gif) 0 -25px;
}
	
	
/* BLOG */

/* BLOG -> MINI BROWSER */

div#blog-minibrowser-wrapper {
	height:500px;
	width:280px;
	padding:10px;
	display: block;
	overflow: hidden;
}

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

li.blog-minibrowser-post-wrapper {
}

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

li.blog-minibrowser-title {
	float: left;
	
	border: 1px solid #000;
	height: 58px;
	width: 58px;
}

li.blog-minibrowser-title a {
	display: block;
	height: 50px;
	padding: 5px;
	width: 50px;
}

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

li.blog-image-minibrowser {
	height: 60px;
	width: 220px;
	overflow: hidden;
}

/* BLOG -> INDEX POST */

div#blog-post-index-wrapper {
	height: 500px;
	display: block;
	overflow: hidden;
	float: left;
	border-right:1px dashed #000;
	padding:10px 9px 10px 10px;
	width:480px;	
}

div#blog-post-index-text {
	background:#EEE;
	height:140px;
	overflow:hidden;
	padding:5px;
}

div#blog-post-index-title {
	background:#000;
	color:#FFF;
	height:20px;
	padding:5px;
	width:470px;
	overflow: hidden;
}

div#blog-post-index-title h2 {
	margin:0;
	padding:0;
}

div#blog-gotopost {
	background:#999999 none repeat scroll 0 0;
	border-top:1px dotted #000000;
	margin:0;
	height: 19px;
	padding:2px 5px 0;
	width:469px;
}

div#blog-gotopost-permalink {
	float: right;
}

/* BLOG -> IMAGES */

div.blog-image-minibrowser {
	float:left;
	height:60px;
	overflow:hidden;
	width:220px;
}

div.blog-image-large {
	width:480px;
	height:300px;
}


/* RECENT RELEASES */

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

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

div.recentrelease-content-empty {
	width:270px;
	background: #EEE;
	display: block;
	height: 70px;
	padding: 5px;
	margin-bottom: 10px;
}

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

div.recentrelease-image-actions {
	float: left;

	width:50px;
	height:70px;
	overflow:hidden;
	margin-right: 5px;
}

div.recentrelease-image-actions img {
	width: 48px;
	height: 48px;
	border:1px solid #CCC;
	overflow: hidden;
}

div.recentrelease-actions {
	background: #EEE;
	display:block;
	height:17px;
	padding:3px 0 0;
	width:50px;
}

div.recentrelease-trackinfo {
	background:#CCC;
	border-color:#666;
	border-style:solid solid none;
	border-width:1px 1px medium;
	height:19px;
	overflow:hidden;
	padding:5px;
	width:203px;
}

div.recentrelease-trackinfo p {
	font-size:10px;
	margin: 0;
	padding: 0;
}

div.recentrelease-tracktitle {
	float: left;
	
	background:#000;
	border-bottom:1px solid #666;
	color:#EEE;
	height:9px;
	padding:5px;
	width:205px;
}

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

p.recentrelease-artistname {
	font-weight: bold;
}

p.recentrelease-albumtitle {
	font-style: italic;
}

div.recentrelease-audioplayer {
	float: left;
	
	background:#000;
	color:#EEE;
	height:10px;
	margin:0;
	padding:5px;
	width:205px;
}

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

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

div.recentrelease-content-large {
	float: left;
	
	width:250px;
	background: #EEE;
	display: block;
	height: 70px;
	padding: 5px;
	margin-bottom: 10px;
}

div.recentrelease-image-actions-large {
	float: left;

	width:50px;
	height:70px;
	overflow:hidden;
	margin-right: 5px;
}

div.recentrelease-image-actions-large img {
	width: 48px;
	height: 48px;
	border:1px solid #CCC;
	overflow: hidden;
}

div.recentrelease-actions-large {
	background: #EEE;
	display:block;
	height:17px;
	padding:3px 0 0;
	width:50px;
}

div.recentrelease-trackinfo-large {
	background:#CCC;
	border-color:#666;
	border-style:solid solid none;
	border-width:1px 1px medium;
	height:19px;
	overflow:hidden;
	padding:5px;
	width:183px;
}

div.recentrelease-trackinfo-large p {
	font-size:10px;
	margin: 0;
	padding: 0;
}

div.recentrelease-tracktitle-large {
	float: left;
	
	background:#000;
	border-bottom:1px solid #666;
	color:#EEE;
	height:9px;
	padding:5px;
	width:185px;
}

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

p.recentrelease-artistname-large {
	font-weight: bold;
}

p.recentrelease-albumtitle-large {
	font-style: italic;
}

div.recentrelease-audioplayer-large {
	float: left;
	
	background:#000;
	color:#EEE;
	height:10px;
	margin:0;
	padding:5px;
	width:185px;
}

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


/* ALBUM PLAYER */

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

div.albumplayer-wrapper {
	width:270px;
	background: #EEE;
	display: block;
	height: 70px;
	padding: 5px;
	margin: 0 auto;
	border-bottom: 1px solid #CCC;
}

div.albumplayer-image-actions {
	float: left;

	width:50px;
	height:70px;
	overflow:hidden;
	margin-right: 5px;
}

div.albumplayer-image-actions img {
	width: 48px;
	height: 48px;
	border:1px solid #CCC;
	overflow: hidden;
}

div.albumplayer-actions {
	background: #EEE;
	display:block;
	height:17px;
	padding:3px 0 0;
	width:50px;
}

div.albumplayer-trackinfo {
	background:#CCC;
	border-color:#666;
	border-style:solid solid none;
	border-width:1px 1px medium;
	height:19px;
	overflow:hidden;
	padding:5px;
	width:203px;
}

div.albumplayer-trackinfo p {
	font-size:10px;
	margin: 0;
	padding: 0;
}

p.albumplayer-artistname {
	font-weight: bold;
}

p.albumplayer-albumtitle {
	font-style: italic;
}

div.albumplayer-tracktitle {
	float: left;
	
	background:#000;
	border-bottom:1px solid #666;
	color:#EEE;
	height:9px;
	padding:5px;
	width:205px;
}

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

div.albumplayer-audioplayer {
	float: left;
	
	background:#000;
	color:#EEE;
	height:10px;
	margin:0;
	padding:5px;
	width:205px;
}

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

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

div.albumplayer-tracklist {
	background: #EEE;
	padding: 5px;
	margin: 0 auto;
	width: 270px;
}

ul.albumplayer-tracklist-container {
	background: #CCC;
	list-style: none;
	margin: 0;
	padding: 0;
}

li.albumplayer-tracklist-track-wrapper {
	border-bottom: 1px solid #EEE;
}

ul.albumplayer-tracklist-track-container {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.albumplayer-tracklist-track-actions {
	float: left;

	height: 18px;
	margin: 0 5px 0 0;
	padding: 2px 0 0;
	width: 50px;
	list-style: none;
}

li.albumplayer-tracklist-track-action-margin-left-float-right {
	float: right;

	margin: 0 0 0 1px;
	padding: 0;
	width: 16px;
	height: 16px;
	border: none;
}

li.albumplayer-tracklist-track-action-margin-none-float-right {
	float: right;

	margin: 0;
	padding: 0;
	width: 16px !important;
	height: 16px !important;
	border: none !important;
}

li.albumplayer-tracklist-track-trackname {
	float: left;

	background: #FFF;
	font-size:10px;
	height:14px;
	padding:6px 6px 0;
	width: 203px;
}

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

li.albumplayer-tracklist-track-trackname a {
	color: #666;
}

li.albumplayer-tracklist-track-trackname a:hover {
	color: #000;
}


/* FEATURED RELEASES */

/* FEATURED RELEASES -> MODULE OUTPUT */

div#featuredreleases-wrapper {
	width:780px;
	background: #EEE;
	display: block;
	height: 235px;
	padding: 10px;
}

/* FEATURED RELEASES -> CAROUSEL */

.jcarousel-container {
	width:725px;
	height:235px;
	margin:0 auto;
    position: relative;
}

.jcarousel-clip {
	width:725px;
	height: 235px;
    z-index: 2;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    margin-right: 10px;
    width: 235px;
    height: 235px;
}

.jcarousel-next {
	background:#000;
	display:none;
	position: absolute;
	left:730px;
	height:235px;
	width:22px;
	cursor: pointer;
	z-index:3;
}

.jcarousel-prev {
	background:#000;
	display:none;
	position:absolute;
	left:-28px;
	height:235px;
	width:22px;
	cursor: pointer;
	z-index:3;
}


/* CATALOG */

div#catalog-wrapper {
}

div#catalog-content {
	background: #FFF;
	padding: 10px;
}

/* CATALOG -> TABLE */

table.catalogtable {
	background-color: #DDD;
	font-size: 10px;
	width: 100%;
	text-align: left;
}

table.catalogtable thead tr th, table.catalogtable tfoot tr th {
	background-color: #EEE;
	border: 1px solid #FFF;
	font-size: 12px;
	padding: 4px;
}

table.catalogtable thead tr .header {
	background-image: url(../images/table-bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.catalogtable tbody td {
	padding: 4px;
	vertical-align: top;
}

table.catalogtable tbody tr.odd {
	background:#CCC;
}

table.catalogtable thead tr .headerSortUp {
	background-image: url(../images/table-sort_asc.gif);
}

table.catalogtable thead tr .headerSortDown {
	background-image: url(../images/table-sort_desc.gif);
}

table.catalogtable thead tr .headerSortDown, table.catalogtable thead tr .headerSortUp {
	background-color: #999;
}


/* SHOW LISTING */

div#canvas-ontour-wrapper {
	padding: 10px;
}

/* SHOW LISTING -> TABLE */

table.familiar_table_ontour {
	background-color: #DDD;
	font-size: 10px;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #000;
}

th#familiar_table_ontour_header_headliner {
	width: 35%;
}

th#familiar_table_ontour_header_date {
	width: 15%;
}

th#familiar_table_ontour_header_city {
	width: 30%;
}

th#familiar_table_ontour_header_actions {
	width: 20%;
}

table.familiar_table_ontour tbody tr {
}

table.familiar_table_ontour thead tr th, table.familiar_table_ontour tfoot tr th {
	background-color: #EEE;
	border: 1px solid #FFF;
	font-size: 12px;
	padding: 4px;
}

table.familiar_table_ontour thead tr .header {
	background-image: url(../images/table-bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.familiar_table_ontour tbody td {
	padding: 4px 5px 0;
	background-color: #DDD;
	vertical-align: middle;
}

table.familiar_table_ontour tbody tr.odd td {
	background-color:#CCC;
}

table.familiar_table_ontour thead tr .headerSortUp {
	background-image: url(../images/table-sort_asc.gif);
}

table.familiar_table_ontour thead tr .headerSortDown {
	background-image: url(../images/table-sort_desc.gif);
}

table.familiar_table_ontour thead tr .headerSortDown, table.familiar_table_ontour thead tr .headerSortUp {
background-color: #999;
}

/* SHOW LISTING -> PAGING */

div#familiar_ontour_shows_list_pager {
	background: #999;
	padding: 2px 5px 0;
	position:inherit !important;
	margin: 0;
	width: 469px;
	height: 19px;
	border-top: 1px dotted #000;
}

div.familiar_pager_left {
	float: left;
	width: 20%;
	text-align: left;
}

img.first {
}

img.prev {
}

div.familiar_pager_right {
	float:left;
	text-align:right;
	width:20%;
} 

img.next {
}

img.last {
}

div.familiar_pager_pagedisplay {
	float: left;
	text-align: center;
	width: 60%;
}

p.pagedisplay {
	padding: 2px 0 0;
	margin: 0;
}


/* ARTIST LISTING */

/* ARTIST LISTING -> MODULE OUTPUT */

div.artistslist-wrapper {
}

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

div.artistslist-image {
	float: left;
	
	border: 1px solid #CCC;
	margin: 0;
}

div.artistslist-info {
	background: #666;
	height: 220px;
	padding: 10px;
	overflow: hidden;
}

div.artistslist-bio {
	float:left;
	
	margin: 0 10px 0 0;
	width:250px;
}

div.artistslist-bio p {
	color: #CCC;
}

div.artistslist-bio p a:hover {
	color: #FFF;
}

div.artistslist-name {
	height:30px;
	margin:0 0 10px;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
}

div.artistslist-name h2 {
	color: #EEE;
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 10px;
}

h3.artistsrelease-heading {
	float: left;

	color:#EEE;
	font-size:1.5em;
	font-weight:normal;
	margin: 0 0 5px;
}

div.artistsrelease-content {
	float:left;

	background: #EEE;
	display: block;
	margin: 0 0 5px;
	padding: 5px;
	width: 250px;
}

div.artistsrelease-image-actions {
	float: left;

	width:50px;
	height:50px;
	overflow:hidden;
}

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

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

div.artistsrelease-actions {
	position: absolute;

	display: block;
	height: 17px;
	margin: 34px 0 0;
	width: 50px;
}

div.artistsrelease-trackinfo {
	background: #CCCCCC none repeat scroll 0 0;
	height: 40px;
	overflow: hidden;
	padding: 5px;
	width: 190px;
}

div.artistsrelease-trackinfo p {
	font-size:10px;
	margin: 0;
	padding: 0;
}

p.artistsrelease-artistname {
	font-weight: bold;
}

p.artistsrelease-albumtitle {
	font-style: italic;
}


/* THICKBOX */

div#TB_window {
	border-color:#000000;
	border-style:solid;
	border-width:50px 10px 10px;
	color:#000000;
	margin-top: 0 !important;
	margin-left:-400px !important;
	top:0 !important;
	width:780px !important;
}

div#TB_title {
	background-color:#333333;
}

#TB_iframeContent {
	width:780px !important;
}


/* TICKETS */

div#familiar-tickets {
}

form.familiarform {
}


/* FOOTER LINKS */

div.footer-links {
	border-bottom: 1px solid #EEE;
	margin: 0 auto;
	padding: 0 0 20px;
	width: 800px;
}

div.footer-links h2 {
	color: #EEE;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 10px;
	padding: 0;
	text-indent: -2px;
	text-transform: uppercase;
}

ul.blogroll {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.blogroll li {
	float: left;
	font-size: 12px;
	padding: 5px 0;
	width: 25%;
}

ul.blogroll li:hover {
	color: #666;
	background: #000;
	width: 24%;
	padding-left: 1%;
}

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

ul.blogroll li a {
	color: #000;
}

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


/* FOOTER */

div#footer-wrapper {
	background:#000;
	width: 100%;
}

div#footer {
	font-size: 10px;
	width:800px;
	margin:0 auto;
	padding:10px 0 20px;
	text-align: center;
	text-transform: uppercase;
}