/* Theme Name: WPTypo Theme URI: http: //diggingintowordpress.com Description: A pure typography-based WordPress theme. Designed by Chris Coyier. Original theme coding by http: //wpcoder.com. Additional coding by Chris Coyier. Released on http: //diggingintowordpress.com. Copyright (C) 2009 CHRIS COYIER. Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.3 or any later version published by the Free Software Foundation; with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A copy of the license is included in the section entitled "GNU Free Documentation License". Version: 1.1 Author: Chris Coyier Author URI: http: //css-tricks.com Tags: white, one-column, fixed-width */ /*----- CSS Reset -----*/ * { margin: 0; padding: 0; } ul, ol { list-style: none; } h1, h2, h3, h4, h5 { font-weight: normal; } a { outline: none; } a img { border: none; } img { padding-left: 10px; padding-top: 0px; } /*----- General Styles -----*/ body, html { height: 100%; } body { font-family: 'Calibri', 'Lucida Grande', 'Lucida Sans', Verdana, sans-serif; -webkit-text-stroke: 1px transparent; } a { color: #FC5FC3; } a:hover { color: #3b3b3b; } p { color: #4c4b4a; font-weight: lighter; } strong { font-weight: bold !important; } .clear { clear: both; } .clearfix:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; } .hide { display: none; } /*----- Page Structure & Resuables -----*/ #wrap { width: 900px; margin: 0 auto; padding: 0 0 27px 0; position: relative; min-height: 100%; height: auto !important; height: 100%; } #wrap .content { width: 690px; margin-right: 25px; float: left; } #wrap .sidebar { width: 155px; margin-right: 30px; margin-top: 7px; float: left; clear: right; } p.dots { color: #8e8e8e !important; font-size: 14px; letter-spacing: 1px; line-height: 18px; } #wrap .navigation { display: block; padding: 0 0 50px 0; width: 100%; height: 100%;} #wrap .navigation a { text-transform: uppercase; font-weight: bold; height: 100%; font-size: 11px; } #wrap .navigation a:hover { text-decoration: none; } /*--- Menu ---*/ #menu { width: 100%; top: 0; right: 0; background: white; color: #4c4b4a; height: 27px; margin-bottom: 0px; } #menu .menuwrap { width: 840px; margin: 0 auto; padding: 0; display: block; } #menu ul { width: 500px; font-size: 11px; line-height: 27px; text-transform: uppercase; margin: 0 auto; padding: 4px 0px; text-align: center; font-weight: bold; } #menu ul li { display: inline; padding: 0px 15px 0px 0px; } #menu ul li span { padding: 0px 17px 0px 0px; } #menu ul li span.rssdash { color: #4c4b4a !important; font-weight: bold; padding: 0px 17px 0px 0px; } #menu ul li a { color: #4c4b4a !important; text-decoration: none; padding: 3px 5px 3px; } #menu ul li.rss { padding: 0px !important; } #menu ul li.rss a { font-weight: bold; color: #4c4b4a !important; text-decoration: none; padding: 3px 5px 3px; } #menu ul li.rss a:hover { font-weight: bold; color: #3b3b3b !important; text-decoration: none; padding: 3px 5px 3px; background: #fecfed; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #menu ul li a:hover { color: #3b3b3b !important; padding: 3px 5px 3px; background: #fecfed; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #menu .explore { float: right; display: inline; padding: 4px 0px 4px 0px; text-transform: uppercase; } #menu .explore a { background: #d5d5d5; color: white !important; font-size: 11px; letter-spacing: 1px; padding: 3px 5px 3px; line-height: 27px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; font-weight: bold; } #menu .explore a:hover { background: #d5d5d5; color: #717171 !important; } /*--- Header ---*/ #header { height: 115px; margin: 0px 0px 60px; padding: 20px 0px 0px; } #header h1 a, #header h1 a:link, #header h1 a:visited { background: transparent url(img/header.png) no-repeat top center; padding-top: 20px; border: none; display: block; text-indent: -9999px; width: 570px; height: 115px; margin: 0 auto; } #header h1 a:hover { border: none; } #header p.description { font-size: 20px; line-height: 20px; color: #515151; font-style: italic; margin: 0px; } /*--- Post ---*/ .post { width: 690px; margin: 0px auto 60px; clear: both; } .post .byline { color: #a1a1a1; font-size: 12px; line-height: 20px; width: 140px; float: left; text-align: right; margin-right: 25px; padding-top: 9px; } .post .byline .date { text-transform: uppercase; } .post .byline a { color: #a1a1a1; text-decoration: none; } .post .byline a:hover { border-bottom: 1px solid #d5d5d5; } .post h2.title { font-size: 38px; color: #4c4b4a; float: left; display: block; line-height: 44px; width: 525px; letter-spacing: -1px; font-family: 'Palatino', 'Palatino Linotype', Georgia, Times, serif; } .post h2.title a { text-decoration: none; color: #4c4b4a !important; } .post h2.title a:hover { color: #3b3b3b !important; } .post p.dots { margin-left: 165px; } .post span.para { display: block; width: 70px; height: 90px; text-align: right; float: left; margin: 0px 20px 0px 75px; background: transparent url(img/para.png) no-repeat top left; } /*--- Sidebar ---*/ .wppp_list li { width: 155px; margin: 0 0 40px; clear: both; font-size: 15px; line-height: 20px; float: left; padding: 0px; } .wppp_list li p { color: #717171 !important; } .wppp_list li h2 { font-size: 19px; line-height: 20px; margin: 0; padding: 0; font-weight: normal; } .wppp_list li a { text-decoration: none; } .wppp_list li a:hover { text-decoration: none; } .wppp_list li .date { font-size: 12px; color: #a1a1a1; line-height: 20px; text-transform: uppercase; } /*--- Entry Styles --*/ .post .entry { float: left; width: 525px; color: #4c4b4a; padding: 0px 0px 0px; font-size: 15px; line-height: 20px; clear: right; text-align: justify; } .post .entry:first-line { font-size: 1.2em; color: #555; } .post .entry h2 { font-size: 1.8em; margin: 20px 0px 10px; color: #525252; } .post .entry h3 { font-size: 1.3em; margin: 20px 0px 10px; font-weight: bold; text-transform: uppercase; color: #525252; } .post .entry h4 { font-size: 1.65em; margin: 20px 0px 10px; font-style: italic; color: #525252; } .post .entry h5 { font-size: 1em; margin: 20px 0px 10px; text-transform: uppercase; letter-spacing: 3px; } .post .entry p { margin-bottom: 20px; } .post .entry p:first-child:first-line { font-size: 100%; line-height: 20px; } .post .entry ul, .post .entry ol { margin: 0px 0px 20px 25px; } .post .entry ul li { list-style: disc outside; margin-bottom: 10px; } .post .entry ol li { list-style: decimal outside; } .post .entry ol ol li { list-style: lower-alpha outside; } .post .entry a { text-decoration: underline; } .post .entry a.rss { text-decoration: underline; font-weight: bold; } /*EB8031*/ .post .entry a:hover { text-decoration: none; } .post .entry blockquote { background: #f1f1f1; padding: 15px 30px 1px 10px; margin-bottom: 15px; font-style: italic; position: relative; } .post .entry .blockquote_extender { background: #f1f1f1; position: absolute; width: 1000px; height: 100%; right: 525px; top: 0px; overflow: hidden; } .post .entry .blockquote_extender span { display: block; width: 100px; height: 0px; color: #febfe7; font-size: 140px; top: 70px; right: -10px; line-height: 0px; position: absolute; font-family: Times, serif; } .post .entry p.continue { text-align: center; text-transform: uppercase; font-size: 11px; font-weight: bold; line-height: 20px; } .post .entry span.divider { padding-left: 5px; padding-right: 5px; font-weight: 800; } /*--- Comments ---*/ .comments { clear: both; width: 700px; margin: 0px auto 50px; padding-right: 0px; font-size: 15px; } .comments h3.heading { font-size: 19px; line-height: 20px; word-spacing: 2px; color: #4c4b4a; margin: 0px 0px 25px 165px; text-transform: uppercase; } .comments h3.heading span { text-transform: uppercase; } .comments p.notice { font-size: 15px; line-height: 20px; margin: 0px 0px 25px 165px; } .comments a { text-decoration: underline; } .comments a:hover { text-decoration: none; } /*--- Comment List ---*/ .commentlist li { margin-bottom: 30px; position: relative; text-align: justify; } .commentlist li li { margin-bottom: 10px; } .commentlist li .byline { color: #a1a1a1; font-size: 12px; line-height: 20px; width: 140px; float: left; text-align: right; margin-right: 25px; padding-top: 8px; position: relative; z-index: 50; } .commentlist li .byline .date { text-transform: uppercase; } .commentlist li .byline a { text-decoration: none; font-weight: normal; } .commentlist li .byline a:hover { border-bottom: 1px solid #383838; } .commentlist li .byline strong { color: #4c4b4a; text-transform: uppercase; } .commentlist li .byline_expander { background: #f1f1f1; position: absolute; width: 1000px; height: 100%; right: 460px; top: 0px; overflow: hidden; z-index: 40; } .commentlist li .comment_num { position: relative; width: 70px; height: 70px; float: left; overflow: hidden; } .commentlist li .comment_num .bg { font-size: 40px; display: block; width: 70px; height: 70px; line-height: 0px; left: -35px; position: absolute; top: -67px; color: #b4b4b4; z-index: 50; } .commentlist li .comment_num .num { color: #ccc; font-weight: bold; text-align: center; display: block; width: 70px; font-size: 50px; position: absolute; z-index: 50; } .commentlist .text { width: 445px; margin: 0px 0px 0px 10px; float: left; font-size: 15px; line-height: 20px; } .commentlist .text p { margin-bottom: 10px; color: #717171 !important; } .commentlist .text ul, .commentlist .text ol{ margin: 0px 0px 15px 25px; } .commentlist .text ul li { list-style: disc outside; } .commentlist .text ol li { list-style: decimal outside; } .commentlist .text ol ol li { list-style: lower-alpha outside; } .commentlist .text blockquote { background: #f1f1f1; padding: 15px 30px 1px 10px; margin-bottom: 15px; font-style: italic; position: relative; } .commentlist li.author .byline { padding: 15px 0px 13px; } .commentlist li.author .comment_num { margin-top: 4px; } .commentlist li.author .comment_num .bg { color: #4c4b4a; } /*--- Form ---*/ #commentform { margin-left: 85px; } .comments form { clear: both; color: #4c4b4a; padding: 0px 0px 0px; } .comments form label { display: block; float: left; font-size: 15px; width: 120px; text-align: right; margin-right: 25px; } .comments form input.text { margin-left: 10px; border: none; background: transparent; border-bottom: 1px solid #b4b4b4; margin-bottom: 20px; display: block; float: left; width: 250px; padding: 0px 5px; font-family: 'Calibri', 'Lucida Grande', 'Lucida Sans', Verdana, sans-serif; color: #717171; outline: none; font-size: 15px; } .comments form .textbox { width: 455px; float: left; position: relative; } .comments form .bracket { font-size: 120px; font-weight: lighter; } .comments form textarea { width: 455px; border: 1px solid #b4b4b4; background: transparent; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px 10px 10px 10px; outline: none; color: #717171; height: 150px; font: 15px 'Calibri', 'Lucida Grande', 'Lucida Sans', Verdana, sans-serif; } .comments form .allowed_tags { clear: both; margin-left: 160px; text-align: right; padding-top: 10px; margin-bottom: 10px; font-family: 'Calibri', 'Lucida Grande', 'Lucida Sans', Verdana, sans-serif; font-size: 13px; color: #717171; } .comments form p.submit { text-align: right; font-size: 30px; } .comments form p.submit input#submit { border: none; letter-spacing: 1px; text-transform: uppercase; font-size: 15px; color: #4c4b4a; font-family: 'Calibri', 'Lucida Grande', 'Lucida Sans', Verdana, sans-serif; cursor: pointer; font-weight: bold; padding: 2px 15px; vertical-align: top; background: #d5d5d5; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .comments form p.submit input#submit:hover { background: #b5b5b5; } /*--- Explore ---*/ #explore-area { position: absolute; top: 0; left: 0; width: 880px; background: #d5d5d5; padding: 10px; overflow: hidden !important; visibility: none !important; display: none; border-top: 1px solid #3b3b3b; filter: alpha(opacity=80); opacity: .8; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #explore-area ul li a { display: block; padding: 15px 15px 5px 15px; color: #3B3B3B; text-decoration: none; font-size: 15px; border-bottom: 1px solid #3B3B3B; text-align: center; } #explore-area ul li a:hover { background: #b5b5b5; } #explore-area h3 { font-size: 19px; line-height: 20px; margin: 0 0 10px; font-weight: bold; text-transform: uppercase; color: #3B3B3B; text-align: center; } #explore-area h3 span { font-style: italic; font-weight: normal; font-size: 16px; text-transform: lowercase; } #archives-area { width: 220px; margin-left: 40px; margin-right: 70px; float: left; } #blogroll-area { width: 220px; margin-right: 70px; float: left; } #search-area { width: 220px; float: left; text-align: right; clear: right; } #searchbox #s { width: 200px; border: 1px solid #4c4b4a; padding: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #search-area p.submit { font-size: 30px; } #search-area p.submit input#searchsubmit { border: none; text-transform: uppercase; font-size: 15px; padding: 2px 15px; color: #3b3b3b; letter-spacing: 1px; margin-top: 10px; vertical-align: top; cursor: pointer; font-family: 'Calibri', 'Lucida Grande', 'Lucida Sans', Verdana, sans-serif; background: #b5b5b5; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #search-area p.submit input#searchsubmit:hover { background: #959595;} #credits-area { position: relative; float: left; width: 100%; text-align: right; padding: 0; margin: 0; } #credits-area p { font-size: 10px; text-transform: uppercase; color: #4c4b4a !important; margin-top: 16px; } #credits-area p span { font-style: italic; font-weight: normal; text-transform: lowercase; } #credits-area p a { text-decoration: underline; color: #4c4b4a !important; } #credits-area p a:hover { text-decoration: none; } /*--- Search & Archives ---*/ .page-sub-title { padding: 10px; background: #494949; color: white; margin: 0px 0px 25px 165px; font-size: 20px; text-transform: uppercase; letter-spacing: 4px; font-weight: normal; } /*--- REQUIRED by WordPress Theme Directory ---*/ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /*--- Footer ---*/ #footer { position: fixed; width: 100%; height: 27px; background: #4c4b4a; border-top: 1px white solid; font-size: 11px; line-height: 27px; text-transform: uppercase; bottom: 0; right: 0; z-index: 99; font-weight: bold; } #footer p { color: white !important; width: 740px; margin: 0px auto 0px; padding-top: 4px; text-align: center; } #footer p span.left { float: left; display: block; } #footer p span.right { float: right; display: block; } #footer p span.center { text-align: center; margin-left: auto; margin-right: auto; display: block; } #footer a { color: white !important; text-decoration: none; } #footer a:hover { color: white !important; border-bottom: 1px solid #999; } /*--- About page ---*/ #oldpage { position: fixed; width: 100%; height: 100%; margin: 0 auto; background-color: #F2F0E0; } #about { position: relative; width: 450px; margin: 0 auto; color: #303030; text-align: center; clear: both; } #about .cadeceus { width: 74px; height: 90px; background: url(img/caduceus.png) no-repeat; margin: 0 auto; margin-top: 32px; display: block; } #about span.dropcap { font-size: 3.75em; line-height: 0.775em; width: auto; margin: 0; padding: 0px 0.1em 0px 0px; display: block; float: left; font-weight: lighter; } #about p { font-size: 20px; line-height: 30px; text-align: justify; margin-top: 72px; } #about a { color: #303030 !important; text-decoration: none; background: url(img/dot.png) repeat-x bottom left; } #about a:hover { color: black !important; text-decoration: none; } /*--- Wordpress plugin additions ---*/ img#wpstats { border: 0; width: 0px; height: 0px; padding: 0px; border: none; overflow: hidden; }