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

	
	/* OLD */
		
		
	div#body div#whatyouget img.shot {
		margin: 5px 0px 10px 0px;
		xpadding-bottom: 10px;
		float: left;
	}
	div#body div#whatyouget ul {
		margin: 0px 0px 0px 21px;
		padding: 0px;
		list-style-type:none; font-size: 12px; font-weight: bold;
		float: left;
		width: 210px;
	}
	div#body div#whatyouget li {
		margin-bottom: 4px;
	}
	
	/* Note: these class-names no longer match the actual colours */
	
	div#body div#whatyouget li span.green {
		color: #d53738;
	}
	div#body div#whatyouget li span.orange {
		color: #e74c9b;
	}
	div#body div#whatyouget li span.torquoise {
		color: #fe9c24;
	}
	div#body div#whatyouget li span.pink {
		color: #45a173;
	}
	div#body div#whatyouget li span.red {
		color: #3576cf;
	}
	div#body div#fiveeasysteps img.shot {
		margin-top: 8px;
		margin-top: 0px;
	}
	
	div#body a.browsethegallery { width: 190px; margin: 5px 0px 0px 64px; }
	div#body a#browsethegallery_sm { width: 166px; margin: 0 0px 0px 88px; }
	div#body a#gotagiftcode { width: 240px; margin: 0 0px 0px 88px; }
	div#body a#festive { width: 196px; margin: 90px 0px 0px 58px; }
	#got-a-gift-code a, #we-want-feedback a{ position:absolute; bottom:0; right:0; }
	
	
	div#body a.browsethegallery, div#body a#browsethegallery_sm, div#body a#festive, div#body a#gotagiftcode {
		font-size: 14px;
		text-decoration: none;
		color: #fff;
		display: block;
		xposition: absolute;
		padding: 3px 24px 3px 8px;
		height: 18px;
		overflow: hidden;
		font-weight: bold;
		border-color: #153022;
		border-style: solid;
		border-width: 1px 0px 0px 1px;
		background:#000 url(/static/img/misc/white-arrow-on-black.gif) center right no-repeat;
	}
	div#body a.browsethegallery:hover, div#body a#browsethegallery_sm:hover, div#body a#festive:hover, div#body a#gotagiftcode:hover {
		color: #000;
		background:#fff url(/static/img/misc/black-arrow-on-white.gif) center right no-repeat;
		border-bottom:0;
	}
	
	
#we-want-feedback{ width:287px; height:129px; background:url(../img/shots/we-want-your-feedback.jpg); position:relative; }
#say-it-with-mixa{ width:287px; height:154px; background:url(../img/shots/say-it-with-mixa.jpg); position:relative; }

#got-a-gift-code{ width:287px; height:129px; background:url(../img/shots/got-a-gift-code.jpg); position:relative; }


	
	#festive { height:148px; background:url(/static/img/shots/festive_3weeks.jpg) top center no-repeat; cursor:hand; cursor:pointer; }
	
	div#body div.hatched.width_303 div#festive h3 {
		background:#48a77d url(../img/headings/green_hatch_on_festive_right.gif) no-repeat right;
		line-height:21px;
		padding: 3px 24px 3px 6px;
	}
	
div#blog-feed{ margin-bottom:10px; position:relative; min-height:124px; height:auto !important; height:124px; }
div#body div.hatched.width_452 div#blog-feed h3{ background:none; color:#5aa656; margin:0; padding:6px 0 0 6px; display:block; font-weight:700; font-size:1.35em; }
div#body div.hatched.width_452 div#blog-feed h4{ margin:6px 0 0 6px; padding:0; font-size:1em; }
div#blog-feed a{color:#d53738; text-decoration:none;}
div#blog-feed a:hover{ border-bottom:1px dotted #d53738 }
#rss-link{ margin:0; padding:0; background:url(../img/misc/rss-icon.gif); width:29px; height:15px; overflow:hidden; position:absolute; top:6px; left:400px; }
div#blog-feed #rss-link a{ outline:none; text-indent:-9999px; display:block; width:100%; height:100%; border:none; }
div#blog-feed #rss-link a:hover{ border-bottom:0; }
p#blog-meta{ margin:0 0 0 6px; padding:0; }
p#blog-excerpt{ margin:6px 6px 0 6px; padding:0; }

	/* /old NEW: */
	
