@charset "utf-8";

/*
	Author: Sean "Kizzycocoa" Roberts
	Author URI: http://www.kizzycocoa.com
	Description: This theme is designed for use on the FNaF Timeline subdirectory on Kizzycocoa.com.
	License: Creative Commons Attribution 4.0 International License
	License URI: http://creativecommons.org/licenses/by/4.0/
	Version: 1.0
*/

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/01/DarkConcrete.png);
	font-family:Arial, Helvetica, sans-serif;
  position:relative;
}
img {
	border-style:none;
}

a:link {color:#0094FF;}      /* unvisited link */
a:visited {color:#0094FF;}  /* visited link */
a:hover {color:#00CCFF;}  /* mouse over link */
a:active {color:#00FFFF;}  /* selected link */ 

/*WORDPRESS STYLE*/

.alignnone {
  
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
#LeftMain img.aligncenter {
max-width: 100%; height: 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%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
    clear:both;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
    clear:both;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
    clear:both;
}

.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;
    color:#000;
}

p:empty {
  display: none;
}

/* Text meant only for screen readers. */
.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; /* Above WP toolbar. */
}

/*END WORDPRESS STYLE*/

#BGDiv {
background-color: #000;
min-width: 1024px;
overflow:hidden;
}

#Container {
	display: block; 
	height:auto;
	margin-left:auto;
	margin-right:auto;
	width: 1024px;
	position:relative;
}

#ReminderBox {
	display:block;
  position:absolute;
  top:0px;
  left:0px;
  border-width:0px 3px 3px 0px;
  border-color:#FFF;
  border-style:solid;
  border-bottom-right-radius: 20px;
  width:250px;
  height:60px;
  text-align:center;
  z-index:2;
  background-color:#000;
}

#Header {
	height:200px;
	padding-bottom:20px;
}

#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;
}
.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);
}

.MenuBarul {
height:50px;
display: block;
margin: 0px;
padding: 0px;
list-style: none;
z-index: 1;
color: #FFFFFF;
line-height: 50px;
background-color: #000;
position: relative;
}
.MenuBarul ul {
margin: 0px;
padding: 0px;
}
.MenuBarul li {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    text-align: center;
    height: 50px;
    width: 128px;
    -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: 2;
    -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);
}
.MenuBarul li:hover, .MenuBarul 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;
}
.MenuBarul li.SmallSubmenu {
    width: 64px;
    font: 14px Arial, Helvetica, sans-serif;
}
.MenuBarul li:first-child {
    border-radius: 20px 0px 0px 20px;
}
.MenuBarul li:last-child {
    border-radius: 0px 20px 20px 0px;
}
/* Freddy */
.TimelineSubmenu  {
    background-color: #C25F00;
}
.TimelineSubmenu:hover, .TimelineSubmenu:focus {
    background-color: #F37700;
}
/* Bonnie */
.ResourceSubmenu {
    background-color: #4F4F88;
}
.ResourceSubmenu:hover, .ResourceSubmenu:focus {
    background-color: #6363AB;
}
/* Chica */
.FangameSubmenu {
    background-color: #A58F05;
}
.FangameSubmenu:hover, .FangameSubmenu:focus {
    background-color: #CFB307;
}
/* Foxy */
.ArcadeSubmenu {
    background-color: #CB0000;
}
.Dullmenu {
    background-color: #663333;
}
.ArcadeSubmenu:hover, .ArcadeSubmenu:focus {
    background-color: #FE0000;
}

.Dullmenu:hover, .Dullmenu:focus {
    background-color: #664C4C;
}
.MenuBarul .ArcadeSubmenu a {
    line-height:25px;
}
/* Puppet */
.ToDoSubmenu {
    background-color: #939393;
}
.ToDoSubmenu:hover, .ToDoSubmenu:focus {
    background-color: #C9C9C9;
}
/* Fredbear Plush */
.CommunitySubmenu {
    background-color: #A02626;
}
.CommunitySubmenu:hover, .CommunitySubmenu:focus {
    background-color: #D63232;
}
/* Discord */
.DiscordSubmenu {
    background-color: #576AA5;
}
.DiscordSubmenu:hover, .DiscordSubmenu:focus {
    background-color: #7289DA;
}
/* Reddit Alien */
.RedditSubmenu {
    background-color: #CCC;
}
.RedditSubmenu:hover, .RedditSubmenu:focus {
    background-color: #FFF;
}
/* Balloons */
.ForumSubmenu {
    background-color: #0066CC;
}
.ForumSubmenu:hover, .ForumSubmenu:focus {
    background-color: #007DFF;
}
/* Envelope */
.ContactSubmenu {
    background-color: #53185E;
}
.ContactSubmenu:hover, .ContactSubmenu:focus {
    background-color: #842593;
}
.MenuBarul a {
    display: block;
    line-height: 50px;
    text-decoration: none;
}
.MenuBarul a:link {
    color: #FFFFFF;
}
.MenuBarul a:visited {
    color: #EEEEEE;
}
.MenuBarul a:hover {
    color: #FFFFFF;
}
.MenuBarul a:active {
    color: #FFFFFF;
}
.MenuIcon {
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;
}
.MenuBarul li:hover .MenuIcon {
top: -45px;
height: 45px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.MenuBarBottom .MenuIcon {
top: 0px;
position:relative;
text-align:left;
}
.MenuBarBottom li:hover .MenuIcon {
top: 0px;
height: 45px;
}
.MenuBarBottom .MenuIcon img {
position:absolute;
bottom:0px;
}

#MenuBar
{
	background-color:#000;
	height:50px;
	border-radius:20px;
	z-index:1;
}

.TopMenuBar
{
  display: inline;
  margin: 0px;
  padding: 0px;
  list-style: none;
  z-index:1;
  color: #FFFFFF;
  line-height: 50px;
  background-color:#000;
  position: relative;
}

.TopMenuBar 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:2;
	-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);
}

#FreddyBar {
background-color:#C25F00;
}
#BonnieBar {
background-color:#4F4F88;
}
#ChicaBar {
background-color:#A58F05;
}
#FoxyBar {
background-color:#CB0000;
}
#ObservationBar {
  background-color:#579BCC;
}
#ForumBar {
background-color:#CC5100;
}

#FreddyBar:hover,
#FreddyBar:focus {
background-color:#F37700;
}
#BonnieBar:hover,
#BonnieBar:focus {
background-color:#6363AB;
}
#ChicaBar:hover,
#ChicaBar:focus {
background-color:#CFB307;
}
#FoxyBar:hover,
#FoxyBar:focus {
background-color:#FE0000;
}
#ObservationBar:hover,
#ObservationBar:focus {
  background-color: #6DC2FF;
}
#ForumBar:hover,
#ForumBar:focus {
background-color:#FF6A00;
}

.TopMenuBar li:hover,
.TopMenuBar 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;
}

.TopMenuBar li:first-child {
	border-radius:20px 0px 0px 20px;
} 

.TopMenuBar li:last-child {
	border-radius:0px 20px 20px 0px;
} 

.TopMenuBar 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;
}

.TopMenuBar li:hover div,
.TopMenuBar 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;
}

