/**
 * Familiar - CSS - Custom - Carimpong
 * v1.0 (2009-01-25)
 */
 
 
body {
	background: #EEE;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}


/* BACKGROUND */

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


/* 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: #EEE;
}

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

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

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

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

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


/* COLUMNS */

div.column-left {
	border: none;
	width: 500px;
}

div.column-right {
}

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

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

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

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

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

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

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

div#column-top-container {
	width: 950px;
	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: 950px;
	margin: 0 auto;
}

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

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



/* TOP MENU */

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

div#menu-top-container {
	width: 100%;
	background: #000;
}

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

	margin:0 auto;
	padding:50px 0 0;
	width:950px;
}

div#menu-top-content-lower {
	float:none;
	
	background:#CCCCCC none repeat scroll 0 0;
	height:20px;
	padding:10px 0;
	width:100%;
}

div#menu-top-content-lower {
	float:none;
	
	height: auto;
	padding: 0;
	background:#CCCCCC none repeat scroll 0 0;
	width:100%;
}

div#menu-top-content-lower-category-home {
	display: block;
	background: #999;
	height:5px;
	margin: 0 auto;
	width:100%;
}

div#menu-top-content-lower-category-commercial {
	display: block;
	background: #09F;
	height:5px;
	margin: 0 auto;
	width:100%;
}

div#menu-top-content-lower-category-editorial {
	display: block;
	background: #0C6;
	height:5px;
	margin: 0 auto;
	width:100%;
}

div#menu-top-content-lower-category-portrait {
	display: block;
	background: #F09;
	height:5px;
	margin: 0 auto;
	width:100%;
}

div#menu-top-content-lower-container {
	float:none;
	
	padding:10px 0;
	margin: 0 auto;
	width:950px;
}

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

div#menu-top-content-lower-container p {
	color: #333333;
	font-size: 1.8em;
	margin: 0;
}

p.menu-top-content-lower-left {
	float: left;
}

p.menu-top-content-lower-right {
	float: right;
}

div#menu-top-logo {
	float:left;
}

div#menu-top-logo a {
	background:transparent url(../images/menu-top-logo.gif) no-repeat scroll 0 -85px;
	display: block;
	height:85px;
	margin:0 0 50px;
	width:950px;
}

div#menu-top-logo a:hover {
	background:transparent url(../images/menu-top-logo.gif) no-repeat scroll 0 0;
}

div#menu-top-logo-home {
	background:transparent url(../images/menu-top-logo.gif) no-repeat scroll 0 0;
	display: block;
	height:85px;
	margin:0 0 50px;
	width:950px;
}

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

	margin-left: 640px;
	width: 140px;
	height: 162px;
	background: url(../images/menu-top-logo-overlay.png) repeat-x scroll 0 0;
	z-index: 10;
}


/* TOP MENU -> PRIMARY OPTIONS */

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

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

ul#menu-top-primary li {
	cursor: pointer;
	height: 60px;
	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: 310px;
	margin: 0 10px 0 0;
	background-position: 0 -60px;
}

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

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: 310px;
	margin: 0 10px 0 0;
	background-position: -320px -60px;
}

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

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

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

ul#menu-top-primary li.item3 {
	width: 310px;
	background-position: -640px -60px;
}

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

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

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

.menu_dropdown li li p {
	margin: 0;
}

p.menu-top-title {
}

p.menu-top-subtitle {
	font-size: 10px;
	font-style: italic;
	margin: 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 {
	font-size: 1.8em;
	float: none;
}


/* LINK CLASSES */

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

a:hover {
	color:#666;
}


/* 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-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 #CCC;
	overflow: hidden;
}

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

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

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

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

	background: #CCC;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	color: #333;
	height: 9px;
	padding: 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: #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;
}


/* RECENT RELEASES */

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

/* RECENT RELEASES -> MODULE OUTPUT */

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

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 {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

div.recentrelease-tracktitle {
	float: none;

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

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

div.recentrelease-audioplayer {
	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;
}


/* 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 {
	font-size: 12px;
}

div.albumplayer-tracktitle {
	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: #FFF;
	border-bottom: 1px solid #999;
	color: #333;
}

/* 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;
}

/* PHOTOS */

/* PHOTOS -> ALBUMS */

div.photos-albums-content-large {
	float: left;
	width: 300px;
	height: 335px;
	display: block;
	margin: 0 0 10px;
	background: #333;
	border: 5px solid #333;
}

div.photos-albums-content-large:hover {
	background: #000;
	border: 5px solid #000;
}

div.photos-albums-info-large {
	display: block;
	height: 20px;
	padding: 10px 5px 5px;
	width: 290px;
}

div.photos-albums-image-large {
	width: 300px;
	height: 300px;
	display: block;
}

div.photos-albums-info-large p {
	color: #EEE;
	margin: 0;
	font-size: 1.5em;
}

div.photos-albums-info-colour {
	height: 5px;
	width: 100%;
	display: block;
}

/* PHOTOS -> GALLERIES */

div.photos-gallery-content-large {
	float: left;
	width: 172px;
	height: 189px;
	display: block;
	margin: 0 0 10px;
	background: #333;
	border: 5px solid #333;
}

div.photos-gallery-content-large:hover {
	background: #000;
	border: 5px solid #000;
}

div.photos-gallery-image-large {
	width: 172px;
	height: 172px;
	display: block;
}

div.photos-gallery-info-large {
	padding: 5px 0 0;
}

div.photos-gallery-info-large p {
	margin: 0;
	font-size: 10px;
	color: #EEE;
}

/* PHOTOS -> FEATURED */

div.photos-featured-content {
	background: #EEE;
	display: block;
}


/* BLOG */

/* BLOG -> INDEX POST */

div#blog-post-index-wrapper {
	border-right: none;
	padding:10px;
}

/* BLOG -> MINI-BROWSER */

ul#blog-minibrowser-container {
}

li.blog-minibrowser-post-wrapper {
}

ul.blog-minibrowser-content {

}

li.blog-minibrowser-title {

}

li.blog-minibrowser-title:hover {
}

li.blog-image-minibrowser {
}


/* CATALOG */

div#catalog-wrapper {
}

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

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

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


/* FOOTER */

div#footer-wrapper {
	background: none;
}

div#footer-about {
	background: none;
	margin: 0 auto;
	padding: 20px 0 20px;
	width: 950px;
}

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