/* ---------------------------------
 * Typography Styles
 * Created by Easy! Designs, LLC
 * http://easy-designs.net
 * --------------------------------- */

/* =Base **************************************************************************************/
body { 
  font-size: 14px;
  line-height: 1.43;
  font-family: Georgia, "Times New Roman", Times, serif;
}

/* =Trebuchet, =Sans-serif ********************************************************************/
h3,
input, 
select, 
textarea, 
.notice, 
#subscribe label, 
#nav-util, 
.page-title .sup, 
#content-sub h4, 
#responses #elicitation, 
#fastreply legend span, 
#responses h3.resp-count, 
#respond legend span,
#add_comment_preview legend,
#content-main .figure .caption,
#content-main .figure .legend, 
#content-main .figure .credit, 
.story #byline .date, 
.story #byline .resp-count, 
#resp-list li.hentry a.permalink, 
#resp-list .resp-util, 
.list .entry-meta,
#ourstories .entry-meta, 
#srch-results .entry-meta,  
#content-sub a.feed, 
#content-sub ul.tab-list, 
.pagination, 
#content-sub .leaderboard li,
#poll-results .leaderboard li,  
.more, 
.back, 
p.lead, 
#cap-choices, 
.polls a.opts, 
a.add, 
#clues .origin,
#gallery-image .origin,  
#polls .opts, 
#quiz-util, 
blockquote.card-quote cite, 
.profile a.edit, 
.profile #pfl-user .inducted, 
dl.profile-data dt, 
fieldset.profile label, 
fieldset#pfl-user-dob legend span, 
li#totem, 
li.radio fieldset legend span, 
li#shes-also legend span, 
button, 
legend, 
a.button, 
.form legend, 
.form label, 
.form strong.label, 
.form .note, 
.form fieldset.inline legend span, 
#acct-info strong, 
table.threads .entry-meta, 
table.threads .reply-count, 
table.threads .last-reply, 
table.threads thead th, 
ol.posts .edited, 
#fastreply legend span, 
ol#split-thread li.hentry label, 
blockquote.entry-content .quote-author cite, 
ol.posts .author-meta, 
ol.posts .attachments, 
ol.posts ul.post-tools, 
ol.posts ul.admin-tools, 
li.ignored-notice,
tr.ignored-notice td, 
#post-attachments thead th,
#post-attachments tfoot td, 
#add-poll #poll-answers legend, 
#srch-results .entry-title em.result-type, 
#intro-thumbs, 
#featured .published, 
.books #content-main h2, 
#book-mysteries em, 
.person .all, 
.submissions .all {
  font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* =Sans-serif =Override ************************************************************************/
#content-sub .list h4, 
#content-main .gallery .title, 
#clues .entry-title, 
li.radio fieldset label, 
li#shes-also fieldset label, 
fieldset.profile legend span, 
#featured h3.entry-title {
  font-family: Georgia, "Times New Roman", Times, serif;
}

/* =Apocrypha (if available) ********************************************************************/
h1, 
.page-title, 
#fm-quiz legend span, 
#home-intro #help-us, 
#home-intro h2,
.home-private #content-main h2, 
.see-more {
  font-family: Apocrypha, Georgia, "Times New Roman", Times, serif;
}

/* =Font =Sizes **********************************************************************************/

/* =14px ******/
#nav-util li#greeting, 
p.lead, 
button, 
a.button, 
.form legend, 
.books #content-main h2 {
  font-size: 14px;
}

/* =12px ******/
input, 
select, 
textarea, 
#subscribe label, 
#nav-util, 
#content-main .figure .caption,
#content-main .figure .legend, 
.story #byline .date, 
.story #byline .resp-count, 
#resp-list li.hentry a.permalink, 
#resp-list .resp-util, 
.list .entry-meta, 
#ourstories .entry-meta, 
#srch-results .entry-meta,  
.pagination, 
#content-main #image-main .credit, 
#cap-choices, 
#content-main #gallery-image.figure .credit, 
#poll-results .leaderboard li, 
a.add, 
#clues .origin,
#gallery-image .origin,  
#polls .opts, 
#quiz-util, 
blockquote.card-quote cite, 
.profile a.edit, 
fieldset.profile label, 
fieldset#pfl-user-dob legend span, 
li#totem, 
li.radio fieldset legend span, 
li#shes-also legend span, 
.form label, 
.form strong.label, 
.form fieldset.inline legend span, 
#acct-info strong, 
table.threads .entry-meta, 
table.threads .reply-count, 
table.threads .last-reply, 
ol#split-thread li.hentry label, 
blockquote.entry-content .quote-author cite, 
ol.posts .attachments, 
ol.posts ul.post-tools, 
ol.posts ul.admin-tools, 
#add-poll #poll-answers legend, 
.quiz #quiz-prog, 
.quiz #quiz-prog a.back, 
#content-main #srch-results .figure .credit, 
#srch-results .entry-title em.result-type, 
#featured .vcard, 
.person .all, 
.submissions .all {
  font-size: 12px;
}