.SubMenuBar
{
  padding: 0px;
  position: absolute;
  top: 50px;
  left: 0px;
  width: 150px;
  height:0px;
  overflow:hidden;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  visibility:visible;
  color: #AAAAAA;
  background:none;
  width: inherit;
  display:block;
	z-index:-1;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.SubMenuBar li
{ 
  display: block;
  width: inherit;
  overflow:hidden;
  position:absolute;
  right:0;
}
.SubMenuBar li:first-child
{
	border-radius:0px 0px 0px 0px;
  bottom:50px;
}
.SubMenuBar li:last-child
{
  bottom:0;
}

.SubMenuBar li:last-child
{ 
	border-radius:0px 0px 20px 20px;
}
.SubMenuBar li:hover,
.SubMenuBar li:focus
{
  color: #FFFFFF;
}

.TopMenuBar li:hover .onemenuhigh,
.TopMenuBar li:focus .onemenuhigh
{
  height:50px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.TopMenuBar li:hover .twomenuhigh,
.TopMenuBar li:focus .twomenuhigh
{
  height:100px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.MenuBarRightEnd {
  width: 236px;
  margin-right:20px;
}

#MenuBar a
{
	display:block;
	line-height:50px;
	text-decoration:none;
}

#MenuBar a:link {color:#FFFFFF;}      /* unvisited link */
#MenuBar a:visited {color:#EEEEEE;}  /* visited link */
#MenuBar a:hover {color:#FFFFFF; text-decoration:underline;}  /* mouse over link */
#MenuBar a:active {color:#FFFFFF; text-decoration:underline;}  /* selected link */

#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-right:502px;
	padding-right:20px;
	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:502px;
	padding-left:20px;
	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 {
/*	height:128px; */
	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/01/PizzeriaBorder.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;
max-width:898px;
}

@font-face {
    font-family: ScottGamesFont;
	src: url(/wp-content/themes/FNaFLore/ASSETS/Fonts/scottgamesfont.TTF);
}

@font-face {
    font-family: Chiller;
	src: url(/wp-content/themes/FNaFLore/ASSETS/Fonts/CHILLER.TTF);
}

@font-face {
    font-family: FCIL;
	src: url(/wp-content/themes/FNaFLore/ASSETS/Fonts/FCIL.TTF);
}

@font-face {
    font-family: FNaFSCREEN;
	src: url(/wp-content/themes/FNaFLore/ASSETS/Fonts/FNaFSCREEN.TTF);
}

h1 {
	font-family: ScottGamesFont;
	letter-spacing: 2px;
	text-align: center;
	font-size: 40px;
}
.MainHeader {
  margin-top:0px;
  text-align: center;
}

.FancyH2 {
	font-family: ScottGamesFont;
	letter-spacing: 2px;
	text-align: center;
	font-size: 32px;
}

.DiscTimestamp {
	color:#99F;
  vertical-align: top;
}

.DiscText_Kizz {
	color:#09F;
  vertical-align: top;
}

.DiscText_Peri {
	color:#0C6;
  vertical-align: top;
}

.DiscText_Adobe {
	color:#FF4B96;
  vertical-align: top;
}

.DiscText_Popgoes {
  color:#96E17D;
  vertical-align: top;
}

.DiscText_SonicTHD {
  color:#00E1FF;
  vertical-align: top;
}

.DiscText_Mom {
  color:#FD6E00;
  vertical-align: top;
}

.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;
}

@-webkit-keyframes DreamShake {
0% { -webkit-transform: rotate(0deg) translate(2px, 1px); }
10% { -webkit-transform: rotate(2deg) translate(1px, 2px); }
20% { -webkit-transform: rotate(-2deg) translate(3px, 0px) ; }
30% { -webkit-transform: rotate(0deg) translate(0px, -2px); }
40% { -webkit-transform: rotate(-2deg) translate(-1px, 1px); }
50% { -webkit-transform: rotate(2deg) translate(1px, -2px); }
60% { -webkit-transform: rotate(0deg) translate(3px, -1px); }
70% { -webkit-transform: rotate(2deg) translate(-2px, -1px); }
80% { -webkit-transform: rotate(-2deg) translate(1px, 1px); }
90% { -webkit-transform: rotate(0deg) translate(-2px, -2px); }
100% { -webkit-transform: rotate(2deg) translate(-1px, 2px); }
}
@keyframes DreamShake {
0% { transform: rotate(0deg) translate(2px, 1px); }
10% { transform: rotate(2deg) translate(1px, 2px); }
20% { transform: rotate(-2deg) translate(3px, 0px) ; }
30% { transform: rotate(0deg) translate(0px, -2px); }
40% { transform: rotate(-2deg) translate(-1px, 1px); }
50% { transform: rotate(2deg) translate(1px, -2px); }
60% { transform: rotate(0deg) translate(3px, -1px); }
70% { transform: rotate(2deg) translate(-2px, -1px); }
80% { transform: rotate(-2deg) translate(1px, 1px); }
90% { transform: rotate(0deg) translate(-2px, -2px); }
100% { transform: rotate(2deg) translate(-1px, 2px); }
}
.DreamTheory {
-webkit-animation-name: DreamShake;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-transform-origin:50% 50%;
animation-name: DreamShake;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
transform-origin:50% 50%;
color:#F00;
font-family:Chiller;
display: inline-block;
font-size:40px;
padding: 15px 5px;
text-shadow:0px 0px 3px #F00;
}

@-webkit-keyframes DreamShake2 {
0% { -webkit-transform: rotate(0deg) translate(4px, 2px); }
10% { -webkit-transform: rotate(4deg) translate(2px, 4px); }
20% { -webkit-transform: rotate(-4deg) translate(6px, 0px) ; }
30% { -webkit-transform: rotate(0deg) translate(0px, -4px); }
40% { -webkit-transform: rotate(-4deg) translate(-2px, 2px); }
50% { -webkit-transform: rotate(4deg) translate(2px, -4px); }
60% { -webkit-transform: rotate(0deg) translate(6px, -2px); }
70% { -webkit-transform: rotate(4deg) translate(-4px, -2px); }
80% { -webkit-transform: rotate(-4deg) translate(2px, 2px); }
90% { -webkit-transform: rotate(0deg) translate(-4px, -4px); }
100% { -webkit-transform: rotate(4deg) translate(-2px, 4px); }
}
@keyframes DreamShake2 {
0% { transform: rotate(0deg) translate(4px, 2px); }
10% { transform: rotate(4deg) translate(2px, 4px); }
20% { transform: rotate(-4deg) translate(6px, 0px) ; }
30% { transform: rotate(0deg) translate(0px, -4px); }
40% { transform: rotate(-4deg) translate(-2px, 2px); }
50% { transform: rotate(4deg) translate(2px, -4px); }
60% { transform: rotate(0deg) translate(6px, -2px); }
70% { transform: rotate(4deg) translate(-4px, -2px); }
80% { transform: rotate(-4deg) translate(2px, 2px); }
90% { transform: rotate(0deg) translate(-4px, -4px); }
100% { transform: rotate(4deg) translate(-2px, 4px); }
}

.DreamTheory2 {
-webkit-animation-name: DreamShake2;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-transform-origin:50% 50%;
animation-name: DreamShake2;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
transform-origin:50% 50%;
color:#F00;
font-family:Chiller;
font-weight:bolder;
display: inline-block;
font-size:80px;
text-shadow:0px 0px 10px #F00;
padding: 15px 0px;
}

#Map {
    margin-left: auto;
    margin-right: auto;
}

#Map, #Map th, #Map td {
   border: 2px solid white;
   border-collapse: collapse;
}

#Map img {
 margin:0px; 
}

#fadeoutbox {
position:relative;
display:inline-block;
width:700px;
overflow: hidden;
height:30px;
}

#Fadeout {
position: absolute; 
  bottom: 0; 
  right: 0;
  width: 550px;
  margin: 0;
  padding: 0 30px 0 30px; 
  background-image: linear-gradient(to right, transparent, black);
  z-index:2;
 height:30px;
}

#fadeoutbox h2 {
margin:0px;
}

#TheBox {
text-align:center;
position:relative;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/01/TheBox.png);
height:250px;
width:1024px;
}

#TheBox h2 {
padding-top:180px;
font-family: FCIL;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#boxlock1, #boxlock2 {
position:absolute;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/01/BoxLocks.png);
background-size:600px 60px;
width:40px;
height:60px;
}

#boxlock1 {
left:440px;
top:78px;
}

#boxlock2 {
left:529px;
top:78px;
}

.animatelocks {
animation: Boxlocks 0.5s steps(15, end) 0s 1;
-webkit-animation: Boxlocks 0.5s steps(15, end) 0s 1;
pointer-events: none;
}

@keyframes Boxlocks {
    0% { background-position: 0px 0px; }
    100% { background-position: -600px 0px; }
}

@-webkit-keyframes Boxlocks {
    0% { background-position: 0px 0px; }
    100% { background-position: -600px 0px; }
}

