/* Theme Name: Freshthrills 2010 Temp Theme URI: http://www.freshthrills.com Description: Designed by FRESHTHRILLS Author: Freshthrills © 2010, Freshthrills, llc. All rights reserved. */ /* --------------------------------------------------- Freshthrills Blog Style Sheet Author: Freshthrills, llc Date: 9/23/08 --------------------------------------------------- */ * { margin: 0; padding: 0; } :focus { outline: none; } .clear { height: -1px; clear: both; } body { font: 12px/18px Helvetica, Arial, Verdana, sans-serif; background: #fff url(images/bg_pattern.gif) top left repeat; text-align: center; margin: 0 auto; } p { font: 12px/18px Helvetica, Arial, Verdana, sans-serif; } #accessibility { display: none; } /* ------------------- Main Structure ------------------- */ #frame { width: 920px; text-align: left; margin: 0 auto; } #wrapper { background: #fff; } #middle { overflow: auto; width: 100%; } #content { float: left; width: 610px; padding-left: 23px; padding-right: 20px; background-color: #fff; } #sidebar { float: left; background: #fff; width: 220px; padding: 50px 15px 15px 20px; } #pagination { padding-bottom: 10px; } /* ------------------- Header ------------------- */ #header { padding-top: 30px; } #header h1 { text-align: center; } #header h1 a { display: block; margin: 0 auto 14px auto; width: 118px; height: 134px; background: transparent url(images/blog_logo.gif) top left no-repeat; } #header h1 a span { display: none; } /* ------------------- Content ------------------- */ #content { padding-top: 15px; } #content .post { position: relative; margin: 0 0 25px 0; } #content .date_author { color: #999; float: left; font-size: 10px; font-weight: normal; padding-top: 4px; } #content .date_author em { color: #4d4e50; font-style: normal; font-weight: bold; } .post-data li.posted { display: block; font-size: 12px; position: absolute; top: 35px; right: 14px; background: #000; padding: 3px 13px; } #content .post-data li.posted, #content .post-data li.posted a { font-weight: bold; font-size: 12px !important; color: #fff !important; } /* general #content definitions */ #content h2 { color: #000; font-size: 20px; font-weight: normal; padding: 5px 0 16px 0; } #content h2 a { color: #000; text-decoration: none; } #content h2 a:hover { color: #aaa; text-decoration: none; } #content h3 { font-size: 14px; color: #7f7f7f; margin: 1.1em 0 0.2em 10px; font-weight: bold; } #content h4 { font-size: 14px; color: #7f7f7f; border-left: 1em solid #a5c1e5; padding: 0 0 0 0.5em; margin: 1em 0; } #content p, #content dl { color: #666; font-size: 13px; } #content p, #content ul, #content ol, #content dl, #content img { margin: 0 0 0.7em 0; } #content li { margin: 0 0 0 30px; color: #7f7f7f; font-size: 12px; } #content dl dt { font-weight: bold; } #content dl dd { margin: 0 0 0.4em 0.5em; } #content blockquote p { margin: 0 0 1em 2em; border-left: 5px solid #434343; padding: 0 0 0 1em; color: #a8a8a8; } #content a { color: #7f7f7f; } #content a:hover { color: #a8a8a8; } #content .post ul.post-data { list-style: none; height: 23px; border-bottom: 1px solid #aaa; font-size: 9px; padding: 3px 0 2px 0; color: #7f7f7f; margin: 0px; } #content .post ul.post-data li { color: #7f7f7f; } #content .post ul.post-data a { text-decoration: none; color: #999; font-size: 10px; font-weight: bold; } #content .post ul.post-data a:hover { color: #9c9c9c; } #content .post ul.post-data li.comments { float: right; margin: 0 0.7em 0 0; display: inline; /* fixes double float bug in IE */ } #content .post ul.post-data li.comments a { padding: 0 0 0 15px; } #content .post ul.post-data li.posted { margin: 0 0 0 0.7em; } #content .post ul.post-data li.posted a { padding: 0 0 0 1px; } #content .post ul.post-data li.comments a:hover, #content .post ul.post-data li.posted a:hover { background-position: 0 -38px; } .entry { margin: 0px 0 0px 0; padding-bottom: 13px; border-bottom: 1px solid #aaa; } .entry p { margin: 5px 0 5px 0; padding: 0; } .entry img { border: 0; } .entry img.alignleft { float: left; margin: 3px 3px 3px 0; } .entry img.alignright { float: right; margin: 0 3px 3px 3px; } .spacer { padding: 0px; text-align: right; clear: both; text-transform: lowercase; } /* ------------------- Comments ------------------- */ #content #comments { margin: 0 20px 20px 25px; } #content #comments .comment { margin: 0 0 2em 0; font-size: 11px; } #content #comments .comment p, #content #comments .comment li, #content #comments .comment a { font-size: 11px; color: #7f7f7f; } #content #comments .comment a:hover { font-size: 11px; color: #7f7f7f; } #content #comments .comment p { margin: 0 0 0.8em 0; font-size: 11px; } #content #comments .comment .comment-data p { font-size: 11px; color: #7f7f7f; border-top: 1px dashed #434343; border-left: 1px dashed #434343; padding: 0 0 0 22px; margin: 1.5em 0 0 0; } #content #comments .comment .comment-data p a { font-szie: 11px; color: #7f7f7f; } #content #comments .comment .comment-data p a:hover { color: #7f7f7f; } /* ------------------- Sidebar ------------------- */ #sidebar .about_studio { border-bottom: 1px solid #aaa; padding-bottom: 10px; } #sidebar .about_studio p { padding: 0; margin: 0; line-height: 17px; } #sidebar .about_studio .title { color: #000; } #sidebar .about_studio .about { color: #606060; width: 165px; } #sidebar .contact { padding: 10px 0 10px 0; } #sidebar .contact p { padding: 0; margin: 0; line-height: 17px; } #sidebar .contact .title { color: #000; padding-bottom: 5px; } #sidebar .contact .address { color: #606060; padding-bottom: 5px; } #sidebar .contact .email { color: #999; padding-bottom: 3px; } #sidebar .contact .number { color: #999; padding-bottom: 3px; } #sidebar .contact .url { color: #000; } #sidebar .rss_feed { display: block; margin-top: 5px; /*background: url(images/rss_icon.gif) top left no-repeat; padding: 2px 0 0 17px;*/ color: #000; } #sidebar .twitter { display: block; margin-top: 5px; color: #000; } #sidebar h3 { text-transform: uppercase; color: #000; font-size: 12px; font-weight: bold; margin: 0 0 5px 0; padding: 6px 0px 0px 0px; border-top: 1px solid #aaa; } #sidebar h3 a { color: #f2f2f2; } #sidebar p, #sidebar li { color: #606060; font-size: 12px; } #sidebar p, #sidebar ul, #sidebar ol { margin: 0 0 10px 0; } #sidebar ul { list-style: none; } #sidebar ul li { padding: 0; margin: 0; list-style-type: none; } #sidebar a { color: #6a6a6a; text-decoration: none; line-height: 14px; } #sidebar a:hover { color: #6a6a6a; text-decoration: underline; } /* ------------------- Footer ------------------- */ #footer { clear: left; height: 50px; } #footer #logintext, #footer #footertext { color: #7f7f7f; font-size: 11px; padding: 6px 0 0 0; } #footer #footertext { float: left; } #footer #logintext { float: right; } #footer #footertext a { color: #7f7f7f; text-decoration: none; } #footer #footertext a:hover { color: #7f7f7f; text-decoration: none; } #footer #searchform { padding: 33px 0 0 30px; } #footer #searchform .searchfield { height: 17px; } #footer #searchform .searchbutton { height:22px; } .alt { margin-top: 10px; padding: 10px; font-size: 11px; width: 450px; background: #333331; border: #434343 1px solid; } .commentlist li { margin-bottom: 1.5em; font-size: 11px; width: 543px; padding-bottom: 1em; } .commentmetadata { font: 11px Helvetica, Arial, Verdana; } .commentlist cite, .commentlist cite a { font-weight:bold; font-style:normal; font-size:1.1em } .commentlist p { font-size: 11px; } #commentform { margin: 2em 0; margin-left:2em; width: 570px; } #commentform textarea { background: #eee; border: 1px solid #aaa; width: 560px; } #commentform textarea:hover { background: #eee; border: 1px solid #aaa; } #commentform textarea:focus { background: #eee; border: 1px solid #aaa; } #commentform #email, #commentform #author, #commentform #url { font-size: 11px; background: #909090; border: 1px solid #2e2d2c; width: 200px; height: 15px; } #commentform #email:hover, #commentform #author:hover, #commentform #url:hover { font-size: 11px; background: #909090; border: 1px solid #2e2d2c; width: 200px; } #commentform #email:focus, #commentform #author:focus, #commentform #url:focus { font-size: 1.1em; background: #a6a6a6; border: 1px solid #2e2d2c; width: 200px; } #commentform input { margin-bottom: 3px; } #commentform #submit { margin:0; float:left; background: url(images/submit-button.jpg); color: #333; font: 11px Helvetica, Arial, verdana; border:1px solid #a6a6a6; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; height: 20px; }