#story {
position: relative;
padding: 5px 20px;
top:15px;
text-align: left;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;

box-shadow: 0 0 20px rgba(0,0,0,0.6);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

max-width: 900px;
margin: 10px auto;
}


/* phone-sized browser */
@media (max-width: 600px) { 

#story {

}


}


#story h1:first-of-type {
text-align: center;
color: #333;
font-family:Georgia,serif;
font-weight:400;
}
#story h1 a{
text-decoration: none;
color: inherit;
}
#story h1 a:hover{
text-decoration: underline;
}
#story h1 a:visited{
color: inherit;
}

#story h2:first-of-type {
text-align: center;
color: #333;
font-weight:400;
}
#story h2 a{
text-decoration: none;
color: inherit;
}
#story h2 a:hover{
text-decoration: underline;
}
#story h2 a:visited{
color: inherit;
}

#story a:visited{
color: #33F;
}
#story a{
color: #33F;
}
#story a:hover{
color: #009;
}

#story h3 {
margin-left: 20px;
font-size: 1.5em;
}

#story ul:first-of-type li{
list-style-type: decimal;
padding: 3px 0px;
}
#story ul:first-of-type a{
text-decoration: none;
font-weight: bold;
}
#story ul:first-of-type a:hover{
text-decoration: underline;
}


#story p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

#story .double {margin-top: 1.0em;}
#story .indented {text-indent: 3.0em;}
#story .i {font-style: italic;}
#story .u {text-decoration: underline;} 
#story .b {font-weight: bold;}
#story .c {text-align: center;}
#story .s{text-decoration: line-through;} 
#story img.user_image {
    max-width: 100%;
}
#story img.emoticon {margin: 0; padding: 0; border: 0; height: 1em;} 
#story hr {margin-top: 12px;}
#story blockquote{padding: 5px 10px; margin: 10px; border-left: 5px solid #AAA; background: #EEE;}

a.back {
padding: 20px;
display: inline-block;
margin: 5px;
}