#LiveCircle {
font-size:50px;
line-height:40px;
color:#F00;
animation: LiveCircle 2s steps(1, end) infinite;
-webkit-animation: LiveCircle 2s steps(1, end) infinite;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

@keyframes LiveCircle {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes LiveCircle {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

#FooterFan {
width:100px;
height:100px;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/01/FNaFWorldFan.png);
background-size:500px 100px;
  animation: FooterFan 0.2s steps(1, end) infinite;
  -webkit-animation: FooterFan 0.2s steps(1, end) infinite;
position:absolute;
right:0px;
top:-205px;
z-index:2;
}

@keyframes FooterFan {
    0% { background-position: 0px 0px; }
    20% { background-position: -100px 0px; }
    40% { background-position: -200px 0px; }
    60% { background-position: -300px 0px; }
    80% { background-position: -400px 0px; }
    100% { background-position: 0px 0px; }
}

@-webkit-keyframes FooterFan {
    0% { background-position: 0px 0px; }
    20% { background-position: -100px 0px; }
    40% { background-position: -200px 0px; }
    60% { background-position: -300px 0px; }
    80% { background-position: -400px 0px; }
    100% { background-position: 0px 0px; }
}

#ObservationBackground {

width:150px;
height:150px;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/01/ObservationBackground.png);
background-size:1036px 150px;
  animation: ObservationBackground 10s infinite;
  -webkit-animation: ObservationBackground 10s infinite;
display:inline-block;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
}

@keyframes ObservationBackground {
    0% { background-position: 0px 0px; }
    100% { background-position: -1036px 0px; }
}

@-webkit-keyframes ObservationBackground {
    0% { background-position: 0px 0px; }
    100% { background-position: -1036px 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; }
}

.HideC {
cursor: none;
}

#FangameRow {
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/04/FangameDoors.png);
  width:1024px;
  height:500px;
  overflow:auto;
}

#FangameRowCountdown {
  background-image: url(https://fnaflore.com/wp-content/uploads/2017/04/FangameDoorsCountdownBackground.png);
  width:1024px;
  height:500px;
  padding-top:100px;
  overflow:hidden;
  position:relative;
}

.FangameDoor {
  width:294px;
  height:381px;
  margin-top:50px;
  margin-left:17px;
  margin-right:17px;
  float:left;
  pointer-events: auto;
  cursor:pointer;
}

.FangameDoor:first-child {
  margin-left:36px;
  margin-right:18px;
}

.FangameDoor:nth-child(3) {
  margin-right:36px;
}

.FangameDoor:hover {
  background-position: -294px 0px;
}

#FlumptyDoor {
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/04/Fandoor_Flumpty.png);
}

#PopgoesDoor {
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/05/Fandoor_Popgoes_Locked.png);
}

#CandyDoor {
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/05/Fandoor_Candy_Locked.png);
}

#FNaF1CAMDIV {
position:relative;
width:1024px;
height:720px;
display:block;
}

#FNaF1CAMGUI {
background-image: url(https://fnaflore.com/wp-content/uploads/2016/02/FNaFCameraFrame.png);
position:absolute;
width:1024px;
height:720px;
z-index:7;
pointer-events: none; 
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#FNaF1CAMFUZZ {
position:absolute;
width:1024px;
height:720px;
z-index:5;
pointer-events: none;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/02/CANFUZZ.png);
  animation: FuzzMaker 0.5s steps(8, end) infinite;
  -webkit-animation: FuzzMaker 0.5s steps(8, end) infinite;
  background-size: 8192px 720px;
  opacity: 0.5;
}

@keyframes FuzzMaker {
    0% { background-position: 0px 0px; }
    100% { background-position: -8192px 0px; }
}

@-webkit-keyframes FuzzMaker {
    0% { background-position: 0px 0px; }
    100% { background-position: -8192px 0px; }
}

#FNaF1CURRENTCAMContainer {
position:absolute;
width:1024px;
height:720px;
  overflow:hidden;
z-index:1;
}

#FNaF1CURRENTCAM {
position:absolute;
width:1600px;
height:720px;
z-index:1;
animation-name: CAMTWIST;
animation-duration: 20s;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-name: CAMTWIST;
-webkit-animation-duration: 20s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
}

@keyframes CAMTWIST {
    0% { left: 0px; }
    10% { left: 0px; }
    50% { left: -576px; }
    60% { left: -576px; }
    100% { left: 0px; }
}

@-webkit-keyframes CAMTWIST {
    0% { left: 0px; }
    10% { left: 0px; }
    50% { left: -576px; }
    60% { left: -576px; }
    100% { left: 0px; }
}

#FNaF1CAMSTATS {
  position:absolute;
width:200px;
height:720px;
  left:-200px;
z-index:1;
}

#FNaF1RECORDINGDOT {
  position:absolute;
  width:50px;
  height:50px;
  left:68px;
  top:52px;
  background-image: url("https://fnaflore.com/wp-content/uploads/2016/02/RecordingDot.png");
  animation: RecordingDot 2s steps(1, end) infinite;
  -webkit-animation: RecordingDot 2s steps(1, end) infinite;
  }

@keyframes RecordingDot {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes RecordingDot {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

#FNaF1TIMETAGS {
  position:absolute;
  width:88px;
  height:16px;
  left:892px;
  top:72px;
  background-image: url("https://fnaflore.com/wp-content/uploads/2016/02/FNaF1Tags.png");
  }

#FNaF1ROOMNAME {
  position:absolute;
  width:305px;
  height:26px;
  left:576px;
  top:292px;
  background-image: url("https://fnaflore.com/wp-content/uploads/2016/02/FNaF1CameraNames.png");
  }

#FNaF1SWITCHBARS {
position:absolute;
background-image: url("https://fnaflore.com/wp-content/uploads/2016/02/SwitchBars.png");
background-size:1px 5760px;
  display:none;
width:1024px;
height:720px;
z-index:5;
  animation: SwitchBars 0.2s steps(8, end) infinite;
  -webkit-animation: SwitchBars 0.2s steps(8, end) infinite;
}

@keyframes SwitchBars {
    0% { background-position: 0px 0px; }
    100% { background-position: 0px -5760px; }
}

@-webkit-keyframes SwitchBars {
    0% { background-position: 0px 0px; }
    100% { background-position: 0px -5760px; }
}


#FNaF1STATICCAM {
position:absolute;
background-image: none;
width:1024px;
height:720px;
z-index:2;
}

#FNaF1BLACKSCREEN {
position:absolute;
background-image: none;
background-size:1600px 720px;
width:1024px;
height:720px;
z-index:3;
pointer-events: none;
}

#FNaF1MAPDIV {
position:absolute;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/02/FNaF1CameraMap.png);
background-size:816px 350px;
width:408px;
height:350px;
top:331px;
left:568px;
z-index:6;
}

.FNaF1CAM {
position:absolute;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/02/FNaF1Labels.png);
background-size:118px 429px;
display:block;
width:59px;
height:39px;
  cursor:pointer;
}

#FNaF1CAM1A {
background-position: 0px 0px;
left:130px;
top:3px;
}

#FNaF1CAM1B {
background-position: 0px -39px;
left:110px;
top:59px;
}

#FNaF1CAM1C {
background-position: 0px -78px;
left:78px;
top:137px;
}

#FNaF1CAM2A {
background-position: 0px -117px;
left:130px;
top:253px;
}

#FNaF1CAM2B {
background-position: 0px -156px;
left:130px;
top:293px;
}

#FNaF1CAM03 {
background-position: 0px -195px;
left:46px;
top:235px;
}

#FNaF1CAM4A {
background-position: 0px -234px;
left:236px;
top:254px;
}

#FNaF1CAM4B {
background-position: 0px -273px;
left:236px;
top:294px;
}

#FNaF1CAM05 {
background-position: 0px -312px;
left:4px;
top:86px;
}

#FNaF1CAM06 {
background-position: 0px -351px;
left:333px;
top:218px;
}

