/*
Theme Name: Planet Mu Template
Theme URI: http://wordpress.org/
Description: 
Version: 1.0
Author: Dewsign
Author URI: http://www.dewsign.co.uk/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



body 			{margin:0; padding:0; background:#fff url(/i/bg-page.gif) 0 0 repeat; color:#222; font-family:Arial, sans-serif; font-size:16px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:18px; text-align:center;}
	
div				{text-align:left;}

p				{margin-top:0; font-size:0.8125em; color:#333;}
ul, ol, li		{margin:0; padding:0; list-style:none;}

a				{text-decoration:none; color:#e15500; font-weight:bold; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
a:hover			{text-decoration:underline;}

h1				{font-size:1em;}
h2				{font-size:1.125em; margin-top:0; margin-bottom:13px; text-transform:uppercase; color:#222;}
h3				{font-size:0.8125em; margin-top:0; text-transform:uppercase; color:#333;}
h4				{font-size:0.75em; margin-top:0; margin-bottom:3px; text-transform:uppercase; color:#333;}
h5				{margin:0; color:#222;}
h6				{}

h2 span			{color:#00aab9;}

hr				{clear:both; float:left; border:0; width:100%; border-top:1px dashed #e5e5e5; height:1px; margin:12px 0;}
	
img				{border:0;}

table 			{border-collapse:collapse; border-spacing:0;}
td				{padding:0;}

em				{color:#fff; font-weight:bold;}

form			{margin:0;}
input			{width:215px; height:18px; border:1px solid #999; padding:4px; font-size:0.875em; color:#555; font-family:arial;}
textarea		{width:215px; height:65px; border:1px solid #999; padding:4px; font-size:0.875em; color:#555; font-family:arial;}
select			{width:225px; padding:2px; font-size:0.875em; color:#555; font-family:arial;}



/* Utility classes */

.clear			{clear:both;}
.remove			{border:0 !important;background:none !important;}

.checkbox		{width:20px; border:0;}
.radio			{width:20px; border:0;}

