/* Theme Name: Virality Bold Theme URI: http://papertreedesign.com Description: A Complex Theme Framework Version: 1 Author: @jeremyjaymes Author URI: http://papertreedesign.com Tags: */ /* Typography -- 12px = 1em line-height = 1.75em 14px = 1.1667em line-height = 1.5em 16px = 1.333333em line-height = 1.3125em 18px = 1.5em line-height = 1.166667 21px = 1.75emline-height = 1em 24px = 2em line-height = 0.875em 36px = 3em line-height: 0.583333em; */ @import "style/css/layout.css"; @import "style/layouts/2cr.css"; /* RESET ===================================================================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0; font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight: bold } em { font-style: italic } a img { border:none } /* Gets rid of IE's blue borders */ /* START DOCUMENT ================================================================ */ body#home {background:#E6E3DC url('images/bghome.png') top center no-repeat;color:#000;font:75% Georgia, 'Times New Roman', Times, serif;line-height: 1.75em} body {background:#E6E3DC url('images/bg.png') top center no-repeat;color:#000;font:75% Georgia, 'Times New Roman', Times, serif;line-height: 1.75em} body#four-o-four {background:#E6E3DC url('images/bgfour.png') top center no-repeat;color:#000;font:75% Georgia, 'Times New Roman', Times, serif;line-height: 1.75em} /* STRUCTURE ================================================================ */ #wrapper {margin:20px auto; padding:0;width:960px;} #header {margin:0px;overflow:hidden;padding:0px 10px 10px 10px; } #content {overflow:hidden;padding:0px 10px 0px 10px} #footer {float:left;width:960px;margin-top:10px;padding:0;overflow:hidden} /* LINK STYLING ================================================================ */ a, a:visited {color:#d13f32;text-decoration:none} a:hover {color:#000} a:active {color:#8FC0BB} /* TYPOGRAPHY ================================================================ */ h1,h2,h3, h4,h5,h6 {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;color:#000;font-weight:bold} h1,h2 {font-size:3em;line-height:1em; margin:0.583333em 0; padding:0;} h3 {font-size:1.75em;line-height: 1em; margin:0.5em 0;padding:0;} h4 {font-size:1.5em;line-height: 1.1667em; margin:0.5833em 0; padding:5px 0 0 0px;} h5 {font-size:1.3333em;line-height:1.3125em;margin:0.6563em 0} h1 a,h2 a,h3 a,h4 a, h1 a:visited,h2 a:visited, h3 a:visited,h4 a:visited {color:#000} h1 a:hover,h2 a:hover, h3 a:hover,h4 a:hover {color:#d13f32} p {font-size:1.5em;line-height:1.4em;margin:1.1667em 0} /* HEADER ================================================================ */ .logo {float:left;font:18em 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: -0.01em;color:#000;line-height:0.8em;font-weight:bold;} .logo a, .logo a:visited {color:#000} /* NAVIGATION ================================================================ */ .primary-nav {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;margin:0; padding:5px 0px;overflow:hidden } .primary-nav ul {display:inline;text-transform:uppercase;} .primary-nav ul li {display:block;float:left;font-size:1.1667em;line-height:1.5em;text-align:center;padding:0px 20px 0 20px;} .primary-nav a, .primary-nav a:visited {color:#000} .primary-nav a:hover {border-bottom:1px solid #000} /* GENERAL ARTICLE STYLING ================================================================ */ .article {background:#f1f1f1;border:1px solid #fff;margin-bottom:30px;padding:10px} .byline {color:#444;font-size:1em;font-style: italic;line-height: 1.75em;margin:.5em 0} blockquote p {font-style:italic; background: url('images/quotes.png') top left no-repeat; margin-left:10px; padding:15px 30px 10px 30px; } .postmeta {border-top:1px solid #ccc;margin:20px 0 0 0px;overflow:hidden;text-align: right} .read-more {display:block} .share {border-top:2px solid #fff;display:block;overflow:hidden;padding:10px 0} .share ul li {display:block;float:left;font-size:1.5em;line-height:1.1667em;padding:10px 20px 10px 0} .love {font:2.2em 'Helvetica Neue',helvetica, sans-serif;font-weight: bold} /* ARTICLE SINGLE ================================================================ */ .entry-content img {padding:2px; background-color: #FFF; border:1px solid #CCC} .entry-content ol {margin:0; padding:0} .entry-content ul {list-style-type:square; margin:10px 0 10px 0; padding:0} .entry-content ul li, .article ol li {font-size:1.5em;line-height:1.4em; color:#000; margin:10px 0 10px 0; padding:5px 0 5px 0;} .entry-content ol li {list-style-type: decimal; list-style-position:inside} .navigation {display:block;font-size:1.1667em;line-height:1.5em;margin-bottom:5px;overflow:hidden;padding:10px 0} .prev a, .next a {background-color:#f1f1f1;border:1px solid #fff;padding:4px} /* COMMENTS ================================================================ */ #commentarea {margin:50px 0 10px 0;} #commentarea h3 {font-size:1.333em;line-height:1.1325em} #commentarea p {margin:10px 0 10px 0} h3#comments {font-size:1.75em;line-height:1em;padding:0 0 5px 0px} ol.commentlist li {margin-bottom: 20px;padding:20px;} .even,.odd {border:10px solid #fff;background-color: #f1f1f1} .avatar_cont {float:right} img.avatar {border:2px solid #fff;padding:2px} .the-author {display:block;font-size:1em;text-transform: uppercase} .commentmetadata {display:block;font-size:0.9em;font-style: italic} .reply {text-align: right} #respond {padding:10px 0} #commentform input:focus {background:#94D9FC} textarea#comment {width:570px} textarea#comment:focus {background:#94D9FC} #submit {border:none;background:#f1f1f1;color:#000;padding:5px 2px} /* SECONDARY NAVIGATION ================================================================ */ #secondary h3 {font-size:1.5em;line-height:1.1667;margin:1.1667em 0} #secondary ul#main-left, #secondary ul#main-right {padding:0 20px 0 20px} #secondary ul ul {margin-bottom:20px;position:relative} #secondary ul ul li {font-size:1.1667em;line-height:1.5em;margin:0} #secondary ul ul#ad {display:block;overflow:hidden;padding:0px} #secondary ul ul#ad li {float:left;display:inline;margin:10px 0px 0px 0px;padding:0} #secondary ul ul#ad li.second {margin-left:10px} ul#ad li img {display:block;background-color:#fff;padding:10px} #secondary ul ul li.aside.rss {width:150px} #secondary ul li.categories ul {overflow:hidden;} #secondary ul li.categories ul li {display:block;padding:0} .twitter {background: url('images/networks/twitter.png') left center no-repeat;padding-left:20px;} .delic {background: url('images/networks/delicious.png') no-repeat 0 50%; padding-left:20px} .flickr {background: url('images/networks/flickr.png') left center no-repeat; padding-left:20px} .rss {background: url('images/networks/feed.png') left center no-repeat; padding-left:20px} .friendfeed {background: url('images/networks/friendfeed.png') left center no-repeat; padding-left:20px} .stumble {background: url('images/networks/stumbleupon.png') left center no-repeat; padding-left:20px} /* SEARCH ================================================================ */ #searchform #searchsubmit {background-color:#000;border:none;color:#fff;margin-left:2px;padding:4px} #searchform #s {padding:3px} /* FOOTER ================================================================ */ #footer {border-top:1px solid #CCC} .footer-copy {margin:0px;padding:0px;} .footer-copy p {text-align:right;font-size:12px;padding:5px 20px 5px 20px;} /* MISC ================================================================ */ .fl {float:left;margin:0;padding:10px 20px 20px 0;overflow:hidden} .fr {float:left;margin:0;padding:10px 0 20px 20px;overflow:hidden} /* CLEAR IF NEEDED ================================================================ */ .clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.clearfix {display: inline-block;}html[xmlns] .clearfix {display: block;}* html .clearfix {height: 1%;}