#FNaF1CAM07 {
background-position: 0px -390px;
left:342px;
top:87px;
}

/* NEW CAM SYSTEM */
#FAZCAM-1-BUTTON:hover {
background-image: url(https://fnaflore.com/wp-content/uploads/2016/02/FAZ-HACK-MENU-BUTTON-HIGHLIGHT.png);
color: #7FFF88;
}
#FAZCAM-1-SMALLBUTTON:hover {
background-image: url(https://fnaflore.com/wp-content/uploads/2016/02/FAZ-HACK-SMALL-BUTTON-HIGHLIGHT.png);
color: #7FFF88;
}
#FAZCAM-1-ARCHIVEBUTTON:hover {
background-image: url(https://fnaflore.com/wp-content/uploads/2016/02/FAZ-HACK-SMALL-BUTTON-ARCHIVES-HIGHLIGHT.png);
color: #7FFF88;
}
#FAZCAM-1-BACKBUTTON:hover {
background-image: url(https://fnaflore.com/wp-content/uploads/2016/02/FAZ-HACK-SMALL-BUTTON-BACK-HIGHLIGHT.png);
color: #7FFF88;
}

/* FNAFWORLD MAP */
#FNaFWORLD1_0MAP {
  width:1024px;
  height:720px;
  overflow:hidden;
}

.FNaFW1_0InfoSquare {
  width:50px;
  height:50px;
  position:absolute;
  cursor:pointer;
display:inline-block;
  color:#000;
  }
.FNaFW1_0Lolbit {
background-image: url(https://fnaflore.com/wp-content/uploads/2016/03/ANILolbitFNaFW1.0.png);
}

.FNaFW1_0Mendo {
background-image: url(https://fnaflore.com/wp-content/uploads/2016/03/ANIMendoFNaFW1.0.png);
top:950px;
left:2050px;
}

.FNaFW1_0DeeDee {
background-image: url(https://fnaflore.com/wp-content/uploads/2016/03/ANIDeeDeeFNaFW1.0.png);
top:800px;
left:1950px;
  width:50px;
  height:50px;
  position:absolute;
display:inline-block;
}
.FNaFW1_0InfoSquare:hover .InfoBoxChip {
  display:block;
  }
.FNaFW1_0InfoSquare:hover .InfoBoxShop {
  display:block;
  }
.InfoBoxShop {
  width:450px;
  height:250px;
  position:absolute;
  top:-250px;
  left:-200px;
  cursor:pointer;
display:none;
  background-color:#CCC;
  z-index:1;
  text-align:center;
}
.InfoBoxChip {
  width:100px;
  height:100px;
  position:absolute;
  top:-100px;
  left:-25px;
  cursor:pointer;
display:none;
  z-index:1;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/03/FnaFW_Chips.png);
}

.FNaFW1_0InfoProduct {
   width:100px;
  height:100px;
  display:inline-block;
  margin-left:25px;
  }

.TwoFrames {
  animation: TwoFrames 1s steps(2, end) infinite;
  -webkit-animation: TwoFrames 1s steps(2, end) infinite;
  }

.ThreeFrames {
  animation: ThreeFrames 0.1s steps(3, end) infinite;
  -webkit-animation: ThreeFrames 0.1s steps(3, end) infinite;
  }

.FourFrames {
  animation: FourFrames 0.25s steps(4, end) infinite;
  -webkit-animation: FourFrames 0.25s steps(4, end) infinite;
  }

.FiveFrames {
  animation: FiveFrames 0.25s steps(5, end) infinite;
  -webkit-animation: FiveFrames 0.25s steps(5, end) infinite;
  }

@keyframes TwoFrames {
    0% { background-position: 0px 0px; }
    100% { background-position: -100px 0px; }
}

@-webkit-keyframes TwoFrames {
    0% { background-position: 0px 0px; }
    100% { background-position: -100px 0px; }
}

@keyframes ThreeFrames {
    0% { background-position: 0px 0px; }
    100% { background-position: -300px 0px; }
}

@-webkit-keyframes ThreeFrames {
    0% { background-position: 0px 0px; }
    100% { background-position: -300px 0px; }
}

@keyframes FiveFrames {
    0% { background-position: 0px 0px; }
    100% { background-position: -500px 0px; }
}

@-webkit-keyframes FiveFrames {
    0% { background-position: 0px 0px; }
    100% { background-position: -500px 0px; }
}

@keyframes FourFrames {
    0% { background-position: 0px 0px; }
    100% { background-position: -400px 0px; }
}

@-webkit-keyframes FourFrames {
    0% { background-position: 0px 0px; }
    100% { background-position: -400px 0px; }
}

#CircusTent {
  animation: CircusTent 1s steps(2, end) infinite;
  -webkit-animation: CircusTent 1s steps(2, end) infinite;
  width:150px;
  height:100px;
  position:absolute;
display:inline-block;
  top:1350px;
    left:2775px;
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/03/ANICircusFNaFW1.0.png);
  }

@keyframes CircusTent {
    0% { background-position: 0px 0px; }
    100% { background-position: -300px 0px; }
}

@-webkit-keyframes CircusTent {
    0% { background-position: 0px 0px; }
    100% { background-position: -300px 0px; }
}

.FNaFW1_0DecorSquare {
  width:50px;
  height:50px;
  position:absolute;
display:inline-block;
  }

.Torch01 {
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/03/ANIThinTorchFNaFW1.0.png);
  animation: TwoFrames 1s steps(2, end) infinite;
  -webkit-animation: TwoFrames 1s steps(2, end) infinite;
  }
.FNaFW1_0WindTurbine {
  width:50px;
  height:100px;
  position:absolute;
display:inline-block;
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/03/ANIWindTurbineFNaFW1.0.png);
  animation: TurbineFrames 1s steps(10, end) infinite;
  -webkit-animation: TurbineFrames 1s steps(10, end) infinite;
  margin-top:15px;
  }
@keyframes TurbineFrames {
    0% { background-position: 0px 0px; }
    100% { background-position: -500px 0px; }
}

@-webkit-keyframes TurbineFrames {
    0% { background-position: 0px 0px; }
    100% { background-position: -500px 0px; }
}

.Torch02 {
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/03/ANIThickTorchFNaFW1.0.png);
  animation: Torch02 1s steps(5, end) infinite;
  -webkit-animation: Torch02 1s steps(5, end) infinite;
  margin-top:21px;
  margin-left:4px;
}
@keyframes Torch02 {
    0% { background-position: 0px 0px; }
    100% { background-position: -250px 0px; }
}

@-webkit-keyframes Torch02 {
    0% { background-position: 0px 0px; }
    100% { background-position: -250px 0px; }
}

.CircusGate {
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/03/CircusGateFNaFW1.0.png);
  animation: CircusGate 0.2s steps(5, end) infinite;
  -webkit-animation: CircusGate 0.2s steps(5, end) infinite;
  margin-left:35px;
  width:70px;
  height:50px;
  position:absolute;
  display:inline-block;
  }
@keyframes CircusGate {
    0% { background-position: 0px 0px; }
    100% { background-position: -350px 0px; }
}

@-webkit-keyframes CircusGate {
    0% { background-position: 0px 0px; }
    100% { background-position: -350px 0px; }
}

.ScottTeleport {
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/03/ScottTeleportFNaFW1.0.png);
  animation: ScottTeleport 0.5s steps(11, end) infinite;
  -webkit-animation: ScottTeleport 0.5s steps(11, end) infinite;
}

@keyframes ScottTeleport {
    0% { background-position: 0px 0px; }
    100% { background-position: -550px 0px; }
}

@-webkit-keyframes ScottTeleport {
    0% { background-position: 0px 0px; }
    100% { background-position: -550px 0px; }
}

.FNaFW1_0Teleport {
  width:50px;
  height:50px;
  position:absolute;
  display:inline-block;
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/03/TeleportFNaFW1.0.png);
}