/*	#limited-editions div#body div.panel {height: 256px;background:#fff url(/static/img/limited-editions/banner.jpg) no-repeat;}*/
	#the-hype-machine div#body div.panel {height: 249px;background:#fff url(/static/img/hype-machine/banner.jpg) no-repeat;}
	#devin-the-dude div#body div.panel {height: 249px;background:#fff url(/static/img/devin-the-dude/banner.jpg) no-repeat; }
	#drowned-in-sound div#body div.panel {height: 249px;background:#fff url(/static/img/drowned-in-sound/banner.gif) no-repeat; }	
	#matt-sewell div#body div.panel {height: 250px;background:#fff url(/static/img/matt-sewell/banner.jpg) no-repeat; }		
	#ben-the-illustrator div#body div.panel {height: 250px;background:#fff url(/static/img/ben-the-illustrator/banner.jpg) no-repeat; }			
	
	div#body div.panel a#buyit {
		font-size: 16px;
		text-decoration: none;
		color: #fff;
		display: block;
		position: absolute;
		padding: 3px 24px 3px 8px;
		height: 18px;
		width: 68px;
		font-weight: bold;
		overflow: hidden;
		margin: 219px 0px 0px 657px;
		background:#000 url(/static/img/misc/white-arrow-on-black.gif) center right no-repeat;
	}
	
	#devin-the-dude div#body div.panel a#buyit {margin: 218px 0px 0px 656px;}
	
	div#body div.panel a#buyit:hover {
		color: #000;
		background:#fff url(/static/img/misc/black-arrow-on-white.gif) center right no-repeat;
	}
	
	div#promo {
	
	}
	div#promo div.content {
		padding: 0px 10px;
	}
	div#promo div.content div.image {
		float: left; width: 285px; margin: 5px 16px 0px 0px;
	}
	
	#devin-the-dude div#promo div.content div#devin-image {width: 289px; margin: 5px 15px 0px -3px;}
	
	div#promo div.content div.copy {
		float: left; width: 402px; margin-bottom: 40px
	}
	div#promo div.content div.copy h4 {
		font-size:14px; margin: 0px 0px 0px 0px;
	}
	div#promo div.content div.copy h5 {
		font-size:12px; margin: 0px 0px 0px 0px;
	}

	div#promo div.content div.copy p a{font-weight: normal; color: #d83719; text-decoration: none; border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #d83719;}
	div#promo div.content div.copy p a:hover {border: 0;}
	div#promo div.content div.copy a.buyit {color: #48a77d; text-decoration:none; font-weight: bold; border: 0; display: block; height: 24px; width: 75px; background: url(/static/img/limited-editions/btn_buyit.gif); text-indent: -9999px; margin: 3px 0 0 0;}	
	div#promo div.content div.copy a.buyit:hover {background-position: 0 -24px;}		


	div#promo div.content div.copy a.buyit:hover {
		color: #000;
	}
	
	div#promo div.parental-advisory {padding: 0 0 0 75px; background: url(/static/img/devin-the-dude/parentaladvisory.gif) no-repeat 0 50%;}
	
	div.hatched_limited_edition {
		/* Just some global styles for the hatched panels on this page */
	}
	
	#bottom-lines {height: 5px;}
	#limited-editions div#promo div.image {padding: 7px 7px 4px 7px; float: left;}
	#limited-editions div#promo div.content {float: right; width: 362px; padding: 0px 0; margin: 8px 0 0 0;}
	#limited-editions div#promo div.copy {width: 350px;  margin: 0; padding: 0;}
	#limited-editions div#promo div.copy h4 {margin: 8px 0 0 0;}
	#limited-editions div#promo div.copy p {margin:8px 0 10px 0; padding: 0;}
	#limited-editions div#promo div.copy em {font-size: 1.1em; margin: 0;}
	#limited-editions div#promo div.copy div.pod-bottom {position: relative; float: left; width: 100%;}
	#limited-editions div#promo div.copy div.information {float: left;}
	#limited-editions div#promo div.copy strong a.findoutmore {text-transform: uppercase; background: #000 url(/static/img/misc/white-arrow-on-black.gif) no-repeat right 50%; font-size: 1em; padding: 5px 0px 5px 5px;display: block; width: 125px;margin: 0 0 0px 0;text-decoration: none;color: #ffffff; float: right; position: absolute; bottom: 0; right: -5px;}
	#limited-editions div#promo div.copy strong a.findoutmore {color: #fff;}
	#limited-editions div#promo div.copy strong a.findoutmore:hover {background: #fff url(/static/img/misc/black-arrow-on-white.gif) no-repeat right 50%; color: #000;}

	div.hatched.width_303 {
		background-color: #fff;
	}
	div.hatched.width_303 div.body {
		background: #fff url(../img/bg/wide_hatches.gif);
		padding: 8px 8px 0px 8px;
		height: 132px;
	}
	
	div.hatched.width_303 div.body h4 {
		margin: 0px 0px 0px 0px;
		font-size: 16px;
		color: #45a173;
	}	
	
	a#signup {
		font-size: 14px;
		text-decoration: none;
		color: #fff;
		display: block;
		position: absolute;
		padding: 3px 24px 3px 8px;
		height: 18px;
		width: 70px;
		overflow: hidden;
		font-weight: bold;
		margin: 108px 0px 0px 177px;
		background:#000 url(/static/img/misc/white-arrow-on-black.gif) center right no-repeat;
	}
	a#signup:hover {
		color: #000;
		background:#fff url(/static/img/misc/black-arrow-on-white.gif) center right no-repeat;
	}
	
	a#ivegotone {
		font-size: 14px;
		text-decoration: none;
		color: #fff;
		display: block;
		position: absolute;
		padding: 3px 24px 3px 8px;
		height: 18px;
		width: 105px;
		overflow: hidden;
		font-weight: bold;
		margin: 108px 0px 0px 79px;
		background:#000 url(/static/img/misc/white-arrow-on-black.gif) center right no-repeat;
	}
	a#ivegotone:hover {
		color: #000;
		background:#fff url(/static/img/misc/black-arrow-on-white.gif) center right no-repeat;
	}
	
	div.hatched.width_224 {
		width: 224px;
		background-color: #fff;
	}
	div.hatched.width_224 div.body {
		background: #fff url(../img/bg/wide_hatches.gif);
		padding: 8px 8px 0px 8px;
		height: 132px;
	}
	div.hatched.width_224 div.body h4 {
		margin: 0px 0px 0px 0px;
		font-size: 16px;
		color: #45a173;
	}
	
	div.hatched.width_236 {
		width: 220px;
		padding: 0px 8px;
		background: #000 url(/static/img/frames/hatched_vertical_236.gif) repeat-y;		
	}
		
		
	a#downloadme {
		color: #396; text-decoration:none;
	}
	a#downloadme:hover {
		color: #fff;
	}
	
	div#widestripes {width: 762px; height:7px; font-size: 0; padding: 0; background: url(/static/img/bg/widestripes.gif); margin: 0 0 0 -7px; float: left; z-index: 9999;}
	div#notsowidestripes {width: 763px; height:7px; font-size: 0; padding: 0; background: url(/static/img/bg/widestripes.gif); margin: 0 0 0 0px; float: left; z-index: 9999; }