/** Add css rules here for your application. */

@font-face
{
font-family: 'Rochester', sans-serif;
src: url('Rochester-Regular.ttf');
}

@font-face
{
font-family: 'Fondamento', serif;
src: url('Fondamento-Regular.ttf');
}

/* prevents image selection - opera needs a element atribute  */
.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}


html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

.ffmtitle {
	text-align: center;
	font-family: 'Fondamento', sans-serif;
	font-size: +5;	
}

.hintbox {

white-space: pre-wrap;
background: rgba(48, 96, 247, 0.11);
border: solid;
border-width: 1px;
border-color: rgba(14, 17, 20, 0.19);

word-wrap: break-word;
font-size: small;
width: 100%;
box-sizing: border-box;
float: left;

}

.hiddenoptions {
  opacity: 0.05;
}

.rosebackground {

    background-image: url("../websiteImages/roseback_bgger.png");
height: 700px;
width: 800px;
position: absolute;

z-index: -11;
bottom: 186px;
left: -34px;

}

.candlebackground {
  background-image: url("../websiteImages/candle_light_noflame.png");
  height: 559px;
  width: 358px;
position: absolute;
bottom: -25px;
right: 0px;

}

.quillbackground {
  background-image: url("../websiteImages/quill_background.png");
  height: 258px;
  width: 1000px;
  background-repeat: no-repeat;

position: absolute;
bottom: -68px;
right: 268px;
pointer-events:none;
}

.presetDefaultColour
{
color: #3B3831;
}

.SelectedPreset
{
 	background: #EE2222;
 	color: #FFFFFF !important;
}

.Preset
{
height: 25px;
overflow: hidden;
border-style: solid;
width: 130px;
}

.PresetNewLetter::first-letter {    
    font-weight: bolder;
    font-size:large;    
    padding-right:2px;  
    text-shadow: 1px 1px 2px rgba(85, 0, 0, 0.55);
}

.PresetColumns
{
    /* -webkit-column-count: 3; /* Chrome, Safari, Opera */
    /* -moz-column-count: 3; /* Firefox */
    /*column-count: 3;*/
}

.presetlabel
{
	font-size: large;
	/* color: #3B3831; */
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);

display: inline-block;
width: 200px !important;
}

.presetlabel:hover
{
   color: #FF0000;
}


/*
.quilltitle {
  background-image: url("quill_title_a.png");
  float: left;
  position: relative;
  height: 52px;
  left: 266px;
  top: 65px;
  width: 193px;
}

.quilltitle:hover {
  background-image: url("quill_title_b.png");
  float: left;
  position: relative;
  height: 52px;
  left: 266px;
  top: 65px;
  width: 193px;
}
*/
.footercredits {
color: #4D6873;
font-size: smaller;
text-align: center;
width: 332px;
margin-left: auto;
margin-right: auto;
}

.footercredits a:link {
	color: #778c99
}

.footercredits a:visited {
	color: #778c99
}
.footercredits a:hover {
	color: ##bcc7ce
}

.footercredits a:active {
	color: #778c99
}


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  /** width: 400px;*/
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.bodyback {    
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #1F3301 0%, #000000 100%) ;

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #1F3301 0%, #000000 100%) ;

/* Opera */ 
background-image: -o-linear-gradient(top, #1F3301 0%, #000000 100%) ;

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1F3301), color-stop(1, #000000)) ;

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #1F3301 0%, #000000 100%) ;

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #1F3301 0%, #000000 100%) ;
background-color: #000000 ; 
background-repeat: no-repeat ;
overflow-x: hidden;
}

.titlesandboxes {
	/** margin-left: 30px;**/
	text-indent: 10px;
	margin-left: 10px;
	margin-right: 30px;
	font-family: 'Sorts Mill Goudy', serif;
	font-size: +5;
}

.spacesbetweentitles {
	border-spacing: 10px 0
	
}

.spacesbetweenentryboxes {
	
	
}

.modebar
{
bottom: 60px;
position: absolute;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.57);
font-size: larger;
text-align: center;
left: 159px;
}

.gwt-SliderBar-shell {
/** border: 2px solid #CEBB92;*/
/** border-right: 2px solid #848280; */
/* border-bottom: 2px solid #848280; */
/* background-color: #efebe7; **/
height: 34pt;
width: 295px;
}
.gwt-SliderBar-shell .gwt-SliderBar-line {
border: 1px solid black;
background-color: black;
height: 4px;
width: 95%;
top: 22pt;
overflow: hidden;
}
.gwt-SliderBar-shell .gwt-SliderBar-knob {
top: 14pt;
width: 11px;
height: 21px;
z-index: 1;
cursor: pointer;
}
.gwt-SliderBar-shell .gwt-SliderBar-tick {
top: 12pt;
width: 1px;
height: 8pt;
background: black;
overflow: hidden;
}
.gwt-SliderBar-shell .gwt-SliderBar-label {
top: 2pt;
font-size: 8pt;
cursor: default;
}
.gwt-SliderBar-shell-focused {
}
.gwt-SliderBar-shell .gwt-SliderBar-line-sliding {
background-color: #222222;
cursor: pointer;
}