/* =11px ******/
#content-sub .leaderboard li, 
#content-main .gallery .figure .credit, 
.polls a.opts, 
.profile #pfl-user .inducted, 
table.threads thead th,
ol.posts .entry-title,  
ol.posts .author-meta, 
ol.posts ul.admin-tools,
ol.posts .edited,  
li.ignored-notice,
tr.ignored-notice td, 
#post-attachments thead th,
#post-attachments tfoot td {
  font-size: 11px;
}

/* =100% (IE doesn't know inherit) ******/
h3, h4, h5, h6,
.notice .more, 
fieldset.profile input, 
fieldset.profile textarea, 
.form input, 
.form textarea, 
.form select, 
.form li.check label, 
table.threads .entry-title, 
#submit_post #options label, 
input#charsleft {
  font-size: 100%;
}

/* =Misc =Sizes ******/
blockquote.card-quote {
  font-size: 160%;
}

.announcement .lede, 
lead a:after, 
.caption-results .more a:after, 
#caption-vote .more a:after, 
.more a:after, 
a.more:after, 
.back a:before, 
a.back:before, 
ol.posts li.hentry .num {
  font-size: 140%;
}

#home-intro,
#content-main .intro, 
#book-mysteries em {
  font-size: 130%;
}

.motto em, 
#oracle-intro, 
fieldset.profile legend span {
  font-size: 120%;
}

.premise {
  font-size: 115%;
}

#oracle-intro .you, 
li.hentry.primary blockquote.entry-content {
  font-size: 110%;
}

#preview blockquote.entry-content {
  font-size: 105%;
}

#copyright, 
#nav-info, 
#clues .entry-summary {
  font-size: 95%;
}

#resp-list li.hentry .entry-content {
  font-size: 92.8%;
}

.more, 
.back, 
.form .note, 
table.threads .last-reply .vcard {
  font-size: 90%;
}

.profile #pfl-elsewhere ul li, 
#content-sub .recent-activity, 
fieldset.profile label .note {
  font-size: 88%;
}

dl.profile-data {
  font-size: 86%;
}

h1, 
.page-title {
  font-size: 48px;
}

#fm-quiz legend span {
  font-size: 36px;
}

.profile #pfl-user h1.fn {
  font-size: 34px;
}

.page-title .sup {
  font-size: 30px;
}

#responses #elicitation, 
#home-intro h2 {
  font-size: 28px;
}

#home-intro #help-us {
  font-size: 26px;
}

#responses h3.resp-count, 
#respond label,
#respond legend span,
#add_comment_preview legend, 
.home-private #content-main h2 {
  font-size: 24px;
}

h2, 
#add_comment_preview legend, 
#fastreply legend span {
  font-size: 18px;
}

.story #byline, 
#resp-list li.hentry a.author.url, 
#featured h3.entry-title {
  font-size: 16px;
}

#content-sub a.feed, 
#content-sub ul.tab-list {
  font-size: 13px;
}

#content-main .figure .credit {
  font-size: 10px;
}

/* =Italic ********************************************************************************/
#content-main .intro .cite, 
span[lang], 
#content-main .figure .caption,
#content-main .figure .legend, 
.story #byline, 
.premise, 
#oracle-intro .amanda, 
blockquote.card-quote, 
blockquote.entry-content blockquote, 
#featured .vcard {
  font-style: italic;
}

/* =Italic =Override **********************************************************************/
#content-main .figure .credit cite, 
.story #byline a.author, 
#content-sub .leaderboard li cite, 
#poll-results .leaderboard li cite, 
#oracle-intro .you, 
blockquote.card-quote cite, 
.form .note, 
table.threads .entry-title em, 
ol.posts .edited em, 
.entry-content .quote-author cite, 
ol.posts .author, 
fieldset.profile label .note, 
.story #byline .date,
.story #byline .resp-count, 
#srch-results .entry-title em.result-type,
#featured .author, 
#featured .published, 
#book-mysteries em, 
.books #content-main .see-more {
  font-style: normal;
}

