@import url(reset.css);
@charset  "UTF-8";

/* CSS Document */
s

.indent1 { margin: 0 0 0 10px;}

.quote
{
	margin: 4px 0 0 50px;
}

.justify
{
	font-family: Times New Roman, Serif;
	text-align: justify;
}

em { font-style: italic; }

.topimage
{
	width: expression(219 + "px");
	display: block;
}

.post { margin: 0px; }

#container
{
	margin: 0 0 0 105px;
	height: 7000px;
	width: 832px;
	background-color: white;
}

#content li, ul
{
	margin: 0px;
	text-indent: 0px;
	padding: 0;
}

.date
{
	color: #d9d3bc;
	font-family: Times New Roman, Serif;
	font-size: 9px;
	text-transform: uppercase;
	margin: 32px 0px 10px 0px;
	letter-spacing: 2px;
	border-width: 0 0 1px 0;
	border-color: #d9d3bc;
	border-style: none none dotted none;
}

#content
{
	font-size: 11px;
	line-height: 150%;
	width: 376px;
	color: #666;
	margin: 0px 0 0 0;
	padding: 20px 20px 20px 20px;
	float: left;
	font-weight: lighter;
	letter-spacing: 0px;
	clear: none;
}

#sidebar
{
	width: 415px;
	color: #666666;
	font-family: Times New Roman, Serif;
	font-size: 11px;
	line-height: 150%;
	list-style: none;
	padding: 0 0 0 416px;
	margin: 0;
}

#sidebar embed { background-image: url(http://www.mutablesound.com/images/flashback.gif); }


.ie #sidebar
{
	position: absolute;
	right: 0px;
	left: 105px;
	top: -8px;
	bottom: 00px;
}

.win #sidebar { font-size: 10px; }
.linux.gecko #sidebar { font-size: 9px; }

#content. single
{
	font-size: 11px;
	line-height: 150%;
	width: 400px;
	margin: 50px 0 0 0;
	padding: 0px 0px 20px 20px;
	float: left;
}

#header
{
	height: 250px;
	margin-left: 420px;
}

.powerpress_links
{
	display:none;
}

#footer p
{
	font-size: 9px;
	font-family: Verdana, sans-serif;
	color: #a6b8d3;
	text-transform: uppercase;
	margin: 0 0 0 420px;
	display: block;
	line-height: 30px;
	clear: both;
	width: 400px;
}

h1
{
	font-family: Times New Roman, Serif;
	font-weight: normal;
	font-size: 3.8em;
	line-height: 0.9em;
}

h2
{
	font-family: Times New Roman, Serif;
	font-weight: normal;
	font-size: 18px;
	color: #666666;
	text-decoration: none;
	line-height: 20px;
	border-bottom: none;
	margin: 0 0px 5px 0px;
	list-style: none;
}

.artist
{
	font-family: Times New Roman, Serif;
	font-weight: normal;
	font-size: 18px;
	color: #666666;
	text-decoration: none;
	line-height: 20px;
	border-bottom: none;
	margin: 0 0px 0px 0px;
	list-style: none;
}

strong
{
	font-weight: bold;
	font-size: 90%;

}

h2 a
{
	color: #666666;
	letter-spacing: 0px;
	line-height: 19px;
	text-decoration: none;
	border-bottom: none;
}

h2 a:hover
{
	text-decoration: underline;
	margin: 0;
}

h2 a:visited
{
	color: #666666;
	margin: 0;
}

h2 a:active
{
	color: #666666;
	margin: 0;
}

#sidebar a
{
	color: #666666;
	text-decoration: none;
	border-bottom: none;
	margin: 0 0px 0 0px;
	text-indent: 0;
	text-align: left;
	line-height: 150%;
}

#sidebar li a { margin: 0 15px 0 15px; }
#sidebar ul li a { margin: 0 0px 0 0px; }
.linux.gecko #sidebar a { font-size: 9px; }

#sidebar li
{
	margin: 0 0px 0 0px;
	text-indent: 0;
	line-height: 150%;
}

#sidebar p
{
	border-bottom: none;
	margin: 0 15px 0 15px;
	text-indent: 0;
	line-height: 150%;
}

