/*
Theme Name: Literal Latte Theme
Theme URI: http://www.tylergore.com/
Description: Custom-made theme for Literal LAtte by Tyler Gore, adapted from the Kubrick theme by Michael Heilemann
Version: 0.5
Author: Tyler Gore
Author URI: http://www.tylergore.com/
Last updated: Nov 2008
Literal Latte Theme is designed by Tyler Gore, and borrows a few template elements from
the default WordPress Kubrick v1.5 design by Michael Heilemann http://binarybonsai.com/kubrick/
The original Kubrick Design CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
However, the visual design of Literal Latte is original and is (c) Tyler C. Gore All rights reserved.
*/
/*
"My CSS file is bigger than your CSS file"
STRUCTURE----------------------------------------------------------------------
body > page > background > container > top nav + content + footer + mysidebar
CONTENT CLASSES-----------------------------------------------------------------
assigned to WordPress templates
.issue home.php & date.php
.author author.php
.single single.php
.page page.php
.category category.php
.gallery
.404 404.php
.search search.php
div.pagetitle content headers
div.toc table of contents
div.textblock main post text
MEASUREMENT UNITS------------------------------------------------------------------
EMS - most vertical spacing and fonts are in ems (relative to user settings)
PX - most horizontal spacing and some fonts (e.g. buttons) are in px (relative to screen resolution)
TABLE OF CONTENTS--------------------------------------------------------------------
HTML Elements
Layout Structure
Navigation
Headings
Content Area
Forms
Clear
Footer
*/
/* ---------------------------------------------------------------- */
/* HTML ELEMENTS */
/* ---------------------------------------------------------------- */
html { font-size:100.01%; } /* see www.christianmontoya.net */
body { font-size:1em; } /* 1em = default browser font-size = usually 16px = 12pts */
/* =INITIAL v2.1, by Faruk Ates - www.kurafire.net
Addendum by Robert Nyman - www.robertnyman.com
Addition by Christian Montoya - www.christianmontoya.net */
/* Neutralize styling:
Elements we want to clean out entirely: */
html, body, form, fieldset {margin: 0; padding: 0; }
/* Neutralize styling:
Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
/* margin: 1em 0; */
margin: 0;
padding: 0;
}
/* Apply left margin:
Only to the few elements that need it:
li, dd, blockquote {
margin-left: 1em;
}
*/
/* Miscellaneous conveniences: */
form label {cursor: pointer;}
/*fieldset {border: none;}
input, select, textarea {
font-size: 100%;
font-family: inherit;
}*/
a img {border: none;}
body, html {
font-family: Georgia, "Times New Roman", Times, serif;
background: #FFF url(images/bg.gif) repeat fixed left top;
color: #2A2A2A;
border: none;
font-weight: normal;
}
*:focus {outline: none;}
h1, h2, h3, h4, h5, h6 {text-align: center; font-weight: normal;}
h2 {color: #45361F;}
p {clear: both; }
a {
color: #0066CC;
text-decoration: none;
}
a:visited {
color: #6666CC;
text-decoration: none;
}
a:hover, a:active {
color: #F7650D;
text-decoration: none;
border-bottom: 1px dotted #F7650D;
}
ul li {list-style: none;}
pre { /*mostly used for poetry so force to wrap and take font */
font-family: Georgia, "Times New Roman", Times, serif;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* ---------------------------------------------------------------- */
/* REUSABLE STYLES */
/* ---------------------------------------------------------------- */
.small {font-size: 90%; }
.alignleft {float: left;}
.alignright {float: right;}
.center {
text-align: center;
text-indent: 0 !important;
}
.superscript {
font-size: 80%;
position: relative;
bottom: 0.375em;
margin-right: 2px;
margin-left: 2px;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, Geneva, sans-serif;
}
/* ---------------------------------------------------------------- */
/* FORMS */
/* ---------------------------------------------------------------- */
form textarea {
color: #0066CC;
border: 1px solid #602810;
background: #FDFAF4;
}
form input.text {
border: 1px solid #602810;
background: #FDFAF4;
/*display: block; */
color: #0066CC;
}
form input.btn {
background: #EAD9BB;
color: ##2A2A2A;
border: 1px solid #2A2A2A;
cursor: pointer;
padding: 3px 4px;
}
form input.btn:hover {
color: #0066cc;
}
form input.btn:focus {
border-color: #0066cc;
color: #0066cc;
}
form input.inputbox {
border: 1px solid #602810;
background: #FDFAF4;
font-size: 12px;
color: #0066CC;
}
/* ---------------------------------------------------------------- */
/* FONTS */
/* ---------------------------------------------------------------- */
/* FONT FAMILY (defaults to Georgia, serif)-----------------------------------------------------*/
form,
form textarea,
form input,
#top_nav,
#mysidebar,
#footer,
#content table#picbox,
/* #content div.textblock h2, */
#content div.textblock h3,
#content div.textblock h4,
#content #toc p.postmetadata,
#content #toc #issue_nav,
#content #comments h2,
#content #comments ol.commentlist,
#content.issue #pagetitle h3,
#content.single #pagetitle h5,
#content.single div.author_profile,
#content.author #toc h2,
#content.author #toc h4,
#content.search #toc h2,
#content.search #toc h4,
#content.category #toc h2,
#content.category #pagetitle h3,
#content.search #pagetitle h3,
#content.masthead div.textblock p,
#content div.textblock .sanserif
{font-family: "Lucida Grande", Verdana, Arial, Helvetica, Geneva, sans-serif;}
#mysidebar ul h2 /* no verdana, too wide for some things */
{font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;}
#content div.textblock .serif {
font-family: Georgia, "Times New Roman", Times, serif;
}
/* UPPERCASE fonts ------------------------------------------------------------------ */
#top_nav,
#mysidebar ul h2.list_head,
#mysidebar ul h2.issue_date,
#content #toc h2,
#content #toc h4,
#content #toc #issue_nav h3,
#content #toc #issue_nav ul li a,
#content.page div.textblock h2,
#content #comments h2,
#content.issue #pagetitle h3,
#content.single #pagetitle #metadata,
#content.single #pagetitle h4,
#content.single #pagetitle h5,
#content.single div.author_profile h2,
#content.author #toc h2,
#content.category #toc h2,
#content.category #pagetitle h3,
#content.category #pagetitle h2,
#content.search #pagetitle h3,
#content.search #pagetitle h2,
#content div.textblock .allcaps
{text-transform: uppercase;}
/* FONT SIZES ------------------------------------------------------------------ */
#top_nav {font-size: .750em; font-weight: normal; } /* 14 px */
#footer {font-size: .625em;} /* 10 px */
.small {font-size: 90%; } /* 90% of default, depends on container */
form input.btn,
form textarea,
form input.text {font-size: 12px;} /* 12 px */
#mysidebar { } /* 16 px */
#mysidebar ul h2.widgettitle {font-size: .875em;} /* 14 px */
#mysidebar ul h2.list_head {font-size: .625em;} /* 10 px */
#mysidebar ul h2.issue_date {font-size: .625em;} /* 10 px */
#mysidebar ul ul li a {font-size: .6875em;} /* 11 px */
#content p {font-size: 1em; line-height: 1.5em; } /* 16 px */
#content table#picbox p {font-size: .750em;} /* 12 px */
#content #toc {font-size: .750em; } /* 12 px */
#content #toc h2 {font-size: 1.5em;} /* 18 px */
#content #toc h3 {font-size: 1.41666em;} /* 17 px */
#content #toc h4 {font-size: .916667em;} /* 11 px */
#content #toc p.postmetadata {font-size: .916667em;} /* 11 px */
#content #toc #issue_nav li {font-size: .875em;}
#content #toc #issue_nav h3 {font-size: .750em;}
#content.category #toc h2,
#content.search #toc h2,
#content.author #toc h2 {font-size: 1.1667em;} /* 14 px */
#content.issue #pagetitle h2 {font-size: 3.75em;} /* 60 px */
#content.issue #pagetitle h3 {font-size: 1.25em;} /* 20 px */
#content.page #pagetitle h2,
#content.single #pagetitle h2,
#content.author #pagetitle h2 {font-size: 1.75em;} /* 28 px */
#content.news #pagetitle h2 {font-size: 1.25em;} /* 20 px */
#content.single #pagetitle h3,
#content.author #pagetitle h3,
#content.missing #pagetitle h3
{ font-size: 1.125em; /* 18 px */
color: #602810;
}
#content.single #pagetitle h4 {font-size: 1.0625em; /* 17 px */
letter-spacing: .0625em; /* 1 px */
}
#content.single #pagetitle h5 {font-size: 0.6875em; } /* 11 px */
#content.search #pagetitle h2,
#content.category #pagetitle h2 {letter-spacing: .1875em; /* 3 px */
font-size: 1.75em; /* 28 */
}
#content.search #pagetitle h3,
#content.category #pagetitle h3 {font-size: 0.750em; /* 12 px */
letter-spacing: .1875em; /*3 px */
}
#content div.textblock {font-size: 1em;} /* 16 px */
#content div.textblock h1 {color: #45361F;
font-size: 1.5em; /* 24 px */
}
#content div.textblock h2 {
font-size: 1em;
line-height: 1em;
} /* 16 px */
#content div.textblock h3 {font-size: 1em; } /* 16 px */
#content div.textblock h4 {font-size: 1em;} /* 16 px */
#content div.textblock h5 { }
#content div.textblock h6 {}
#content div.textblock p { }
#content div.textblock ul li,
#content div.textblock ol li {font-size: 0.875em;} /*14 px */
#content div.textblock blockquote p {font-size: 0.875em;} /*14 px */
#content div.textblock br.spacer { }
#content div.textblock pre { }
#content.single div.textblock h3,
#content.single div.scriptformat h3 {font-size: .750em;} /* 12 px */
#content div.author_profile {font-size: .750em;} /* 12 px */
#content div.author_profile h2 {font-size: 1em;} /* 12 px */
#content div.author_profile p {font-size: 1em;} /* 12 px */
#content #comments #commentform p label {font-size: .875em;}
#content.page #pagetitle h2 { }
#content.page div.textblock,
#content.news div.textblock {font-size: .875em;} /* 14 px */
#content.masthead div.textblock p {font-size: .85714em;} /* 12 px */
#content.masthead div.textblock h2 {font-size: .875em;} /* 14 px */
/* ---------------------------------------------------------------- */
/* MAIN LAYOUT */
/* positioning, colors, and background images */
/* ---------------------------------------------------------------- */
/* CONTAINERS: Page, Background, Container ------------------------ */
#page {
background: url(images/content_bg.gif) repeat-y center;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#background {
width: 100%;
background: url(images/content_top_bg.gif) no-repeat top;
margin-left: auto;
margin-right: auto;
}
#container {
width: 801px;
margin-right: auto;
margin-left: auto;
position: relative;
left: 26px;
}
/* END CONTAINERS: Page, Background, Container -------------------- */
/* HEADER -------------------------------------------------------- */
#header {
background: #602810 url(images/banner.gif) no-repeat center 0px;
height: 176px;
width: 100%;
}
#header span {display: none;}
a#headerimg { /* clickable header */
height: 176px;
width: 100%;
display: block;
border: none;
}
/* end HEADER -------------------------------------------------------- */
/* TOP NAV ----------------------------------------------------------- */
#top_nav {
background: url(images/ll_nav2_05.gif) no-repeat center;
overflow: hidden;
width: 100%;
height: 35px;
}
#top_nav ul{
text-align: center;
padding: 7px 0px 0px 30px;
}
#top_nav ul li {
list-style-type: none;
display: inline;
margin-right: 5px;
}
#top_nav ul li a {padding: 0 10px 2px 10px;}
#top_nav ul li a:link, #top_nav ul li a:visited {border: none;}
#top_nav ul li a:hover, #top_nav ul li a:active, #top_nav ul li.current_page_item a {
border: none;
}
/* end TOP NAV ----------------------------------------------------------- */
/* CONTENT --------------------------------------------------------------- */
#content {
float: left;
width: 500px;
margin: 15px 0 0 50px;
height: auto;
padding: 0 0px 15px;
display: inline; /* for IE6 double margin float bug */
}
/* end CONTENT ------------------------------------------------------------ */
/* MY SIDEBAR ------------------------------------------------------------ */
#mysidebar {
/* font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; */
width: 204px;
height: auto;
margin-left: 596px;
background: url(images/ll-cup_brwn.gif) no-repeat center 41px;
top: -3px;
display: inline block; /* needed for spacing issues in IE6 */
display: block;
}
/* IE 6 star hack to prevent sidebar from being too wide for container */
* html #container #mysidebar {
margin-left: 593px;
}
#mysidebar ul { }
#mysidebar ul ul { }
#mysidebar ul ul li {}
/* IE 6 star hack to prevent sidebar from being too wide for container */
/* *html #mysidebar ul ul li {margin-right: 1px;} */
/* added for IE6 bug need to declare block-inline before block to prevent gaps */
#mysidebar ul ul li a {display: inline-block;}
/* end MY SIDEBAR ------------------------------------------------------------ */
/* Dragon Footer (rename) ------------------------------------------------------------ */
#dragonfooter {
/* background: url(images/ll_bookdragon_11.gif) no-repeat left 0px; */
background: url(images/ll_bookdragon_11.gif) no-repeat 59px 20px;
height: 225px;
clear: both;
}
/* end Dragon Footer (rename) --------------------------------------------------------- */
/* Footer ----------------------------------------------------------------------------- */
#footerwrap {
width: 100%;
background: #FFF url(images/footer_bg.gif) repeat fixed left top;
height: auto;
clear: both;
/* border-top: 2px solid #443322;
border-bottom: 2px solid #443322; */
}
#footer {
color:#EAD9BB;
width: 801px;
margin-right: auto;
margin-left: auto;
background: #443322 url(images/ll-cup_wht.gif) no-repeat 22px 22px;
padding-top: 15px;
padding-bottom: 15px;
position: relative;
left: 26px;
}
#footer_content {
margin-left: 20px;
margin-right:20px;
padding-left: 70px;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #EAD9BB;
border-top: 1px solid #EAD9BB;
}
#footer a:link {
color: #CB8D76;
border-bottom: 1px dotted #CB8D76;
}
#footer a:visited {
color: #EAD9BB;
border-bottom: 1px dotted #CB8D76;
}
#footer a:hover, #footer a:active {
color: #FFF;
border-bottom: 1px dotted #FFF;
}
/* End Footer ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* DETAILS */
/* */
/* ---------------------------------------------------------------- */
/* Top Nav ----------------------------------------------------------------------------- */
#top_nav { }
#top_nav ul li a {
text-decoration: none;
color: #45361F;
}
#top_nav ul li a:hover, #top_nav ul li a:active, #top_nav ul li.current_page_item a {
text-decoration: underline;
color: #9E563C;
}
/* end Top Nav ----------------------------------------------------------------------------- */
/* Sidebar ----------------------------------------------------------------------------- */
#mysidebar {
}
#mysidebar ul {
list-style: none;
text-align: left;
width: 100%;
}
#mysidebar ul h2 {
display: block;
}
#mysidebar ul h2.widgettitle {
background: #45361F;
color: #EAD9BB;
margin-top: 15px;
margin-bottom: 10px;
padding-top: 2px;
padding-bottom: 2px;
}
#mysidebar ul h2.list_head {
color: #602810;
border-top: 1px dotted #602810;
border-bottom: 1px dotted #602810;
margin-right: 5px;
margin-left: 3px;
background: #E4CEA5;
margin-top: 8px;
}
#mysidebar ul h2.issue_date {
color: #602810;
margin-top: -3px;
}
#mysidebar ul ul {
}
#mysidebar ul ul li {
width: auto;
margin-left: 1px;
}
/* IE 6 star hack to prevent sidebar from being too wide for container */
*html #mysidebar ul ul li {
margin-right: 1px;
}
#mysidebar ul ul li a {
padding: 4px 5px 2px 17px;
display: block;
text-decoration: none;
text-indent: -5px;
margin-right: 1px;
}
#mysidebar ul ul li a:link, ul ul li a:visited {
color: #45361F;
border-bottom: none;
}
#mysidebar ul ul li a:hover, ul ul li a:active {
background: white;
color: #0066CC;
}
#mysidebar #searchform {
padding-top: 3px;
}
#mysidebar #searchform div {
display: block;
height: 35px;
text-align: center;
padding-right: 10px;
padding-left: 10px;
}
#mysidebar #searchform {
background: #45361F;
margin-bottom: 60px;
}
#mysidebar #searchsubmit {
}
#mysidebar #searchsubmit input.btn {
}
#mysidebar #searchform #s {
width: 90px;
padding-top: 4px;
padding-bottom: 4px;
margin-top: 0px;
margin-bottom: 0px;
}
/* to style special Login Area for widget - uses Meta as ID */
/* style for #meta replaced with #custom-meta-widget - Tyler's plugin */
#mysidebar #custom-meta-widget div {
padding-bottom: 5px;
}
#mysidebar #custom-meta-widget h2 {
display: none;
}
#mysidebar #custom-meta-widget span.rss_feed {
background: url(images/rss.png) no-repeat left center;
padding-left: 18px;
padding-top: 1px;
padding-bottom: 1px;
}
#mysidebar #custom-meta-widget li.rss_feed a:link,
#mysidebar #custom-meta-widget li.rss_feed a:visited,
{
}
#mysidebar #custom-meta-widget li.rss_feed a:hover,
#mysidebar #custom-meta-widget li.rss_feed a:active,{
background: url(images/rss.png) no-repeat left center;
background-color: fff;
}
/* END meta widget */
#mysidebar li#archives select {
/*padding: 3px; */
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
color: #0066CC;
background: #FDFAF4;
border: 1px solid #0066cc;
display: block;
width: 80%;
margin: 4px 5% 2px;
font-size: 0.6875em;
}
#mysidebar li#archives select option {
margin-bottom: 4px;
margin-left: 4px;
}
#mysidebar li#archives select option:hover {
background: #0066CC;
color: #fff;
}
/* end Sidebar ----------------------------------------------------------------------------- */
/* footer ----------------------------------------------------------------------------- */
#footer {
}
#footer div {
}
/* end footer ----------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
/* CONTENT DIV */
/* HTML elements
PICBOX
PAGETITLE
TOC (table of contents)
Navigation
TEXTBOX (main post text)
AUTHOR_PROFILE
COMMENTS
/* */
/* ------------------------------------------------------------------------------------------- */
#content { }
#content.single {
padding-top: 90px;
}
#content.single .post {
background: url(images/mutedposthorn_blue.gif) no-repeat center bottom;
padding-bottom: 45px;
}
#content.news .post {
background: none;
}
/* CONTENT > MAIN HTML ELEMENTS ----------------------------------------------------------------------------- */
#content p { }
#content h2, #content h3 { }
#content form p {
text-indent: 0px;
}
/* end HTML elements ----------------------------------------------------------------------------- */
/* CONTENT > TABLE PICBOX ----------------------------------------------------------------------------- */
#content table#picbox {
color: #602810;
text-align: center;
margin-top: 2px;
padding: 15px;
margin-bottom: 2px;
margin-right: auto;
margin-left: auto;
}
#content table#picbox td.image {
background: #EAD9BB;
padding: 15px;
border: 1px solid #515151;
}
#content table#picbox td.leftcell {
background: url(images/coverart.gif) no-repeat center bottom;
width: 29px;
}
#content table#picbox td.rightcell {
width: 29px;
}
#content table#picbox h3 {
display: none;
}
#content table#picbox p {
}
#content table#picbox img {
border: 7px solid #45361F;
}
#content table#picbox a {
border: 1px solid #DABB83;
background: #F1E7D1;
display: block;
width: 100%;
}
#content table#picbox a:hover, table#cover a:active {
background: #45361F;
color: #EAD9BB;
text-decoration: none;
}
/* author, category, search page picbox */
#content.page table#picbox,
#content.author table#picbox,
#content.author table#picbox,
#content.search table#picbox {
margin-bottom: 10px;
}
#content.page table#picbox td.image,
#content.category table#picbox td.image,
#content.author table#picbox td.image,
#content.search table#picbox td.image{
background: #FBF8F0;
padding: 10px;
border: 1px solid #515151;
}
#content.page table#picbox td.leftcell,
#content.category table#picbox td.leftcell,
#content.author table#picbox td.leftcell,
#content.search table#picbox td.leftcell {
background: none;
}
#content.page table#picbox img,
#content.category table#picbox img,
#content.author table#picbox img,
#content.search table#picbox img {
border: 1px solid #515151;
}
/* end CONTENT > TABLE PICBOX ----------------------------------------------------------------------------- */
/* CONTENT > PAGETITLE DIV and HEADERS ----------------------------------------------------------------------------- */
#content #pagetitle { }
#content.issue #pagetitle h3 {color: #602810;}
#content.single #pagetitle h2,
#content.author #pagetitle h2 {
padding-bottom: 2px;
border-bottom: 1px solid #45361F;
margin-bottom: 3px;
background: url(images/mutedposthorn_blue.gif) no-repeat center top;
padding-top: 60px;
}
#content.author #pagetitle h2 {
background: none;
padding-top: 0px;
}
#content.single #pagetitle h4 {
margin-bottom: .1875em; /* 3 px */
}
#content.single #pagetitle h5 {
margin-top: 5px;
margin-bottom: 15px;
}
#content.single #pagetitle h5 span {
border-top: 1px dotted #999999;
border-bottom: 1px dotted #999999;
padding: 0.25em 4px; /* 4 px */
color: #999999;
}
#content.category #pagetitle,
#content.search #pagetitle {
background: url(images/mutedposthorn_blue.gif) no-repeat center bottom;
padding-bottom: 35px;
padding-top: 5px;
}
#content.category #pagetitle h2,
#content.search #pagetitle h2 {
padding-top: .125em; /* 2px */
padding-bottom: .125em; /* 2px */
border-top: 1px dotted #45361f;
border-bottom: 1px dotted #45361f;
}
#content.category #pagetitle h3,
#content.search #pagetitle h3 {
color: #602810;
padding-bottom: .25em; /*4 px */
}
#content.page #pagetitle h2 {
padding-bottom: 2px;
border-bottom: 1px solid #45361F;
margin-bottom: 3px;
}
/* end CONTENT > PAGETITLE DIV ----------------------------------------------------------------------------- */
/* CONTENT > TOC table of contents DIV ----------------------------------------------------------------------------- */
#content #toc {
margin-top: 30px;
margin-bottom: 30px;
}
/* TOC headers --------------------------------------------------*/
#content #toc h2 {
border-top: 1px solid #45361F;
border-bottom: 1px solid #45361F;
}
#content.category #toc h2,
#content.author #toc h2,
#content.search #toc h2 {
margin: 40px auto 20px;
border-bottom: 1px dotted #45361F;
border-top: 1px dotted #45361F;
background: #FDFAF4;
}
#content #toc h3 {
text-align: left;
}
#content #toc h4 {
text-align: left;
padding-bottom: .25em; /* 3px */
}
/* TOC posts --------------------------------------------------*/
#content #toc div.post {
margin-top: 20px;
margin-bottom: 20px;
}
#content #toc div.entry {
margin-top: 15px;
margin-bottom: 15px;
}
#content #toc p.postmetadata {
text-align: right;
margin-top: 8px;
}
/* TOC NAVIGATION issue_nav --------------------------------------------------*/
#content #toc #issue_nav {
margin-top: 10px;
background: url(images/mutedposthorn_blue.gif) no-repeat center top;
padding-top: 55px;
}
#content #toc #issue_nav h3 {
color: #602810;
margin-bottom: 5px;
text-align: center;
}
#content #toc #issue_nav ul {
list-style-type: none;
border-top: 1px dotted #602810;
border-bottom: 1px dotted #602810;
width: 100%;
float: left;
}
#content #toc #issue_nav ul li {
width: 50%;
}
#content #toc #issue_nav ul li.center {
margin-left: auto;
margin-right: auto;
width: 100%;
}
#content #toc #issue_nav ul li a {
display: block;
width: 100%;
background-color: #fdfaf4;
padding: 0.2em 0;
text-align: center;
border-bottom: none;
}
#content #toc #issue_nav ul li a:hover {
color: #45361f;
background-color: #ead9bb;
border-bottom: none;
}
#content #toc div.news {
font-family: Arial, Helvetica, sans-serif;
margin-right: 40px;
margin-left: 40px;
background: #FDFAF2;
border: 1px dotted #602810;
margin-bottom: 40px;
}
#content #toc div.news h2 {
font-size: 1em;
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
font-weight: normal;
color: #602810;
border-bottom-width: 1px;
border-bottom-style: dotted;
text-transform: uppercase;
border-top-style: none;
}
#content #toc div.news ul {
margin: 20px 20px 20px 35px;
}
#content #toc div.news ul li {
margin-top: 4px;
margin-bottom: 6px;
text-align: left;
text-indent: -5px;
}
/* end issue_nav --------------------------------------------------*/
/* end CONTENT > TOC table of contents DIV ----------------------------------------------------------------------------- */
/* CONTENT > DIV.TEXTBLOCK main text 1em = 16 px ----------------------------------------------------------------------------- */
#content div.textblock {
padding-top: 25px;
background: url(images/mutedposthorn_blue.gif) no-repeat center bottom;
padding-bottom: 40px;
margin-bottom: 10px;
}
#content.news div.textblock {
}
#content.page div.textblock, #content.news div.textblock { /* .875em = 14 px */
padding-right: 30px;
padding-left: 30px;
}
#content div.textblock p {
margin-top: .875em; /* 14 px */
margin-bottom: .875em; /* 14 px */
}
/* proseformat class added to textblock for essays, fiction, etc. genre assigned by template */
#content.single div.proseformat p {
/* text-indent: 2em; */ /* 32 px */
text-indent: 0;
}
#content.single div.proseformat p + p { /* indent paragraphs after first one */
text-indent: 2em; /* 32 px */
}
#content.author div.story p {
text-indent: 0;
}
/*
#content.single div.story p + p:first-letter {
display: inline;
float: none;
padding: 0px;
margin: 0;
font-size: 1em;
color: red;
}
#content.single div.story p:first-letter {
display: block;
padding:0px;
margin: 5px 4px 2px 0px;
font-size: 2em;
color: #45361F;
}
*/
/* scriptformat class added to textblock for plays genre assigned by template */
#content div.scriptformat p {
text-indent: 0;
}
#content div.footnotes {
font-size: 90%;
border-top: 1px solid #2A2A2A;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-color: #2A2A2A;
border-bottom-color: #2A2A2A;
border-left-color: #2A2A2A;
margin-top: 35px;
padding: 10px 25px 15px;
}
#content div.textblock div.footnotes p, #content div.textblock div.footnotes p + p {
text-indent: 0;
}
/* textblock headers --------------------------------------------------*/
#content div.textblock h1 {color: #45361F;
}
#content div.textblock h2 {
text-align: center;
color: #602810;
padding-top: 0.25em; /* 4 px */
margin-top: 15px;
margin-bottom: 20px;
padding-bottom: 0.25em;
}
#content div.textblock h3 {
text-align: left;
color: #602810;
font-weight: bolder;
margin-bottom: -0.625em; /* -10 px */
}
#content.single div.textblock h3 {
text-align: center;
color: #2A2A2A;
font-weight: bold;
/* margin-bottom: -0.625em; */ /* -10 px */
/* font-family: "Lucida Grande", Verdana, Arial, Helvetica, Geneva, sans-serif; */
margin-top: 1.875em;
margin-bottom: .125em;
}
#content.single div.textblock h3.section {
display: block;
height: 40px;
width: 204px;
background: url(images/section-divider.gif) no-repeat center 10px;
padding: 0em 0em .5em;
margin: 0px auto;
}
#content.single div.textblock pre h3.section {
margin-top: 1em;
}
#content.single div.textblock pre h3 {
font-size: 0.875em;
padding: 0px;
margin-top: 2em;
margin-bottom: 0em;
line-height: 1em;
}
#content.single div.scriptformat h3 { /* also inherits content.single textblock h3 */
margin-bottom: -0.625em; /* -10 px */
/* font-family: "Lucida Grande", Verdana, Arial, Helvetica, Geneva, sans-serif;*/
padding-bottom: 0px;
}
#content div.textblock h4 {
font-weight: bolder;
margin-bottom: 0.625em; /* - 10 px */
}
#content div.textblock h5 { }
#content div.textblock h6 {}
#content.masthead,
#content.masthead h2,
#content.masthead p {text-align: center;}
#content.masthead div.textblock h2 {
margin-bottom: 0;
margin-top: 1.5em; /* 1 em = 14px 21 px */
}
#content.masthead div.textblock p {
margin-top: 4px;
}
/* textblock lists --------------------------------------------------*/
#content div.textblock ul,
#content div.textblock ol {
padding-left: 50px;
padding-right: 50px;
}
#content div.textblock ul li,
#content div.textblock ol li {
padding-bottom: 0.625em; /* 6 px */
line-height: 1.6em; /* 24 px */
}
#content div.textblock ul li {
list-style: disc outside;
}
/* definition styles */
/*dictionary definition style */
#content dl.dictionary {
display:block;
font-size:85%;
line-height:1.6em;
padding:0;
position:relative;
left:-40px;
width:565px;
padding-top: 20px;
padding-bottom: 20px;
}
#content div.textblock dl.dictionary dt {
/*width: 15em; */
clear:left;
display:block;
float:left;
font-weight:bold;
padding-bottom:0.625em;
padding-top:0.625em;
text-align:right;
width:170px;
white-space: nowrap;
height: auto;
}
#toc span.bullet_hyphen img,
#content div.textblock dl.dictionary dt span.bullet_hyphen img {
display: none;
}
#toc span.bullet_hyphen,
#content div.textblock dl.dictionary dt span.bullet_hyphen {
background: url(images/bullet_hyphen.png) no-repeat center center;
/*white-space: nowrap; */
/* padding: 0px 3px;
margin: 0px; */
display: block;
display: inline-block;
width: 6px;
height: 8px;
}
#content div.textblock dl.dictionary dd {
display:block;
margin-left:180px;
padding-bottom:0.625em;
padding-top:0.625em;
}
#content div.textblock br.spacer { }
#content div.textblock pre {}
#content div.textblock blockquote {
margin-top: .375em; /* 6 px */
margin-bottom: .375em; /* 6 px */
}
#content div.textblock blockquote p {
text-indent: 0 !important;
margin-right: 65px;
margin-left: 65px;
margin-top: .750em; /* 12 px */
margin-bottom: .750em; /* 12 px */
}
#content div.textblock div.pullquote {
margin: 1.5em 4em 1em;
padding: 0em 2em;
color: #9E563C;
text-align: center;
border-top: 1px solid #9E563C;
border-bottom: 1px solid #9E563C;
}
#content div.textblock div.pullquote p {
text-indent: 0em;
font-size: 1.25em; /* 20 px */
margin-top: .375em;
margin-bottom: .375em;
}
#content div.textblock div.pullquote + p {
text-indent: 2em; /* restores normal paragraph indent after pullquote */
}
#content div.textblock div.epigraph {
margin-left: 20%;
margin-top: 25px;
margin-bottom: 65px;
font-size: 0.875em;
}
#content div.textblock div.epigraph p.attribution {
font-variant: small-caps;
text-align: right;
padding-right: 1em;
line-height: 1em;
margin-top: 0em;
margin-bottom: 0em;
margin-top: .375em; /* 6 px */
margin-bottom: .375em; /* 6 px */
}
#content div.textblock div.epigraph span.source {
font-variant: normal;
}
#content.single div.textblock pre {
font-size: 0.875em;
line-height: 1.5em;
}
#content.single div.textblock pre.wide {
font-size: 0.75em;
}
#content div.textblock div.callout_box {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FBF4E6;
border: 1px dotted #602810;
margin: 20px 10px;
padding: 20px 10px;
}
#content.contests div.textblock div.callout_box {
background: none;
margin: 20px 10px 30px;
padding: 20px 10px;
border-top: none;
border-right: none;
border-bottom: 1px dotted #602810;
border-left: none;
}
#content.contests div.textblock h3 {
text-align: center;
margin-bottom: 1em;
margin-top: 2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2em;
font-weight: normal;
color: #45361F;
border-bottom: 1px solid #45361F;
}
#content.contests div.textblock div.callout_box h3 {
font-size: 1em;
margin-bottom: 1em;
margin-top: 1em;
border-bottom-style: none;
color: #602810;
}
#content.contests div.section {
background: url(images/mutedposthorn_blue.gif) no-repeat center top;
padding-bottom: 30px;
}
#content.page table.awards {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1em;
background: #FDFAF4;
margin-bottom: 30px;
}
#content.page table.awards tr.alt{
background: #F3EBDA;
}
#content.page table.awards caption {
}
#content.page table.awards caption h2 {
background: #F3EBDA;
color: #602810;
margin-bottom: 0px;
letter-spacing: 0.05em;
}
#content.page table.awards td{
border-bottom: 1px solid #45361F;
padding: 0.5em 10px;
}
#content.page table.awards th {
font-size: .875em;
font-weight: normal;
text-transform: uppercase;
color: #602810;
background: #E4CEA5;
border-top: 1px solid #45361F;
border-bottom: 1px solid #45361F;
padding: 5px 10px;
}
#content.page table.awards p {
line-height: 1em;
margin-top: .5em;
margin-bottom: .5em;
}
/* special styles */
#content div.textblock .dotted_borders {
border-top: 1px dotted #45361F;
border-bottom: 1px dotted #45361F;
}
#content div.textblock .solid_borders {
}
#content div.textblock .blast {
text-align: center;
margin-top: 25px;
margin-bottom: 25px;
padding: 5px 10px;
}
/* end CONTENT > DIV.TEXTBLOCK ----------------------------------------------------------------------------- */
/* CONTENT > DIV.author_profile 1em = .750(16 px) = 12px ---------------------------------------------- */
#content.single div.author_profile {
background: #FDFAF4;
margin-top: 55px;
}
#content.single div.author_profile p {margin: 1em 25px;} /* 1em = .750em body = 16px = 12 px */
#content.single div.author_profile h2 {
border-top: 1px dotted #999999;
color: #602810;
letter-spacing: 0.08333em; /* ~1px */
border-bottom: 1px dotted #999999;
background: #FFFFFF;
width: 100%;
}
/*start author links - used at bottom of single pages and author templates */
#content div.author_profile ul {
text-align: center;
border-top: 1px dotted #999999;
padding-left: 0px;
padding-right: 0px;
}
#content div.author_profile ul li {
list-style: none;
}
#content div.author_profile li a:link, #content div.author_profile li a:visited {
display: block;
width: 100%;
border-bottom: 1px dotted #999999;
padding-top: 3px;
padding-bottom: 3px;
}
#content div.author_profile li a:hover, #content div.author_profile li a:active {
background: #EAD9BB;
color: #45361F;
}
/*end author links------------------------------------------ */
#content.gallery div.author_profile {
margin-bottom: 35px;
}
/* end CONTENT > DIV.author_profile ---------------------------------------------- */
/* CONTENT > comments DIV ----------------------------------------------------------------------------- */
#content #comments {
padding-top: 80px;
}
#content #comments h2 {
font-size: 12px;
color: #45361F;
letter-spacing: 0.1em;
margin-bottom: 45px;
}
#content #comments h2#respond {
font-size: 1em; /* 16 px */
color: #45361F;
border-top: 1px solid #45361F;
border-bottom: 1px solid #45361F;
margin-bottom: .25em; /* 4 px */
background: #FDFAF4;
}
#content #comments p {
font-size: .750em; /* 12 px */
}
#content #comments ol.commentlist { }
#content #comments ol.commentlist li {
margin-top: 12px;
margin-bottom: 40px;
color: #602810;
list-style: none;
border-bottom: 1px dotted #602810;
border-top: 1px dotted #602810;
}
#content #comments ol.commentlist li h3 {
text-align: left;
/* background: #FFFFFF; */
color: #602810;
font-size: 16px;
padding-bottom: 3px;
padding-left: 5px;
padding-top: 4px;
background: #FDFAF4;
}
#content #comments ol.commentlist li h4 {
text-align: left;
font-size: 10px;
color: #45361F;
text-transform: uppercase;
padding-top: 2px;
border-bottom: 1px dotted #602810;
/*background: #fff; */
padding-bottom: 4px;
padding-left: 5px;
background: #FDFAF4;
}
#content #comments ol.commentlist li.alt2 h3,
#content #comments ol.commentlist li.alt2 h4 {
background: #FBF4E6;
}
#content #comments ol.commentlist li div {
margin-right: 25px;
margin-left: 25px;
padding-top: 10px;
padding-bottom: 10px;
}
#content #comments ol.commentlist li div p {
color: #2A2A2A;
margin-bottom: 10px;
}
#content #comments ol.commentlist li div p.comment_mod {
color: #FF0000;
font-style: italic;
text-align: center;
}
/* Comments Form-------------------------------------------------------- */
#content #comments form#commentform {
margin-top: 2em; /* 64 px */
}
#content #comments #commentform textarea {
width: 100%;
padding: 2px;
margin-top: 8px;
}
#content #comments #commentform p {
margin-bottom: 5px;
text-indent: 0;
}
#content #comments #commentform p label {
}
#content #comments #commentform p.notice {
margin-bottom: 2em;
text-align: center;
color: #602810;
}
#content form#commentform input.btn {
float: right;
}
/* end Comments Form-------------------------------------------------------- */
/* end CONTENT > comments DIV ----------------------------------------------------------------------------- */
/* End Content ----------------------------------------------------------------------------- */