.gwt-PopupPanelGlass {
	background-color: #000000;
	opacity: 0.5;
	
}



.gwt-ToggleButton-up,
.gwt-ToggleButton-up-hovering,
.gwt-ToggleButton-up-disabled,
.gwt-ToggleButton-down,
.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
  margin: 0;
  text-decoration: none;
}
.gwt-ToggleButton-up,
.gwt-ToggleButton-up-hovering,
.gwt-ToggleButton-up-disabled {
  padding: 3px 5px 3px 5px;
}

.gwt-ToggleButton-up {

  padding: 3px 5px 3px 5px;
  opacity: 0.5;
  text-shadow: 1px 1px 10px rgb(0, 0, 0);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up-hovering {

  opacity: 0.5;
  color:white;
  text-shadow: 1px 1px 10px rgb(0, 0, 0);
  cursor: pointer;
  cursor: hand;

}
.gwt-ToggleButton-up-disabled {
  cursor: default;
  opacity: .5;
  zoom: 1;
  filter: alpha(opacity=40);
}
.gwt-ToggleButton-down,
.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
  padding: 4px 4px 2px 6px;
}
.gwt-ToggleButton-down {
  background-position: 0 -513px;
  cursor: pointer;
  cursor: hand;
}
.gwt-ToggleButton-down-hovering {
  background-position: 0 -513px;
  cursor: pointer;
  cursor: hand;
}
.gwt-ToggleButton-down-disabled {
  background-position: 0 -513px;
  cursor: default;
  opacity: .5;
  zoom: 1;
  filter: alpha(opacity=40);
}

.MakeStory {
    margin-top: 10px;
    margin-bottom: 10px;
background: none;
font-size: 25px;
border: none;
text-shadow: -3px -3px 8px rgba(2, 2, 2, 0.75);
}

.MakeStory:hover {
color:white;
}
.smallButton {
background: none;
font-size: 18px;
border: none;
text-shadow: -3px -3px 8px rgba(2, 2, 2, 0.75);
}

.SpiffyLabelBackground {
    padding-left: 5px;
    padding-right: 5px;
}

.smallButton:hover {
color:white;
}


.StoryStyleOne {
 	  padding-top: 10px;
 	  font-family: 'Sorts Mill Goudy', serif;
	 font-size: 15px;
}

.StoryStyleOne_title  {
	 font-family: 'Sorts Mill Goudy', serif;
	font-size: +2;
}
.StoryStyleOne_author  {
	 font-family: 'Sorts Mill Goudy', serif;
	font-style: italic;
}


.StoryStyleOne:first-line
{ 
  font-weight: bold;
}

/**
.StoryStyleOne:first-letter
{ 
font-size: 72px;
float: left;
height: 49px;
font-family: 'HominisNormal';
background-color: rgba(127, 118, 100, 0.53);
margin-right: 7px;
color: rgb(61, 36, 28);
border-radius: 19px;
line-height: 10px;
text-shadow: 3px 3px 13px rgba(0, 0, 0, 0.78);
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
}**/

.StoryStyleTwo {
  font-family: 'Rouge Script', cursive;
  font-weight: normal;
  font-size: 30px;
}

.StoryStyleTwo_title  {
  font-family: 'Rouge Script', cursive;
  font-weight: normal;
  font-size: x-large;
}

.StoryStyleTwo_author  {
  font-family: 'Rouge Script', cursive;
  font-style: italic;
   font-size: large;
}


.StoryStyleThree {
  font-family: 'Gloria Hallelujah', cursive;
  font-weight: normal;
 font-size: 15px;
}
.StoryStyleThree_title {
  font-family: 'Gloria Hallelujah', cursive;
  font-weight: normal;
font-size: 125%;
}

.StoryStyleThree_author {
  font-family: 'Gloria Hallelujah', cursive;
   font-style: italic;

}

.StoryStyleFour {
   font-family: 'Tangerine', cursive;
  font-weight: normal;
  font-size: 33px;

}
 .StoryStyleFour_title {
  font-family: 'Tangerine', cursive;
  font-weight: normal;
  font-size: 38px;

}
.StoryStyleFour_author {
   font-family: 'Tangerine', cursive;
   font-style: italic;
   font-size: 24px;

}


.glowing 
{
 color: #53EC83 !important;
 text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.78);
}
.glowing_author
{
 color: #53EC83 !important;
 text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.78);
}
.glowing_title 
{
 color: #53EC83 !important;
 text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.78);
}