#sidebar a:hover { text-decoration: underline; }
#sidebar a:hover h3 { text-decoration: none; }
#sidebar h3 a:hover { text-decoration: none; }
#Title a { margin: 0; }

a
{
	color: #adbadc;
	margin: 0;
	text-indent: 0;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
	margin: 0;
}

a:visited
{
	color: #adbadc;
	margin: 0;
}

a:active
{
	color: #adbadc;
	margin: 0;
}

.date a { color: #d9d3bc; }

.date a:hover
{
	color: #d9d3bc;
	text-decoration: underline;
}

.ie #sidebar
{
	font-size: 11px;
	margin: 8px 15px 0 0px;
	line-height: 150%;
	text-indent: 0px;
}

.ie #tab1 li a { margin: 0px; }

.ie #sidebar li h2
{
	margin: 8px 0px 0 0px;
	font-size: 10px;
}

#sidebar2 { font: 11px Times New Roman, Serif; }

#sidebar h2
{
	font-weight: bold;
	font-size: 11px;
	line-height: 150%;
	padding: 0 0 0px 0;
	margin: 8px 15px 0 15px;
	list-style: none;
	color: #666666;
}

#sidebar h3
{
	letter-spacing: 3px;
	font-size: 8px;
	font-weight: light;
	text-transform: uppercase;
	font-family: Times New Roman, Serif;
	color: #FFF;
	margin-bottom: 15px;
	border-color: #FFF;
	border-width: 0 1px 1px 0px;
	border-style: solid;
	background-color: #e3e2e0;
	height: 18px;
	width: 100px;
	padding: 2px 0 0 18px;
}

.safari #sidebar h3
{
	font-family: Times New Roman, Serif;
	font-size: 9px;
	text-decoration: none;
}

.audioplayer_container { margin-top: 4px; }
#sidebar #columnR h3 { background-color: #dfdedd; }
#sidebar #columnR a:hover h3 { background-color: #e3e2e0; }
#sidebar #columnL a:hover h3 { background-color: #e9e8e6; }

#sidebar ul, li
{
	margin: 0px 15px 0px 15px;
	padding: 0;
	list-style: none;
	text-indent: 0;
	line-height: 150%;
}

.ie #sidebar ul, li, p { }

#tab1
{
	background-color: #e3e2e0;
	border-color: white;
	border-width: 1px;
	border-style: none none solid none;
}

#tab2
{
	background-color: #e9e8e6;
	border-color: white;
	border-width: 1px;
	border-style: none none solid none;
}

#columnL
{
	width: 207px;
	height: 6584px;
	background-color: #e9e8e6;
	float: left;
	margin: 0;
	padding: 0;
	border-color: white;
	border-width: 1px;
	border-style: solid solid none none;
	background-repeat: repeat;
}

#columnR
{
	width: 207px;
	height: 6584px;
	background-color: #e3e2e0;
	float: right;
	margin-left: -100px;
	padding: 0;
	border-color: white;
	border-width: 1px;
	border-style: solid none none none;
	background-repeat: repeat;
	display: inline;
}

div.navigation
{
	color: #adbadc;
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	text-transform: uppercase;
	margin: 0px 0 0px 0;
	text-decoration: none;
}

div.navigation:hover
{
	color: #adbadc;
	text-decoration: underline;
}

#content img
{
	padding: 0 0 0px 0;
	max-width: 376px;
	height: auto;
	border-width: 0px;
	clear: none;
}
.ie5 .size-full
{
	width: 376px;
	height: 282px;

}

img.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright
{
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft { margin: 0 0px 0px 0; }


.alignright { float: right; }

input
{
	background-color: #FFFFFF;
	height: 15px;
	font-family: verdana,sans-serif;
	letter-spacing: 0px;
	font-size: 9px;
	color: #adbadc;
	border: none;
	width: 178px;
	text-indent: 5px;
	vertical-align: bottom;
	margin: 0 0 10px 0;
}

.ie #mailinglistform{
	margin: 0px 0px 0px 7px;
	text-indent: none;
}
.ie #FirstName{
	margin: 0px 0px 10px -5px;
	text-indent: none;
}


.submit
{
	background-color: #adbadc;
	font-family: verdana,sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #FFF;
	height: 17px;
	width: 84px;
	letter-spacing: 2px;
	text-align: top;
	border-color: #FFF #A6B8D3 #A6B8D3 #FFF;
	border-width: 1px;
	border-style: solid;
	text-indent: 0px;
	padding: 0px 0px 0px 0px;
}

