/* Theme Name: Back2Black Description: A simple and minimalistic yet very professional looking theme. It perfectly compliments any pictures or text that your blog or website includes. This theme will give a really sleek look to you blog or website and is sure to help push your readership to the limit. Version: 1.0 Author: Bingo Author URI: http://www.bingodazzle.com Tags: black, green, white, dark, two-columns, fixed-width License: GPL */ html { background: #292929 url(images/bckhtml.png); } body { margin: 0; background: repeat-x url(images/bckbody.png); font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; } #container .container-top:after, #content .post .entry .entry-bottom:after, #content .post .taxonomy:after, #content .navigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #wrapper { background: left bottom repeat-x url(images/bckwrapper.png); } #page { margin: 0 auto; width: 936px; } #header { position: relative; padding: 29px 0 0 65px; height: 37px; font-family: Verdana, Geneva, sans-serif; color: #fff; } #header a { color: #fff; text-decoration: none; } #header h1 { float: left; margin: 0 10px 0 0; line-height: 37px; font-size: 30px; } #header p { float: left; margin: 0; line-height: 37px; font-size: 13px; } #header ul { position: absolute; top: 96px; left: -27px; margin: 0; padding: 0 0 0 50px; list-style-type: none; width: 940px; height: 56px; overflow: hidden; background: no-repeat url(images/bckheaderul.png); } #header li { float: left; margin: 0 20px 0 0; padding: 8px 0 22px 0; font-weight: bold; } #header li a { float: left; background: repeat-x url(images/bckheaderlia.png); color: #292929; text-decoration: none; cursor: pointer; } #header li a span { float: left; background: no-repeat url(images/bckheaderliaspan.png); } #header li a span span { float: left; padding: 0 10px; background: right top no-repeat url(images/bckheaderliaspanspan.png); line-height: 26px; } #container { margin: 16px 0 9px 0; background: repeat-y url(images/bckcontainer.png); } #container .container-bottom { background: left bottom no-repeat url(images/bckcontainerbottom.png); } #container .container-top { padding: 70px 10px 55px 25px; width: 901px; background: no-repeat url(images/bckcontainertop.png); } #content { float: left; margin: 0 87px 0 0; width: 559px; } #content a { color: #000; } #content .post { position: relative; margin: 0 0 20px 0; width: 100%; } #content .post .details { position: relative; margin: 0 -16px 0 -40px; padding: 4px 0 8px 25px; height: 36px; line-height: 36px; vertical-align: middle; background: no-repeat url(images/bckcontentpostdetails.png); font-size: 14px; color: #d4d4d4; } #content .post .details * { vertical-align: middle; } #content .post .details h2 { display: inline; margin: 0 5px 0 0; font-size: 24px; font-weight: normal; } #content .post .details h2 a { color: #fff; text-decoration: none; } #content .post .entry { background: repeat-y url(images/bckcontentpostentry.png); } #content .post .entry .entry-bottom { padding: 10px 15px 30px 15px; width: 529px; background: left bottom no-repeat url(images/bckcontentpostentrybottom.png); } #content .post .taxonomy { margin: 0 0 0 63px; width: 496px; } #content .post .taxonomy div { float: left; margin: 0 9px 0 0; padding: 5px; width: 203px; background: #cacaca left bottom no-repeat url(images/bckcontentposttaxonomydiv.png); font-size: 10px; font-weight: bold; color: #292929; } #content .post .taxonomy a { color: #292929; text-decoration: none; } #content .post .date { position: absolute; top: 53px; left: -53px; padding: 7px 0 0 0; width: 55px; height: 72px; text-align: center; background: no-repeat url(images/bckcontentpostdate.png); font-family: Verdana, Geneva, sans-serif; font-weight: bold; text-transform: uppercase; } #content .post .date span { display: block; line-height: 1em; } #content .post .date .d { font-size: 30px; color: #292929; } #content .post .date .m { font-size: 17px; color: #515151; } #content .post .date .y { font-size: 14px; color: #919191; } #sidebar { float: left; margin: 0; padding: 0 10px 0 7px; list-style-type: none; width: 238px; color: #fff; } #sidebar ul { margin: 0 0 0 5px; padding: 0; list-style-type: none; } #sidebar ul ul { margin: 0; } #sidebar li { margin: 0 0 15px 0; padding: 0 21px 15px 21px; background: left bottom no-repeat url(images/bcksidebarli.png); } #sidebar li li { margin: 0; padding: 0 0 0 15px; background: left 3px no-repeat url(images/bcksidebarlili.png); } #sidebar h3 { margin: 0 0 10px 0; background: no-repeat url(images/bcksidebarh3.png); text-align: center; line-height: 33px; font-size: 12px; color: #676767; } #sidebar a { color: #fff; } #sidebar li li a { text-decoration: none; } #sidebar .static img { margin: 0 5px 0 0; vertical-align: middle; } #sidebar .static a { font-size: 13px; font-weight: bold; text-decoration: none; text-transform: uppercase; } #sidebar .static form { margin: 10px 0 0 0; } #sidebar .static label { display: block; margin: 0 0 10px 0; text-align: center; font-family: Tahoma, Geneva, sans-serif; cursor: pointer; } #sidebar .static .text { display: block; margin: 0 auto; padding: 7px 6px 0 6px; width: 176px; height: 26px; background: no-repeat url(images/bckstaticformtext.png); border: 0; } * html #sidebar .static .text { background-attachment: fixed; } #panel { margin: 0 auto 11px auto; padding: 0; list-style-type: none; width: 840px; height: 166px; background: no-repeat url(images/bckpanel.png); color: #fff; } #panel ul { margin: 0 0 0 5px; padding: 0; list-style-type: none; } #panel li { float: left; padding: 10px 43px 0 44px; width: 188px; } #panel li li { float: none; padding: 0 0 0 15px; width: auto; background: left 3px no-repeat url(images/bckpanellili.png); } #panel h3 { margin: 0 0 10px 0; padding: 0 0 7px 0; background: left bottom repeat-x url(images/bckpanelh3.png); font-family: Verdana, Geneva, sans-serif; font-size: 22px; font-weight: normal; } #panel a { color: #fff; text-decoration: none; } #panel .static { padding-top: 25px; } #panel .static img { margin: 0 5px 0 0; vertical-align: middle; } #panel .static a { font-size: 13px; font-weight: bold; text-transform: uppercase; } #panel .static form { margin: 10px 0 0 0; } #panel .static label { display: block; margin: 0 0 10px 0; text-align: center; font-family: Tahoma, Geneva, sans-serif; cursor: pointer; } #panel .static .text { padding: 7px 6px 0 6px; width: 176px; height: 26px; background: no-repeat url(images/bckpanelstatictext.png); border: 0; } * html #panel .static .text { background-attachment: fixed; } #footer { position: relative; margin: 0 -27px; height: 43px; text-align: center; line-height: 43px; background: no-repeat url(images/bckfooter.png); font-size: 12px; color: #fff; } #footer a { color: #fff; } #content .navigation { margin: 15px 0; width: 100%; font-weight: bold; } #content .navigation a { text-decoration: none; } #content .postnavigation { margin: 15px 0 0 0; } .commentlist, .children { margin: 0; padding: 0; list-style-type: none; } .commentlist { color: #000; } .commentlist a { color: #000 !important; } .children { margin: 10px 0 0 10px; } .commentlist .comment { margin: 0 0 15px 0; padding: 5px; background-color: #fefefe; border: #636363 1px solid; } .commentlist .avatar { float: right; margin: 0 0 5px 5px; border: #636363 1px solid; } #author, #email, #url, #comment { margin: 0 5px 0 0; padding: 2px; background-color: #fff !important; border: #636363 1px solid; } #comment { width: 300px; } #comments, #respond h3 { font-size: 15px; } a#cancel-comment-reply-link { font-weight: bold; } /* A few generic styles used across the site */ a img { border: 0; } td { vertical-align: top; } input, textarea, select { vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; } input[type="text"], input[type="password"] { padding: 2px; background-color: #fff !important; border: #636363 1px solid; } textarea, select { padding: 2px; background-color: #fff !important; border: #636363 1px solid; } acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #636363; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #636363; } blockquote cite { margin: 5px 0 0; display: block; } .nocomments { text-align: center; margin: 0; padding: 0; } .clear { clear: both; } .center { text-align: center; } .hidden { display: none; } .screen-reader-text { position: absolute; left: -1000em; } 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; } .alignleft { float: left; } .alignright { float: right; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #636363; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; color: #000; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }