@CHARSET "UTF-8";
@font-face { font-family: CelestiaRedux; src: url('http://www.mattyhex.net/CMR/media/fonts/CelestiaMediumRedux1.5.ttf'); }
/*h1#pagecommand { font-family: CelestiaRedux, serif; font-variant:small-caps;}*/

body {
background-color: #F0FFFF;
background-image: linear-gradient(bottom, #FF5242 20px, #FF782F 20px, #FF782F 40px, #FEF2AC 40px, #FEF2AC 60px, #59AC47 60px, #59AC47 80px, #118FD3 80px, #118FD3 100px, #6A398A 100px, #6A398A 120px, #9DDDE0 120px, #F0FFFF 1000px);
background-image: -o-linear-gradient(bottom, #FF5242 20px, #FF782F 20px, #FF782F 40px, #FEF2AC 40px, #FEF2AC 60px, #59AC47 60px, #59AC47 80px, #118FD3 80px, #118FD3 100px, #6A398A 100px, #6A398A 120px, #9DDDE0 120px, #F0FFFF 1000px);
background-image: -moz-linear-gradient(bottom, #FF5242 20px, #FF782F 20px, #FF782F 40px, #FEF2AC 40px, #FEF2AC 60px, #59AC47 60px, #59AC47 80px, #118FD3 80px, #118FD3 100px, #6A398A 100px, #6A398A 120px, #9DDDE0 120px, #F0FFFF 1000px);
background-image: -webkit-gradient(linear, left bottom, left top,
	color-stop(20px, #FF5242),
	color-stop(20px, #FF782F),
	color-stop(40px, #FF782F),
	color-stop(40px, #FEF2AC),
	color-stop(60px, #FEF2AC),
	color-stop(60px, #59AC47),
	color-stop(80px, #59AC47),
	color-stop(80px, #118FD3),
	color-stop(100px, #118FD3),
	color-stop(100px, #6A398A),
	color-stop(120px, #6A398A),
	color-stop(120px, #9DDDE0),
	color-stop(1000px, #F0FFFF)
);
background-image: -webkit-linear-gradient(bottom, #FF5242 20px, #FF782F 20px, #FF782F 40px, #FEF2AC 40px, #FEF2AC 60px, #59AC47 60px, #59AC47 80px, #118FD3 80px, #118FD3 100px, #6A398A 100px, #6A398A 120px, #9DDDE0 120px, #F0FFFF 1000px);
background-image: -ms-linear-gradient(bottom, #FF5242 20px, #FF782F 20px, #FF782F 40px, #FEF2AC 40px, #FEF2AC 60px, #59AC47 60px, #59AC47 80px, #118FD3 80px, #118FD3 100px, #6A398A 100px, #6A398A 120px, #9DDDE0 120px, #F0FFFF 1000px);
}

div#main, article#slide {
	background-color: transparent;
}

div#main {
	padding: 0;
	position: relative;
}

img#mspalogo, p#mirroring {
	display: none;
}

#main header {
	border-bottom: 10px solid #9DDDE0;
	padding: 0 !important;
	background-color: #D7F9F9;
	margin: 0 auto;
	position: static;
}

#main header div.myAd, #main header a#stopblocking {
	position: absolute;
	top: auto;
	right: auto;
	bottom: 389px;
	left: 135px;
	border: solid #9DDDE0;
	border-width: 0 10px;
}

#main header div#myAd, #main header div#myAd table, #main header a#stopblocking {
	width: 650px !important;
	height: 92px !important;
}

#main header div#myAd { overflow: hidden; }
#main header div#myAd iframe { margin-left: -39px; }


#main header div#myAd img, #main header a#stopblocking img {
	width: 650px !important;
	height: 80px !important;
}

#main header nav {
	background-color: transparent;
}

nav .set1 a { color: #FF5242; }
nav .set2 a { color: #FF782F; }
nav .set3 a { color: #F5D127; }
nav .set4 a { color: #59AC47; }
nav .set5 a { color: #118FD3; }
nav .set6 a { color: #6A398A; }
a:hover {
	text-shadow: 1px 1px 4px #eba4eb;
	filter: dropshadow(color=#eba4eb, offx=1, offy=1);
}

article#slide section.panel, article#slide footer, article#slide p#text0 {
	background-color: #FFF;
	border: solid #9DDDE0;
	border-width: 0 10px;
	margin-bottom: 0;
	padding-bottom: 16px;
}

article#slide h1+section.panel, article#slide p#text0 {
	border-top-width: 10px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

article#slide footer, header {
	border-bottom-width: 10px;
	margin: 0;
	padding: 0 5% 19px 5%;
}

header {
	-webkit-border-bottom-left-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius-bottomleft: 50px;
	-moz-border-radius-bottomright: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	position: static;
}

ul#nextlinks {
	margin: 0 !important;
	padding-bottom: 41px !important;
}

body#p1 ul#nextlinks li:nth-child(2) {
	margin-top: 25px;
}

body#p1 ul#nextlinks li:not(:first-child) a {
	color: green;
}

ul.adventurepagelist li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li, section#jumptoadventure, p#buttons, #adventureinfo h1 {
	display: none;
}

#adventureprofile {
	position: relative;
	z-index: 3;
	min-height: 301px;
	margin-top: 92px;
}

#adventureprofile:before {
	content: url("http://i.imgur.com/IaAuA.png");
	position: absolute;
	left: -66px;
	top: -46px;
}

#container3 {
	background-image: url("http://i.imgur.com/yTkWL.png");
	height: 301px;
	padding: 11px 0;
	overflow: hidden;
	-webkit-box-shadow: 3px 3px 8px 0px #000000;
	-moz-box-shadow: 3px 3px 8px 0px #000000;
	box-shadow: 3px 3px 8px 0px #000000;
	margin-top: 0 !important;
}

#container3 div, #container3 section {
	background-color: transparent;
}

#col1 h1 {
	height: auto;
	margin: 0;
}

#col1 h1 img {
	opacity:0;
	filter:alpha(opacity=0);
}

#adventureinfo p#basic {
	padding-top: 5px;
}

#suggestions h1:before, #favoriting h1:before, #adventureinfo cite, #viewall a {
	font-family: CelestiaRedux, serif;
	font-size: 24pt;
	color: #C51D74;
}

#suggestions h1:before, #favoriting h1:before {
	display: block;
	position: absolute;
	text-align: center;
	width: 100%;
}

#suggestions h1:before {
	content: "Suggestions";
}
#favoriting h1:before {
	content: "Favorite?";
}

