@charset "utf-8";


body {
margin: 0px;
padding: 0px;
text-align: left;
font: 16px Arial, Helvetica, sans-serif;
color: #FFF;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/04/ONaFConcrete.png);
font-family:Arial, Helvetica, sans-serif;
}
img {
border-style:none;
}
a:link {color:#0094FF;} a:visited {color:#0094FF;} a:hover {color:#00CCFF;} a:active {color:#00FFFF;}  .alignnone {
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
p:empty {
display: none;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #Container {
display: block; 
height:auto;
margin-left:auto;
margin-right:auto;
width: 1024px;
position:relative;
}
#Header {
height:220px;
}
#SubtitlePlacement {
width:200px;
margin:150px 0px 0px 480px;
position: absolute;
z-index:0;
}
#status {
width:500px;
height:auto;
position: absolute;
font-family: ScottGamesFont;
font-size:30px;
text-align:center;
line-height:25px;
text-shadow:0px 0px 10px #000, 0px 0px 10px #000;
letter-spacing:1px;
top:20px;
}
.pop {
animation: pop 0.75s infinite ease-in-out;
font-smoothing: antialiased  !important;
-webkit-animation: pop 0.75s infinite ease-in-out;
-webkit-font-smoothing: antialiased  !important;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-mz-backface-visibility: hidden;
}
@keyframes pop {
from {
transform:scale3d(1,1,1)
}
50% {
transform:scale3d(0.9,0.9,0.9)
}
to {
transform:scale3d(1,1,1)
}
}
@-webkit-keyframes pop {
from {
-webkit-transform:scale3d(1,1,1)
}
50% {
-webkit-transform:scale3d(0.9,0.9,0.9)
}
to {
-webkit-transform:scale3d(1,1,1)
}
}
.tilt {
-ms-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#status img {
margin-top:-30px;
}
#MenuBar
{
background-color:#000;
height:50px;
border-radius:20px;
z-index:1;
}
#MenuBar ul
{
display: inline;
margin: 0px;
padding: 0px;
list-style: none;
z-index:1;
color: #000000;
line-height: 50px;
background-color:#000;
}
#MenuBar ul li
{
display: block;
position: relative;
cursor: pointer;
float:left;
text-align:center;
height: 50px;
width: 256px;
-webkit-transition: background-color 1s, -webkit-box-shadow 1s, -moz-box-shadow 1s, box-shadow 1s;
transition: background-color 1s, -webkit-box-shadow 1s, -moz-box-shadow 1s, box-shadow 1s;
z-index:1;
-webkit-box-shadow: inset 0px 0px 24px 4px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 24px 4px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 24px 4px rgba(0,0,0,0.75);
}
#FlumptyBar {
background-color:#EEEEEE;
}
#BirthdayBoyBlamBar {
background-color:#B3B3B3;
}
#RedmanBar {
background-color:#980101;
}
#GrunkfussBar {
background-color:#CC44CC;
}
#FlumptyBar:hover,
#FlumptyBar:focus {
background-color:#FFFFFF;
}
#BirthdayBoyBlamBar:hover,
#BirthdayBoyBlamBar:focus {
background-color:#E5E5E5;
}
#RedmanBar:hover,
#RedmanBar:focus {
background-color:#CA3333;
}
#GrunkfussBar:hover,
#GrunkfussBar:focus {
background-color:#FE76FE;
}
#MenuBar ul li:hover,
#MenuBar ul li:focus
{
-webkit-box-shadow: inset 0px 0px 12px 2px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 12px 2px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 12px 2px rgba(0,0,0,0.75);
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
#MenuBar ul li:first-child {
border-radius:20px 0px 0px 20px;
} 
#MenuBar ul li:last-child {
border-radius:0px 20px 20px 0px;
} 
#MenuBar ul li div
{
position:absolute;
display:block;
top:0px;
height:0px;
left:0px;
z-index:0;
overflow:hidden;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
#MenuBar ul li:hover div,
#MenuBar ul li:focus div
{
top:-45px;
height:45px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
#MenuBar ul li ul
{
padding: 0px;
position: absolute;
top: 50px;
left: 0px;
width: 150px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
color: #AAAAAA;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
width: inherit;
}
#MenuBar ul li ul li
{ 
display: block;
background-color: #606;
width: inherit;
}
#MenuBar ul li ul li:hover,
#MenuBar ul li ul li:focus
{
color: #FFFFFF;
background-color: #A0A;
}
#MenuBar ul li:hover ul,
#MenuBar ul li:focus ul
{
display: block;
opacity: 1;
visibility: visible;
}
#MenuBar a
{
display:block;
line-height:50px;
text-decoration:none;
}
#FlumptyBar a:link, #BirthdayBoyBlamBar a:link {color:#000000;} #FlumptyBar a:visited, #BirthdayBoyBlamBar a:visited {color:#111111;} #FlumptyBar a:hover, #BirthdayBoyBlamBar a:hover {color:#000000; text-decoration:underline;} #FlumptyBar a:active, #BirthdayBoyBlamBar a:active {color:#000000; text-decoration:underline;} #RedmanBar a:link, #GrunkfussBar a:link {color:#FFFFFF;} #RedmanBar a:visited, #GrunkfussBar a:visited {color:#EEEEEE;} #RedmanBar a:hover, #GrunkfussBar a:hover {color:#FFFFFF; text-decoration:underline;} #RedmanBar a:active, #GrunkfussBar a:active {color:#FFFFFF; text-decoration:underline;} #ParentLinks {
height:25px;
width:1000px;
padding:4px 12px;
}
.ParentLinkBox {
border:2px solid #444;
background-color:#111;
display:inline-block;
line-height:21px;
font-size:12px;
padding:0px 6px;
text-decoration:none;
margin-right:20px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.ParentLinkBox:hover {
border:2px solid #888;
background-color:#222;
line-height:21px;
padding:0px 6px;
text-decoration:underline;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
#LeftMain {
float:left;
display:block;
width:700px;
padding:0px 6px;
overflow:hidden;
}
#RightMain {
float:right;
display:block;
width:300px;
padding:0px 6px;
overflow:hidden;
}
#AltTimelineLink {
float:right;
line-height:50px;
}
#Timeline {
}
#Timeline ul {
list-style: none;
padding:130px 0px 20px 0px;
color: #000;
background-image:url(https://fnaflore.com/wp-content/uploads/2016/01/GoldLine-Top.png), url(https://fnaflore.com/wp-content/uploads/2016/01/GoldLine-Bottom.png), url(https://fnaflore.com/wp-content/uploads/2016/01/GoldLine.png);
background-repeat:no-repeat, no-repeat, repeat-y;
background-position:center top, center bottom, center;
margin-top:20px;
}
#Timeline ul li {
Width:502px;
margin-top:-100px;
}
#Timeline ul li:nth-child(odd) {
margin-left:18px;
background-image:url(https://fnaflore.com/wp-content/uploads/2016/01/GoldArrow-Left.png);
background-repeat:no-repeat;
background-position:center right;
}
#Timeline ul li:nth-child(even) {
margin-left:500px;
padding-left:2px;
background-image:url(https://fnaflore.com/wp-content/uploads/2016/01/GoldArrow-Right.png);
background-repeat:no-repeat;
background-position:center left;
}
#TimelineItem {
width:332px;
min-height:100px;
background-image:url(https://fnaflore.com/wp-content/uploads/2016/01/PaperBackground.png);
background-clip:border-box;
border-style: solid;
border-width: 60px;
-moz-border-image: url(https://fnaflore.com/wp-content/uploads/2016/01/PaperBackground_border.png) 60 stretch;
-webkit-border-image: url(https://fnaflore.com/wp-content/uploads/2016/01/PaperBackground_border.png) 60 stretch;
-o-border-image: url(https://fnaflore.com/wp-content/uploads/2016/01/PaperBackground_border.png) 60 stretch;
border-image: url(https://fnaflore.com/wp-content/uploads/2016/01/PaperBackground_border.png) 60 fill stretch;
}
#Timeline ul li:nth-child(odd) #TimelineItem {
margin-right:50px;
}
#Timeline ul li:nth-child(even) #TimelineItem {
margin-left:50px;
}
#TimelineImage { width:256px;
text-align:center;
padding:20px 38px;
}
#TimelineText {
text-align:center;
}
#TimelineMore {
min-height:20px;
}
#Footer {
height:230px;
overflow:hidden;
font-size:10px;
padding-top:120px;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/04/ONaFFooterBorder.png);
background-repeat: repeat-x;
background-position:top;
position:relative;
min-width: 1024px;
overflow:visible;
}
#FooterSegment {
float:left;
width:300px;
padding:0px 20px;
}
#FooterSegment ul {
list-style: none;
padding:0px;
}
#FooterSegment li {
padding-bottom:4px;
}
#FooterSegment a {
color:#FFF;
font-weight:bolder;
}
#QuoteBox {
padding:20px;
border: 3px solid #AAA;
background-color: #555;
margin:40px;
}
@font-face {
font-family: ScottGamesFont;
src: url(http://www.fnaflore.com/wp-content/themes/FNaFLore/ASSETS/Fonts/scottgamesfont.TTF);
src: url(https://fnaflore.com/wp-content/themes/FNaFLore/ASSETS/Fonts/scottgamesfont.TTF);
}
@font-face {
font-family: Chiller;
src: url(http://www.fnaflore.com/wp-content/themes/FNaFLore/ASSETS/Fonts/CHILLER.TTF);
src: url(https://fnaflore.com/wp-content/themes/FNaFLore/ASSETS/Fonts/CHILLER.TTF);
}
@font-face {
font-family: FCIL;
src: url(http://www.fnaflore.com/wp-content/themes/FNaFLore/ASSETS/Fonts/FCIL.TTF);
src: url(https://fnaflore.com/wp-content/themes/FNaFLore/ASSETS/Fonts/FCIL.TTF);
}
@font-face {
font-family: FNaFSCREEN;
src: url(http://www.fnaflore.com/wp-content/themes/FNaFLore/ASSETS/Fonts/FNaFSCREEN.TTF);
src: url(https://fnaflore.com/wp-content/themes/FNaFLore/ASSETS/Fonts/FNaFSCREEN.TTF);
}
h1 {
font-family: ScottGamesFont;
letter-spacing: 2px;
text-align: center;
font-size: 40px;
margin-top:0px;
}
.FancyH2 {
font-family: ScottGamesFont;
letter-spacing: 2px;
text-align: center;
font-size: 32px;
}
.KCSignature {
display: inline-block;
padding: 40px 20px 40px 80px;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/01/kizzycocoaSignature-150x150.png);
background-repeat: no-repeat;
background-size: 60px 60px;
background-position: center left;
height:20px;
}
#Map {
margin-left: auto;
margin-right: auto;
}
#Map, #Map th, #Map td {
border: 2px solid white;
border-collapse: collapse;
}
#Map img {
margin:0px; 
}
#FooterFan {
width:100px;
height:100px;
position:absolute;
right:0px;
top:-220px;
z-index:2;
}
#FooterFan img {
position:absolute;
right:0px;
bottom:0px;
}
#Cursor {
width:17px;
height:23px;
display:none;
pointer-events: none;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/02/GFreddyMouseCursors.png);
background-size:272px 23px;
animation: Cursor 1s steps(16, end) infinite;
-webkit-animation: Cursor 1s steps(16, end) infinite;
position:absolute;
z-index:10;
}
@keyframes Cursor {
0% { background-position: 0px 0px; }
100% { background-position: -272px 0px; }
}
@-webkit-keyframes Cursor {
0% { background-position: 0px 0px; }
100% { background-position: -272px 0px; }
}
#BoxBackground {
width:150px;
height:150px;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/04/ONaFRecordBackground.png);
background-size:150px 150px;
display:inline-block;
}
#RecordAnimation {
width:150px;
height:150px;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/04/ONaFRecordStrip.png);
background-size:8850px 150px;
animation: RecordPlay 5s steps(59, end) infinite;
-webkit-animation: RecordPlay 5s steps(59, end) infinite;
cursor:pointer;
}
@keyframes RecordPlay {
0% { background-position: 0px 0px; }
100% { background-position: -8850px 0px; }
}
@-webkit-keyframes RecordPlay {
0% { background-position: 0px 0px; }
100% { background-position: -8850px 0px; }
}
#ONaF_Ending_Scroller
{
background-image: url(https://fnaflore.com/wp-content/uploads/2016/05/ONaF_1_Ending_1_SMALL.png);
width:320px;
height:180px;
animation: ONaF_Ending_Scroller_ANI 16s steps(8, end) infinite;
-webkit-animation: ONaF_Ending_Scroller_ANI 16s steps(8, end) infinite;
display:inline-block;
margin: ;
float:center;
}
@keyframes ONaF_Ending_Scroller_ANI {
0% { background-position: 0px 0px; }
100% { background-position: -2560px 0px; }
}
@-webkit-keyframes ONaF_Ending_Scroller_ANI {
0% { background-position: 0px 0px; }
100% { background-position: -2560px 0px; }
}
#ONaF2_Ending_Scroller
{
background-image: url(https://fnaflore.com/wp-content/uploads/2016/05/ONaF_2_Ending_1_SMALL.png);
width:320px;
height:180px;
animation: ONaF2_Ending_Scroller_ANI 1s steps(4, end) infinite;
-webkit-animation: ONaF2_Ending_Scroller_ANI 1s steps(4, end) infinite;
display:inline-block;
margin: 0px;
float:center;
}
@keyframes ONaF2_Ending_Scroller_ANI {
0% { background-position: 0px 0px; }
100% { background-position: -1280px 0px; }
}
@-webkit-keyframes ONaF2_Ending_Scroller_ANI {
0% { background-position: 0px 0px; }
100% { background-position: -1280px 0px; }
}
#ONaF2_Ending_Scroller_Text
{
background-image: url(https://fnaflore.com/wp-content/uploads/2016/05/ONaF_2_Ending_2_SMALL.png);
width:320px;
height:180px;
animation: ONaF2_Ending_Scroller_Text_ANI 20s steps(9, end) infinite;
-webkit-animation: ONaF2_Ending_Text_Scroller_ANI 20s steps(9, end) infinite;
display:inline-block;
margin: 0px;
float:center;
}
@keyframes ONaF2_Ending_Scroller_Text_ANI {
0% { background-position: 0px 0px; }
100% { background-position: -2880px 0px; }
}
@-webkit-keyframes ONaF2_Ending_Scroller_Text_ANI {
0% { background-position: 0px 0px; }
100% { background-position: -2880px 0px; }
}
#CharacterProfile {
width:1024px;
overflow:hidden;
margin-bottom:10px;
}
#CharacterProfilePictureLeft {
width:302px;
float:left;
overflow:hidden;
margin:20px 20px 0px 0px;
background-color:#000;
}
#CharacterProfilePictureRight {
width:302px;
float:left;
overflow:hidden;
margin:0px 0px 0px 20px;
background-color:#000;
}
#CharacterProfilePictureLeft a, #CharacterProfilePictureRight a {
width:149px;
height:23px;
text-align:center;
display:block;
border: 1px solid #CCC;
float:left;
cursor:pointer
}
#CharacterProfilePictureLeft img, #CharacterProfilePictureRight img {
border: 1px solid #CCC;
padding:0px;
margin:0px;
}
#CharacterProfileText h2 {
display:inline-block;
position: relative;
}
#CharacterProfileText {
width:702px;
float:left;
text-align:center;
}
#BBBImage02, #BeaverImage02 {
display:none;
}
#SkinSwatcher {
overflow:hidden;
}
#flashinghype {
padding:3px;
text-align:center;
line-height:30px;
animation: flashinghype 2s steps(2, end) infinite;
-webkit-animation: flashinghype 2s steps(2, end) infinite;
}
@keyframes flashinghype {
0% { color: #FFF; }
10% { color: #FF7F7F; }
20% { color: #FF0000; }
30% { color: #FF7F00; }
40% { color: #FFFF00; }
50% { color: #00FF00; }
60% { color: #0000FF; }
70% { color: #4B0082; }
80% { color: #8B00FF; }
90% { color: #C37FFF; }
100% { color: #FFF; }
}
@-webkit-keyframes flashinghype {
0% { color: #FFF; }
10% { color: #FF7F7F; }
20% { color: #FF0000; }
30% { color: #FF7F00; }
40% { color: #FFFF00; }
50% { color: #00FF00; }
60% { color: #0000FF; }
70% { color: #4B0082; }
80% { color: #8B00FF; }
90% { color: #C37FFF; }
100% { color: #FFF; }
}
.hidden {
display:none;
}
.BorderedTable {
border: 1px solid #CCC;
border-collapse: collapse;
table-layout:fixed;
width:100%; 
}
.BorderedTable a {
display:block;
width:100%;
padding: 5px 0px;
}
.BorderedTable td, .BorderedTable th {
border: 1px solid #CCC;
padding:0px;
}
#OthersBox, #RoomsBox {
height:410px;
width:100%; 
}
#alerthype {
animation: alerthype 1s steps(1, end) infinite;
-webkit-animation: alerthype 1s steps(1, end) infinite;
text-align:center;
font-weight:900;
}
@keyframes alerthype {
0% { color: #F00; }
50% { color: #FDD; }
100% { color: #F00; }
}
@-webkit-keyframes alerthype {
0% { color: #F00; }
50% { color: #FDD; }
100% { color: #F00; }
}
a {
cursor:pointer;
}
.QAAuthor {
padding:5px;
border: 3px solid #8200BF;
background-color: #440066;
}#CuteCat {
position:absolute;
right:0px;
bottom:0px;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/04/ONaFCat01.png);
width:102px;
height:150px;
animation: CatFade 120s linear 1;
animation-fill-mode: forwards;
-webkit-animation: CatFade 120s linear 1;
-webkit-animation-fill-mode: forwards;
z-index:1;
}
@keyframes CatFade {
0% { opacity: 1; }
75% { opacity: 1; }
100% { opacity: 0; }
}
@-webkit-keyframes CatFade {
0% { opacity: 1; }
75% { opacity: 1; }
100% { opacity: 0; }
}
#DeadCat {
position:absolute;
right:0px;
bottom:0px;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/04/ONaFCat02.png);
width:102px;
height:150px;
}
#JonochromeChar {
position:absolute;
right:0px;
bottom:0px;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/04/JonochromeChar.png);
width:60px;
height:70px;
animation: JonochromeCharAni 1.3s steps(8, end) infinite;
-webkit-animation: JonochromeCharAni 1.3s steps(8, end) infinite;
cursor:pointer;
}
@keyframes JonochromeCharAni {
0% { background-position: 0px 0px; }
100% { background-position: -480px 0px; }
}
@-webkit-keyframes JonochromeCharAni {
0% { background-position: 0px 0px; }
100% { background-position: -480px 0px; }
}