.FNaFW1_0DancingShadow {
  width:50px;
  height:50px;
  position:absolute;
  display:inline-block;
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/02/FNaFWorldDancingFigure.png);
  animation: Freddance 1.8s steps(31, end) infinite;
  -webkit-animation: Freddance 1.8s steps(31, end) infinite;
}

@keyframes Freddance {
    0% { background-position: 0px 0px; }
    100% { background-position: -1550px 0px; }
}

@-webkit-keyframes Freddance {
    0% { background-position: 0px 0px; }
    100% { background-position: -1550px 0px; }
}

.FNaFW1_0TreeStump {
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/03/SpecialTilesFNaFW1.0.png);
}

.TextBoxPopup {
  width:450px;
  height:300px;
  position:absolute;
  top:-300px;
  left:-200px;
  cursor:pointer;
  display:none;
  background-color:#CCC;
  z-index:1;
  text-align:center;
  }

.FNaFW1_0InfoSquare:hover .TextBoxPopup {
  display:block;
  }

.FredbearPortrait {
  height:300px;
  width:300px;
  position:absolute;
  top:-50px;
  left:-130px;
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/03/FredbearAnimated.png);
  animation: FredbearCharAnimation 0.5s steps(10, end) infinite;
  -webkit-animation: FredbearCharAnimation 0.5s steps(10, end) infinite;
}

@keyframes FredbearCharAnimation {
    0% { background-position: 0px 0px; }
    100% { background-position: -2500px 0px; }
}

@-webkit-keyframes FredbearCharAnimation {
    0% { background-position: 0px 0px; }
    100% { background-position: -2500px 0px; }
}

.HACKFredbearPortrait {
  height:300px;
  width:250px;
  position:absolute;
  top:0px;
  left:-130px;
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/03/8BitFredbearAnimated.png);
  animation: HACKFredbearCharAnimation 2s steps(1, end) infinite;
  -webkit-animation: HACKFredbearCharAnimation 2s steps(1, end) infinite;
}

@keyframes HACKFredbearCharAnimation {
    0% { background-position: 0px 0px; }
    5% { background-position: -250px 0px; }
    10% { background-position: 0px 0px; }
    15% { background-position: -250px 0px; }
    20% { background-position: -500px 0px; }
    25% { background-position: 0px 0px; }
    30% { background-position: -500px 0px; }
    35% { background-position: -250px 0px; }
    40% { background-position: 0px 0px; }
    45% { background-position: 0px 0px; }
    50% { background-position: -500px 0px; }
    55% { background-position: -250px 0px; }
    60% { background-position: 0px 0px; }
    65% { background-position: -250px 0px; }
    70% { background-position: 0px 0px; }
    75% { background-position: -250px 0px; }
    80% { background-position: -500px 0px; }
    85% { background-position: 0px 0px; }
    90% { background-position: 0px 0px; }
    95% { background-position: -500px 0px; }
    100% { background-position: 0px 0px; }
}

@-webkit-keyframes HACKFredbearCharAnimation {
    0% { background-position: 0px 0px; }
    5% { background-position: -250px 0px; }
    10% { background-position: 0px 0px; }
    15% { background-position: -250px 0px; }
    20% { background-position: -500px 0px; }
    25% { background-position: 0px 0px; }
    30% { background-position: -500px 0px; }
    35% { background-position: -250px 0px; }
    40% { background-position: 0px 0px; }
    45% { background-position: 0px 0px; }
    50% { background-position: -500px 0px; }
    55% { background-position: -250px 0px; }
    60% { background-position: 0px 0px; }
    65% { background-position: -250px 0px; }
    70% { background-position: 0px 0px; }
    75% { background-position: -250px 0px; }
    80% { background-position: -500px 0px; }
    85% { background-position: 0px 0px; }
    90% { background-position: 0px 0px; }
    95% { background-position: -500px 0px; }
    100% { background-position: 0px 0px; }
}

.FredbearHeads {
  height:50px;
  width:75px;
  position:absolute;
  top:245px;
  left:5px;
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/03/FredbearHeads.png);
}

.FredbearTextBox {
  height:200px;
  width:300px;
  margin-left:125px;
  margin-top:75px;
  background-color:#0F0;
  overflow-y:scroll;
  text-align:left;
  display:none;
}

.HACKFredbearTextBox {
  height:200px;
  width:300px;
  margin-left:125px;
  margin-top:75px;
  background-color:#0F0;
  overflow-y:scroll;
  text-align:left;
  display:none;
}

.FredbearSpoilerButton
{
  position:absolute;
  left:200px;
  top:25px;
  width:150px;
}

@font-face {
    font-family: DigitalClock;
	src: url(/wp-content/themes/FNaFLore/ASSETS/Fonts/DJBGetDigital.TTF);
}

.clockdiv
{
  font-family: DigitalClock;
  position:absolute;
  border:3px solid #D00;
  background-color:#000;
  box-shadow: 0 0 10px #D00;
  color:#A00;
  padding:5px;
  width:150px;
  text-align:center;
  font-size:36px;
  top:50px;
  z-index:3;
  pointer-events: none;
}

#ONaFclockdiv {
  left:101px;
}

#POPGOESclockdiv {
  left:429px;
}

#FNaCclockdiv {
  left:757px;
}

.FangameMist {
  width:1024px;
  height:600px;
  position:absolute;
  z-index:1;
  top:0px;
  background-repeat:repeat-x;
  pointer-events: none;
}

#FangameMist01 {
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/05/FangameDoorsMist_01.png);
  animation: FangameMist 90s linear infinite;
  -webkit-animation: FangameMist 90s linear infinite;
}
#FangameMist02 {
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/05/FangameDoorsMist_02.png);
  animation: FangameMist 90s linear infinite reverse;
  -webkit-animation: FangameMist 90s linear infinite reverse;
  animation-delay: 5s;
  -webkit-animation-delay: 5s;
}

#FangameLightLeft {
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/05/FangameDoorsCountdownDark.png);
  position:absolute;
  height:600px;
  width:18px;
  left:0px;
  top:0px;
  pointer-events: none;
  z-index:2;
}
#FangameLightFlumpty {
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/05/FangameDoorsCountdownLight.png);
  position:absolute;
  height:600px;
  width:329px;
  left:18px;
  top:0px;
  pointer-events: none;
  z-index:2;
}
#FangameLightPopgoes {
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/05/FangameDoorsCountdownDark.png);
  position:absolute;
  height:600px;
  width:329px;
  left:347px;
  top:0px;
  pointer-events: none;
  z-index:2;
}
#FangameLightCandy {
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/05/FangameDoorsCountdownLight.png);
  position:absolute;
  height:600px;
  width:329px;
  left:676px;
  top:0px;
  pointer-events: none;
  z-index:2;
}
#FangameLightRight {
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/05/FangameDoorsCountdownDark.png);
  position:absolute;
  height:600px;
  width:19px;
  left:1005px;
  top:0px;
  pointer-events: none;
  z-index:2;
}

@keyframes FangameMist {
    0% { background-position: 0px 0px; }
    25% { background-position: -256px 30px; }
    50% { background-position: -512px 200px; }
    75% { background-position: -768px 30px; }
    100% { background-position: -1024px 0px; }
}

@-webkit-keyframes FangameMist {
    0% { background-position: 0px 0px; }
    25% { background-position: -256px 30px; }
    50% { background-position: -512px 200px; }
    75% { background-position: -768px 30px; }
    100% { background-position: -1024px 0px; }
}

.Quotebox {
  padding:20px;
  background-color:#800;
  border-radius:20px;
  overflow:hidden;
  margin:10px 0px;
}

.QuoteboxImage {
  width:150px;
  height:170px;
  padding:20px 0px 10px 0px;
  text-align:center;
  font-size:12px;
  font-weight:900;
  text-align:center;
  line-height:20px;
}

.QuoteboxImage img {
  margin:0px;
}

.QuoteboxText {
  height:160px;
  overflow-y:auto;
  width:744px;
  background-color:#FFF;
  padding:20px;
  color:#000;
}

.Quotebox:nth-child(even) .QuoteboxImage {
  float:left;
}

