@charset "utf-8";
/* CSS Document */

/*
		Web Desgin
		Plankton Web Design
		http://www.michaelstorytrio.com
		story.michael@gmail.com
	
	
		ORANGE	#e86a25
		CREAM		#fcf5e3
		leading 	17px
		
*/

/*

	Rest
		
*/
*							{margin: 0; padding: 0;}
html						{background: #000 url(img/bg_home.jpg) no-repeat; background-position: top center; -webkit-text-size-adjust: none;}
body, html						{height: 100%;}
body						{font-size: 62.5%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", 
							"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; color: #fcf5e3; letter-spacing: 0.099em; text-align: center;}

ul							{list-style: none;}
ol							{list-style: none;}
a							{outline: none; text-decoration: none; color: #000;}
a img					{border: none;}
img						{vertical-align: middle;}
table						{border-collapse: collapse;}
h1, h2, h3, h4, h5, h6	{font-weight: normal;}

cite						{font-size: 1.2em; line-height: 1.4166em; margin: 0 0 0 321px;}
h2							{line-height: 1.1333334em; font-size: 1.5em;}

/*

	LINKS
		
*/

a							{color: #e86a25; text-decoration: underline;}
p a					{color: #fcf5e3;}
p a:visited 		{color: #fcf5e3;}
p a:hover		{color: #e86a25;}
p a:active 		{color: #e86a25;}
p a 				{outline: none;}
cite a					{color: #fcf5e3;}
cite a:visited 		{color: #fcf5e3;}
cite a:hover		{color: #e86a25;}
cite a:active 		{color: #e86a25;}
cite a 				{outline: none;}
ul#order-links li a 				{outline: none;}
a.more-content					{color: #fcf5e3;}
a.more-content:visited 		{color: #fcf5e3;}
a.more-content:hover		{color: #e86a25;}
a.more-content:active 		{color: #e86a25;}
a.more-content 				{outline: none;}
body#contact div.main-content-full-width a {color: #fcf5e3;}
body#contact div.main-content-full-width a:visited 		{color: #fcf5e3;}
body#contact div.main-content-full-width a:hover		{color: #e86a25;}
body#contact div.main-content-full-width a:active 		{color: #e86a25;}
body#contact div.main-content-full-width a				{outline: none;}
body#press div.main-content-full-width a {color: #fcf5e3;}
body#press div.main-content-full-width a:visited 		{color: #fcf5e3;}
body#press div.main-content-full-width a:hover		{color: #e86a25;}
body#press div.main-content-full-width a:active 		{color: #e86a25;}
body#press div.main-content-full-width a				{outline: none;}
/*

	Utility
	
*/

.clearleft					{clear: left;}
.clearright					{clear: right;}
.clear						{clear: both;}
.rounded {
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
   background: url(img/trans.png)	;
} 

/* 

	Structure 
	
*/
div#page-wrap	 			{margin: 0 auto -50px; width: 990px; min-height: 100%; height: auto !important; overflow: none; padding: 0px 2px 0px 2px; text-align: left;  }

div#push					{height: 40px;}

a.album-cover			{float: left; width: 295px; height: 298px;}

body#home blockquote p,
body#listen blockquote p	{width: 384px; margin: 1.7em auto 0;}

body#home div.main-content	{width: 588px; float: right;}
body#home div.sub-content	{width: 990px; float: left; margin: 1.7em 0 0 0;}

div.main-content-full-width {width: 990px; float: left;}

body#listen div.main-content	{width: 588px; float: right;}

div.large-content-wrap			{width: 907px; margin: 1.7em auto;}

/* 

	Branding
	
*/

h1 span							{text-indent: -9999px; position: absolute;}


/* 

	Navigation
	
*/

div#navigation ul li		{display: inline; }
div#navigation				{background: url(img/logo.png) no-repeat; width: 988px; height: 110px; margin-top: 2px;}
div#navigation li a	 		{text-decoration: none; margin: 25px 29px 0 0; float: left; font-size: 16px;}

div#navigation li.story a	{margin-left: 25px;}
div#navigation li.mailing-list a {margin-right: 0px;}
div#navigation li.home	 a	{text-indent: -9999px; width: 141px; height: 79px; margin-top: 0px;}
					
li.story a:hover,
li.listen a:hover,
li.reviews a:hover,
li.order a:hover,
li.press a:hover	,
li.contact a:hover,
li.larry a:hover ,
li.mailing-list a:hover				{color: #fcf5e3;}

body#story div#navigation ul li a.story,
body#listen div#navigation ul li a.listen,
body#reviews div#navigation ul li a.reviews,
body#order div#navigation ul li a.order,
body#press div#navigation ul li a.press,
body#contact div#navigation ul li a.contact,
body#larry div#navigation ul li a.larry,
body#mailing-list div#navigation ul li a.mailing-list,
body#mailing-list-thanks div#navigation ul li a.mailing-list {color: #fcf5e3;} 





/*

	Footer
	
*/

#footer								{height: 40px;}
#footer-inside						{width: 990px; margin: 0 auto;}
#footer-inside p					{font-size: 1.2em; line-height: 1.4166em; margin-top: 1.2em; margin-bottom: 0px; }
#footer-inside p#copyright			{margin-left: 17px;}
#footer-inside p#designer			{margin-right: 17px; text-align: right;}


/*

		HOME PAGE

*/


body#home div.main-content p	{font-size: 1.2em; line-height: 1.4166667em; margin-bottom: 1.7em; width: 515px; margin: 1.7em auto;}


div#the-trio								{width: 400px; float: left; margin: 1.7em 0 0 0;}
ul#trio-photos li							{font-size: 1.2em; line-height: 1.4166667em; float: left; width: 190px; padding-bottom: 1.7em;}								
ul#trio-photos li#mike,
ul#trio-photos li#danny,
ul#trio-photos li#luke				{margin: 30px 0 0 0; text-align: center;}

div#gig-guide							{float: right; width: 551px; margin: 1.25em 0 0 0;}
div#gig-guide h2					{margin: 0 0 1.7em 0;}
div#gig-guide ul						{font-size: 1.2em; line-height: 1.4166667em;}
div#gig-guide ul li.title			{margin: 0 0 1.7em 0; width: 551px;}
div#gig-guide ul li					{float: left; width: 551px;}
div#gig-guide span					{width: 80px; float: left;} 

body#home div.main-content blockquote p	{width: 384px; margin: 1.7em auto 0;}

div#gig-guide p {font-size: 1.2em; line-height: 1.4166667em; margin-top: 1.4166667em;}
div#gig-guide img {margin-top: 2em;}
/*

		STORY PAGE

*/

body#story div.main-content-full-width p {font-size: 1.2em; line-height: 1.4166667em; margin: 1.7em 0 0 0;}

body#story div.sections	{width: 911px; float: left; margin: 1.7em 0 1.7em 40px;}

body#story div#section1 div.text-wrap {width: 506px; float: left; margin: 0 33px 0 0;}
body#story div#section2 div.text-wrap {width: 505px; float: right; }
body#story div#section3 div.text-wrap {width: 506px; float: left; margin: 0 33px 0 0;}
body#story div#section4 div.text-wrap {width: 505px; float: right; }
body#story div#section4	{margin-bottom: 3.4em;}



/*

		REVIEWS PAGE

*/

body#reviews h2 span			{position: absolute; text-indent: -9999px; width: 68px; height: 17px; background: 			url(img/star.png) repeat-x; margin: 0 0 0 5px; }

body#reviews cite					{margin: 1.7em 0 3.4em 0; display: block; font-style: normal;}
body#reviews cite	 a					{color: #fcf5e3;}
body#reviews cite	 a:visited 		{color: #fcf5e3;}
body#reviews cite	 a:hover		{color: #e86a25;}
body#reviews cite	 a:active 		{color: #e86a25;}
body#reviews cite	 a 				{outline: none;}

body#reviews p {width: 911px; font-size: 1.2em; line-height: 1.4166667em; margin: 1.7em auto; }

/*

	LISTEN
	
*/

body#listen div.main-content p,	 
body#listen div.main-content ul		{font-size: 1.2em; line-height: 1.4166667em; width: 357px; margin: 1.7em auto;}
body#listen div.main-content span	{width: 50px; float: left;}

body#listen cite										{display: block; margin-bottom: 3.4em;}

body#listen blockquote p	{width: 357px; margin: 1.7em auto 0;}

object#myContent 			{margin: 1.7em auto; width: 357px; display: block;}
/*

	ORDER
	
*/

body#order div#order-wrap		{float: left; width: 990px;}
body#order div.main-content  {float: left; width: 511px; height: 633px; overflow: auto;}

body#order div.main-content ul		{font-size: 1.2em; line-height: 1.4166667em; width: 425px; padding: 1em 0 1em 0; margin: 0 auto;  text-align: center;}

body#order div.main-content ul li	{display: inline; margin-right: 14px;}
body#order div.main-content ul li a {text-decoration: none;}
body#order div.main-content ul li#contact-us {margin-right: 0px;}
body#order div.main-content p, 
body#order div.main-content h2,
body#order div.main-content a.more-content {font-size: 1.2em; line-height: 1.4166667em; width: 425px; padding-bottom: 1.7em; margin: 0 auto;display: block;}
body#order div.main-content h2	{padding-bottom: 1em;}
body#order div.main-content img.album	{width: 295px; margin: 3.4em 0 1.7em 104px;}
body#order div.main-content img.ffr			{width: 176px; margin: 3.4em 0 1.7em 157px;}
ul#order-links li a.order:hover,
ul#order-links li a.faqs:hover,
ul#order-links li a.guarantee:hover,
ul#order-links li a.ffr:hover,
ul#order-links li a.contact:hover		{color: #fcf5e3;} 

body.order ul#order-links li a.order,
body.faqs-page ul#order-links li a.faqs,
body.guarantee-page ul#order-links li a.guarantee,
body.ffr-page ul#order-links li a.ffr,
body.contact ul#order-links li a.contact		{color: #fcf5e3;} 

div#paypal			{float: right; width: 405px;}

div#australian-orders,
div#international-orders	{width: 196px; float: left;}

div#paypal h3,
div#paypal h4 {line-height: 1.1333334em; font-size: 15px; width: 196px; float: left; text-align: center; margin: 1em 0 1em 0;}
div#paypal h4 {margin-bottom: 0.5em;}
div#paypal	 img	{margin-left: 50px;}
div#paypal	 input.button {margin-left: 54px; padding-bottom: 1.7em; border: none; float: left;}
div#paypal	 fieldset	{display: inline; border: none;}

/*

	LARRY
	
*/


body#larry div.main-content-full-width p {font-size: 1.2em; line-height: 1.4166667em; margin: 1.7em 0 1.7em 0;}

/*

	CONTACT
	
*/


body#contact div.main-content-full-width ul {font-size: 1.2em; line-height: 1.4166667em; margin: 0.7em 0 0 0;}
body#contact div.main-content-full-width h2.margin-top	{margin: 1.7em 0 0 0;}

/*

	PRESS
	
*/

body#press div.main-content-full-width li	{font-size: 1.2em; line-height: 1.4166667em;} 
body#press div.main-content-full-width ul.pics-links li		{display: inline;}
body#press div.main-content-full-width h2,
body#press div.main-content-full-width h3		{margin: 1.7em 0 0 0; float: left; width: 907px; font-size: 1.2em; line-height: 1.4166667em;}
body#press div.main-content-full-width h3.downloads {margin: 1.7em 0 3.4em 0;}
body#press ul.thumbs {float: left; height: 147px;}
body#press ul.thumbs li a {background: url(img/press-pics/thumbs.jpg); width: 83px; margin: 0.4em 7px 0.4em 0; float: left; display: block; }
body#press ul.thumbs li a.last {margin-right: 0px;}
body#press ul.thumbs li.pic1 a {height: 56px; margin-bottom: 71px;}
body#press ul.thumbs li.pic2 a {background-position: 0px -56px; height: 124px;}
body#press ul.thumbs li.pic3 a {background-position: 0px -180px; height: 124px;}
body#press ul.thumbs li.pic4 a {background-position: 0px -304px; height: 56px; margin-bottom: 71px;}
body#press ul.thumbs li.pic5 a {background-position: 0px -360px; height: 56px; margin-bottom: 71px;}
body#press ul.thumbs li.pic6 a {background-position: 0px -416px; height: 124px;}
body#press ul.thumbs li.pic7 a {background-position: 0px -540px; height: 124px;}
body#press ul.thumbs li.pic8 a {background-position: 0px -664px; height: 56px; margin-bottom: 71px;}
body#press ul.thumbs li.pic9 a {background-position: 0px -720px; height: 124px;}
body#press ul.thumbs li.pic10 a {background-position: 0px -844px; height: 56px; margin-bottom: 71px;}
body#press ul.downloads a		{width: 83px; margin-right: 7px; text-align: center; display: block; float: left;}
/*

	MAILING LIST
	
*/

div#mailing-list-wrap fieldset				{border: none; font-size: 1.2em;}

div#mailing-list-wrap input			{background: #232324; padding: 5px 0 0 5px; border: none; font-family:verdana; color: #c3c3c5; position: relative; font-size: 0.9em; color: #c3c3c5; resize: none; width: 443px;}
div#mailing-list-wrap input					{margin-bottom: 0.55em; width: 450px; height: 20px; margin-bottom: 8px;}
div#mailing-list-wrap input.submit-button		{ padding: 3px 5px; width: 52px; height: 20px; border: none; }
div#mailing-list-wrap input#Email		{margin-bottom: 10px;}
div#mailing-list-wrap	{width: 480px; padding: 1.7em;}

div#mailing-list-wrap h2	{font-size: 1.2em; margin-bottom: 1.2em;}

form#mailinglist		{margin: 10px 0 0 0; border: none;}

span.dashes				{color: #00aeef;} 

label.error 			{position: relative; top: 0px; left: 0px; margin: 0px 3px 4px 3px; color: #da3939; font-size: 1.0em; text-align: left; font-style: italic; font-weight: normal; display: block;}

div#mailing-list-wrap p		{margin-top: 1.7em; font-size: 1.2em; line-height: 1.4166667em; width: 447px;}