/*
	last modified: etd
	
	design.css (extends core.css)
	contains all design specific colors, images and text formatting
	
	All style rule attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
*/

@import url("core.css");

/* COLORS
-----------------------------------------------------------------------------
	
	#DAE8F5 (light blue) 		primary column bg color
	#BDD5EB (med-light blue)	primary sep border color
	#97BBDD (dark-light blue)	h1 & h3 txt color
	#052E52 (dark blue) 		body bg color
	#042342 (darker blue) 		secondary column bg color
	#032240 (darkest blue) 		body txt color
	
	#6F49B0 (purple) 			base link color
	#F4257D (pink) 				base link hover color
	
*/

/* TABLE OF CONTENTS
-----------------------------------------------------------------------------
	
	_WRAP
	_HEADER
	_MASTHEAD
	_CONTENT-WRAP
		_SEPTAPUS
		_PRIMARY
			_SUB-NAV
		_LIST-WRAP
		_BLOG-HOME-LIST
		_IMG-META-WRAP
		_FORM-GENERAL
		_ART-BLOCK
		_MAGIC
		_SECONDARY
		_MENU
		_ME/TWITTER
		_SUGGEST
		_AD-SPACE
		_MISC-BANNER
	_FOOTER
	
*/

body{
	background: #052E52 url(img/bg/body.gif) repeat 0 0;
	color: #010E1F;
}