.Quotebox:nth-child(odd) .QuoteboxImage {
  float:right;
}

.Quotebox:nth-child(even) .QuoteboxText {
  float:right;
  margin-left: 50px;
}

.Quotebox:nth-child(odd) .QuoteboxText {
  float:left;
  margin-right: 50px;
}

.StatisticsBar {
  height:30px;
  width:1024px;
  color:#000;
}
.StatisticsPiece {
  float:left;
  text-align:center;
  height:100%;
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#BaseTownclockdiv {
  font-family: DigitalClock;
  border:3px solid #D00;
  background-color:#000;
  box-shadow: 0 0 10px #D00;
  color:#E00;
  padding:5px;
  width:250px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  text-align:center;
  font-size:36px;
  z-index:3;
  pointer-events: none;
}

#BasetownBoxlinks {
  position:fixed;
  height:40px;
  background-color:#000;
  border-top:solid 2px #FFF;
  bottom:0px;
  width:100%;
  min-width:1024px;
  color:#FFF;
  text-align:center;
  z-index:257;
}
#BasetownBoxlinks ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  z-index:1;
  color: #FFFFFF;
  line-height: 20px;
  background-color:#000;
}

#BasetownBoxlinks ul li {
  display:block;
  float:left;
  position:relative;
  background-color:#000;
  width:113px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  vertical-align: middle;
  height:40px;
  line-height:40px;
}

#BasetownBoxlinks ul li a {
  display:block;
  line-height: 40px;
  vertical-align: middle;
  height:100%;
  cursor:pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#BasetownBoxlinks ul li:hover, #BasetownBoxlinks ul li:active {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

#BasetownBoxlinks ul li:hover ul {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
#BasetownBoxlinks ul li:hover #StoryDropdown, #BasetownBoxlinks ul li:active #StoryDropdown {
  top:-100px;
}
#BasetownBoxlinks ul li:hover #QuoteDropdown, #BasetownBoxlinks ul li:active #QuoteDropdown {
  top:-80px;
}

#BasetownBoxlinks ul li ul {
  position:absolute;
  top:0px;
  z-index:-1;
  background-color:#000;
  width:inherit;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  border:2px solid #FFF;
  border-bottom:0px;
}

#BasetownBoxlinks ul li ul li {
  height:20px;
  line-height:20px;
}

#BasetownBoxlinks ul li ul li a {
  display:block;
  line-height: 20px;
  vertical-align: middle;
  height:100%;
  cursor:pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.credittext {
  font-size:10px;
}

a {
  cursor:pointer;
}

.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;
}

.ToggleBox {
  width:100%;
  overflow:hidden;
}

#archiveme {
  position:absolute;
  bottom:5px;
  left:5px;
}
.TableInteractive {
	margin-left:auto;
	margin-right:auto;
  border: 1px solid #CCC;
  padding:0px;
  height:30px;
  line-height:30px;
}

.TableInteractive a {
  display:block;
  width:100%;
}

.TableCount4 td, .TableCount4 th {
  width:226px;
  text-align:center;
  border: 1px solid #CCC;
  padding:0px;
}

.TableCount9 td, .TableCount9 th {
  width:113px;
  text-align:center;
  border: 1px solid #CCC;
  padding:0px;
}

.TableCount14 td, .TableCount14 th {
  width:71px;
  text-align:center;
  border: 1px solid #CCC;
  padding:0px;
}

.Map {
    margin-left: auto;
    margin-right: auto;
}

.Map, .Map th, .Map td {
   border: 2px solid white;
   border-collapse: collapse;
}

.Map img {
 margin:0px; 
}

.SLTranscribeUnknown {
  color:#0082D8;
}

.SLTranscribeWilliamAfton {
  color:#A357AB;
}

.SLTranscribeTech1 {
  color:#D8B400;
}

.SLTranscribeTech2 {
  color:#00D815;
}

#FNaFLoreFleshmongerBox {
width:192px;
height:512px;
position:relative;
}
#FNaFLoreFleshmongerBody {
background-image:url(https://fnaflore.com/wp-content/uploads/2016/10/FNaFLoreFleshmonger-384x1024.png);
background-size:192px 512px;
position:absolute;
left:0px;
top:0px;
width:192px;
height:512px;
z-index:1;
}
#FNaFLoreFleshmongerEye {
background-image:url(https://fnaflore.com/wp-content/uploads/2016/10/KSeye-300x300.png);
background-size:50px 50px;
position:absolute;
left:110px;
top:95px;
width:50px;
height:50px;
z-index:0;
-webkit-animation-name: spin;
-webkit-animation-duration: 1000ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-name: spin;
animation-duration: 1000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

#SLScroller {
    width: 1024px;
    height: auto;
    overflow-x: scroll;
    overflow-y: hidden;
}

#BagOfDicks {
  overflow:hidden;
}

.dick {
  float:left;
  height:154px;
  width:80px;
  position:relative;
}
.dickmeter {
  float:left;
  width:20px;
  height:154px;
  background-image:url(https://fnaflore.com/wp-content/uploads/2016/11/DickMeterBG.png);
  position:relative;
}
.dickmeterinner {
  background-image:url(https://fnaflore.com/wp-content/uploads/2016/11/DickMeterInnerBackground.png);
  width:16px;
  margin:2px;
  position:absolute;
  bottom:0px;
  background-position:bottom;
  background-repeat:no-repeat;
}
.dickname {
  width:154px;
  height:40px;
  text-align:center;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  position: absolute;
right: -40px;
bottom: 57px;
}

#PurpleWalk06 {
  width:200px;
  height:300px;
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/12/PurpleHuskAnimated.png);
  float:right;
  margin:20px;
  animation: PGWalk 2s steps(30, end) infinite;
  -webkit-animation: PGWalk 2s steps(30, end) infinite;
}

@keyframes PGWalk {
    0% { background-position: 0px 0px; }
    100% { background-position: -6000px 0px; }
}

@-webkit-keyframes PGWalk {
    0% { background-position: 0px 0px; }
    100% { background-position: -6000px 0px; }
}

#FNaFSLBigStar {
  width:125px;
  height:125px;
  background-image: url(https://fnaflore.com/wp-content/uploads/2016/12/SLBigStarAnimated.png);
  display:block;
  margin:5px;
  animation: FNaFSLBigStar 0.5s steps(11, end) infinite;
  -webkit-animation: FNaFSLBigStar 0.5s steps(11, end) infinite;
}

@keyframes FNaFSLBigStar {
    0% { background-position: 0px 0px; }
    100% { background-position: -1375px 0px; }
}

@-webkit-keyframes FNaFSLBigStar {
    0% { background-position: 0px 0px; }
    100% { background-position: -1375px 0px; }
}

#StuckFan {
width:100px;
height:100px;
background-image: url(https://fnaflore.com/wp-content/uploads/2016/01/FNaFWorldGFan.png);
background-size:300px 100px;
  animation: StuckFan 7s steps(1, end) infinite;
  -webkit-animation: StuckFan 7s steps(1, end) infinite;
position:absolute;
right:0px;
top:-205px;
z-index:2;
}

@keyframes StuckFan {
    0% { background-position: 0px 0px; }
    1% { background-position: -100px 0px; }
    2% { background-position: -200px 0px; }
    3% { background-position: -100px 0px; }
    4% { background-position: 0px 0px; }
    100% { background-position: 0px 0px; }
}

@-webkit-keyframes StuckFan {
    0% { background-position: 0px 0px; }
    1% { background-position: -100px 0px; }
    2% { background-position: -200px 0px; }
    3% { background-position: -100px 0px; }
    4% { background-position: 0px 0px; }
    100% { background-position: 0px 0px; }
}

