/* Theme Name: BusinessFirst Description: Did anyone say Business? This theme yells it OUT! If you're all about business, this is the theme for you. Version: 1.0 Tags: two-columns, fixed-width, yellow, blue, white, light Author: Trucks Author URI: http://www.trucksdesign.info License: GPL */ body { margin: 0; background: #106499 repeat-x url(images/bck.png); font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444; } #panel ul:after, #container:after, #content .post .entry:after, #content .post .meta .top:after, #content .navigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #page { margin: 0 auto; padding: 0 15px 15px 15px; width: 965px; background-color: #fff; } #header { position: relative; height: 90px; background: left 5px no-repeat url(images/bckheader.png); font-family: Tahoma, Geneva, sans-serif; font-weight: bold; } #header h1 { margin: 0 0 0 60px; font-size: 30px; } #header h1 a { color: #00a8ff; text-decoration: none; } #header p { margin: 0 0 0 60px; font-size: 11px; color: #494949; } #header ul { position: absolute; top: 65px; left: 35px; margin: 0; padding: 0; list-style-type: none; height: 25px; overflow: hidden; } #header li { float: left; margin: 0 2px 0 0; font-size: 14px; } #header li a { float: left; background: #ffcf5b right top no-repeat url(images/bckheaderlia.png); color: #fff; text-decoration: none; cursor: pointer; } #header li a:hover, #header .current_page_item a { background-color: #106499; background-image: url(images/bckheaderliahover.png); } #header li a span { float: left; padding: 0 20px; line-height: 25px; background: no-repeat url(images/bckheaderliaspan.png); } #header li a:hover span, #header .current_page_item a span { background-image: url(images/bckheaderliahoverspan.png); } #header .date { position: absolute; top: 25px; right: 0; color: #00a8ff; } #panel { background: #106499 left bottom no-repeat url(images/bckpanel.png); font-weight: bold; } #panel ul { margin: 0; padding: 15px 0; list-style-type: none; width: 100%; min-height: 160px; background: no-repeat url(images/bckpanelul.png); } * html #panel ul { height: 160px; } #panel ul ul { padding: 0; min-height: 0; background: none; } * html #panel ul ul { height: auto; } #panel li { float: left; } #panel .recent { padding: 0 25px 0 15px; width: 330px; } #panel .tags { padding: 0 20px; width: 250px; } #panel .interact { padding: 0 0 0 50px; width: 225px; } #panel .recent a, #panel .tags a { color: #b6daff; text-decoration: none; } #panel .recent li { float: none; margin: 0 0 5px 0; padding: 0 0 0 15px; width: auto; background: left 2px no-repeat url(images/bckpanelrecentli.png); } #panel .interact ul { margin: 0 0 15px 0; } #panel .interact li { margin: 0 0 15px 0; padding: 12px 0 0 40px; height: 20px; background: no-repeat; font-size: 14px; font-weight: bold; text-transform: uppercase; } #panel .interact .posts { background-image: url(images/bckpanelinteractposts.png); } #panel .interact .comments { margin: 0; background-image: url(images/bckpanelinteractcomments.png); } #panel .interact li a { color: #fff; text-decoration: none; } #panel .interact form { margin: 0; } #panel .interact form input { vertical-align: middle; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #panel .interact form .text { margin: 0 5px 0 0; padding: 4px 5px 0 5px; width: 133px; height: 20px; background: no-repeat url(images/bckpanelinteracttext.png); } * html #panel .interact form .text { background-attachment: fixed; } #panel .interact form .btn { width: 65px; height: 24px; background: no-repeat url(images/bckpanelinteractbtn.png); font-size: 14px; font-weight: bold; color: #fff; cursor: pointer; } #panel h3 { margin: 0 0 10px 0; font-size: 18px; color: #00d8ff; } #container { margin: 10px 0 25px 0; width: 100%; } #content { float: right; width: 570px; } #content a { color: #007bff; } #content .post { margin: 0 0 20px 0; } #content .post .title { display: inline; margin: 0 5px 0 0; vertical-align: middle; font-size: 22px; font-weight: normal; } #content .post .title a { color: #00a8ff; text-decoration: none; } #content .post .date { display: inline; color: #92a7c9; } #content .post .entry { margin: 10px 0 0 0; width: 100%; } #content .post .comments { margin: 10px 0 0 0; text-align: right; font-size: 10px; text-transform: uppercase; } #content .post .comments a { text-decoration: none; } #content .post .meta { margin: 10px 0 0 0; background: repeat-y url(images/bckcontentpostmeta.png); color: #133b62; } #content .post .meta .bottom { background: left bottom no-repeat url(images/bckcontentpostmetabottom.png); } #content .post .meta .top { padding: 5px; width: 560px; background: no-repeat url(images/bckcontentpostmetatop.png); } #content .post .meta a { color: #133b62; text-decoration: none; } #content .post .meta .categories { float: left; width: 250px; } #content .post .meta .tags { float: right; text-align: right; width: 250px; } #sidebar { float: left; margin: 0; padding: 0; list-style-type: none; width: 370px; } #sidebar ul { margin: 0; padding: 0; list-style-type: none; } #sidebar li { margin: 0 0 10px 0; background: #ffcf5b left bottom no-repeat url(images/bcksidebarli.png); } #sidebar li .top { padding: 10px 20px; background: no-repeat url(images/bcksidebarlitop.png); } #sidebar li li { margin: 2px 0 0 0; padding: 0 0 0 15px; background: left 2px no-repeat url(images/bcksidebarlili.png); } #sidebar li li a { text-decoration: none; } #sidebar a { color: #3c3c3c; } #sidebar h3 { margin: 0 0 10px 0; font-size: 14px; color: #106499; } #footer { text-align: center; line-height: 30px; background: no-repeat url(images/bckfooter.png); color: #000; } #footer a { color: #106499; text-decoration: none; } #content .navigation { margin: 15px 0; width: 100%; font-weight: bold; } #content .navigation a { text-decoration: none; } #content .postnavigation { margin: 20px 0 0 0; } .commentlist, .children { margin: 0; padding: 0; list-style-type: none; } .children { margin: 10px 0 0 10px; } .commentlist .comment { margin: 0 0 15px 0; padding: 5px; background-color: #fff; border: #555 1px solid; } .commentlist .avatar { float: right; margin: 0 0 5px 5px; border: #555 1px solid; } #author, #email, #url, #comment { margin: 0 5px 0 0; padding: 2px; background-color: #fff !important; border: #555 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: 12px; color: #444; } input[type="text"], input[type="password"] { padding: 2px; background-color: #fff !important; border: #555 1px solid; } textarea, select { padding: 2px; background-color: #fff !important; border: #555 1px solid; } acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #555; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #555; } 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 #ddd; 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; }