a:link, 
a:visited{ color: #6F49B0; }

a:hover, 
a:active{ color: #F4257D; }

img.deck-img,
img.player-img{ margin: 0 20px 0 0; }

	.decks-listing .last img.deck-img,
	.decks-listing .last img.player-img{ margin-right: 0; }

ul, ol, p{ margin: 15px 0; }

	.deck-list ul{
		list-style-type: none; 
		margin: 10px 0;
		width: 140px; 
	}
	
		.deck-list ul li{ font-size: 13px; }

p, li{ line-height: 1.5; }

h1{
	color: #97BBDD;
	font-size: 36px;
	text-transform: uppercase;
}

h3{ 
	color: #97BBDD;
	font-size: 16px; 
}

.artist{ color: #437D47; }
.writer{ color: #F4257D; }
.outlaw{ color: #052E52; }

.fancy-amp{
	font-family: "Baskerville", Serif;
	font-style: italic;
	font-weight: normal;
	line-height: 1;
}

	h1 .fancy-amp{ color: #6F49B0; letter-spacing: 5px; }

.fancy-txt{
	font-family: "Georgia", Serif;
	font-style: italic;
	font-weight: normal;
	line-height: 1;
	text-transform: lowercase;
}
	
.fat-border{ 
	border-bottom: 15px solid #BDD5EB;
	padding-bottom: 10px; 
}

.half-box{ width: 220px; }

#tooltip{
	background-color: #E6E79A;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 10px;
	opacity: 0.85;
	padding: 5px 10px 3px;
	position: absolute;
	z-index: 3000;
}

#tooltip h3{ 
	color: #052E52;
	font-size: 11px;
	font-weight: bold; 
}

	#tooltip h3, 
	#tooltip div{ margin: 0; }

/* _WRAP
----------------------------------------------------------------------------- */

#wrap{ 
	background: transparent url(img/bg/wrap.jpg) no-repeat 0 0;
	padding: 28px 0 100px;
	width: 1000px; 
}

.column{ float: left; }

/* _CONTENT-WRAP
----------------------------------------------------------------------------- */

#content-wrap{ background: transparent url(img/bg/content-wrap.png) repeat-y 100% 0; }

	#content-wrap .top{ background: transparent url(img/bg/content-wrap-top.gif) no-repeat 100% 0; }

	#content-wrap .bottom{ 
		background: transparent url(img/bg/content-wrap-bottom.gif) no-repeat 100% 100%;
		position: relative; 
	}
	
	#skull-copy{ text-indent: -13000em; }

		#skull-copy a:link,
		#skull-copy a:visited{
			background: transparent url(img/bg/skull.gif) no-repeat 0 0;
			bottom: -15px;
			display: block;
			height: 111px;
			position: absolute;
			right: 73px;
			text-indent: -13000em;
			width: 135px; 
		}
	
		#skull-copy a:hover,
		#skull-copy a:active{ background-position: 0 -111px; }

	/* _SEPTAPUS
	------------------------------------------------------------------------- */

	#septapus{ width: 215px; }
	
		#septapus p{ text-indent: -13000em; }
		
			#septapus p a:link,
			#septapus p a:visited{
				display: block;
				height: 400px;
				margin-top: 75px;
				position: relative;
				width: 215px;
			}
			
				#septapus p a:hover span,
				#septapus p a:active span{
					background: transparent url(img/bg/ride-hover.gif) no-repeat 0 0;
					display: block;
					height: 126px;
					left: 12px;
					position: absolute;
					top: 204px;
					width: 125px;
				}
	
	#top-tentacle,
	#lower-tentacle{
		left: 200px;
		position: absolute;
		top: 59px;
	}
	
		#top-tentacle{
			background: transparent url(img/bg/top-tent.png) no-repeat 0 0;
			height: 58px;
			width: 63px;
			z-index: 2;
		}
	
		#lower-tentacle{
			background: transparent url(img/bg/lower-tent.gif) no-repeat 0 0;
			height: 27px;
			left: 215px;
			top: 491px;
			width: 26px;
		}
		
	#septastache{
		background: transparent url(img/bg/septastache.jpg) no-repeat 0 0;
		height: 108px;
		left: 95px;
		position: absolute;
		top: 212px;
		width: 124px;
	}
	
		#septastache a:link,
		#septastache a:visited{
			display: block;
			height: 108px;
		}
		
	/* _PRIMARY
	------------------------------------------------------------------------- */

	#primary{
		padding: 40px 40px 20px 45px;
		position: relative;
		width: 440px; 
	}
	
		#primary .article-wrap p a:link, 
		#primary .article-wrap p a:visited,
		#primary .article-wrap ul.half-box a:link, 
		#primary .article-wrap ul.half-box a:visited,
		#primary .article-wrap ul.meta-block a:link, 
		#primary .article-wrap ul.meta-block a:visited{ background-color: #FBF2C8; color: #6F49B0; }

		#primary .article-wrap p a:hover, 
		#primary .article-wrap p a:active,
		#primary .article-wrap ul.half-box a:hover, 
		#primary .article-wrap ul.half-box a:active,
		#primary .article-wrap ul.meta-block a:hover, 
		#primary .article-wrap ul.meta-block a:active{ color: #F4257D; }
	
		#primary h1.intro{
			background: transparent url(img/bg/intro.gif) no-repeat 0 0;
			height: 78px;
			margin-left: -10px;
			text-indent: -13000em;
			width: 451px;
		}
		
			#primary h1.intro.art{ background-image: url(img/bg/intro-art.gif); }
		
		#primary h2{
			color: #6F49B0;
			margin: 20px 0 0;
		}
		
			#primary .deck-wrap h2{ margin-bottom: 10px; }
		
			#primary h2.sep-title{
				background-color: #BDD5EB;
				color: #F4257D;
				font-size: 15px;
				font-weight: bold;
				height: 15px;
				line-height: 18px;
				margin: 0 0 20px;
				position: relative;
				text-transform: uppercase;
			}
		
				#primary h2.sep-title.topmarg{ margin-top: 20px; }
		
				#primary h2.sep-title a:link,
				#primary h2.sep-title a:visited{
					background-color: #DAE8F5;
					color: #F4257D;
					padding: 3px 10px 0 0;
				}
			
			#primary p.date{
				color: #AFCAE2;
				font-size: 11px;
				font-weight: normal;
				margin: 0;
				text-transform: uppercase;
			}
			
		#primary h4{
			color: #89ABCA;
			font-size: 11px;
			margin: 5px 0 0;
			text-transform: uppercase;
		}
		
			#primary h4 a:link,
			#primary h4 a:visited{ color: #89ABCA; }

			#primary h4 a:hover,
			#primary h4 a:active{ color: #F4257D; }
		
		#primary .read-more,
		#primary .read-more-line{
			background: transparent url(img/btn/read-more-line-only.gif) no-repeat 0 0;
			height: 21px;
			margin: 20px 0;
			text-transform: uppercase;
			width: 440px;
		}
		
			#primary .read-more a:link,
			#primary .read-more a:visited{
				background: #BDD5EB;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				border-radius: 10px;
				display: block;
				font-size:10px;
				font-weight:bold;
				margin: 0 auto;
				padding: 5px 10px 4px;
				width: 62px;
			}
		
			#primary .read-more a:hover,
			#primary .read-more a:active{
				background: #F4257D;
				color: #DAE8F5; 
			}
			
			#primary .read-more-line{ 
				background: transparent url(img/btn/read-more-line-only.gif) no-repeat 0 0;
				margin: 0; 
			}
			
		#primary ul.recent,
		#primary ul.half-box{
			list-style-type: none;
			margin: 20px 0;
		}
		
			#primary ul.half-box{ margin: 0; }
		
			#primary ul.recent li{ 
				font-size: 18px;
				padding: 3px 0; 
			}
			
			#primary ul.recent li span,
			#primary ul.recent li a{
				display: block;
				float: left;
			}
			
				#primary ul.recent li span{
					background-color: #BDD5EB;
					color: #5C83A7;
					font-size: 10px;
					margin-right: 10px;
					padding: 5px;
					text-align: center;
					text-transform: uppercase;
					width: 75px;
				}
				
	#primary p.warning{
		background: #BDD5EB;
		font-size: 11px;
		font-weight: bold;
		padding: 10px 0;
		text-align: center;
		text-transform: uppercase;
	}
	
	#primary p em,
	.article-wrap em{ 
		color: #5280AB;
		font-family: "Georgia", Serif; 
	}
	
	.article-wrap blockquote p{
		color: #6F49B0;
		font-family: "Georgia", Serif; 
		font-size: 24px;
		font-style: italic;
		line-height: 1.2;
	}
	
		.article-wrap blockquote p cite{ font-size: 14px; }
	
	.comment{ 
		border-top: 1px solid #BDD5EB;
		padding: 20px 0 15px;
		position: relative; 
	}
	
		.comment.first{ margin-top: 20px; }
	
		.comment.author-comment{ border-top: 1px solid #6F49B0; }
	
		.comment.last{
			border-bottom: 1px solid #BDD5EB; 
			padding: 20px 0 10px; 
		}
	
		.comment.alt{ background: transparent url(img/bg/comment-alt-bg.gif) repeat-y 0 0; }
	
		.comment p{ 
			color: #38536D;
			font-size: 12px;
			margin-left: 25px; 
		}
	
		.comment p.meta{
			background-color: #BDD5EB;
			color: #5C83A7;
			font-size: 10px;
			padding: 5px 10px;
			text-transform: uppercase;
			margin: -20px 0 0 0; 
		}
		
			.comment.author-comment p.meta{
				background-color: #6F49B0;
				color: #BDD5EB;
			}
			
				.comment.author-comment p.meta a:link,
				.comment.author-comment p.meta a:visited{ color: #FFFFFF; }
	
	.number-count{
		color: #032849;
		font-size: 36px;
		font-weight: bold;
		left: -120px;
		line-height: 0.7;
		padding-right: 15px;
		position: absolute;
		text-align: right;
		top: 0;
		width: 65px;
	}
	
		.comment.author-comment .number-count{ color: #6F49B0; }
	
	ul.paginate{ list-style: none; }
				
	.paginate p,
	.paginate li{
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
		.paginate li{ 
			float: left;
			margin-right: 10px; 
		}
		
		.paginate a:link,
		.paginate a:visited{
			background: #BDD5EB;
			-moz-border-radius-bottomleft: 10px;
			-moz-border-radius-bottomright: 10px;
			-moz-border-radius-topleft: 0;
			-moz-border-radius-topright: 10px;
			-webkit-border-bottom-left-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
			-webkit-border-top-left-radius: 0;
			-webkit-border-top-right-radius: 10px;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			border-top-left-radius: 0;
			border-top-right-radius: 10px;
			display: block;
			padding: 5px 10px 4px;
		}
		
			.paginate .float-left a:link,
			.paginate .float-left a:visited{
				-moz-border-radius-topleft: 10px;
				-moz-border-radius-topright: 0;
				-webkit-border-top-left-radius: 10px;
				-webkit-border-top-right-radius: 0;
				border-top-left-radius: 10px;
				border-top-right-radius: 0;
			}
		
			.paginate li a:link,
			.paginate li a:visited{
				-moz-border-radius-topleft: 10px;
				-moz-border-radius-topright: 10px;
				-webkit-border-top-left-radius: 10px;
				-webkit-border-top-right-radius: 10px;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
			}

		.paginate a:hover,
		.paginate a:active{
			background: #F4257D;
			color: #DAE8F5;
		}
				
	.paginate-top p{ 
		height: 20px;
		position: absolute;
		text-indent: -13000em; 
		top: 25px;
		width: 20px;
	}
	
		.paginate-top p.float-left{ left: 32px; }
		.paginate-top p.float-right{ right: 27px; }
	
		.paginate-top p a:link,
		.paginate-top p a:visited{
			background: transparent url(img/btn/prev-next-arrows.png) no-repeat 0 0;
			display: block;
			height: 20px;
			width: 20px;
		}
	
			.paginate-top p.float-right a:link,
			.paginate-top p.float-right a:visited{ background-position: -20px 0; }

		.paginate-top p a:hover,
		.paginate-top p a:active{ background-position: 0 -20px; }

			.paginate-top p.float-right a:hover,
			.paginate-top p.float-right a:active{ background-position: -20px -20px; }
			
	.return-link,
	.quick-tag-line{
		background: transparent url(img/ico/return-arrow.gif) no-repeat 0 2px;
		font-size: 11px;
		margin: 0 0 20px;
		padding-left: 15px;
		text-transform: uppercase;
	}
			
	.quick-tag-line{
		background-image: none;
		color: #6F49B0;
		padding-left: 0;
	}
	
	/* _SUB-NAV
	----------------------------------------------------------------------------- */
	
	.sub-nav{ 
		list-style-type: none; 
		margin: 0 0 20px; 
	}
	
		.sub-nav li{ 
			float: left;
			font-size: 10px;
			font-weight: bold; 
			margin-right: 15px;
			text-transform: uppercase;
		}
		
			.sub-nav li.return{
				background: transparent url(img/ico/return-arrow.gif) no-repeat 0 2px;
				padding-left: 15px;
			}
		
			.sub-nav li.step{
				background: transparent url(img/ico/step-down.gif) no-repeat 5px 1px;
				padding-left: 15px;
			}
		
			.sub-nav li.stepb{
				background: transparent url(img/ico/step-between.gif) no-repeat 3px 7px;
				margin-left: -13px;
				padding-left: 15px;
			}
			
			.sub-nav li a:link.act,
			.sub-nav li a:visited.act{ background-color: #FBF2C8; }
			
	/* _LIST-WRAP
	----------------------------------------------------------------------------- */
	
	.list-wrap{ 
		background-color: #CCDDED;
		border: 1px solid #bdd1e4;
		margin: 20px 0;
		padding: 4px;
		position: relative; 
		overflow: hidden;
	}
	
		.list-wrap h3,
		.list-wrap p,
		.list-wrap img,
		.list-wrap object{
			position: relative;
			z-index: 2;
		}
		
			.list-wrap h3{ padding-top: 6px; }
			
			#primary .list-wrap h4{
				color: #6F49B0;
				margin: 10px 0 5px;
			}
		
			.list-wrap p{ 
				font-size: 12px;
				font-style: italic;
				margin: 0; 
			}
			
			.list-wrap img{ margin-bottom: 0; }
	
	.rank{
		color: #BDD1E4;
		font-size: 240px;
		font-weight: bold;
		letter-spacing: -30px;
		line-height: 0.7;
		position: absolute;
		right: -20px;
		text-align: right;
		top: 0;
		z-index: 0;
	}
	
	.cat-list{
		background-color: #052E52;
		list-style-type: none;
		margin: 0 0 20px;
		padding: 10px 10px 0;
	}
	
		.cat-list li{ 
			float: left; 
			margin: 0 10px 10px 0;
		}
		
			.cat-list img{ border: 1px solid #BDD5EB; }
		
			.cat-list li.title,
			.cat-list li.view{
				font-size: 40px;
				font-weight: bold;
				height: 33px;
				overflow: hidden;
				text-transform: uppercase; 
				width: 420px; 
			}
			
				.cat-list li.view{ 
					font-size: 59px;
					line-height: 0.2;
					width: auto; 
				}
			
			.cat-list li.last{ margin-right: 0; }
			
				.cat-list li a:link,
				.cat-list li a:visited{ color: #DAE8F5; }
				
				.cat-list li a:hover,
				.cat-list li a:active{ color: #F4257D; }
			
	/* _BLOG-META-WRAP
	----------------------------------------------------------------------------- */
	
	.blog-meta-wrap{
		background: transparent url(img/bg/comment-alt-bg.gif) repeat-y 0 0;
		margin: 20px 0;
		padding: 10px 0;
	}
	
		#primary .blog-meta-wrap p{
			color: #5C83A7;
			font-size: 10px; 
			font-weight: bold;
			margin: 0; 
			text-transform: uppercase;
		}
			
	/* _BLOG-HOME-LIST
	----------------------------------------------------------------------------- */
	
	.blog-home-list{
		list-style-type: none;
		margin: 30px 0 0;
	}
	
		.blog-home-list li{ 
			background-color: #BDD5EB;
			float: left;
			height: 100px;
			margin: 0 13px 13px 0; 
			position: relative;
			width: 100px;
		}
	
			.blog-home-list li.first{ 
				height: 213px;
				width: 213px;
			}
		
			.blog-home-list li:hover{ background-color: #6F49B0; }
	
			.blog-home-list li.alt{ margin-right: 0; }
			
			.blog-home-list li span{
				background-color: transparent;
				display: block;
				width: 100%;
			}
				
				.blog-home-list li span.title-wrap{
					height: 65px;
					overflow: hidden;
				}
				
					.blog-home-list li.first span.title-wrap{ height: auto; }
				
				.blog-home-list li span.excerpt-wrap{
					font-size: 12px;
					font-weight: normal;
					height:139px;
					overflow: hidden;
				}
				
				.blog-home-list li span.date-wrap{
					color: #5C83A7;
					font-size: 10px;
					text-transform: uppercase;
				}
	
			.blog-home-list li a:link,
			.blog-home-list li a:visited{
				background-color: transparent;
				display: block;
				font-weight: bold;
				padding: 5px 10px 15px;
				width: 80px;
			}
	
				.blog-home-list li.first a:link,
				.blog-home-list li.first a:visited{ 
					height: 193px;
					width: 192px; 
				}
	
			.blog-home-list li a:hover,
			.blog-home-list li a:active{
				background-color: #6F49B0;
				color: #BDD5EB;
			}
	
				.blog-home-list li a:hover span,
				.blog-home-list li a:active span{ color: #BDD5EB; }
			
	/* _IMG-META-WRAP
	----------------------------------------------------------------------------- */
	
	.meta-wrap{ float: left; }
	
	.img-meta-wrap{ margin: 20px 0; }

		.img-meta-wrap img{ margin-right: 20px; }
	
		.img-meta-wrap h2,
		.img-meta-wrap h3{ font-size: 14px; }

			#primary .img-meta-wrap h2{ 
				margin: 0;
				text-transform: uppercase; 
			}
	
		.img-meta-wrap ul{ 
			list-style-type: none;
			margin: 10px 0 15px; 
		}

			.img-meta-wrap li{ font-size: 12px; }

			#primary .img-meta-wrap ul.meta-block li,
			#primary ul.meta-block li{ 
				background: transparent url(img/ico/checkmark.gif) no-repeat 0 6px;
				padding-left: 15px;
			}
			
			#primary ul.meta-block{ list-style-type: none; }
			
				#primary ul.meta-block li{ background-position: 0 8px; }

			.img-meta-wrap ul.social-block{ 
				float: left; 
				margin: 0 20px 0 0;
			}

				.img-meta-wrap ul.last{ margin: 0; }

				.img-meta-wrap ul.social-block li{ 
					font-weight: bold;
					margin-bottom: 4px; 
				}
			
					.img-meta-wrap ul.social-block li a:link,
					.img-meta-wrap ul.social-block li a:visited{
						background: transparent url(img/ico/social-media.gif) no-repeat 0 0;
						display: block;
						padding-left: 23px;
					}
				
						.img-meta-wrap ul.social-block li.twitter a:link,
						.img-meta-wrap ul.social-block li.twitter a:visited{ background-position: 0 -18px; }
				
						.img-meta-wrap ul.social-block li.linkedin a:link,
						.img-meta-wrap ul.social-block li.linkedin a:visited{ background-position: 0 -36px; }
				
						.img-meta-wrap ul.social-block li.flickr a:link,
						.img-meta-wrap ul.social-block li.flickr a:visited{ background-position: 0 -54px; }
				
						.img-meta-wrap ul.social-block li.lastfm a:link,
						.img-meta-wrap ul.social-block li.lastfm a:visited{ background-position: 0 -72px; }
				
						.img-meta-wrap ul.social-block li.vimeo a:link,
						.img-meta-wrap ul.social-block li.vimeo a:visited{ background-position: 0 -90px; }
			
	/* _FORM-GENERAL
	----------------------------------------------------------------------------- */
	
	.form-general{ margin: 20px 0; }
	
	.form-general fieldset{ 
		background-color: #BDD5EB;
		margin-bottom: 10px; 
	}
	
		.form-general fieldset.button,
		.form-general fieldset.checkbox{ background-color: transparent; }
	
	.form-general input,
	.form-general textarea{
		background-color: #FFFFFF;
		border: 1px solid #BDD5EB;
		padding: 10px;
	}
		
		.form-general label,
		.form-general input{ float: left; }
		
			.form-general label{
				color: #052E52;
				display: block;
				font-size: 12px;
				font-weight: bold; 
				padding: 13px 0 10px 10px;
				width: 110px;
			}
			
				.form-general fieldset.checkbox label{
					font-weight: normal;
					padding: 2px 15px 0 5px;
					width: auto;
				}
				
				.form-general fieldset.checkbox input{ width: auto; }
			
			.form-general input,
			.form-general textarea{ width: 298px; }
			
				.form-general input.error,
				.form-general textarea.error{
					background-color: #F9D6D6;
					color: #9F2525;
				}
			
			.form-general .button input{
				background-color: #052E52;
				color: #FFFFFF;
				margin-left: 120px;
				text-transform: uppercase;
				width: 320px;
			}
			
			.form-general .button input:hover{ background-color: #6F49B0; }
			
	#wrap .success{
		background-color: #6F49B0;
		color: #D4BEFB;
		padding: 1px 20px;
		text-align: center;
	}
	
	#wrap #you.success a:link,
	#wrap #you.success a:visited{ color: #FFFFFF; }
	
	#wrap #you.success a:hover,
	#wrap #you.success a:active{ color: #D4BEFB; }
	
	#error-message,
	#error-message-suggest{
		background-color: #F9D6D6;
		color: #9F2525;
		font-size: 14px;
		padding: 15px;
	}
	
		#error-message-suggest{
			font-size: 11px;
			margin: 0 40px 10px 20px;
			padding: 10px;
		}

	/* _ART-BLOCK
	------------------------------------------------------------------------- */
		
	#art-block{
		border-top: 15px solid #BDD5EB;
		margin: 17px 0 0;
	}
	
		#art-block.notopborder{ border: 0; }
	
		#art-block ul{ 
			list-style-type: none;
			margin: 20px 0 0; 
		}
		
			#art-block ul.alt,
			#art-block ul.notopmrg{ margin-top: 0; }
		
			#art-block li{ float: left; position: relative; }
				#art-block ul.alt li{ float: right; }
			
				#art-block li img{
					background-color: #FFFFFF;
					margin: 0 20px 20px 0;
					padding: 10px;
				}
				
					#art-block ul.alt li img{ margin: 0 0 20px 20px; }
				
					#art-block li.alt img{ margin-right: 0; }
						#art-block ul.alt li.alt img{ margin-left: 0; }
					
					#art-block li img:hover{ background-color: #F4257D; }
					
	#art-img-wrap{ 
		margin: 0 auto;
		position: relative; 
	}
	
		#mature-overlay{
			background-color: #011F39;
			left: 10px;
			position: absolute;
			top: 10px;
		}
	
		.mature-overlay-lrg,
		.mature-overlay-sm{
			background-color: #D6D6D6;
			border: 10px solid #FFFFFF;
			height: 180px;
			left: 0;
			position: absolute;
			top: 0;
			width: 200px;
		}
		
			.mature-overlay-lrg p,
			.mature-overlay-sm p{
				color: #B4B4B4;
				font-size: 75px;
				font-weight: bold;
				margin: 0 auto;
				padding: 35px 0 0;
				width: 62px;
			}
			
				.mature-overlay-sm p{
					font-size: 36px;
					padding: 10px 0 0;
					width: 32px;
				}
				
				.mature-overlay-lrg:hover p,
				.mature-overlay-sm:hover p{ color: #F4257D; }
		
		#art-block ul.alt li .mature-overlay-lrg,
		#art-block ul.alt li .mature-overlay-sm{ left: 20px; }
	
		.mature-overlay-sm{
			height: 70px;
			width: 70px;
		}
		
		.mature-inner{ padding: 40px; }
		
			#mature-overlay h2{
				font-size: 36px;
				font-weight: normal;
				margin: 0;
				text-transform: uppercase;
			}
			
			#mature-overlay ul{ 
				list-style: circle;
				margin: 15px 0 15px 35px; 
			}
			
				#mature-overlay p{ margin: 0; }
				
				#mature-overlay h2,
				#mature-overlay p,
				#mature-overlay li{ color: #BDD5EB; }
				
			#mature-overlay p.dismiss-btn{ margin-top: 40px; }
			
			#mature-overlay p.dismiss-btn a:link,
			#mature-overlay p.dismiss-btn a:visited{
				background-color: #BDD5EB;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				border-radius: 10px;
				display: block;
				font-size: 12px;
				font-weight: bold;
				margin: 0 auto;
				padding: 5px 10px 4px;
				text-transform: uppercase;
				width: 55px;
			}
			
			#mature-overlay p.dismiss-btn a:link.dismiss-always,
			#mature-overlay p.dismiss-btn a:visited.dismiss-always{ 
				margin-top: 10px;
				width: 110px; 
			}
			
			#mature-overlay p.dismiss-btn a:hover,
			#mature-overlay p.dismiss-btn a:active{
				background: #F4257D;
				color: #DAE8F5;
			}

		/* _MAGIC
		------------------------------------------------------------------------- */
		
		.player{
			background: transparent url(img/players/player-1.png) no-repeat 0 0;
			display: block;
			float: left;
			height: 55px;
			margin-left: -70px;
			text-indent: -13000em;
			width: 53px;
		}
		
			.player.num-2{ background-image: url(img/players/player-2.png); margin-top: 20px; }
			.player.num-3{ background-image: url(img/players/player-3.png); margin-top: 20px; }
			.player.num-4{ background-image: url(img/players/player-4.png); margin-top: 20px; }
		
		.duel-btns{
			list-style-type: none;
			margin: 20px 0;
		}
		
			.duel-btns li{ 
				float: left;
				margin-right: 20px; 
			}
				
				.duel-btns li.last{ margin-right: 0; }
			
				.duel-btns li a:link,
				.duel-btns li a:visited{
					background: #BDD5EB;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					border-radius: 10px;
					display: block;
					font-weight: bold;
					padding: 5px 10px 4px;
					text-align: center;
					text-transform: uppercase;
					width: 113px;
				}
				
					.duel-btns li.first a:link,
					.duel-btns li.first a:visited{
						-moz-border-radius-bottomleft: 10px;
						-moz-border-radius-bottomright: 10px;
						-moz-border-radius-topleft: 0;
						-moz-border-radius-topright: 10px;
						-webkit-border-bottom-left-radius: 10px;
						-webkit-border-bottom-right-radius: 10px;
						-webkit-border-top-left-radius: 0;
						-webkit-border-top-right-radius: 10px;
						border-bottom-left-radius: 10px;
						border-bottom-right-radius: 10px;
						border-top-left-radius: 0;
						border-top-right-radius: 10px;
						text-align: left;
					}
				
					.duel-btns li.last a:link,
					.duel-btns li.last a:visited{						
						-moz-border-radius-bottomleft: 10px;
						-moz-border-radius-bottomright: 10px;
						-moz-border-radius-topleft: 10px;
						-moz-border-radius-topright: 0;
						-webkit-border-bottom-left-radius: 10px;
						-webkit-border-bottom-right-radius: 10px;
						-webkit-border-top-left-radius: 10px;
						-webkit-border-top-right-radius: 0;
						border-bottom-left-radius: 10px;
						border-bottom-right-radius: 10px;
						border-top-left-radius: 10px;
						border-top-right-radius: 0;
						text-align: right;
					}
		
		.deck-wrap div.float-left{ margin-right: 20px; }
		
			.deck-wrap div.last{ margin-right: 0; }
		
		.deck-list .win-lose{
			background-color: #042342;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			color: #DAE8F5;
			padding: 5px 10px;
			width: 100px;
		}
		
			.deck-list .win-lose li{ 
				font-size: 8px;
				float: left; 
				text-align: center;
				text-transform: uppercase;
				width: 50px;
			}
			
				.deck-list .win-lose li strong{ font-size: 24px;  }
		
		.decks-listing p.view-deck{
			font-size: 11px;
			margin: 10px 20px 0 20px;
		}
			
			.decks-listing p.view-deck strong{ font-size: 14px; }
		
		.decks-listing li{ 
			margin-bottom: 20px; 
			position: relative;
		}
		
			.decks-listing ul.mana li{ margin-bottom: 0; }
			
			.decks-listing li span.custom-deck{
				background: transparent url(img/ico/custom.png) no-repeat 0 0; 
				bottom: 0;
				display: block;
				height: 39px;
				position: absolute;
				right: 20px;
				text-indent: -13000em;
				width: 41px;
				z-index: 10;
			}
			
				.decks-listing li.last span.custom-deck{ right: 0; }
		
		.decks-listing li a{ position: relative; }
		
			.decks-listing li a span{
				background-color: #042342;
				display: block;
				height: 190px;
				position: absolute;
				opacity: 0.9;
				top: 13px;
				width: 133px;
				z-index: -1;
			}
			
				.deck-wrap .decks-listing li a span{ top: 12px; }
			
			@media screen and (-webkit-min-device-pixel-ratio:0){
				.decks-listing li a span{ top: 0; }
			}
			
			.decks-listing li a:hover span{ z-index: 2; }
			
			ul.mana{
				list-style-type: none;
				margin: 20px 0 0 17px;
			}
			
				.deck-img-wrap ul.mana{ margin: 0 0 20px; }
			
				ul.mana li{
					background: transparent url(img/mana/plains.png) no-repeat 0 0;
					height: 26px;
					float: left;
					margin-right: 5px;
					text-indent: -13000em;
					width: 26px;
				}
				
					ul.mana li.blue{ background-image: url(img/mana/island.png); }
					ul.mana li.black{ background-image: url(img/mana/swamp.png); }
					ul.mana li.red{ background-image: url(img/mana/mountain.png); }
					ul.mana li.green{ background-image: url(img/mana/forest.png); }
					
		.deck-wrap p{ 
			margin-top: 5px;
			width: 300px; 
		}
		
		.deck-wrap .decks-listing p.view-deck{ width: auto; }
		
		img.player-img{
			background: #052E52;
			margin: 10px 20px 5px 0;
			padding: 10px;
		}

	/* _SECONDARY
	------------------------------------------------------------------------- */

	#secondary{ 
		padding-bottom: 100px;
		width: 260px; 
	}

	/* _MENU
	------------------------------------------------------------------------- */
	
	#menu{ 
		list-style-type: none;
		margin-bottom: 0; 
	}
	
		#menu li{ 
			margin-bottom: 1px;
			text-indent: -13000em; 
		}
		
		#menu li a:link,
		#menu li a:visited{
			background: transparent url(img/btn/menu.gif) no-repeat 0 0;
			display: block;
			height: 26px;
			width: 240px;
		}
		
			#menu li.art a:link,
			#menu li.art a:visited{ background-position: -240px 0; }
		
			#menu li.blog a:link,
			#menu li.blog a:visited{ background-position: -480px 0; }
		
			#menu li.misc a:link,
			#menu li.misc a:visited{ background-position: -720px 0; }
		
		#menu li a:hover,
		#menu li a:active{ background-position: 0 -26px; }
		
			#menu li.art a:hover,
			#menu li.art a:active{ background-position: -240px -26px; }
		            
			#menu li.blog a:hover,
			#menu li.blog a:active{ background-position: -480px -26px; }
		            
			#menu li.misc a:hover,
			#menu li.misc a:active{ background-position: -720px -26px; }
		
		#menu li a:link.act,
		#menu li a:visited.act{ background-position: 0 -52px; }
		
			#menu li.art a:link.act,
			#menu li.art a:visited.act{ background-position: -240px -52px; }
		            
			#menu li.blog a:link.act,
			#menu li.blog a:visited.act{ background-position: -480px -52px; }
		            
			#menu li.misc a:link.act,
			#menu li.misc a:visited.act{ background-position: -720px -52px; }
			
	/* _ME/TWITTER
	----------------------------------------------------------------------------- */
	
	#me{
		background: transparent url(img/btn/about-pic.gif) no-repeat 0 0;
		height: 153px;
		position: relative;
		text-indent: -13000em;
		width: 260px;
	}
	
		#me:hover{ background-position: 0 -153px; }
	
		#me a:link,
		#me a:visited{
			display: block;
			height: 113px;
		}
		
		#me #enter-dark{
			background: transparent;
			height: 10px;
			position: absolute;
			right: 33px;
			top: 58px;
			width: 10px;
			z-index: 5;
		}
		
		#me #enter-light{
			background: transparent;
			height: 10px;
			position: absolute;
			right: 58px;
			top: 58px;
			width: 12px;
			z-index: 5;
		}
		
		#me #devil-me{
			background: transparent url(img/bg/devil-me.gif) no-repeat 0 0;
			display: block;
			height: 126px;
			position: absolute;
			right: 9px;
			top: 11px;
			width: 84px;
		}
		
		#me #angel-me{
			background: transparent url(img/bg/angel-me.gif) no-repeat 0 0;
			display: block;
			height: 143px;
			position: absolute;
			right: -16px;
			top: -6px;
			width: 143px;
		}
		
		#me #contra-me{
			background: transparent url(img/bg/contra-me.jpg) no-repeat 0 0;
			display: block;
			height: 133px;
			position: absolute;
			right: 0;
			top: 9px;
			width: 235px;
		}
		
	#twitter{ background: transparent url(img/bg/twitter-fill.gif) repeat-y 0 0; }
	
		#twitter p{ 
			font-family: "Georgia", Serif;
			font-size: 12px;
			font-style: italic;
			margin: 0; 
			padding: 0 45px 0 30px;
		}
		
			#twitter p.twitter-link{ padding: 0; }
	
		#twitter .twitter-link a:link,
		#twitter .twitter-link a:visited{
			background: transparent url(img/btn/twitter.gif) no-repeat 0 0;
			display: block;
			height: 41px;
			text-indent: -13000em;
		}
	
		#twitter .twitter-link a:hover,
		#twitter .twitter-link a:active{ background-position: 0 -41px; }

	/* _SUGGEST
	----------------------------------------------------------------------------- */
	
	#suggest{ margin: 20px 0; }
	
		#suggest p{ margin: 0; }
		
		#suggest-form .success{
			background: #98DC9D;
			color: #1F5322;
			font-size: 12px;
			font-weight: bold;
			margin: 0 40px 10px 20px;
			padding: 10px 10px 8px;
		}

	#suggest a:link.suggest-btn,
	#suggest a:visited.suggest-btn{
		background: transparent url(img/btn/suggest.gif) no-repeat 0 0;
		display: block;
		height: 72px;
		text-indent: -13000em;
		width: 260px;
	}
	
	#suggest a:hover.suggest-btn,
	#suggest a:active.suggest-btn{ background-position: 0 -72px; }
	
		#suggest a:link.suggest-btn.act,
		#suggest a:visited.suggest-btn.act{ background-position: 0 -144px; }
		
		#suggest-form{
			background: transparent url(img/bg/suggest-fill.gif) no-repeat 0 0;
		}
		
			#suggest-form form{
				background: transparent url(img/bg/suggest-bottom.gif) no-repeat 0 100%;
				padding-left: 20px;
			}
			
				#suggest-form input,
				#suggest-form textarea{
					background-color: #062F53;
					border: 1px solid #011122;
					color: #386E9D;
					font-size: 12px;
					margin-bottom: 10px;
					padding: 5px 5px 3px;
					text-transform: uppercase;
					width: 190px;
				}
				
					#suggest-form textarea{ height: 100px; }
			
					#suggest-form input:focus,
					#suggest-form textarea:focus{
						background-color: #BDD5EB;
						border: 1px solid #011122;
						color: #011122;
						text-transform: none;
					}
			
				#suggest-form .button{ 
					text-align: center;
					padding: 0 0 15px;
					width: 200px; 
				}
			
					#suggest-form .button input{
						background: transparent url(img/btn/suggest-submit.gif) no-repeat 0 0;
						border: 0;
						cursor: pointer;
						height: 28px;
						margin: 0;
						padding: 0;
						text-indent: -13000em;
						width: 124px;
					}
			
						#suggest-form .button input:hover{ background-position: 0 -28px; }
		
	/* _AD-SPACE
	----------------------------------------------------------------------------- */
	
	#ad-space p{ margin: 0 0 5px; }
	
		#ad-space p.txt-link{ 
			margin: 10px 0 0 20px; 
		}
		
	#ad-space a:link.ph,
	#ad-space a:visited.ph{
		background: transparent url(img/btn/ad-ph.gif) no-repeat 0 0;
		display: block;
		height: 137px;
		margin-left: 20px;
		text-indent: -13000em;
		width: 200px;
	}
	
	#ad-space a:hover.ph,
	#ad-space a:active.ph{ background-position: 0 -137px; }
		
		#ad-space a:link.dfrog,
		#ad-space a:visited.dfrog{
			background: transparent url(img/btn/ad-dfrog.gif) no-repeat 0 0;
			display: block;
			height: 137px;
			margin-left: 20px;
			text-indent: -13000em;
			width: 200px;
		}
	
		#ad-space a:hover.dfrog,
		#ad-space a:active.dfrog{ background-position: 0 -137px; }
		
	/* _MISC-BANNER
	----------------------------------------------------------------------------- */
		
	.misc-banner{ position: relative; }
	
		.misc-banner p{
			position: absolute;
			left: 0;
			bottom: 10px;
		}
		
			.misc-banner p a:link,
			.misc-banner p a:visited{
				background: #DAE8F5;				
				-moz-border-radius-bottomright: 10px;
				-moz-border-radius-topright: 10px;
				-webkit-border-bottom-right-radius: 10px;
				-webkit-border-top-right-radius: 10px;
				border-bottom-right-radius: 10px;
				border-top-right-radius: 10px;
				/*color: #FFFFFF;*/
				display: block;
				font-weight: bold;
				padding: 5px 10px 5px 8px;
				text-transform: uppercase;
			}

/* _FOOTER
----------------------------------------------------------------------------- */

#footer{}