/* =Bold *********************************************************************************/
#nav-util, 
#content-sub h4, 
#responses #elicitation, 
.pagination .gap, 
p.lead, 
a.add, 
#quiz-util, 
.form label, 
.form strong.label, 
.form fieldset.inline legend span, 
#acct-info strong, 
table.threads .entry-title em, 
#add-poll #poll-answers legend {
  font-weight: bold;
}

/* =Bold =Override ************************************************************************/
h1, h2, h3,
.page-title,  
.story #byline .date, 
#responses #elicitation, 
#content-sub .list h4, 
#content-sub .list .entry-title, 
#ourstories .entry-title, 
#srch-results .entry-title, 
#profiles h2, 
#cards li.card h2, 
#image-main .title, 
#gallery-image .title, 
.polls h4, 
#fm-quiz legend span, 
#home-intro h2, 
fieldset.profile label .note, 
fieldset.profile legend span, 
.form .note, 
.form li.check label, 
table.threads .entry-title, 
#submit_post #options label, 
#home-intro strong, 
.profile #pfl-user .inducted strong, 
table.threads thead th, 
#featured .vcard {
  font-weight: normal;
}

/* =Right =Align **************************************************************************/
#content-main .intro .cite, 
#content-main .figure .credit, 
#respond #fm-submit, 
.caption-results .more, 
#caption-vote .more, 
p.lead, 
#poll-results .leaderboard li em span, 
#quiz-util, 
.form label, 
.form strong.label, 
.form fieldset.inline legend span, 
#acct-info strong, 
#book-mysteries em, 
.all {
  text-align: right;
}

/* =Left =Align ***************************************************************************/
#content-main .figure .caption,
#content-main .figure .legend, 
#image-main .title, 
#content-main #image-main .credit, 
#gallery-image.figure .credit, 
#content-main .gallery .figure .credit,
.form li.withnote label em.note, 
.form li.check label, 
table.threads th, 
table.threads td, 
#post-attachments thead th,
#post-attachments tfoot td, 
#thread-poll th, 
#srch-results .figure .credit, 
#srch-results .figure .caption, 
#srch-results .figure .legend,
ol.all {
  text-align: left;
}

/* =Center =Align *************************************************************************/
#content-main .figure.full-col, 
#image-main, 
table.threads .reply-count, 
.see-more {
  text-align: center;
}

/* =Unstyled =Lists ***********************************************************************/
#nav-info, 
#nav-main, 
#nav-util, 
#resp-list, 
#resp-list .resp-util, 
#content-sub .list, 
#content-sub .list .entry-meta, 
ul.tab-list, 
#ourstories, 
#ourstories .entry-meta, 
#zine-entries, 
#zine-entries .entry-meta, 
#content_main .pagination ol, 
#profiles, 
#cards, 
#gallery-picks, 
#content-sub .leaderboard, 
#poll-results .leaderboard, 
.gallery, 
#cap-choices, 
#quiz-util, 
#past-cards, 
ul.thread-respond, 
ol.posts, 
ol.posts .author-meta, 
ol.posts ul.post-tools, 
ol.posts ul.admin-tools, 
.ignore-tools, 
ol.breadcrumb, 
ol#srch-results, 
#srch-results .entry-meta, 
#intro-thumbs, 
#featured, 
#featured-characters .others ul, 
#quiz-totems,
ol.archive {
  list-style: none;
}

/* =Line-height ***************************************************************************/
h1, 
.page-title, 
#fm-quiz legend span, 
#home-intro #help-us, 
#home-intro h2, 
ol.posts li.hentry .num, 
.quiz #quiz-prog {
  line-height: 1;
}

#responses #elicitation, 
#intro-thumbs {
  line-height: 1.1;
}

.announcement .lede, 
blockquote.card-quote, 
.form .note {
  line-height: 1.2;
}

dl.profile-data {
  line-height: 1.3;
}

blockquote.card-quote cite {
  line-height: 1.4;
}

#home-intro {
  line-height: 1.6;
}

/* =Generated =Content ********************************************************************/
#nav-info li:before, 
#nav-util li:before, 
#resp-list .resp-util li:before, 
#quiz-util li:before {
  content: " | ";
}