#THEEVENT {
color:#F00;
font-family:Chiller;
cursor:default;
}
.HoverImageSwap {
  margin-left:auto;
  margin-right:auto;
}
.HoverImageSwap img {
  opacity:1;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.HoverImageSwap:hover img {
  opacity:0;
  -webkit-transition: all 10s;
  -moz-transition: all 10s;
  -ms-transition: all 10s;
  -o-transition: all 10s;
  transition: all 10s;
}

.ArticleSignature {
  line-height:30px;
  overflow: hidden;
  clear: both;
}

.DiscordButton {
    background-color: #7289DA;
    width: 240px;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
    transition: all 0.5s ease;
    margin: 20px;
    border: 5px #576AA5 solid;
}
.DiscordButton:hover {
    background-color: #A0B6FF;
    border: 5px #7289DA solid;
    transition: all 0.5s ease;
}
a.DiscordButton:link { color:#000; }
a.DiscordButton:visited { color: #111; }
a.DiscordButton:hover { color: #222; }
a.DiscordButton:active { color: #333; }

#CommunityHeader {
  overflow:hidden;

}
#CommunityHeaderLeft {
  width:50%;
  float:left;
}
#CommunityHeaderRight {
  width:50%;
  float:right;
}
#LatestArticle {

}
#LatestArticleExcerpt {

}
#LatestArticleType {
  float:right;
  margin:10px;
  border-radius:10px;
  height:30px;
  line-height:30px;
  text-align:center;
}
.LatestArticleTheory {
  background-color:#27D600;
  border: 3px #1EA500 solid;
  color:#FFF;
  width:100px;
}
.LatestArticleObservation {
  background-color:#F37700;
  border: 3px #C25F00 solid;
  color:#FFF;
  width:100px;
}
.LatestArticleDiscussion {
  background-color:#CFB307;
  border: 3px #A58F05 solid;
  color:#FFF;
  width:100px;
}
.LatestArticleMeta {
  background-color:#842593;
  border: 3px #53185E solid;
  color:#FFF;
  width:100px;
}
.LatestArticleCommunity {
  background-color:#007DFF;
  border: 3px #0066CC solid;
  color:#FFF;
  width:150px;
}
.LatestArticleERROR {
  background-color:#FF0000;
  border: 3px #CC0000 solid;
  color:#FFF;
  width:350px;
}

.CommunityArticleSegment {
  width:18%; float:left;
  padding:10px;
  margin: 10px 1%;
  box-sizing: border-box;
  border: 2px #FFF solid;
  align-items: stretch;
flex: 1;
}
.CommunityArticleSegment h2 {
  text-align:center;
  font-size: 20px;
}
.CommunityArticleSegment ul {
  display: inline;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.Articlename {
  font-weight:bolder;
}
.Author_Kizzycocoa {
  color:#007DFF;
}
.Author_Momerator {
  color:#FD6E00;
}
.Author_SenshiOfSadness {
  color:#B976ED;
}
.Author_Smaher {
  color:#00B3B4;
}
.Author_Connie {
  color:#ff77b2;
}

#WriterSidebar {
  padding: 5px;
border: 3px solid #AAA;
background-color: #333;
margin: 5px;
width: 25%;
float: right;
  text-align:center;
}
#WriterSidebar h3 {
  text-align:center;
}
#WriterSidebar ul {
  padding:0;
}
#WriterSidebar li {
  text-align:left;
  list-style-type:none;
}
#WriterSidebar li::before {
  content:'- ';
}

