/* -------------------------------------------------------------- typography.css * Sets up some sensible default typography. */ /* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */ html { font-size:100.01%; } body { font-size: 75%; color: #333; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; } /* Featured */ #featured-sticker { font-style: italic; font-weight: bold; font-size: 14px; color: white; } #featured-post h3 { line-height: 27px; font-size: 14px; } /* comments */ #comments h3 { width: auto; float: left; } #commentsnav { float: right; } #commentlist p { margin: 0px; } #commentlist .avatar { float: left; padding: 2px; margin: 0 5px 5px 0; border: 1px solid #555; } #commentlist .comment-body { position: relative; } #commentlist .comment-meta { position: absolute; top: 0; right: 0; } #commentlist .comment-author { margin: 0 0 10px; } #commentlist .comment-author cite { font-weight: bold; } .page-numbers { padding: 0 4px; text-decoration: none; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #111; } h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } h1 a { text-decoration: none; } #header-wrap h1 a { color: #555 !important; } h1.entry-title { font-size: 2em; color: #fff; padding: 3px 10px 3px 15px; margin: 0; } h2 { font-size: 2em; margin-bottom: 0.75em; color: #777777; letter-spacing: -1px; } h2.storytitle { font-size: 1.7em; padding: 0 10px 0 15px; color: #fff; } .featuredtext h2 a { color: #fff; text-decoration: none; margin: 0 10px 0 15px; } h3 { font-size: 1.5em; line-height: 1; margin-bottom: .5em; } #sidebar h3 { font-size: 18px; padding: 6px 10px 6px 15px; margin: 0; } h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } #footer h4 { color: #fff; font-weight: bold; margin: 0 0 1em 0; } #footer h4 a { font-size: 1.0em; text-decoration: none; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1em; font-weight: bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } #sidebar h2 { margin: 0px; } /* Text elements */ p { margin: 1.5em 0; } p img.alignleft { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } p img.alignright { float: right; margin: 1.5em 0 1.5em 1.5em; } p img { max-width: 620px; height: auto; } a { color: #555; } a:hover { text-decoration: none; } blockquote { margin: 1.5em; color: #666; font-style: italic; } strong { font-weight: bold; } em, dfn { font-style: italic; } dfn { font-weight: bold; } sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #ccc; } address { margin: 0 0 1.5em; font-style: italic; } del { color:#aaa; } pre { margin: 1.5em 0; white-space: pre; } pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } /* Lists */ ol #commentlist { margin: 0px 0px 10px 0px; } #commentlist li { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dotted #ccc; list-style-type: none; } li ul, li ol { margin: 0; } ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; } #sidebar ul { list-style-type: none; padding: 0px; margin: 0px 0px 10px 0px; } #sidebar li, #footer li { list-style-type: none; padding: 0px; } #footer li { margin: 0 0 2em 0; } #footer li li, #sidebar li li { list-style: square inside; margin: 0.5em; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em; padding: 0 1em; } /* Tables */ table { margin-bottom: 1.4em; width:100%; } th { font-weight: bold; } th, td, caption { padding: 4px 10px 4px 5px; border-bottom: 1px solid #ccc; } tr.even td { background: #e5ecf9; } tfoot { font-style: italic; } caption { background: #eee; } #wp-calendar caption, #wp-calendar { background: #333; } #wp-calendar th, #wp-calendar td { text-align: center; } #wp-calendar a { display: block; padding: 4px 0; background: #555; } #wp-calendar td, #wp-calendar th, #wp-calendar a, #wp-calendar caption { text-decoration: none; color: #fff; } /* Misc classes */ .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .hide { display: none; } .quiet { color: #666; } .loud { color: #000; } .highlight { background:#ff0; } .added { background:#060; color: #fff; } .removed { background:#900; color: #fff; } .first { margin-left:0; padding-left:0; } .last { margin-right:0; padding-right:0; } .top { margin-top:0; padding-top:0; } .bottom { margin-bottom:0; padding-bottom:0; } .postmetadata { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; } .meta { font-size: 10px; } .single .meta {clear: both;}