.webkit .submit
{
	font-size: 9px;
	padding: 0px 0px 0px 0px;
}

#mailinglistform
{
	width: 180px;
	margin: 0 15px 0 15px;
}

.album {
   clear: both;
   overflow: hidden; 
}
.album img {
    width: 60px;
	height: auto;
	margin: 0 10px 18px 15px;
	border-color: #FFF #796071 #796071 #FFF;
	border-width: 1px;
	border-style: solid;
	float: left;
}

.album .album-info {
    margin: 0 5px 15px 60px;
}

#catalogTitle
{
	margin: 0 15px 0 0px;
	text-indent: 0;
}

#catalogTitle i
{
	color: #666666;
	margin: 0;
}

#littlelink
{
	color: #adbadc;
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	text-transform: uppercase;
	margin: 0px 0 0px 0;
	text-decoration: none;
}

a.more-link
{
	color: #adbadc;
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	text-transform: uppercase;
	margin: 0px 0 0px 0;
	text-decoration: none;
}

a.more-link:hover
{
	color: #adbadc;
	text-decoration: underline;
}

.wp-caption-text
{
	font-family: Times New Roman, Serif;
	font-size: 11px;
	font-style: italic;
	padding: 0px;
	margin: 3px 0px 0px 0;
}

.aditinfo
{
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
	color: #d9d3bc;
}



#sidebar .aditinfo a
{
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	color: #bebdbd;
	text-transform: uppercase;
}

.aditinfo a:hover { text-decoration: underline; }

.button { display: none; }
.musicbuttonno{ display: none; }
.buttoncart input
{
	display: inline;
	height: 17px;
	width: 84px;
}

.buttonmusic input
{
	display: inline;
	height: 17px;
	width: 84px;
}

.buttonno #details { display: inline; }
.button input { display: none; }
.buttonno input { display: none; }
.buttonmusic input { display: none; }
.musicbuttoncart{ display: none; }
.musicbuttonmusic{ display: inline; }


#details
{
	color: #666666;
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	text-transform: uppercase;
	margin: 0px;
}

#sidebar #status a
{
	text-transform: uppercase;
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	color: #bebdbd;
}

.indent{
	margin-left: 15px;
	margin-right: 15px;

}



/* home page */


#home-page { background-image: url(images/homepattern.gif); }

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	body { padding: 0px }
	.panel h2.title { display:none; }
	noscript div { display:none; }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0px 0 }
	.coda-slider { background: #ebebeb }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 420px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 420px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { display:none; }
	
	/* Tab nav */
	.coda-nav ul li a.current { display:none; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	.panel	
	{
	
		
	}
	
.panel-wrapper	
	{
		width: 419px;
		height: 419px;
		overflow: hidden;
		border-color: #dad5be;
		border-width: 0 1px 1px 0;
		border-style: solid;	
	}
	
	
	/* Preloader */
	.coda-slider p.loading { padding: 0px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { display:none; }
	.coda-nav ul li { display:none; }
	.coda-nav ul li a { display:none; }
	
	/* Miscellaneous */
	.coda-slider-wrapper	
	{
		clear: both;
		overflow: auto;
		margin: 105px 0 0 105px;
	}
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a {display:none;}
	
#javaheader
{
	background-color: #0F9;
	display: block;
	padding: 0;
}

#javaheader .coda-slider-wrapper	
	{
		clear: none;
		margin: 0px;
		height: 415px;
		overflow: hidden;

	}
	
#javaheader .panel-wrapper2
{
	width: 419px;
	height: 419px;
	overflow: hidden;
	border-color: #ffffff;
	border-width: 0 1px 1px 0;
	border-style: solid;
}	
	
#javaheader .panel-wrapper img
	{

		width: 419px;
		height: 419px;
		padding: 0;
		margin: 0 0 0 -20px;
		
	}
	
#javaheader .panel-wrapper2 img
	{

		width: 419px;
		height: 419px;
		padding: 0;
		margin: 0 0 0 0px;
		
	}

#javaheader .panel-container
	{


		padding: 0;
		margin: 0;
		
	}