.CoffeeStain {
  background-image: url("../fanficBackgrounds/CoffeeStain.png");
  background-repeat: no-repeat ;
 background-position-x: 87%;
}

.bloodsplats1
{
background-image: url("../fanficBackgrounds/bloodsplatter1.png");
background-position-x: 95%;
}

.bloodsplats2
{
background-image: url("../fanficBackgrounds/bloodsplatter2.png");
background-position-x: 95%;
}

.Hearts
{
background-image: url("../fanficBackgrounds/hearts.png");
background-position-x: 95%;
}

.Symbols
{
background-image: url("../fanficBackgrounds/symbols.png");
background-position-x: 95%;
}


.Kisses {
  background-image: url("../fanficBackgrounds/kisses.png");
}
.Stars {
  background-image: url("../fanficBackgrounds/stars.gif");
}
.Glitter {
  background-image: url("../fanficBackgrounds/GlitterBack.png");
}
.Rainbow {
  background-image: url("../fanficBackgrounds/rainbow.png");
  background-position-x: 45%;
  background-size: 111%;
}
.LotsOfStains {

  background-image: url("../fanficBackgrounds/Lotsofstains.png");
  background-position-y: -68px;
 
 
}

.InkSplotches {
  background-image: url("../fanficBackgrounds/blotches.png");
background-position-x: 95%;
 }

.TreasureMap {
  background-image: url("../fanficBackgrounds/treasuremap.png");
background-position-x: 95%;
 }

.TopSettings{
     display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    float: left;
    width: 100%;
    background: rgba(47, 42, 41, 0.18);
    margin-top: 5px;
    padding-bottom: 5px;
    box-shadow: inset 0px 0px 3px #000;

}

.stylebox
{
background-color: rgba(109, 67, 34, 0.16);
outline: none;
margin-bottom: 40px;
border: solid;
border-width: 2px;
border-radius: 15px;
border-color: rgb(88, 64, 41);
}

.flexstylebox
{
background-color: rgba(109, 67, 34, 0.16);
outline: none;
margin-bottom: 40px;
border: solid;
border-width: 2px;
border-radius: 15px;
border-color: rgb(88, 64, 41);
width: 92%; 
max-width: 435px; 
float: left; 
padding: 5px; 
margin-right: 15px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: center;
text-indent: 5px;
}



.HelpPopUp_Overall
{
background-color: rgba(199, 143, 99, 0.89);
font-family: 'Sorts Mill Goudy', serif;
outline: none;
margin-bottom: 40px;
border: solid;
border-width: 2px;
border-radius: 15px;
border-color: rgb(24, 18, 12);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.52);
}
.MainbarBack {
  font-weight: bold;
}

.stylebox:focus {
    outline: none;
}

.TextAreaAsLabel
{
	background: transparent;
	border: none;
	color:black;
	padding: 0px;
	overflow:hidden;
        font-size: 16px;
        font-family: 'Sorts Mill Goudy', serif;
}

.TextAreaAsLabel:focus {
    	outline: none;
}

.NormalText
{
	font-size: 16px;
	font-family: sans-serif;
}

.DefaultFanficFont
{
	font-size: 16px;
	font-family: serif;
}

.glowlink {
    transition-duration: 0.4s;
    float: none;
}

.glowlink:hover {
    color: white;
}

.menulink {
    float: left;
    padding-right: 15PX;
}

.Sharebox
{
width: 315px;
height: 210px;
background-color: rgba(238, 224, 178, 0.88);
padding: 5px;
border: solid;
box-shadow: 3px 3px 11px #000;
position: fixed !IMPORTANT;
top: 50px !IMPORTANT;
left: 20px !IMPORTANT;
}

.sharepopup
{
background: #000;
color: #FFF;
text-align: center;
padding-top: 20px;
}

.shareThisLabel
{
	font-weight:bold;
}

.seasonalthingy
{
      display:none;  /*when we dont have a seasonal thing, we leave this set to none */
    width: 276px;
    height: 554px;
    position: absolute;
    left: 69%;
    bottom: 3%;
    z-index: 2; 
    /*background: rgba(6, 2, 0, 0.88); */
    background-image: url('../websiteImages/christmasstree_lighton.png');
    background-blend-mode: soft-light;
    background-repeat: no-repeat;
}
.seasonalthingy_pumkin
{
     display:none; /* when we dont have a seasonal thing, we leave this set to none */
    width: 198px; 
    height: 253px; 
    position: absolute;
    left: 69%;
    bottom: 3%;
    z-index: 2; 
    /*background: rgba(6, 2, 0, 0.88); */
    background-image: url('../websiteImages/pumpkin.png');
    background-blend-mode: soft-light;
    background-repeat: no-repeat;
}