div#main > footer {
	min-width: 350px;
	height: 36px;
	display: table;
	margin: 0 auto;
	padding: 15px;
	background-color: white;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

a.p295 {
	opacity: 0;
	filter:alpha(opacity=0);	
}

article.adventurepage .panel .text {
	margin: 0 auto;
}

body#p316 article#slide {
	position: relative;
}

body#p316 section#panel1 {
	width: 650px;
	position: relative;
	padding-top: 550px;
}

body#p316 img#image1 {
	position: absolute;
   top: 0;
	left: -35px;
}

body#p316 section#panel2 {
	position: absolute;
	left: 55px;
	bottom: 10px;
	background: transparent;
	border-width: 0;
	padding: 0;
	z-index: 50;
}

body#p316 article#slide footer {
	height: 445px;
	position: relative;
}

body#p316 div#backlinks {
	position: absolute;
	bottom: 16px;
	z-index: 51;
}

body#p316 ul#nextlinks {
	position: absolute;
	bottom: 0;
	z-index: 51;
}
body#p390 #image1 {
	width: 650px;
	height: 450px;
	background: black;
}

article.adventurepage, body#p404 #flutterflutter {
	-webkit-transition: -webkit-transform linear 3s;
	-moz-transition: -moz-transform linear 3s;
	-ms-transition: -ms-transform linear 3s;
	-o-transition: -o-transform linear 3s;
	transition: transform linear 3s;
}

.upsd, .upsd .flutter {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-o-transform-origin: 50% 50%;
	transform:rotate(180deg); 
}
body#p404 article.adventurepage.upsd #flutterflutter {
	-webkit-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
	-o-transform-origin: 50% 50%;
	transform:rotate(-180deg); 
}
body#p404 section.panel, body#p405 section.panel { position: relative; }

@-webkit-keyframes flutterflutter{
	0% {top: -50px; }
	100% {top: 25px; }
}
@-moz-keyframes flutterflutter {
	0% {top: -50px; }
	100% {top: 25px; }
}
@-ms-keyframes flutterflutter {
	0% {top: -50px; }
	100% {top: 25px; }
}
@-o-keyframes flutterflutter {
	0% {top: -50px; }
	100% {top: 25px; }
}
@keyframes flutterflutter {
	0% {top: -50px; }
	100% {top: 25px; }
}
body#p404 #flutterflutter {
	position: absolute;
	left: -100px;
	z-index: 9001;
	-webkit-animation: flutterflutter .75s ease-in-out infinite alternate;
	-moz-animation: flutterflutter .75s ease-in-out infinite alternate;
	-ms-animation: flutterflutter .75s ease-in-out infinite alternate;
	-o-animation: flutterflutter .75s ease-in-out infinite alternate;
	animation: flutterflutter .75s ease-in-out infinite alternate;
}
body#p404 article.adventurepage.upsd #upinstructions {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-o-transform-origin: 50% 50%;
	transform:rotate(180deg);
}
body#p404 article.adventurepage.upsd #upinstructions span {
	visibility: hidden;
}
body#p404 article.adventurepage.upsd #upinstructions:before {
	content: "Wait, no, this feels wrong too.";
}

body#p404 article.adventurepage footer { text-align: right; }

body#p405 article.adventurepage p, body#p406 article.adventurepage p { margin: 0; }
body#p405 article.adventurepage:not(.upsd) #panel1:before { font-size: 120%; color: blue; display: block; content: "(This page will make more sense if you leave Fluttershy upside-down!)";}
body#p405 #fluttershutter {
	position: absolute;
	left: 50px;
	top: 214px;
}

body#p421 #slide, body#p421 #main, body#p421 img.image { width: auto; max-width: 100%; }
body#p421 #adventureprofile, body#p421 #main > header { width: 940px; margin: 0 auto;}
body#p421 #myAd, body#p421 #main #stopblocking { left: 0; right: 0; margin: 0 auto; }

.consolelog {
	text-align: left;
	background: white;
	font-family: Sylfaen, "Courier New", Courier, Monospace;
	font-size: 11.5pt;
}
.consolelog .twilight { color: #A7B; }
.consolelog .applejack { color: #E72; }
.consolelog .rainbow { color: #7BE; }
.consolelog .rarity { color: #426; }
.consolelog .fluttershy { color: #EC6; }
.consolelog .pinkie { color: #E58; }