.reddit-button, .forum-button, .discord-button, .googleplus-button, .twitter-button, .facebook-button, .youtube-button, .linkedin-button {
  width:50px;
  height:50px;
  background-size:50px 50px;
  margin:5px 10px;
  display: block;
  margin-left:0px;
  float:left;
  opacity:0.8;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.reddit-button:hover, .forum-button:hover, .discord-button:hover, .googleplus-button:hover, .twitter-button:hover, .facebook-button:hover, .youtube-button:hover, .linkedin-button:hover {
  opacity:1;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#ButtonContainer {
  overflow:hidden;
}
.reddit-button {
  background-image:url(https://fnaflore.com/wp-content/uploads/2017/08/WritersRedditButton.png);
}
.forum-button {
  background-image:url(https://fnaflore.com/wp-content/uploads/2017/08/WritersFNaFLoreForumButton.png);
}
.discord-button {
  background-image:url(https://fnaflore.com/wp-content/uploads/2017/08/WritersDiscordButton.png);
}
.googleplus-button {
  background-image:url(https://fnaflore.com/wp-content/uploads/2017/08/WritersGoogleButton.png);
}
.twitter-button {
  background-image:url(https://fnaflore.com/wp-content/uploads/2017/08/WritersTwitterButton.png);
}
.facebook-button {
  background-image:url(https://fnaflore.com/wp-content/uploads/2017/08/WritersFacebookButton.png);
}
.youtube-button {
  background-image:url(https://fnaflore.com/wp-content/uploads/2017/08/WritersYoutubeButton.png);
}
.linkedin-button {
  background-image:url(https://fnaflore.com/wp-content/uploads/2017/08/WritersLinkedinButton.png);
}
.reddit-snoo-link {
    width:22px;
  height:30px;
  margin:0px 5px;
  display: inline-block;
  background-image:url(https://fnaflore.com/wp-content/uploads/2017/06/RedditSnooLink.png);
}

.wp-polls-ans ul li {
    font-size: 12px;
}

.CharacterProfileLeft, .CharacterProfileRight {
width:1024px;
overflow:hidden;
margin-bottom:10px;
}

.CharacterProfileLeft .CharacterProfilePicture {
width:300px;
padding-right:60px;
float:left;
margin:20px 20px 0px 0px;
position:relative;
}

.CharacterProfileRight .CharacterProfilePicture {
width:300px;
padding-left:60px;
float:right;
margin:0px 0px 0px 20px;
position:relative;
}

.CharacterProfilePicture .size-medium {
border: 1px solid #CCC;
padding:0px;
margin:0px;
background-color:#283827;
box-sizing: border-box;
}

.FNaFPlushChar {
border: 1px solid #CCC;
border-top:0px;
padding:0px;
margin:0px;
background-color:#283827;
height:150px;
width:150px;
box-sizing: border-box;
background-repeat:repeat-y;
background-size:150px auto;
}

.FNaFMiniChar {
border: 1px solid #CCC;
border-top:0px;
padding:0px;
margin:0px;
background-color:#283827;
height:150px;
width:150px;
box-sizing: border-box;
background-repeat:repeat-y;
background-size:150px auto;
animation: MinigameSpriteAnimate 4s steps(8, end) infinite;
-webkit-animation: MinigameSpriteAnimate 4s steps(8, end) infinite;
}

@keyframes MinigameSpriteAnimate {
    0% { background-position: 0px 0px; }
    100% { background-position: 0px -1200px; }
}

@-webkit-keyframes MinigameSpriteAnimate {
    0% { background-position: 0px 0px; }
    100% { background-position: 0px -1200px; }
}

.CharacterProfileLeft .FNaFMiniChar.fullwidth {
animation: MinigameSpriteAnimateFullWidthLeft 4s steps(8, end) infinite;
-webkit-animation: MinigameSpriteAnimateFullWidthLeft 4s steps(8, end) infinite;
}

@keyframes MinigameSpriteAnimateFullWidthLeft {
    0% { background-position: 0px 0px; }
    100% { background-position: 0px -1200px; }
}

@-webkit-keyframes MinigameSpriteAnimateFullWidthLeft {
    0% { background-position: 0px 0px; }
    100% { background-position: 0px -1200px; }
}

.CharacterProfileRight .FNaFMiniChar.fullwidth {
animation: MinigameSpriteAnimateFullWidthRight 4s steps(8, end) infinite;
-webkit-animation: MinigameSpriteAnimateFullWidthRight 4s steps(8, end) infinite;
}

@keyframes MinigameSpriteAnimateFullWidthRight {
    0% { background-position: 150px 0px; }
    100% { background-position: 150px -1200px; }
}

@-webkit-keyframes MinigameSpriteAnimateFullWidthRight {
    0% { background-position: 150px 0px; }
    100% { background-position: 150px -1200px; }
}

.CharacterProfileLeft .FNaFMiniChar {
background-position: left;
float:left;
}
.CharacterProfileRight .FNaFMiniChar {
background-position: right;
float:right;
}

.CharacterProfileLeft .FNaFPlushChar {
background-position: right;
float:right;
}
.CharacterProfileRight .FNaFPlushChar {
background-position: left;
float:left;
}
.CharacterProfilePicture p, .CharacterProfilePicture p {
    margin: 0;
}
.CharacterProfileText {
width:642px;
float:left;
text-align:center;
}
.CharacterProfileLeft .FNaFCharacterCredits {
  left: 254px;
  background-position: right;
  -ms-transform: rotateZ(90deg); /* IE 9 */
  -webkit-transform: rotateZ(90deg); /* Chrome, Safari, Opera */
  transform: rotateZ(90deg);
}

.CharacterProfileRight .FNaFCharacterCredits {
  right: 254px;
  -ms-transform: rotateZ(-90deg); /* IE 9 */
  -webkit-transform: rotateZ(-90deg); /* Chrome, Safari, Opera */
  transform: rotateZ(-90deg);
}

.CharacterProfileLeft figcaption {
    position: absolute;
    left: 179px;
    border: 2px solid #CCC;
    line-height: 30px;
    height: 60px;
    width: 300px;
    top: 120px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 10px 10px 0px 0px;
    padding: 0px;
    margin: 0px;
    background-color: #283827;
    opacity: 0;
    -ms-transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.CharacterProfileRight figcaption {
    position: absolute;
    right: 179px;
    border: 2px solid #CCC;
    line-height: 30px;
    height: 60px;
    width: 300px;
    top: 120px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 10px 10px 0px 0px;
    padding: 0px;
    margin: 0px;
    background-color: #283827;
    opacity: 0;
    -ms-transform: rotateZ(-90deg);
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.imagefigure:hover figcaption {
    opacity: 1 !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

figure {
    margin: 0;
}

.fullwidth {
    width: 100%;
}

.productCol {
  overflow:hidden;
  width:100%;
  display: flex;
  align-items: stretch;
  margin:10px 0;
}
.fnafloreProduct {
  width:48%;
  float:left;
  display:block;
  overflow:hidden;
  border:5px solid #007DFF;
  margin:1%;
  box-sizing: border-box;
  padding:15px 0;
}
.fnafloreProduct:nth-child(odd) {
  clear:left;
}
.fnafloreProduct:nth-child(even) {
  clear:right;
}
.productImage {
  width:50%;
  float:left;
  position:relative;
  overflow:hidden;
}
.shopthumb {
  width:80%;
  height:auto;
  margin:10%;
}
.spicyproduct {
  position:absolute;
  width:40%;
  top:0;
  right:0;
  height:auto;
}
.productText {
  width:50%;
  min-height:20px;
  float:right;
  overflow:hidden;
  padding:0 5px;
  box-sizing: border-box;
  font-size:14px;
}
.productHeader {
  
}

#hoiimkizzie {width:1024px; height:350px; position:relative;}
#welcomtokizzshop {position:absolute; top:0px; left:0px;}
#i_t_h_u_r_t_s{position:absolute; top: 116px; left: 169px; animation: alwayswatchingalwayswaiting 0.9s linear infinite; -webkit-animation: alwayswatchingalwayswaiting 0.9s linear infinite;}
@keyframes alwayswatchingalwayswaiting {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
@-webkit-keyframes alwayswatchingalwayswaiting {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
#ERR_257 {position:absolute; top:157px; left:863px; opacity:0; transition:all 1s; -webkit-transition:all 1s;}
#faec {position:absolute; top:80px; left:451px; transition:all 1s; -webkit-transition:all 1s;}
#sniffles {position:absolute; top:104px; left:393px; transition:all 0.25s; -webkit-transition:all 0.25s; transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;}

.woocommerce-product-gallery {
float:left;
margin-right:20px;
}
.product {
  overflow:hidden;
}
.rl-gallery-container {width: 400px;}
.rl-gallery-container img {height: 100px; width: 100%;}
.rl-gallery-caption {display:none !important;}

.borderedTable { table-layout: fixed; border-collapse:collapse; margin:20px;}
.borderedTable td{border:solid 2px #FFF; padding:5px;}
.borderedTable th{border:solid 2px #FFF; font-size:130%; font-weight:900; padding:5px;}

#fscf_div_clear9_6 {width:100% !important;} #fscf_div_field9_6 {width:95% !important;} #fscf_recaptcha9 {float:left;} #fscf_form9 p {display:none;}

.nf-form-fields-required {
display:none;
}
#nf-field-19-container,
#nf-field-21-container {
float:left; width:46%; margin:2%; display: block; clear:left;
}
#nf-field-20-container,
#nf-field-22-container {
float:right; width:46%; margin:2%; display: block; clear:right;
}

#FeedbackForm p:last-of-type {margin:0;}
#FeedbackForm p:last-of-type br {display:none;}

.charquotebox {overflow:hidden; width:85%; margin:20px auto 20px auto; display:flex; align-items:center;}
.charquoteimgleft {float:left;}
.charquoteimgright {float:right;}
.charquoteimgleft, .charquoteimgright {width:28%; text-align:center; box-sizing: border-box;}
.charquoteimgleft img, .charquoteimgright img {width:200px; height:auto;}
.charquotetext {float:left; border:solid 4px #FFF; width:62%; padding:5%; box-sizing: border-box;}

#BanArticle {background-color: #000; position: absolute; right: 10px; top: 0; border-width: 0px 3px 3px 3px; border-color: #F00; border-style: solid; box-shadow: 0 0 10px #D00; text-align: center; z-index:999;}
#HeaderClock1 {padding: 5px; border-width: 3px 0px 3px 0px; border-color: #F00; border-style: solid;}
#HeaderBanClock {font-family: DigitalClock; color: #E00; font-size: 20px;}
#HeaderClock2 {padding: 5px;}

.BanMessageTable {border-width:2px 0px 2px 0px; border-style:solid; border-color:#AAA; border-collapse:collapse; background-color:#FFF; color:#000; margin-top:-16px;} .BanMessageTable td, .BanMessageTable th {border-width:0px 2px 0px 2px; border-style:solid; border-color:#AAA; padding:10px; width:50%; font-size:12px;} .BanMessageTable td {vertical-align:top;} .BanMessageTable blockquote {color:#485; border-left: 2px solid #000; padding-left: 40px; margin-left: 0px;} #KizzBanclockdiv {font-family: DigitalClock; border:3px solid #D00; background-color:#000; box-shadow: 0 0 10px #D00;  color:#E00; padding:5px; width:250px; margin-left:auto; margin-right:auto; margin-bottom:10px; text-align:center; font-size:36px; z-index:3; pointer-events: none; } #KizzBanclockdiv table {width:auto; margin-left:auto; margin-right:auto;} #DateTitles {font-size:40%;} .BanlogTitle {text-align:center; display:block; margin-left:auto; margin-right:auto; padding:10px; background-color:#007DFF; border:4px solid #842593;} .BanHighlight {background-color:rgba(0,125,255, 0.5); color:#000;}.BanHighlight a:hover {color: #FFF;}

#FAPContent {display: flex; align-items: stretch;}
#FAPContent h3 {text-decoration:underline;}
#FAPLColumn {width:33%;}
#FAPLColumn h3 {text-align:left;}
#FAPLogo {width:34%; position:relative; min-height: 450px;}
#fapmainimg {width:100%; height:auto; position:absolute; top:0; left:0; z-index:1;}
#fapswirlimg {width:100%; height:auto; position:absolute; top:0; left:0; -webkit-animation: KSEyeRotating 5s linear infinite; -moz-animation: KSEyeRotating 5s linear infinite; -ms-animation: KSEyeRotating 5s linear infinite; -o-animation: KSEyeRotating 5s linear infinite; animation: KSEyeRotating 5s linear infinite;}
@-webkit-keyframes KSEyeRotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes KSEyeRotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#FAPRColumn {width:33%; text-align:right;}
#FAPRColumn h3 {text-align:right;}
#FAPSecretRules {}
#FAPSecretRules h3 {text-align:center; text-decoration:underline;}