/* Theme Name: Blueprint Theme URI: http://blueprint.ellastelter.com Description: Architecture inspired HTML5 and CSS 3 theme. Great for designers, architects, engineers, and anyone who wants a clean, modern, yet colorful theme. Author: Nestiv Version: 1.0 Tags: blue, white, light, dark, one-column, two-columns, fixed-width, custom-background, sticky-post, threaded-comments License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Theme URI: Author URI: http://www.nestiv.com Based off the Fiver theme by stinkyink and San Kloud by Theme.fm */ /* The Basics */ body { font-family: helvetica, arial,sans-serif; font-size: 67.5%; font-size: 14px; letter-spacing: 1px; padding: 0 0 0 0; margin: 0 0 0 0; } #wrapper { width: 800px; position: relative; margin: 0 auto 0; padding: 20px 0 0 0; } a:link, a:visited, a:active { text-decoration:none; } a:hover { text-decoration:underline; } p { font-size: 13px; line-height:140%; } h1 { font-variant:small-caps; font-size: 48px; font-family: "Cousine", serif; } h2 { font-family: "Cousine", serif; font-size: 24px; font-variant:small-caps; padding-bottom:15px; } h3 { font-family: "Cousine", serif; font-size: 24px; font-variant:small-caps; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 10px; } table { width: 100%; font-size: 14px; margin-bottom: 20px; border-collapse:collapse; } th { background-color: transparent; text-align: left; } th, td { padding: 5px; } a img { border: none; } /* Structural Elements */ header,footer,section,aside,nav,article { display: block; } nav { float: left; width: 125px; padding-right: 20px; margin-right: 20px; margin-left: 20px; margin-top: 4px; position: absolute; } nav h3 { font-weight: normal; padding: 0; margin: 0 0 15px 0; clear: both; line-height: 125% } nav ul { list-style: none; font-size: 12px; line-height: 150%; padding: 0; width: 125px !important; } section { width: 505px; float: right; } header { white-space: nowrap; min-height: 100%; margin: -5px 20px 0px 20px; left: 175px; position: relative; width: 50px; } article { display: block; margin: -25px 0 80px 0; } article p, footer p, article ul, article ol { } article a img { padding: 5px; } article h2 { font-weight: normal; padding-bottom: 15px; margin: 0 0 25px 0; font-size: 32px; } article time { display: block; padding: 0; margin: 0 0 20px 0; } article time a { color: inherit; text-decoration: none; } footer { text-align: center; display: block; float: right; } footer p { padding: 15px 0; } /* Functions, Formats, and Widgets */ .widget_search label { display: none; } #searchsubmit { background-color:transparent; margin-bottom: 20px; } .widget { margin: 0 0 20px 0px; } #submit { background-color:transparent; } blockquote { padding: 0 40px; position: relative; margin: 0 0 20px 0; } blockquote cite { font-weight: bold; } blockquote:before { content: '\201C'; font-size: 48px; position: absolute; top: 0px; left: 10px; } blockquote:after { content: '\201D'; font-size: 48px; position: absolute; bottom: -25px; right: 10px; } #s { background-color:transparent; width: 120px; margin-right: 2px; } dt { font-weight: bold; } dd { margin-bottom: 5px; margin-left: 10px; } s, strike, del { text-decoration: line-through; } widget_rss ul a { font-weight: bold; } .widget_rss ul li { padding-bottom: 5px; margin-bottom: 5px; } .widget_rss .rss-date { font-size: 12px; display: block; } .widget_rss .rssSummary { font-size: 12px; } .widget_recent_comments ul li a { display: block; } #wp-calendar { font-size: 12px; width: 125px; border-collapse: collapse; } #wp-calendar td, #wp-calendar th { padding: 0px; text-align: center; } #wp-calendar td a { font-weight: bold; } #wp-calendar caption { font-weight: bold; } /* comments */ #comments, .nocomments { clear: both; } .commentlist { list-style: none; padding: 0; margin: 0; } .children { list-style: none; } .comment { padding: 10px 10px 10px 10px; margin: 0 0 10px 0; position: relative; min-height: 80px; } .comment-body { padding-left: 80px; } h3#comments, #respond h3 { font-weight: normal; padding: 0; margin: 0 0 15px 0; } .comment p { margin-bottom: 10px; } .vcard { } .commentmetadata { } .avatar { position: absolute; top: 10px; left: 10px; } /* comment form */ #respond { clear: both; } #commentform p { clear: both; } #commentform p input, #commentform p textarea { width: 400px; float: right; background-color:transparent } p.form-allowed-tags { clear: both; padding-top: 20px; } p.form-submit input { width: auto !important; } /* ping backs */ .pingback, .trackback { padding: 10px 10px 0px 10px; margin: 0 0 20px 0; position: relative; min-height: 80px; background-color: transparent; } .pingback p, .trackback p { margin-bottom: 10px; } .pingback a, .trackback a { text-decoration: none; } div.reply { padding-bottom: 10px; clear: both; } a.comment-reply-link { font-weight: bold; } /* archive thumbnail thingy */ #archive article { position: relative; } #archive article div { margin: 0 0 0 130px; } #archive article img { position: absolute; padding: 5px; top: 75px; left: 0px; } /* compulsory wordpress stuff */ .wp-caption { margin-bottom: 20px; text-align: center; overflow: hidden; max-width: 528px !important; height: auto; } .wp-caption img { margin: 5px; border: none; margin: 0 0 2px 0; } .wp-caption p.wp-caption-text { margin: 5px 0 5px 0; } .gallery .gallery-caption { margin: 0 0 12px; } .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; } .sticky { border: 1px solid #fff; padding: 10px; background-color: transparent; } .commentlist .bypostauthor { } hr.clearfix { clear: both; visibility: hidden; } /* Custom Classes */ .vertical { clear:both; height: 100%; width: 100%; font-size: 60px; font-family: "Cousine", serif; transform:rotate(90deg); -ms-transform:rotate(90deg); /* Internet Explorer */ -moz-transform:rotate(90deg); /* Firefox */ -webkit-transform:rotate(90deg); /* Safari and Chrome */ -o-transform:rotate(90deg); /* Opera */ writing-mode:tb-lr; font-variant: small-caps; } .site-title { font-size: 32px; font-family: "Cousine", serif; font-variant:small-caps; } .site-description { font-size: 18px; font-family: "Cousine", serif; margin-bottom: 40px; font-variant: small-caps; } .site-description2 { font-size: 32px; font-variant: small-caps; padding-left: 35px; position: relative; bottom: 10px; } .newold { list-style: none; padding: 0; margin: 0; text-align: center; padding: 0 0 0px 0; margin: 0 0 0px 0; } .size-full { max-width: 550px; height: auto; overflow: hidden; } .has_sidebar section { display: block; width: 505px; float: right; } .has_sidebar nav { display: block; text-align: right; float: left; position: absolute; } .postmetadata { padding-top: 14px; }