#srch-results .entry-meta li:before, 
.list .entry-meta li:before {
  content: "\00A0\00A0|\00A0\00A0"; /* nbsp nbsp pipe nbsp nbsp */
}

.lead a:after, 
.caption-results .more a:after, 
#caption-vote .more a:after, 
.more a:after, 
a.more:after, 
.person .all a:after, 
.submissions .all a:after {
  content: " \00BB"; /* right double angle quote */
}

.back a:before, 
a.back:before {
  content: "\00AB\00A0"; /* left double angle quote */
}

.form label:after, 
.form fieldset.inline legend span:after, 
.form strong.label:after {
  content: ":";
}

#srch-results .entry-meta li:first-child:before,
#nav-info li:first-child:before, 
#nav-util li#greeting + li:before, 
#nav-util li:first-child:before, 
#resp-list .resp-util li:first-child:before, 
.list .entry-meta li:first-child:before, 
#quiz-util li:first-child:before, 
.form li.question label:after,
.form li.check label:after, 
#submit_post #options label:after {
  content: "";
}

/* =Uppercase ******************************************************************************/
.page-title .sup, 
h3, 
#responses h3.resp-count, 
#respond legend span,
#add_comment_preview legend, 
#content-sub ul.tab-list, 
#image-main .title, 
#oracle-intro .you, 
#home-intro strong, 
.profile #pfl-user .inducted strong, 
.form legend, 
#fastreply legend span, 
.see-more, 
.books #content-main h2, 
#book-mysteries em {
  text-transform: uppercase;
}

/* =Uppercase =Override ********************************************************************/
#content-main .gallery .title, 
#clues .entry-title, 
.form fieldset.inline legend span, 
ol.posts .entry-title, 
#add-poll #poll-answers legend, 
#featured h3.entry-title {
  text-transform: none;
}

/* =Underlines *****************************************************************************/
a:link,
a:visited, 
h2 a:hover, 
h2 a:focus, 
h2 a:active, 
.story #byline a.author:hover, 
.story #byline a.author:focus, 
.story #byline a.author:active, 
.story #byline .resp-count a:hover, 
.story #byline .resp-count a:focus, 
.story #byline .resp-count a:active, 
#content-main .gallery .title a:hover, 
#content-main .gallery .title a:focus, 
#content-main .gallery .title a:active, 
.polls h4 a:hover, 
.polls h4 a:focus, 
.polls h4 a:active, 
#intro-thumbs a:hover strong, 
#intro-thumbs a:focus strong, 
#intro-thumbs a:active strong {
  text-decoration: underline;
}

/* =Underline =Override ********************************************************************/
h2 a:link, 
h2 a:visited, 
.story #byline a.author, 
.story #byline .resp-count a, 
#resp-list li.hentry a.permalink, 
#resp-list li.hentry a.author.url, 
.pagination a, 
#content-main .gallery .title a, 
.profile a.edit, 
ul.post-tools a, 
ol.posts .entry-title a, 
.polls h4 a, 
.see-more, 
#featured .entry-title a, 
#book-mysteries a {
  text-decoration: none;
}


#content-sub h3, 
#content-sub ul.tab-list { 
  letter-spacing: 1px;
}

fieldset#pfl-user-dob legend span, 
li.radio fieldset legend span, 
li#shes-also legend span, 
.form fieldset.inline legend span {
  white-space: normal;
}

/* =sIFR - scalable Inman Flash Replacement ************************************************/
.sIFR-replaced div.sIFR-fixfocus {
  letter-spacing: 0;
}

/* =Decoy =Styles (just for scale, not displayed) ******/
.sIFR-active .page-title .main {
	font: normal 48px/1 Georgia, "Times New Roman", Times, serif;
}

.sIFR-active .home-private .page-title .main {
  font-size: 42px;
}

.sIFR-active #home-intro h2, 
.sIFR-active .home-private #content-main h2 {
  font: normal 25px/1 Georgia, "Times New Roman", Times, serif;
  text-transform: uppercase;
}

.sIFR-active #responses #elicitation {
  font-size: 28px;
  line-height: 1;
}

.sIFR-active #responses h3.resp-count,
.sIFR-active #fastreply legend span {
  font-size: 24px;
  font-weight: normal;
}

.sIFR-active #fm-quiz legend span {
  font: normal 36px/1 Georgia, "Times New Roman", Times, serif;
}

.sIFR-active .see-more {
  font-size: 15px;
  letter-spacing: 1px;
}

.sIFR-active #book-mysteries em {
  font-size: 20px;
}