This is a theme optimized for 1024x768 or greater screens. This has been tested in Internet Explorer 7, 6, 5.5, Firefox 2, and Opera 9.22. (It differs in some of the IE browsers, but not enough to be ugly or unusable.) If you find a bug, feel free to let me know, but don't expect great support ;)
Support for Ultimate Tag Warrior has also been built into this theme so I recommend you use it (and, if you do, you may want to disable displaying it on your posts because I display it by default). I also recommend the following settings for your UTW: Most popular colour: #28270f Most popular font size: 24px Least popular colour: #6b6b5f Least popular font size: 10px
This theme also has an archive template that uses a modified version of the SRG Clean Archives plugin by Shawn Grimes. It should be in the zip file of the install package. To use it, copy the srg_clean_archives.php file into you plugins folder, and activate it in your plugin panel. Then, create a page called Archives, and assign it the "Archives" template. Publish! And there you go.
Dedicated to Jurgyte: five amazing years, and a whole life ahead. Brilliant!
Version: 1.0 Author: Craig Sefton Author URI: http://www.lowfatbrains.com/ */ .fillerin { } * { padding: 0; margin: 0; font-family: arial; } #posts .post, #posts .post .contentarea .pages, #posts .post .contentarea .pages a, #posts .post p a.more-link, #postsnavlink { font-size: 14px; } #secondarycontent h4, #posts div.related h4, #posts .post h1, #posts #archives-container h2, #posts #archives-container h2.first, .controls h1, #posts #comments h4, #posts #comments h3 { font-size: 16px; padding: 10px 0 10px 0; border-bottom: 2px dotted #57574f; } a { text-decoration: none; } html, body { text-align: center; line-height: 135%; } body { background-color: #f3f3f3; } div#container, #header, #header #header1, #header #header2, #posts, #postsnavlink, #footer { width: 990px; } div#container { margin-left: auto; margin-right: auto; text-align: left; } #header #header1, #footer { margin: 10px 0 10px 0; border-top: 2px solid #28270f; border-bottom: 2px solid #28270f; background-color: #404040; } #posts .post .contentarea .entry a, #posts .post p a.more-link { color: #404040; border-bottom: 1px dotted #404040; } #posts .post .contentarea .entry a:visited, #posts .post p a.more-link:visited, #secondarycontent ul li a:visited, #posts div.related a:visited, #secondarycontent #technorati a:visited, #posts #archives-container ul.postspermonth li a:visited { color: black; } #posts .post .contentarea .entry a:hover, #posts .post p a.more-link:hover, #secondarycontent ul li a:hover, #posts div.related a:hover, #secondarycontent #technorati a:hover, #posts #archives-container ul.postspermonth li a:hover { color: black; border-bottom: 1px solid black; } #header #header1 { height: 36px; } #searchform { float: right; } #searchform #search #s, #searchform #search .submit { border: 1px solid #232522; color: #232522; margin-top: 7px; vertical-align: top; } #searchform #search #s { font-size: 12px; background-color: #f3f3f3; width: 120px; height: 16px; padding: 2px; } #searchform #search #s:focus { background-color: #d0d0d0; } #searchform #search .submit { font-size: 12px; height: 22px; width: 70px; background-color: #d0d0d0; margin-right: 10px; } #header #header1 ul { list-style: none; } #header #header1 ul li { display: inline; } #header #header1 ul li a { line-height: 135%; margin: 8px 10px 0 10px; float: left; font-size: 16px; color: #d0d0d0; display: block; } #header #header1 ul li a.subscribe { background: url('images/rss.gif') no-repeat left; padding-left: 17px; } #header #header1 ul li a:hover, #header #header1 ul li.current_page_item a:hover, #header #header1 ul li.current_page_item a { color: #f3f3f3; text-decoration: underline; } #header #header2 { height: 140px; padding-bottom: 10px; border-bottom: 2px dotted #57574f; } #header #header2 h1 a { position: absolute; margin-left: 7px; margin-top: 60px; color: white; font-size: 48px; font-family: Century Gothic, Verdana, Arial, Sans-Serif; font-weight: normal; line-height: 135%; } #header #header2 h1 a:hover { color: #d0d0d0; } #header #header2 h2 { position: absolute; margin: 118px 0 0 10px; color: white; font-size: 12px; font-weight: bold; } #posts .post { width: 510px; margin-left: 240px; } #posts .post .contentarea .entry { margin: 10px 0 10px 0; } #posts .post .contentarea .entry ul, #posts .post .contentarea .entry ol { margin: 0 0 15px 45px; } #posts .post h1 { color: #28270f; display: block; } #posts .post h1 a { color: #28270f; } #posts .post h1 a:hover { color: #404040; } #posts .post p { margin: 0 0 10px 0; text-align: left; } #posts .post img { width: auto; height: auto; } #posts #archives-container { display: block; width: 750px; float: left; } #posts #archives-container h2, #posts #archives-container h2.first { width: 230px; color: #404040; border-top: 2px dotted #57574f; float: left; } #posts #archives-container h2.first { border-top: none; } #posts #archives-container h2 a { color: #404040; } #posts #archives-container h2 a:hover, #posts #archives-container ul.links h2 a:hover { color: black; border-bottom: none;} #posts #archives-container ul li a { font-size: 12px; font-weight: bold; } #posts #archives-container ul.postspermonth { width: 510px; list-style: none; float: left; text-align: left; margin-left: 10px; } #posts #archives-container ul.postspermonth li { display: block; clear: left; } #posts #archives-container ul.postspermonth li a { color: #28270f; margin-bottom: 10px; border-bottom: 1px dotted #57574f; } #posts #archives-container ul.postspermonth li.contentsummary { font-size: 12px; margin-bottom: 10px; } #posts #archives-container ul.postspermonth li.dayheader { font-size: 16px; border-bottom: 2px dotted #57574f; border-top: 2px dotted #57574f; padding-top: 10px; } #posts #archives-container ul.postspermonth li.linkitem { margin-top: 10px; } #posts #archives-container ul.postspermonth li.dayheader a, #posts #archives-container ul.postspermonth li.dayheaderfirst a { color: #28270f; font-size: 16px; border-bottom: none !important; display: block; } #posts #archives-container ul.postspermonth li.dayheader a:hover, #posts #archives-container ul.postspermonth li.dayheaderfirst a:hover { color: #404040; } #posts #archives-container ul.postspermonth li.dayheader a h3, #posts #archives-container ul.postspermonth li.dayheaderfirst a h3 { display: inline; font-size: 16px; } #posts #archives-container ul.postspermonth li.dayheaderfirst { border-bottom: 2px dotted #57574f; padding-top: 10px; } #posts #archives-container ul.postspermonth li.archivedivider { margin-top: 1px; } #posts .post div.contentarea { margin-bottom: 10px; } #posts .post .contentarea .pages { padding: 4px 6px 4px 0px; } #posts .post .contentarea .pages a { color: #28270f; text-align: center; width: 20px; background-color: #d0d0d0; padding: 4px 6px 4px 6px; margin-right: 2px; } #posts .post .pages a:hover { background-color: #28270f !important; color: #d0d0d0; } #posts .post blockquote { margin: 0 10px 0 10px; padding: 0 10px 0 10px; font-size: 12px; border-left: 4px solid silver; } #posts .post blockquote p { text-indent: 0px; } #posts .controls { float: left; width: 230px; list-style: none; font-size: 12px; color: #404040; display: block; } .controls h1 { color: #404040; display: block; } #posts .controls a { color: #404040; border-bottom: 1px dotted #404040; } #posts .controls a:hover { color: #28270f; border-bottom: 1px solid; } #posts .controls a:visited { color: black; } #posts .controls .tags, #posts .controls .comments, #posts .controls .syndicate { margin-top: 5px; display: block; } #posts .controls .categories { margin-top: 10px; } #posts .controls .edit { margin-top: 5px; display: block; } #posts #comments h4, #posts #comments h3 { color: #28270f; border-top: 2px dotted #28270f; margin-bottom: 10px; } #posts #comments h3 { margin-top: 0; } #posts .post #commentform { padding-top: 10px; display: block; font-size: 12px; width: 510px; } #posts .post #commentform p { text-indent: 0; } #posts .post #commentform #author, #posts .post #commentform #email, #posts .post #commentform #url, #posts .post #commentform #comment { position: relative; display: block; width: 498px; background-color: #d0d0d0; border: 1px solid #28270f; padding: 5px; color: #28270f; } #posts .post #commentform #submit { border: 1px solid #28270f; height: 30px; width: 150px; vertical-align: top; background-color: #d0d0d0; color: #28270f; } #posts #comments div.commentlist { margin-left: 0px; font-size: 12px; list-style: none; } #posts #comments div.commentlist p { margin: 0; padding: 0; margin-top: 10px; } #posts #comments div.commentlist div.oddcomment, #posts #comments div.commentlist div.evencomment { border: 2px dotted #28270f; display: block; margin-bottom: 10px; } #posts #comments div.commentlist div.oddcomment a, #posts #comments div.commentlist div.evencomment a { color: #404040; border-bottom: 1px dotted #404040; } #posts #comments div.commentlist div.oddcomment { position: relative; } #posts #comments div.commentlist div.oddcomment div.commentdata, #posts #comments div.commentlist div.evencomment div.commentdata { padding: 0 10px 10px 10px; } #posts #comments div.commentlist div.oddcomment div.commentheader, #posts #comments div.commentlist div.evencomment div.commentheader { font-size: 12px; border-bottom: 2px dotted #28270f; padding: 10px 0 10px 10px; background-color: #d0d0d0; } #posts #comments div.commentlist div.evencomment div.commentheader { background-color: #bebebe; } #posts #comments div.commentlist small.commentmetadata { margin: 10px 10px 10px 0; float: right; font-size: 12px; } #posts #comments div.commentlist small.commentmetadata a { font-size: 12px; color: #d0d0d0; background-color: #404040; text-align: center; padding: 6px 6px 6px 6px; border-bottom: none; } #posts #comments div.commentlist small.commentmetadata a:hover { background-color: #28270f; } #posts #comments small { font-size: 12px; } .space5 { clear: left; border-bottom: 2px dotted #57574f; width: 750px; height: 0px; } #postsnavlink { clear: both; border-top: 2px dotted #57574f; padding: 10px 0 0 0; } #postsnavlink a { color: #404040; } #postsnavlink a:hover { text-decoration: underline !important; } #posts #postsnavlink div.previouspage { float: left; } #posts #postsnavlink div.nextpage { float: right; } #secondarycontent { display: block; width: 230px; float: right; font-size: 12px; } #secondarycontent h4 { color: #404040; } #secondarycontent .box { border-bottom: 2px dotted #57574f; } #secondarycontent ul { margin-top: 10px; } #secondarycontent ul li { color: #404040; list-style-type: none; margin-bottom: 5px; } #secondarycontent ul li a { color: #404040; border-bottom: none; } #secondarycontent ul.children li { padding: 0px 0 3px 0; list-style-type: none; margin-top: 2px; border-bottom: none; margin-left: 17px; } #secondarycontent #tagcloud .tagcloud { text-align: justify; margin: 10px 0 10px 0; } #secondarycontent #tagcloud a { padding: 0 5px 0 0; } #secondarycontent #tagcloud a:hover { text-decoration: underline; } #posts div.related { clear: left; width: 230px; display: block; font-size: 12px; float: left; color: #404040; } #posts div.related h4 { border-top: 2px dotted #57574f; margin-top: 10px; } #posts div.related ul { list-style: none; } #posts div.related ul li { margin-top: 5px; } #posts div.related a, #secondarycontent #technorati a { color: #404040; border-bottom: 1px dotted #404040; } #secondarycontent #technorati a { line-height: 22px; } #footerspacer { clear: both; padding-top: 10px; border-bottom: 2px dotted #57574f; } #footer { clear: both; height: 50px; } #footer .copyright { float: left; padding: 15px 0 0 15px; } #footer .theme { float: right; padding: 15px 15px 0 0; } #footer .theme a, #footer .copyright a { color: #d0d0d0; } #footer .theme a:hover, #footer .copyright a:hover { color: #f3f3f3; } .googleadsblock { text-align: center; } .googleadsblock .googleads { margin: 10px auto 10px auto; text-align: left; width: 468px; } .googleadsblock .googleads.googlefooter { margin-top: 0px ; }