.button			{display:block; float:left; padding:4px 5px; background:#e15500; color:#fff !important; text-transform:uppercase; font-weight:bold; line-height:1em;}
.button-wht		{display:inline-block; padding:6px 7px; background:#fff; color:#e15500 !important; text-transform:uppercase; font-weight:bold; border:1px solid #666; line-height:1em;}



/* page wrapper */

#page-wrapper			{width:1054px; margin:0 auto;}
#page					{float:left; width:954px; background:url(/i/bg-page-inner.png) 0 0 repeat-y; padding:0 50px; position:relative; top:0; left:0;}
#page-foot				{float:left; width:1054px; height:10px; background:url(/i/bg-page-foot.png) 40% 0 no-repeat; }



/* masthead */

#masthead				{float:left; width:954px;}

#masthead .logo			{float:left; width:169px; height:90; border-bottom:10px solid #2d2d2d; margin-right:1px; position:relative;}
#masthead .logo a		{width:169px; height:90px; background:url(/i/planet-mu-logo.gif) 0 0 no-repeat; display:inline-block; text-indent:-9999em;}
#masthead .logo a:hover	{background:url(/i/planet-mu-logo-over.gif) 0 0 no-repeat;}
#masthead .logo p		{color:#00aab9; text-transform:uppercase; font-size:0.75em; position:absolute; top:52px;}

.nav					{float:left; margin-top:18px;}

.nav ul					{float:left; display:inline;}
.nav ul li				{float:left; margin:0 1px 0 0; font-size:0.75em; border-bottom:1px solid #fff; text-transform:uppercase; line-height:1em;}
.nav ul li a			{display:block; color:#222; background:#f0f0f0; padding:10px 10px; font-weight:bold;}
.nav ul li a:hover		{color:#fff; background:#888;}
.nav ul li.active		{border-bottom:1px solid #888888;}
.nav ul li.active a		{color:#fff; background:#888888;}

.utils					{float:right; margin-top:18px;}
.utils ul li			{float:left;}
.utils ul li a.button	{font-size:0.75em; padding:5px 6px; margin-top:5px;}
.utils ul li a.register	{display:block; padding:7px 12px; font-size:0.75em;}

.quicks					{float:left; width:784px; height:49px; background:#888888; color:#fff;}

.quick-shop				{margin:11px 12px 0 0; float:right; font-size:0.75em;}
.quick-shop span		{font-weight:bold; display:inline-block;  font-size:1.1em;}
.quick-shop a { color:#FFF; margin-right:12px;}

.artist-finder			{float:left; margin:11px; width:216px; height:21px; background:#fff; border:1px solid #ccc; padding:2px 2px 2px 10px;}
.artist-finder a		{display:inline-block; width:216px; text-transform:uppercase; font-weight:normal; color:#666; font-size:0.8125em; background:url(/i/bg-artist-finder.gif) 100% 0 no-repeat; padding:1px 0 2px;}

#artist-finder 			{display:none; height:210px; position:absolute; left:226px; top:88px; width:645px; padding:15px 20px 20px; z-index:999; background:url(/i/bg-artist-finder.png) 0 0 no-repeat; font-size:0.8125em;}
#artist-finder h3		{font-size:1em; margin-bottom:3px;}
.top-ten				{width:179px; height:210px; float:left; margin-right:15px; border-right:1px solid #e5e5e5;}
.top-ten li				{margin-bottom:1px;}
.a-z					{width:450px; height:210px; float:left; overflow-x: hidden; overflow-y: scroll;}
.a-z ul 				{width:450px; float:left;}
.a-z ul li				{width:150px; float:left; margin-bottom:1px;}
.a-z ul li.title		{width:450px;}

.search					{float:left; margin:11px; width:228px; height:25px; background:#fff; border:1px solid #ccc; }
.search .search-input	{float:left; width:183px; height:19px; border:0; text-transform:uppercase; font-weight:normal; color:#666; font-size:0.8125em; padding:5px 10px 1px; font-family:arial;}
.search .search-button	{float:left; margin:2px; width:21px; height:21px; padding:0; border:none;}


/* Content */

#content				{clear:both; float:left; width:954px; margin-top:38px;}

.three-col .col-1		{float:left; width:238px; margin-right:25px; overflow:hidden;}
.three-col .col-2		{float:left; width:382px; margin-right:38px;}
.three-col .col-3		{float:left; width:271px;}

.three-col-left-nav .col-1	{float:left; width:150px; padding-right:20px;}
.three-col-left-nav .col-2	{float:left; width:382px; margin-right:38px;}
.three-col-left-nav .col-3	{float:left; width:364px;}

.two-col-right-nav .col-1	{float:left; width:643px; margin-right:40px;}
.two-col-right-nav .col-2	{float:left; width:271px;}

.one-col .col-1			{float:left; width:954px;}

.col-1, .col-2, col-3	{overflow:hidden;}

.col-3 h2				{font-weight:normal; text-transform:none;}

.left-nav				{margin:0 0 18px; font-size:0.8125em;}

.section				{float:left; margin-top:0; width:100%; padding-bottom:12px; margin-bottom:10px; border-bottom:1px dashed #ccc;}
.section p				{color:#666;}

.module					{clear:both; float:left; margin-bottom:20px;}
.module p				{color:#666;}

.details li				{color:#666; font-size:0.875em;}
.details li span		{color:#222;}

.formats				{float:left; display:inline;}
.formats li				{float:left; margin:0 1px 0 0; font-size:0.8125em; text-transform:uppercase; line-height:1em;}
.formats li a			{display:block; color:#e15500; background:#f0f0f0; border-bottom:1px solid #fff; padding:10px 10px; font-weight:bold;}
.formats li a:hover		{color:#fff; background:#888;}
.formats li .on			{border-bottom:1px solid #00aab9; color:#fff; background:#00aab9;}

.format-details			{float:left; color:#fff; background:#00aab9; padding:15px; width:334px; text-align:right;}
.format-details div		{clear:both; float:right;font-size:0.8125em;}
.format-details div span	{font-size:1.1em; font-weight:bold;}
.format-details div.tracks	{margin-top:5px;}
.format-details .button-wht	{margin-left:6px; padding:5px 6px; font-size:0.875em; position:relative; top:-1px;}

.format-tracks			{float:left;}
.format-tracks table	{float:left;}
.format-tracks tr		{float:left; width:364px; background:#f2f2f2; border-bottom:1px solid #e5e5e5; font-size:0.875em;}
.format-tracks .alt		{background:#ededed;}
.format-tracks tr td	{padding:5px 0;}
.format-tracks .play	{display:block; overflow:hidden; float:left; width:21px; height:21px; margin-left:8px; text-indent:-999em; background:url(/i/icon-play-small.gif) 0 0 no-repeat;}
.format-tracks .number	{color:#666; font-size:0.875em;}
.format-tracks .button-wht	{float:right; border-color:#b5b5b5; padding:5px 5px; font-size:0.75em; margin-right:15px;}

.panel					{display:none;}
#mp3					{display:block;}

.items					{float:left; width:364px; overflow:hidden;}
.items .item			{float:left; width:110px; margin-left:17px; margin-bottom:17px; position:relative; left:-17px;}
.items .item a			{float:left;}
.items .item .button	{font-size:0.8125em; margin-top:6px;}

.dates					{clear:both; float:left; border-top:1px solid #e5e5e5; width:100%;}
.dates li				{font-size:0.6875em; margin-bottom:3px; padding:4px 0; color:#666;border-bottom:1px solid #e5e5e5; width:100%;}
.dates li a				{font-weight:bold; font-size:1.2em;}

.release				{clear:both; float:left; margin-bottom:15px;}
.release img			{float:left; margin-right:10px; width:106px;}
.release .release-desc	{float:left;}
.release span			{display:block; font-size:0.875em; color:#999;}
.release p				{margin:0;}
.release .button		{margin-top:6px; float:left; font-size:0.875em;}
.release .soon			{text-transform:uppercase; color:#00aab9; font-weight:bold; font-size:0.625em;}
.release .buy			{text-transform:uppercase; color:#00aab9; font-weight:bold; font-size:0.625em;}

.col-2 .release			{width:382px;}

.col-3 .release			{width:270px;}
.col-3 .release .release-desc {width:154px;}

.col-1 .release			{clear:none; width:106px; margin-right:12px;}
.col-1 .release .release-desc {width:106px;}

.format-btn				{float:left; font-size:0.8125em; color:#fff; width:100.5px;}
.format-btn.over		{background:#00aab9;}
.format-btn li			{float:left;}
.format-btn li a		{padding:4px 4px; background:#e15500; color:#fff; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.format-btn li a:hover	{background:#00aab9; border-bottom:1px solid #00aab9; text-decoration:none;}
.format-btn .price		{padding:4px 6px; text-align:right; border:1px solid #fff; border-top:none; border-left:none;}
.format-btn .button		{margin-top:0px;}

.comment-author { font-size:0.825em; margin-bottom:5px; }

.posted, .commentmetadata			{font-size:0.6875em; color:#666; margin-top:-6px;}
.posted strong, .commentmetadata strong		{color:#333;}

.blog li				{clear:both; margin-bottom:6px; color:#666;}
.blog h5				{color:#222;}
.blog p					{margin-top:0; margin-bottom:3px;}
.blog p span			{font-size:0.8125em; color:#999; font-style:italic;}
.blog .button			{float:left; font-size:0.875em; margin-bottom:6px;}

.cover					{margin-bottom:12px;}

.reviews li, .comment-list li				{clear:both; float:left; padding-bottom:0px; margin-bottom:10px; border-bottom:1px dashed #e5e5e5;}
.reviews li img, .comment-list li img			{float:left; margin-right:15px; margin-bottom:10px;}
.reviews li .button, .comment-list li .button		{font-size:0.8125em; margin-bottom:10px;}
.reviews li h2 a, .comment-list li h2 a		{color:#222;}

.comment-list li { float:none; width:100%; }

.review-list li			{font-size:0.8125em; margin-bottom:3px;}
.review-list li ul 		{ padding-bottom:10px; }
.review-list li h3 		{ font-size:1.0em; }
.review-list li ul 	li	{ font-size:1.1em; }

.review-image			{float:left; margin-right:15px; margin-bottom:10px;}

.artists-az				{float:left; margin-bottom:17px;}
.artists-az li			{float:left; margin-right:1px; font-size:0.75em; line-height:1em;}
.artists-az li a		{display:block; width:17px; height:18px; text-transform:uppercase; color:#333; font-weight:bold; padding:8px 0 0 9px; background-color:#f2f2f2;}
.artists-az li a:hover	{color:#fff; background:#888;}
.artists-az .active		{color:#fff; background:#00aab9;}

.artists				{float:left; position:relative; left:-22px; width:976px;}
.artists li				{float:left; position:relative; top:0; margin:0 0 22px 22px; width:140px; height:140px; background:red;}
.artists li p			{position:absolute; bottom:0; left:0; margin:0; padding:6px 10px 7px; width:120px; background:url(/i/bg-70.png) 0 0 repeat; line-height:1.1em;}

.discography                        {float:left; position:relative; left:-22px; width:976px;}
.discography li                        {float:left; margin:0 0 22px 22px; width:140px;}
.discography li p                {margin:3px 0 12px; line-height:1.1em;}

.artist-image			{float:left; margin-right:40px; margin-bottom:10px;}
.artist-details			{float:left; margin-bottom:10px; padding-bottom:10px; width:320px;}
.artist-details	h4		{margin-top:15px;}
.art h3					{margin-bottom:12px;}

.release-form table		{width:900px;}
.release-form textarea	{width:300px; height:100px;}
.release-form td		{padding:6px 5px;}
.release-form label		{font-size:0.875em;}
 .form-button	{padding:4px; border:1px solid #e15500; position:relative; top:1px; width:120px; background:#e15500; color:#fff; text-transform:uppercase; font-weight:bold; font-size:0.8125em; height:28px; margin-right:1px;}
.release-form .form-date	{width:45px;}
.release-form .select-sml	{width:140px;}
.release-form .form-button-lrg	{padding:4px; border:1px solid #e15500; position:relative; top:1px; width:200px; background:#e15500; color:#fff; text-transform:uppercase; font-weight:bold; font-size:0.8125em; height:28px; margin-right:1px;}
.release-form .browse	{padding:0 0 6px;}
.release-form .checkbox	{width:40px;}
.release-form h3		{margin-top:24px; width:100%;}



/* footer */

#footer					{float:left; width:954px; border-top:1px solid #ccc; padding:12px 0 6px; margin-top:50px;}


/* filters */

*html #artist-finder	{background:url(/i/bg-artist-finder.gif) 0 0 no-repeat;}

*html #page-wrapper		{background:url(/i/bg-page-inner.gif) 0 0 repeat-y;}
*html #page-foot		{background:url(/i/bg-page-foot.gif) 50% 0 no-repeat; }



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */