/* Theme Name: Taf Blog Theme URI: http://taf.s700.sureserver.com/blog Description: Version: 1.0 Author: GoDirect Interactive Author URI: http://www.godirect-i.com */ /* ************************************************************************************************************************************************************ ************************************************************************************************************************************************************ */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100% } q:before, q:after { content:''} a { text-decoration:none } /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:bold } em { font-style:italic } * a { position:relative } /* Gets links displaying over a PNG background */ a img { border:none } /* Gets rid of IE's blue borders */ /* ************************************************************************************************************************************************************ MY STYLES ************************************************************************************************************************************************************ */ body { background-color:#b1b1b1; background-image:url(images/bck.jpg); background-repeat:repeat-y; background-position:center 250px; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; } /* ************************************************************************************************************************************************************ */ /* ************************************************************************************************************************************************************ BLOG STRUCTURE ************************************************************************************************************************************************************ */ #blog-wrap { width:897px; margin:0 auto 0 auto;} #blog-header { width:897px; height:266px; background-image:url(images/blog_header.jpg); background-repeat:no-repeat; background-position:0px 0px; position:relative; } /* link homepage */ #blog-header .link-home { position:absolute; top:30px; left:50px;} #blog-header .link-blog { position:absolute; left:124px; top:230px;} #blog-header .link-profile { position:absolute; left:186px; top:230px;} /* ************* */ #blog-content { width:897px; background-image:url(images/bck_topcontent.jpg); background-repeat:no-repeat; background-position:0px 0px; min-height:340px; vertical-align:top; position:relative; } #blog-leftColumn { float:left; width:481px; padding-top:70px; padding-left:77px;} #blog-rightColumn { float:right; width:339px; padding-top:79px;} #blog-leftColumn h3 {/* padding-left:77px;*/} /* BLOG POSTS */ #blog-content .post { width:425px; /* min-height:340px; */ position:relative; margin-bottom:10px;} #blog-content .post h2 a:link { padding-left:0; background-color:#000000; color:#FFFFFF; padding:2px 20px 3px 3px; /*margin-bottom:-1px;*/font-size:20px} #blog-content .post h2 a:visited { padding-left:0; background-color:#000000; color:#FFFFFF; padding:2px 20px 3px 3px;/* margin-bottom:5px;*/ font-size:20px} #blog-content .post h2 a:hover { padding-left:0; background-color:#000000; color:#FFFFFF; padding:2px 20px 3px 3px; /*margin-bottom:5px;*/ font-size:20px} #blog-content .post p { font-size:11px;} #blog-content .post p a:link,a:visited { font-size:11px; text-decoration:none; color:#000000; padding:0px; background-color:transparent;} #blog-content .post p a:hover { font-size:11px; text-decoration:underline; color:#000000; padding:0px; background-color:transparent;} #blog-content .post p.postmetadata { padding-top:10px;} #blog-content .post p.postcontent { /*padding-top:5px; */padding-bottom:5px; /*margin-top:-10px;*/} #blog-content .post #blog-postBar { background-image:url(images/blog_post_bar.gif); margin:15px 0px 15px 0px; background-repeat:no-repeat;} #blog-postBar { background-image:url(images/blog_post_bar.gif); margin:15px 0px 15px 0px; background-repeat:no-repeat;} /* ************ */ #blog-sidebar { padding-left:46px;} #blog-footer { float:right; width:300px; margin-top:15px;} /* ************************************************************************************************************************************************************ */ #blog-sidebar a:link { font-size:12px; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; text-decoration:none; color:#000000;padding:2px;} #blog-sidebar a:visited { font-size:12px; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; text-decoration:none; color:#000000; padding:2px;} #blog-sidebar a:hover { font-size:12px; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; text-decoration:none; color:#ffffff; background-color:#000000; padding:2px;} #blog-sidebar .blog-sidebar-nostyle a:link { background:transparent;} #blog-sidebar .blog-sidebar-nostyle a:visited { background:transparent;} #blog-sidebar .blog-sidebar-nostyle a:hover { background:transparent;} #formstuck { width:200px; height:70px; position:relative;} #searchform { /* background:url(images/blog_sidebar_search.png) no-repeat top left;*/ width:200px; height:70px; position:relative; } .cat-item { padding-left:28px; padding-bottom:3px;} #archives li { padding-left:28px; padding-bottom:3px;} /* BLOG ARCHIVE */ #blog-archive { } #blog-archive h3 { padding-bottom:15px; font-size:24px;} #blog-archive .post h2 { margin-bottom:5px;} /* #blog-archive .post .postdata { padding-top:3px;} */ #blog-links { padding-left:7px;} #blog-links li { padding-left:13px;} /* ************************************************************************************************************************************************************ */ /* BLOG SEARCH */ /* search form */ #search-image { background-image: url(images/blog_sidebar_search.png); background-repeat:no-repeat; width:200px; height:70px;} #searchform .input_search { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; width:110px; border:0px; background-color:transparent; padding:2px; color:#000000; } #searchform .input_search_btn { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color:transparent; padding:2px; color:#000000; height:20px; border:0px;} /* ************ */ #search-notfound h2 { font-size:24px; padding-bottom:15px; } #search-found { } #search-found h2 { margin-bottom:15px; font-size:24px;} #search-found .post { padding:0;} #search-found h3 { padding:5px 0 5px 0; font-size:24px;} #search-found .post { min-height:0px;} #search-found h3 a:link { background-color:#000000; padding:2px; color:#FFFFFF; font-size:20px} #search-found h3 a:visited { background-color:#000000; padding:2px; color:#FFFFFF; font-size:20px} #search-found h3 a:hover { background-color:#000000; padding:2px; color:#FFFFFF; font-size:20px} /* ************************************************************************************************************************************************************ */ /* BLOG COMMENTS */ #blog-comments h3 { margin-top:10px; font-size:18px;} #blog-comments .commentlist { padding:15px 0 15px 0;} #blog-comments .commentlist li { padding-bottom:15px;} #blog-comments cite { background-color:#000000; color:#FFFFFF; font-size:14px; padding:2px; margin-bottom:3px;} #blog-comments cite a:link { background-color:#000000; color:#FFFFFF; font-size:14px; padding:2px;} #blog-comments cite a:visited { background-color:#000000; color:#FFFFFF; font-size:14px; padding:2px;} #blog-comments cite a:hover { background-color:#000000; color:#FFFFFF; font-size:14px; padding:2px;} #blog-comments .commentlist .commentmetadata { padding-top:3px; padding-bottom:5px; font-size:10px; color:#FFFFFF; font-size:10px; padding:2px } #blog-comments .commentlist .commentmetadata a:link { text-decoration:none; color:#FFFFFF; font-size:9px;} #blog-comments .commentlist .commentmetadata a:visited { text-decoration:none; color:#FFFFFF; font-size:9px; } #blog-comments .commentlist .commentmetadata a:hover { text-decoration:none; color:#FFFFFF; font-size:9px; } #blog-comments .commentlist .comment-content { line-height:14px; font-size:11px; padding-top:5px; width:425px;} #respond { display:none;} #blog-commentform { position:relative; font-size:12px;} #blog-commentform #comment-admin-label { position:relative;} #blog-commentform #comment-admin-label .label-comment { position:absolute; top:-2px; background-color:#000000; color:#FFFFFF; text-transform:uppercase; padding:3px;} #blog-commentform .logedin { padding-bottom:10px; font-size:12px;} #blog-commentform .logedin a:link { background-color:#000000; color:#FFFFFF; font-size:12px; padding:2px;} #blog-commentform .logedin a:visited { background-color:#000000; color:#FFFFFF; font-size:12px; padding:2px;} #blog-commentform .logedin a:hover { background-color:#000000; color:#FFFFFF; font-size:12px; padding:2px;} #blog-commentform .logedin .nostyle a:link { background:transparent; color:#000000; font-size:12px; padding:2px;} #blog-commentform .logedin .nostyle a:visited { background:transparent; color:#000000; font-size:12px; padding:2px;} #blog-commentform .logedin .nostyle a:hover { background:transparent; color:#000000; text-decoration:underline; font-size:12px; padding:2px;} /* POSITION OF LABELS */ #blog-commentform .label-author { position:absolute; top:-2px; background-color:#000000; color:#FFFFFF; text-transform:uppercase; padding:3px;} #blog-commentform .label-email { position:absolute; top:36px; background-color:#000000; color:#FFFFFF; text-transform:uppercase; padding:3px;} #blog-commentform .label-url { position:absolute; top:74px; background-color:#000000; color:#FFFFFF; text-transform:uppercase; padding:3px;} /* #blog-commentform .label-comment { position:absolute; top:112px; background-color:#000000; color:#FFFFFF; text-transform:uppercase; padding:3px;} */ /* ****************** */ #blog-commentform .form-line { padding:15px 0 5px 0;} #blog-commentform .btn-send { background-color:#000000; color:#FFFFFF; padding:2px; border:0; margin-top:-10px;} #blog-commentform .input-field { border:0; padding:3px; font-size:11px; color:#000000; width:400px; font-family:"Trebuchet MS", Verdana, Tahoma, Arial;} /* ************************************************************************************************************************************************************ */ /* SINGLE PAGE */ #single-post {} #single-post .navigation { position:relative; height:25px;} #single-post .navigation .previous { float:left; } #single-post .navigation .next { float:left; } #single-post .navigation a:link { font-size:14px; color:#000000;} #single-post .navigation a:visited { font-size:14px; color:#000000;} #single-post .navigation a:hover { font-size:14px; text-decoration:underline;} #single-post .post h2 { margin-bottom:5px;} #blog-postFooter { padding-bottom:10px; padding-top:10px; margin-top:15px; background-image:url(images/blog_post_bar.gif); background-position:top; background-repeat:no-repeat; } /* ************************************************************************************************************************************************************ */