/* Theme Name: Manifesto Theme URI: http://blog.popstalin.com Description: Custom Theme for the Propaganda Party Blog Version: 1.0 Author: Jen Huls / Pop Stalin Design Author URI: http://www.popstalin.com */ /* COLORS --------------------------------- BODY BACKGROUND: #eee MAIN TEXT: #333 LINKS: #5b868c blue/green #c93e0f red/orange HEADERS: #534741 dark brown BORDERS: #dbdbdb light grey */ /* TABLE OF CONTENTS --------------------------------- Date Created: 04/12/09 01. RESET AND BASICS 02. STRUCTURE 03. TYPOGRAPHY 04. NAVIGATION 05. LINKS 06. LISTS 07. MISC. CLASSES 08. CLEAR FLOATED ELEMENTS 09. PNG FIX 10. IE6 WARNING 11. COMMENTS AND FORMS --------------------------------- */ /* 01. RESET AND BASICS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; vertical-align:baseline; background:transparent; font-size:100%; color:#333; } body { background:#eee url(images/body-bkg3.png) top center no-repeat; font:normal 97%/1.2em "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; height:100%; } html { height:100%; } h1,h2,h3,h4,h5,h6,p { margin-bottom:11px; font-size:100%; font-weight:400; } ol,ul { list-style:none; margin:0; padding:0; } caption,cite,code,th { font-style:normal; font-weight:400; } fieldset,img { border:0; } caption,th { text-align:left; } /* remember to define focus styles! */ :focus { outline:none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse:collapse; border-spacing:0; } del { text-decoration: line-through; } hr { border:0; border-top:1px solid #555; margin:0; height:1px; } img,a img,:link img, :visited img { border: none; } blockquote:before, blockquote:after, q:before,q:after { content: ""; } blockquote,q { quotes: "" ""; } input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit; } /* 01. STRUCTURE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ h1#branding { width:1000px; height:114px; background: url(images/branding-bkg3.png) top center no-repeat; top:0; left:50%; margin-left:-500px; text-indent:-9999px; position:absolute; z-index:100; text-align:left; } #wrapper { width:974px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; background:url(images/body-bkg.gif) top center repeat-y; z-index:5; clear:both; } #search-box { width: 240px; height: 50px; background: url(images/search-bkg.png) no-repeat; position: relative; z-index:1; float:right; right:6px; } #search-box input.search-field { position: absolute; top: 10px; left: 1px; width: 140px; height: 21px; border: none; padding: 9px 7px 0 2px; margin: 0; font-size: 76%; color: #dbdbdb; } #search-box input.search-submit { position: absolute; top: 0px; left: 153px; padding: 0; margin: 0; } #section-featured, #section-featured-page { width:920px; margin:0 auto; margin-top:0px; margin-bottom:10px; } #section-featured { padding:20px 0 20px 0; } #section-featured-page { padding:20px 0 0 0; } #section-featured .article, #section-featured-page .article { margin-top:25px; } #section-featured .meta, #section-featured-page .meta { position:relative; background:url(images/meta-bkg.png) top left repeat-x; height:20px; padding:20px 0 15px 0; width:920px; z-index:2; top:15px; left:0; clear:both; } #section-featured .meta .date, #section-featured-page .meta .date { float:left; text-align:center; width:365px; color:#fff; } #section-featured .meta h2.title, #section-featured-page .meta h2.title { width:535px; color:#fff; text-align:left; float:right; font-size:95%; letter-spacing:-.05em; text-transform:uppercase; } #section-featured .featured-img, #section-featured-page .featured-img { position:relative; margin:-55px 10px 0 10px; width:365px; height:275px; border:none; float:left; } #section-posts { width:974px; margin:0 auto; padding:0; padding:0 0 0 7px; margin-top:-15px; } #section-posts .asides { width:184px; height:275px; border:1px solid #dbdbdb; float:left; padding:5px 0 5px 0; margin:15px 3px 0 3px; overflow:hidden; } #section-comments { width:860px; margin:0 auto; margin-top:2px; margin-bottom:20px; padding:0; display:block; position:relative; } #section-category { width:960px; margin:0 auto; position:relative; margin-bottom:20px; margin-top:30px; min-height: 100%; height: auto !important; height: 100%; } #sidebar { float:right; width:155px; padding:0 5px 0 0; line-height:1em; border-left:1px solid #dbdbdb; } #section-category #sidebar { float:right; width:154px; margin-top:-60px; padding:0 5px 0 0; line-height:1em; border:none!important; } #sidebar .article { width:140px; padding:10px; font-size:67%; border-bottom:1px solid #dbdbdb; } #sidebar .article-last, .asides-last { width:140px; padding:10px; font-size:67%; } #footer { width:960px; margin:0 auto; position:relative; margin-bottom:10px; font-size:67%; } /* 03. TYPOGRAPHY ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ h1, h2, h3, h4, h5, h6 { text-transform:uppercase; font-weight:700; color:#534741; } h1.dictate { font-size:110%; color:#CC0000; } h2.book-ad { font-size:130%; margin-top:5px; } blockquote { margin:10px; background:#dbdbdb; padding:5px; } .archivelist p { padding:0 4px 0 4px; line-height:1.2em; text-align:left; } .archivelist h3 { line-height:1.1em; text-align:left; padding:5px 4px 0 4px; letter-spacing:-.5px; } .archivelist h3.meta { color:#534741; padding:12px 5px 12px 5px; text-align:center; border-bottom:1px solid #dbdbdb; } .archivelist-featured p, .archivelist-featured h3 { margin:0 10px 0 10px; line-height:1.6em; } .archivelist-featured p { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } .archivelist-featured h3 { font-family:Georgia, "Times New Roman", Times, serif; margin-top:15px; } .archivelist-featured h3.meta { margin:-5px 0 5px 0; background:#534741; color:#fff; padding:6px 0 5px 10px; border-bottom:1px dotted #c93e0f; font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size:85%; } #section-category h2 { padding-left:10px; padding-bottom:15px; width:960px; margin:0; } #section-featured-page .meta h2.date {font-size:115%; } .asides p, .asides h3, .asides h4, .asides li { font-size:73%; line-height:1.4em; padding:0 10px 0 10px; } .asides h3 {line-height:1.2em; } .asides h4 { text-align:left; margin-bottom:3px; } p.asides-category { font-family: Georgia, "Times New Roman", Times, serif; font-size:100%; border-bottom:1px solid #dbdbdb; padding-bottom:3px; } h4.subscribe { padding:7px 0 5px 25px; height:19px; background-image: url(images/rss-icon.gif); background-repeat: no-repeat; background-position: 0 .5em; } #section-featured-page .meta h2.title { color:#fff; } #section-featured-page .article p { font-size:76%; } #section-featured .article p { font-size:108%; line-height:1.25em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } #section-featured .article p em { font-style:normal; font-weight:bold; } .meta .date { font-size:76%; text-transform:uppercase; } p.book-ad { line-height:1.4em; font-size:110%; } /* 04. NAVIGATION ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .main-navigation { width:960px; margin:0 auto; margin-top:97px; position:relative; z-index:4; height:50px; border-bottom:1px solid #dbdbdb; clear:both; } ul#nav { width:715px; height:50px; position: relative; background:url(images/main-nav.gif); padding:0; float:left; left:0px; } ul#nav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0px; } ul#nav li, ul#nav a { height: 50px; display: block; } ul#nav li a { text-indent: -9999px; text-decoration: none; border:none!important; } #mn1 { left: 0px; width: 120px; } #mn2 { left: 119px; width: 120px; } #mn3 { left: 238px; width: 119px; } #mn4 { left: 357px; width: 119px; } #mn5 { left: 476px; width: 119px; } #mn6 { left: 595px; width: 119px; } #mn1 a:hover { background: transparent url(images/main-nav.gif) -0px -50px no-repeat; } #mn2 a:hover { background: transparent url(images/main-nav.gif) -119px -50px no-repeat; } #mn3 a:hover { background: transparent url(images/main-nav.gif) -238px -50px no-repeat; } #mn4 a:hover { background: transparent url(images/main-nav.gif) -357px -50px no-repeat; } #mn5 a:hover { background: transparent url(images/main-nav.gif) -476px -50px no-repeat; } #mn6 a:hover { background: transparent url(images/main-nav.gif) -595px -50px no-repeat; } #mn1.current { background: transparent url(images/main-nav.gif) -0px -50px no-repeat; } #mn2.current { background: transparent url(images/main-nav.gif) -119px -50px no-repeat; } #mn3.current { background: transparent url(images/main-nav.gif) -238px -50px no-repeat; } #mn4.current { background: transparent url(images/main-nav.gif) -357px -50px no-repeat; } #mn5.current { background: transparent url(images/main-nav.gif) -476px -50px no-repeat; } #mn6.current { background: transparent url(images/main-nav.gif) -595px -50px no-repeat; } /* 05. LINKS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ a:link, a:visited { color:#5b868c; text-decoration:none; font-weight:bold; } a:hover { color:#C93E0F; text-decoration:none; border-bottom:1px dotted #c93e0f; } a, a:focus { outline: none; } a.more-link, a:visited.more-link { color:#5b868c; text-decoration:none; font-weight:bold; } a:hover.more-link { color:#C93E0F; text-decoration:none; border-bottom:1px dotted #c93e0f; } .book-ad a, .book-ad a:visited { color:#C93E0F; font-weight:bold; text-decoration:none; } .book-ad a:hover { color:#5b868c; font-weight:bold; text-decoration:none; } .asides-category a, .asides-category a:visited { color:#c93e0f; } h4.subscribe a, h4.subscribe a:visited { background:#C93E0F; color:#fff; padding:2px; text-decoration:none; } h4.subscribe a:hover { background:#5b868c; color:#fff; padding:2px; text-decoration:none; border-bottom:none; } .meta h2.title a:link, .meta h2.title a:visited { color:#C93E0F; text-decoration:none; text-transform:uppercase; } .meta h2.title a:hover { color:#e5d5ae; text-decoration:none; border-bottom:1px dotted #e5d5ae; } /* 06. LISTS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .asides ul, .footer-asides ul, .article ul { margin:0; padding:0; } .asides ul li, .footer-asides ul li, .article ul li { list-style:none; border-bottom:1px dotted #ccc; padding:3px 0 3px 0 } .article ul { margin:20px; font-size:76%; } .article ul li { list-style:square; } ol.comments li { padding:5px 10px 5px 0; border-bottom:1px solid #dbdbdb; } ol.comments li li { padding:0; border-bottom:none; margin: 2px; } ol.comments li { display:block; margin:10px 0 10px 0; } /* 07. MISC. CLASSES +++++++++++++++++++++++++++++++++++++++++++++++++++*/ .article .more-link { float:right; margin-top:10px; font-style:italic; text-align:right; padding:5px; } .archivelist { width:148px; height:290px; border:1px solid #dbdbdb; float:left; padding:0 0 10px 0; font-size:67%; margin:0 5px 10px 5px; } .archivelist-featured { width:472px; height:284px; border:1px solid #dbdbdb; float:left; padding:5px 0 11px 0; margin:0 0 5px 5px; font-size:105%; text-align:left; background:#f9f9f9; } .asides-category { /*border-top:1px dotted #c93e0f; border-bottom:1px dotted #c93e0f;*/ padding:5px 0 5px 0; text-align:center; /*background:#e5d5ae;*/ color:#534741; } .navigation { width:960px; height:30px; float:left; position:relative; z-index:10; top:10px; left:8px; font-size:76%; padding:10px 0 0 0; } .push { margin-top:50px; } p.shadow { width:972px; height:45px; background:url(images/shadow.png) top left repeat-x; position:relative; top:0; left:1px; margin:0; } p.shadow-left { width:972px; height:45px; background:url(images/shadow-left.png) top left repeat-x; position:relative; top:0; left:1px; margin:0; } .wrapper-shadow { width:974px; height:60px; position:relative; background:url(images/shadow-bottom.gif) top left repeat-x; margin:0 auto; margin-bottom:40px; top:-22px; } .wrapper-shadow-archives { width:974px; height:60px; position:relative; background:url(images/shadow-bottom.gif) top left repeat-x; margin:0 auto; margin-bottom:20px; } .footer-asides { width:299px; height:250px; padding:10px; float:left; border-right:1px solid #dbdbdb; line-height:1.2em; } /* 10. IE6 WARNING +++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #ie6Warning { background: #e3e3e3; border: 1px solid #bbbbbb; padding: 10px 10px 1px; margin-bottom: 10px; position:absolute; z-index:101; } #ie6Warning h2 { background: url(images/ie6-warning.gif) 0 50% no-repeat; padding-left: 40px; } /* 11. COMMENTS AND FORMS ++++++++++++++++++++++++++++++++++++++++++++++*/ .comments img { float:left; margin-right:10px; } .commentform { position:relative; width:640px; float:left; padding:10px 0 10px 0; } .commentform input.commentfield, .commentform textarea#comment { width:304px; border:1px dotted #ccc; padding:3px; } .commentform input:focus.commentfield, .commentform textarea:focus#comment { border:1px dotted #c93e0f; } .commentform input#submit { width:143px; height:38px; background:url(images/comments-bttn.png) top left no-repeat; border:none; font-size:76%; margin-top:5px; cursor:pointer; float:right; } .commentlist { width:779px; font-size:76%; float:left; margin:0; padding:5px 0 10px 20px; } .wp-pagenavi { width:100%; } /* 12. CLEAR FLOATED ELEMENTS ++++++++++++++++++++++++++++++++++++++++++*/ /* http://sonspring.com/journal/clearing-floats */ html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; }