/* Theme Name: BlackCat Theme URI: http://wp-content-themes.com/blackcat-free-wordpress-theme-for-cat-lovers/203 Description: BlackCat is a two-columns free WordPress theme, with widgetized sidebar, fixed width, a minimal white-gray-black color scheme and a cute cat in the header. Tags: white, light, black, two-columns, right-sidebar, fixed-width, threaded-comments, sticky-post Version: 0.1 Author: Delicia Author URI: http://www.wp-content-themes.com/ Credits:960 Grid System by NathanSmith & Blueprint Css by Joshua Clayton for inspiration, Eric Meyer's css reset */ /* ---------- Reset ---------- */ 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, form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline; background:transparent;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} :focus{outline:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0} /* ---------- Structure ---------- */ body{font:10px/2 Verdana, 'Helvetica Neue', Arial;color:#333;} .container{margin-left: auto;margin-right: auto;width: 990px;} .g11,.g21{float:left;display:inline;margin:0;padding:0;width:auto;} .g11{width:330px;} .g21{width:630px;} /* ---------- HTML elements ---------- */ html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block; float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;} .clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;} .clearfix{display:inline-block;} * html .clearfix {height:1%;} .clearfix {display:block;} a{color:#000;text-decoration:none;border-bottom:1px solid #000;font-weight:500;} a:hover{color:#666;border-bottom:1px solid #666;} blockquote{font-style:italic;padding:10px 30px;font-family:Georgia;} p + p{text-indent:20px;margin-top:-8px;} form p + p{text-indent:0;} img, object{max-width:90%;margin:0;padding:0;border:0;} a img{border:0;} h1,h2,h3,h4,h5,h6{margin:5px 20px 0 10px;font-family:Georgia;} p{margin:0 0 10px 0;} h1{font-size:16px;font-weight:700;} h2{font-size:15px;font-weight:600;} h3{font-size:14px;font-weight:500;} h4{font-size:13px;font-weight:400;} h5{font-size:12px;font-weight:300;} h6{font-size:11px;font-weight:200;} em{;font-style:italic;} strong{font-weight:600;} code, pre{font-family:'Courier New';font-size:11px;overflow:auto;} ol{padding-left:20px;margin:5px 5px 20px 5px;} ul{margin:5px 5px 20px 5px;} ul ul{margin:5px;} ol ol{margin:5px;} ol li,ul li{line-height:20px;margin-bottom:5px;font-size:11px;} table{margin-bottom:14px;width:99%;} th{font-weight:600;background:#eee;} th,td{padding:4px 10px 4px 5px;} tr.even td{background:#f8f8f8;} tfoot{font-style:italic;} /* -------------------- Page elements -------------------- */ /* -------------------- Header -------------------- */ #header{background: #fff url(images/hd.png) no-repeat;} #bar1{text-align:right;} #bar1 ul{list-style:none;padding:30px 30px 0 0;float:right;width:auto;} #bar1 ul li{display:inline;} #bar1 ul li a{padding:0px 10px;color:#000;font-weight:600;border:0;} #bar1 ul .current_page_item a{color:#999;} #logo h2{padding-left:100px;padding-top:10px;font-size:40px;line-height:1;font-family:'Times New Roman';} #logo h2 a{color:#000;border:0;} #logo h2 a:hover{} #logo h3{padding-left:100px;color:#666;font-size:12px;letter-spacing:0;} #cats{padding:20px 0 0 60px;} #cats li{display:inline;font-size:14px;line-height:1;font-variant:small-caps;font-family:Georgia;} #cats li a{padding:0 10px;color:#000;font-weight:500;border:0;} #cats li ul, #cats li ul li, #cats li ul li ul, #cats li ul li ul li{display:inline;padding:0 10px;color:#000;font-weight:500;border:0;} #content{background:url(images/bg.png);} #content{padding-top:20px;margin-top:-10px;} #main{clear:both;} /* -------------------- Post styles -------------------- */ .post{margin:0;padding:10px 30px 20px 30px;font-size:11px;line-height:2;} .post ol{list-style:decimal;} .post ul{list-style:circle;padding-left:10px;} .post ol li a, .post ul li a{font-weight:400;} .post img{max-width:90%;margin:5px;padding:5px;background:#f6f6f6;border:1px solid #eee;} .pt h2,.pt h1{padding:0 0 5px 0;font-size:18px;line-height:1;letter-spacing:0;font-weight:400;} .pt h2 a,.pt h1 a{color:#000;border:0;font-weight:400;} .pt h2 a:hover,.pt h1 a:hover{color:#999;border:0;} .meta{padding:10px 0 5px 10px;font-size:10px;line-height:1.5;background:url(images/bar.png);} .meta a{color:#666;font-weight:300;} .text{padding:10px 0;} .navigation{font-size:14px;margin:10px 10px;padding:0 10px;font-family:Georgia;font-style:italic;} .navigation a{font-weight:500;} p .last{text-align:right;} .sticky .text{font-style:italic;} .category-x{} .tag-y{} /* Replace 'x' and 'y' with a category/tag slug; this classes will apply different styles to posts filled in the specified cat/tag. You can use this pattern to set different styles to all cats/tags. */ /* --------------------- WordPress image classes -------------------- */ caption{background:#eee;color:#000;} .alignleft {float:left;display:inline;margin-right:15px;margin-bottom:5px;width:auto;} .alignright {float:right;display:inline;margin-left:15px;margin-bottom:5px;width:auto;} .aligncenter {display:inline;text-align:center;} .alignnone {} p.wp-caption-text{padding:5px;font-size:10px;background:#eee;color:#000;} .wp-smiley{display:inline;vertical-align:middle;background:none;border:0;} /* -------------------- Sidebar -------------------- */ #sidebar{float:right;width:auto;margin-top:10px;padding-right:30px;overflow:hidden;} #sidebar a{font-weight:400;border:0} #sidebar ul, #sidebar ul li ul, #sidebar ul li ul li, #sidebar ul li ul li ul, #sidebar ul li ul li ul li{list-style:none;padding-left:0px;} #sidebar ul li{border-bottom:4px double #ddd;} #sidebar ul li ul li{width:90%;padding-left:10px;border-bottom:double #ddd;border-left:5px solid #ddd;font-size:11px;line-height:1.5;} #sidebar ul li ul li:before{content:"#";margin-right:5px;} #sidebar ul li ul li:hover{background:#eee;border-left:5px solid #999;} #sidebar ul li ul li:hover a{color:#666;} #sidebar a{color:#666;} #sidebar h3, #sidebar h2 .widgettitle{color:#555;padding:0 10px;font-family:Rockwell;line-height:1.7;letter-spacing:0;font-weight:600;} #sidebar select{width:100%;border:1px solid #999;background:#eee;color:#666;font-size:12px;font-weight:200;font-family:'Palatino Linotype';} #sidebar option{background:#fff;font-family:'Palatino Linotype';padding:5px;} #searchform,.widget-search{background:#eee;padding:5px 0 0 0;border:1px solid #ddd;} .hidden /* class used by the search widget */{display:none;} #sidebar .widget-search input #s{padding-left:5px;width:60%;border:1px solid #999;background:#ddd;color:#666;font-family:inherit;} #sidebar .widget-search input #searchsubmit{width:32%;border:1px solid #999;background:#ddd;color:#666;font-family:inherit;} /* -------------------- Footer -------------------- */ #footer{height:100%;clear:both;background:url(images/ft.png) no-repeat;padding:10px 35px 20px 20px;} #footer a{color:#999;border:0;} /* -------------------- Comment styles -------------------- */ #com{padding-left:10px;} #comments{clear:both;padding-left:20px;} #respond{clear:both;padding-top:20px;padding-left:20px;} .comment-info-split{clear:both;} .commentmetadata{color:#333;} .commentmetadata a{color:#666;font-weight:400;} .commentlist div.alt{color:#333;padding:10px;} ol.commentlist{list-style:none;margin-left:20px;} ol.commentlist ul.children{list-style:none;} .comment-div{display:block;} .commentlist ul li{border-bottom:none;} .commentlist li{margin:10px 0 0 0;} ol.commentlist{list-style:none;margin:0 0 10px;padding:0;text-indent:0;} ol.commentlist li{} ol.commentlist li.bypostauthor{} ol.commentlist li.byuser{} ol.commentlist li.comment-author-admin{} ol.commentlist li.comment,.pingback{border-top:1px solid #eee;padding:0 0 0 10px;} ol.commentlist li.comment div.vcard{font-weight:600;font-size:13px;} ol.commentlist li.comment div.vcard cite.fn{font-style:normal;} ol.commentlist li.comment div.vcard cite.fn a{font-weight:400;} ol.commentlist li.pingback div.vcard cite.fn a{font-weight:400;} ol.commentlist li.comment div.vcard img.avatar{border:1px solid #eee;float:left;margin:5px;padding:5px;} ol.commentlist li.comment div.comment-meta{font-size:9px;} ol.commentlist li.comment div.comment-meta a{color:#000;} ol.commentlist li.comment p{font-size:12px;margin:0 0 10px;} ol.commentlist li.comment ul{font-size:11px;list-style:circle;margin:0 0 10px 20px;} ol.commentlist li.comment div.reply{font-size:12px;text-align:right;padding:2px 10px;} ol.commentlist li.comment div.reply a{font-weight:500;} ol.commentlist li.pingback div.reply{font-size:12px;text-align:right;padding:2px 10px;} ol.commentlist li.pingback div.reply a{font-weight:500;} ol.commentlist li.comment ul.children{list-style:none;margin:10px 0 0;text-indent:0;} ol.commentlist li.comment ul.children li.comment-author-admin{background:#f6f6f6;} ol.commentlist li.comment ul.children li.depth-2{margin:5px;} ol.commentlist li.comment ul.children li.depth-3{margin:5px;} ol.commentlist li.comment ul.children li.depth-4{margin:5px;} ol.commentlist li.comment ul.children li.depth-5{margin:5px;} ol.commentlist li.even{} ol.commentlist li.odd{} .says{color:#999;}