/* Theme Name: AllBlack Theme URI: http://www.avavu.com/ Description: All Black theme by Avavu.com Version: 1.0 Author: Avavup Author URL: http://www.avavu.com/ Tags: fixed width, two columns, widgets, gravatars, right sidebar, black The CSS/XHTML is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; } ul{ list-style:none; } a{ color:#a7a7a7; text-decoration:none; } a:hover{ text-decoration:underline; } a img{ border:0; } .clear{ clear:both; } body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#131313; color:#a7a7a7; } #page{ width:1003px; margin:0px auto; } /* header_link */ #header_link{ width:100%; height:32px; overflow:hidden; } #header_link div{ font-size:1.2em; padding:8px 0 0 22px; } #header_link div a{ color:#424242; } /* HEADER */ #header{ width:100%; height:149px; background:url(images/header_bg.gif) no-repeat; } #header_rss{ float:right; padding:68px 0 0 0; } #header_title{ float:left; } #header_title h1{ color:#fff; font-size:60px; font-style:italic; letter-spacing:-4px; padding:35px 0 0 77px; } #header_title h1 a{ color:#fff; } #header_title h1 a:hover{ text-decoration:none; } .description{ font-size:15px; position:relative; top:-10px; color:#fff; display:block; letter-spacing:0; padding:0 0 0 100px; font-weight:normal; } #header_rss img{ float:left; margin:0 41px 0 0; } /* MENU */ #menu{ width:100%; height:48px; background:url(images/menu_bg.gif) no-repeat; } #menu_items{ float:left; width:745px; } #main_search{ float:right; width:258px; } #menu_items ul{ padding:12px 0 0 10px; float:left; } #menu_items li{ float:left; display:block; height:23px; font-size:13px; background:url(images/menu_items_sep.gif) no-repeat right top; } #menu_items a{ color:#fff; display:block; float:left; padding:2px 15px 0 15px; text-transform:uppercase; } #menu_items a:hover, #menu_items a.select{ text-decoration:underline; color:#fff; } #searchform_top{ margin:9px 0 0 0; } #searchform_top_text{ width:215px; border:0px; background:none; color:#646464; font-size:12px; font-family:Arial, Helvetica, sans-serif; float:left; margin:6px 7px 0 0; } #gosearch{ float:left; } /* BODY */ #body{ width:100%; background:url(images/body_bg.gif) repeat-y; overflow:hidden; padding:0 0 40px 0; } #body_left{ width:744px; float:left; } #body_right{ width:259px; float:right; } /* left contact */ #body_left_content{ width:677px; padding-top:26px; margin-left:29px; } .post{ width:100%; overflow:hidden; background:url(images/post_bg.gif) no-repeat; } .post-top{ overflow:hidden; border-bottom:1px dashed #202020; padding:0 0 10px 0; width:660px; margin:0 0 0 8px; } .post-date{ float:left; font-size:18px; width:64px; height:54px; color:#f59c2e; padding-top:15px; text-align:center; } .post-date p{ font-size:38px; line-height:30px; } .post-title{ float:left; width:590px; } .post-title h2{ font-size:25px; color:#e6e6e6; font-weight:normal; margin:15px 0 3px 15px; font-family:"Tahoma", Arial, Helvetica, sans-serif; } .post-title h2 a{ color:#e6e6e6; } .post-title h3{ font-weight:normal; color:#666666; font-size:11px; padding:5px 20px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 15px; } .post-title h3 a, .post-title h3 span{ color:#e5b429; font-weight:bold } .entry{ line-height:20px; font-size:12px; padding:15px 10px 0 10px; } .entry img{ border:3px solid #484848; } .entry p{ padding-bottom:15px; } .entry p a{ text-decoration:underline; } .entry p a:hover{ text-decoration:none; } .postmetadata{ border-top:1px solid #2e2e2e; background:#222222; width:100%; overflow:hidden; padding:14px 0 18px 0; margin-bottom:30px; } .postmetadata .alignleft a{ color:#ffc339; font-size:12px; font-weight:bold; text-decoration:underline; } .postmetadata .alignleft a:hover{ text-decoration:none; } .postmetadata .alignright a{ color:#c1c1c1; font-size:12px; background:url(images/comm_a.gif) no-repeat left 1px; padding-left:20px; } .postmetadata .alignright a span{ font-weight:bold; color:#ffc339; } .postmetadata .alignleft{ padding-left:20px; } .postmetadata .alignright{ padding-right:20px; } .postmetatags{ background:#161616; width:100%; padding:12px 14px 12px 14px; } .postmetatags span{ color:#a7a7a7; font-size:13px; } .postmetatags span a{ color:#a7a7a7; } .post-page{ width:97%; margin:0 0 0 10px; } h2.page_title{ font-size:25px; color:#e6e6e6; font-weight:normal; font-family:"Tahoma", Arial, Helvetica, sans-serif; padding:0 0 5px 5px; border-bottom:1px dashed #212121; } .post-page .entry{ } .post-page .entry a{ text-decoration:underline; } .post-page .entry a:hover{ text-decoration:none; } .entry strong{ color:#e6e6e6; } .post-page .entry strong, .post-page .entry h1, .post-page .entry h2, .post-page .entry h3, .post-page .entry h4, .post-page .entry h5, .post-page .entry h6{ color:#e6e6e6; display:block; font-weight:normal; } .post-page .entry strong{ font-size:28px; } .post-page .entry h1{ font-size:26px; padding:0 0 14px 0; } .post-page .entry h2{ font-size:24px; padding:0 0 14px 0; } .post-page .entry h3{ font-size:22px; padding:0 0 12px 0; } .post-page .entry h4{ font-size:20px; padding:0 0 10px 0; } .post-page .entry h5{ font-size:18px; padding:0 0 8px 0; } .post-page .entry h6{ font-size:16px; padding:0 0 6px 0; } /* right content */ #body_right_content{ margin:6px 0 0 0; } /* SIDE BAR */ #sidebar{ width:245px; overflow:hidden; } .sidebars h2{ font-size:17px; color:#ffffff; text-transform:uppercase; width:235px; height:28px; padding:6px 0 0 10px; background:url(images/li_h2.gif) no-repeat; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 5px 0; } .sidebars ul{ } .sidebars ul li{ padding:0 0 8px 0; } .sidebars ul li ul li{ margin-bottom:0; width:auto; } .sidebars ul li ul li ul li{ margin-left:0; } .sidebars li ul{ padding:0 8px 8px 8px; } .sidebars li ul li ul{ padding:0 0 8px 10px; width:auto; } .sidebars li ul li ul li ul{ } .sidebars li{ margin-bottom:0px; background:none; } .sidebars li li{ margin-bottom:0px; background:url(images/dotted_grey.gif) repeat-x left bottom; padding:5px 0 8px 4px; font-size:13px; color:#888885; } .sidebars li li li{ background:none; border:0; padding-bottom:3px; } .sidebars li a{ color:#888885; } .sidebars li.widget_categories ul li{ font-weight:bold; } .sidebars li.widget_categories ul li a{ background:url(images/sidebar_li_cat.gif) no-repeat left 3px; font-weight:normal; padding-left:12px; } .sidebars li.widget_categories ul li ul li a{ background:none; font-weight:normal; padding-left:8px; } .sidebars li.widget_archives ul li a{ background:url(images/sidebar_li_cat.gif) no-repeat left 3px; font-weight:normal; padding-left:12px; } .sidebars li.linkcat ul li a{ background:url(images/sidebar_li_cat.gif) no-repeat left 3px; font-weight:bold; padding-left:12px; } .sidebars li.widget_meta ul li a{ font-weight:normal; padding-left:2px; } .sidebars .widget_tags p{ padding:0px 10px 10px 15px; } .sidebars .widget_tags a{ color:#888885; } .sidebars .textwidget{ padding:10px; } /* FOOTER */ #footer{ width:100%; height:136px; background:url(images/footer_bg.gif) no-repeat; font-size:13px; text-align:center; } #footer_text{ padding:25px 0 0 0; } #footer_text p{ color:#939393; padding:0 0 8px 0; } #footer_text a{ color:#939393; } #footer_ask p{ color:#fff; padding:0 0 8px 0; } #footer_ask a{ color:#fff; font-weight:bold; } /* Begin Typography & Colors */ #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */ /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 98%; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 10px 10px; padding-left: 24px; padding-bottom:7px; background:url(images/blockquote_bg.gif) repeat-y; } blockquote blockquote{ background:url(images/blockquote_bg2.gif) repeat-y; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; font-weight:bold; clear:both; } .navigation a{ color:#fff; font-size:12px; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; } .navigation a:hover{ text-decoration:none; } .navigation .alignleft a{ } .navigation .alignright a{ } /* End Various Tags & Classes*/ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ .entry ul { margin: 0 10px 15px 0; list-style: none; padding:15px 15px 15px 20px; } .entry ul li { border-bottom:1px solid #383834; background:url(images/entry_before.gif) no-repeat left 10px; padding:3px 0 4px 12px; } .entry ul li:before{ /*content: url(images/entry_before.gif);*/ } .entry ol { margin: 0 10px 15px 0; padding:15px 15px 15px 40px; } .entry ol li { margin: 0; padding: 0; padding-bottom:4px; padding-top:3px; border-bottom:1px solid #383834; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } ol li{ list-style: decimal outside; } /* End Entry Lists */ /* Begin Form Elements */ #searchform { margin: 10px auto; padding: 5px 3px; text-align: center; } #sidebar #searchform #s { width: 108px; padding: 2px; } #sidebar #searchsubmit { padding: 1px; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } select { width: 130px; } #commentform{ width:400px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea { width: 350px; padding: 2px; } #commentform #submit { margin: 0; width:85px; height:35px; } /* End Form Elements */ /* Begin Comments*/ h2#comments_title{ font-size:25px; color:#fff; font-weight:normal; margin:0 0 10px 60px; background:#040404 url(images/comments_bg.gif) repeat-x; border-bottom:1px dashed #202020; font-family:"Tahoma", Arial, Helvetica, sans-serif; padding:15px 13px 15px 13px; } .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; margin:0 10px 0 60px; } .commentlist li { margin: 15px 0 0; padding: 5px 0 0 0; list-style: none; background:#111111; border:1px solid #222222; } .commentlist li.alt { } .commentlist li li { margin: 0px; padding: 5px 10px 5px; border-bottom:0px; background:none; border:0; } .commentlist p { margin: 10px 5px 10px 0; line-height:18px; } .commentmet_text{ padding-left:5px; padding-top:5px; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; padding:7px 0px 0 20px; color:#d3a41b; font-size:17px; text-transform:capitalize; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; } .commentmetadata span{ color:#fff; } .commentmetadata a{ color:#d3a41b; } .commentmet_text{ padding:0 20px 10px 20px; font-size:13px; } .alt .commentmetadata_end{ } .commentmetadata_end{ text-align:right; padding:19px 20px 10px 0; color:#fff; background:#171717; border-top:1px solid #222222; height:22px; font-size:12px; } .commentmetadata_end span{ color:#d3a41b; } #respond_box{ margin:40px 15px 0 60px; padding-bottom:60px; } h3#respond{ font-size:25px; color:#fff; font-weight:normal; margin:0 0 10px 0; background:#040404 url(images/comments_bg.gif) repeat-x; border-bottom:1px dashed #202020; font-family:"Tahoma", Arial, Helvetica, sans-serif; padding:15px 13px 15px 13px; } #commentform{ margin-left:35px; color:#737373; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:90%; } #commentform label{ position:relative; top:-2px; } #commentform a{ color:#737373; } #commentform input{ background:#171717; border:3px #2e2e2e solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:4px; color:#CCCCCC; } #commentform textarea{ background:#171717; border:3px #2e2e2e solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:4px; margin:5px 0 0 0; color:#CCCCCC; } #commentform input#submit{ background:none; border:0px; } /* End Comments */ /* Archives page */ .page_archives_div{ width:97%; margin:0 0 0 10px; padding-bottom:60px; } .ar_panel{ } .page_archives_div h2{ font-size:25px; color:#e6e6e6; font-weight:normal; font-family:"Tahoma", Arial, Helvetica, sans-serif; padding:0 0 5px 5px; border-bottom:1px dashed #212121; } .ar_panel ul{ } .ar_panel ul ul{ } .page_archives_div ul h2{ } .page_archives_div ul{ margin:10px 0 40px 0; } .page_archives_div ul li{ margin:0px; padding:6px 0 8px 5px; list-style:none; background:none; border-bottom:1px solid #222222; } .page_archives_div ul li ul li{ border:0px; background:none; } .page_archives_div ul li ul{ margin:0px; padding:0px; padding-left:10px; } .page_archives_div ul li a{ font-weight:normal; color:#6e6e6e; font-size:13px; background:url(images/sidebar_li_cat.gif) no-repeat left 2px; padding:0 0 0 14px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; }