body  { background-color: #FEE0F5; font-family: sans-serif; font-size: 12px; }

a:link { color: #551a8b; text-decoration: underline; }
a:visited { color: #551a8b; text-decoration: underline; }

#skin { position: absolute; top: 7px; right: 7px; }
#header { width: 100%; max-width: 750px; height: 125px; margin-left: auto; margin-right: auto; background-color: #e7c5fe; background-image:url('/images/logo-friendship.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center; border-width: 1px; border-color: #864470; border-style: solid; border-radius: 5px; box-shadow: 1px 1px 5px #808080; }

#menu_container { width: 100%; max-width: 750px; height: 32px; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; text-align: center; border: 0px; }
#nav_menu { float: left; margin-left: 5px; box-shadow: 1px 1px 5px #808080; }
#menu { float: right; margin-right: 5px; box-shadow: 1px 1px 5px #808080; }

#content { width: 100%; max-width: 750px; margin-left: auto; margin-right: auto; padding-bottom: 5px; background-color: #FDF8FF; border-width: 1px; border-color: #864470; border-style: solid; border-radius: 5px; box-shadow: 1px 1px 5px #808080; }
#footer{ width: 100%; max-width: 750px; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; background-color: #FDF8FF; border-width: 1px; border-color: #864470; border-style: solid; border-radius: 5px; box-shadow: 1px 1px 5px #808080; }

#leftindex { width: 100%; }
#rightindex { width: 100%; }
.block { margin-left: 5px; margin-right: 5px; margin-top: 5px; border: 1px solid #864470; border-radius: 5px; box-shadow: 1px 1px 5px #C0C0C0; }
.block .title { background: #FEE0F5; color: #000000; font-size: 13px; font-weight: bold; text-align: center; padding: 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.block .content { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 15px; }

#pagetitle { text-align: center; font-size: 14px; font-weight: bold; margin: 10px; }

#sort { width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 5px; text-align: right; }
#sortform { width: 90%; margin-left: auto; margin-right: auto; }
#output { width: 90%; margin-left: auto; margin-right: auto; }
#profile { width: 90%; margin-left: auto; margin-right: auto; margin-top: 5px; }
#tabs { width: 90%; margin-left: auto; margin-right: auto; }
#story { width: 90%; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 30px; }
#prev { width: 150px; margin-left: 25px; text-align: left; float: left; font-style: italic; }
#next { width: 150px; margin-right: 25px; text-align: right; float: right; font-style: italic; }

#columncontainer { width: 90%; margin-left: auto; margin-right: auto; }
#browseblock { text-align: center; }
#titleinfo  { width: 90%; margin-left: auto; margin-right: auto;}
#titleblock  { width: 90%; margin-left: auto; margin-right: auto;}
#otherresults  { width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 5px; }

#settingsform { width: 500px; margin-left: auto; margin-right: auto; float: none; }
#submitdiv { width: 75px; margin-left: auto; margin-right: auto; }

#alphabet, #pagelinks { text-align: center; margin: 4px; }
#alphabet a, #pagelinks a { font-weight: bold; text-decoration: none; margin: 1px; }
#alphabet a:hover, #pagelinks a:hover { font-weight: bold; text-decoration: underline; margin: 1px; }

#profile  { width: 90%; margin-left: auto; margin-right: auto; margin-top: 10px;}
#biotitle { margin-top: 10px; margin-bottom: 10px; text-align: center; }
#biocontent { margin-top: 10px; margin-bottom: 10px; }

div.newstitle { font-weight: bold; }
div.recentstory { margin: 5px; }
div.featuredstory { margin: 5px; }
div.featuredstory a { font-weight: bold; text-decoration: none; }
div.randomstory { margin: 5px; }
div.randomstory a { font-weight: bold; text-decoration: none; }
div.index_separator { margin-top: 5px; margin-bottom: 5px; color: #864470; }
div.sectionheader { text-align: center; font-size: 13px; text-decoration: underline; margin: 10px; }
div.authorstats { width: 90%; margin-left: auto; margin-right: auto; }
div.listbox { width: 90%; margin-left: auto; margin-right: auto; }
div.title { margin-bottom: 5px; font-size: 14px; }
div.title a { font-weight: bold; text-decoration: none; }
div.tail { margin-top: 5px; }
div.tail a { font-weight: normal; text-decoration: none; }
div.storyinfo { width: 90%; margin-left: auto; margin-right: auto; }
div.notes { width: 90%; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 15px; }
div.title { font-size: 12px; }
div.noteinfo { margin-top: -5px; font-style: italic; }
div.jumpmenu { width: 90%; margin-left: auto; margin-right: auto; text-align: right; }
div.jumpmenu2 { width: 90%; margin-left: auto; margin-right: auto; text-align: center; }
div.respond { width: 90%; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; text-align: center; }
div.content { padding-left: 20px; padding-bottom: 5px; margin-top: -5px; margin-bottom: -5px; }
div.even { margin-bottom: 5px; padding: 5px; border-width: 1px; border-color: #fec1ea; border-style: dotted; border-radius: 5px; box-shadow: 1px 1px 5px #C0C0C0; }
div.odd { margin-bottom: 5px; padding: 5px; border-width: 1px; border-color: #fec1ea; border-style: dotted; border-radius: 5px; box-shadow: 1px 1px 5px #C0C0C0; }
div.contenteven { margin-bottom: 5px; padding: 5px; border-width: 1px; border-color: #fec1ea; border-style: dotted; border-radius: 5px; box-shadow: 1px 1px 5px #C0C0C0; }
div.contentodd { margin-bottom: 5px; padding: 5px; border-width: 1px; border-color: #fec1ea; border-style: dotted; border-radius: 5px; box-shadow: 1px 1px 5px #C0C0C0; }
div.story_content { margin-top: 5px; margin-bottom: 5px; }
div.story_stats { margin-bottom: 5px; }
div.story_reviews { margin-top: 5px; }
div.story_admin { margin-top: 5px; }
div.story_chapters { padding-left: 20px; margin-top: 15px; }
div.adminoptions { padding-left: 20px; margin-top: 5px; }
div.toc_chapternotes { padding-left: 20px; }

img.logo { display: block; margin-left: auto; margin-right: auto; border-width: 0px;}

table { margin-left: auto; margin-right: auto; margin-bottom: 25px; border-color: #864470; border-width: 1px; border-style: solid; border-collapse: collapse; }
.index { border-width: 0px; margin: 5px; padding: 0px; }
.about { border-width: 0px; margin: 5px; padding: 0px; }
td { margin: 1px; padding: 5px; border-color: #864470; border-width: 1px; border-style: solid; }
td.index { vertical-align: top; width: 50%; }

label { font-weight: bold; }
form { margin: 5px;}

ol { margin-right: 20px; }

ul,ul li,ul ul { list-style: none; margin: 0px; padding: 0px; }

ul { position: relative; z-index: 597; float: left; }
ul li { float: left; line-height: 1.3em; vertical-align: middle; }

ul { font-weight: bold; }
ul li { padding: 7px 10px; margin-left: -1px; border-style: solid; border-width: 1px; border-color: #864470; background-color: #FDF8FF; color: #000000; }

ul li.hover,
ul li:hover { background-color: #F8F3F9; color: #000000; }

ul a:link,
ul a:visited	{ color: #000000; text-decoration: none; }
ul a:hover { color: #000000; }
ul a:active { color: #000000; }

ul ul { width: 150px; margin-top: 1px; }

ul ul li { font-weight: bold; }


p { color: #000000; }
.custom_page_text { margin-left: 20px; margin-right: 20px; }
.blockquote { font-style: italic; text-align: center; }
.generic_header { font-weight: bold; font-size: 16px; text-align: center; }
.generic_small_header { font-weight: bold; font-size: 14px; text-align: center; }
.table_header { font-weight: bold; text-align: center; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.center { text-align: center; }
.smaller { font-size: 10px; }
.copyright { font-size: 9px; text-align: center; }
.label { font-weight: bold; }
.label_warning { font-weight: none; }
.main_page_break { text-align: center; }
.story_title a { font-weight: bold; text-decoration: underline;}
.story_author a { font-weight: bold; text-decoration: none; }
.story_characters a { text-decoration: none; margin-top: 5px; margin-bottom: 5px; }
.Everypony { font-weight: bold; color: #035F00 }
.AlmostEverypony { font-weight: bold; color: #126084; }
.Teen { font-weight: bold; color: #A00076; }
.Mature { font-weight: bold; color: #D36A00; }
.Adventure a { font-weight: bold; text-decoration: none; color: #D45C00 }
.Comedy a { font-weight: bold; text-decoration: none; color: #B90088 }
.Crossover a { font-weight: bold; text-decoration: none; color: #4E0097; }
.Horror a { font-weight: bold; text-decoration: none; color: #0A4000; }
.HumanCrossover a { font-weight: bold; text-decoration: none; color: #774700; }
.Romance a { font-weight: bold; text-decoration: none; color: #B40027; }
.Sci-Fi a { font-weight: bold; text-decoration: none; color: #0088C8; }
.Slice-of-Life a { font-weight: bold; text-decoration: none; color: #000000; }
.Suspense a { font-weight: bold; text-decoration: none; color: #A700B9; }
.Tragedy a { font-weight: bold; text-decoration: none; color: #00297B }
.F_F a { text-decoration: none; color: #000000 }
.F_M a { text-decoration: none; color: #000000 }
.M_M a { text-decoration: none; color: #000000 }
.Canon a { text-decoration: none; color: #000000 }
.first a { text-decoration: none; color: #000000 }
.second a { text-decoration: none; color: #000000 }
.third a { text-decoration: none; color: #000000 }
.Complete a { text-decoration: none; color: #000000 }
.InProgress a { text-decoration: none; color: #000000 }
.OnHiatus a { text-decoration: none; color: #000000 }
.Abandoned a { text-decoration: none; color: #000000 }
.Death a { text-decoration: none; color: #770000; }
.Profanity a { text-decoration: none; color: #770000; }
.Rape a { text-decoration: none; color: #770000; }
.Sex a { text-decoration: none; color: #770000; }
.Torture a { text-decoration: none; color: #770000; }
.Violence a { text-decoration: none; color: #770000; }
.reviews a { text-decoration: none; }
.incorrect { color: #B40027; }
.correct { color: #0A4000; }
.table_header { font-weight: bold; text-align: center; }