/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ .custom .sidebar ul.sidebar_list {position: relative;} .custom #header_widget_1 ul.sidebar_list li.widget {position: absolute; display: block; top:0px; left:477px; width:468px; } body.custom { background: #FFF url(images/body_bkg.jpg) center -25px repeat-x /* SET BG POS ITION TO TOP WHEN ENABLING FEATURED POST */; color: #243038; } #page { background: transparent; } .custom #header { background: url(images/kevin_logo_big.jpg) no-repeat; height: 149px /* ADD 25px WHEN ENABLING FEATURED POST */; border: none; padding: 0; overflow: hidden; } .custom #container { padding: 0 1em; } .custom #page { padding: 0; } .custom #content_box { background: #fff url(images/content_box_bkg.jpg) right repeat-y; border: 1px solid #b3b3b3; margin-top: 25px; padding: 0; } .custom #content { margin-left: 10px; display: inline; /* IE HasLayout fix */ } .custom input, .custom textarea { background: #fafafa; border: 1px solid #dbdbdb; } .custom input.form_submit { background: #ba0303; color: #fff; font-family: arial, sans-serif; font-style: normal; border-top: 1px solid #d40303; border-left: 1px solid #d40303; border-bottom: 1px solid #870202; border-right: 1px solid #870202; font-size: 11px; } /*-- BANNER --*/ .custom #banner_top { height: 38px; background: url(images/icon_bulb.gif) left no-repeat; padding-left: 20px; line-height: 38px; font-size: 12px; font-family: georgia, serif; font-style: italic; color: #587589; } .custom #banner_top span { color: #fff; text-transform: uppercase; font-size: 10px; margin-right: 6px; font-style: normal; font-family: arial, sans-serif; } .custom #banner_top a { color: #9acdef; } .custom #banner_mid { overflow: hidden; height: 136px; } .custom #banner_left { float: left; padding-top: 12px; } .custom #banner_right { padding-top: 20px; float: right; } a.banner_button { background: #FFF; background-position: center 8px; background-repeat: no-repeat; color: #225522; display: -moz-inline-stack; /* FF2 inline-block fix */ display: inline-block; width: 91px; height: 37px; padding-top: 54px; font-size: 12px; font-weight: bold; text-align: center; cursor: pointer; } a.banner_button:hover { color: #8bbddc; } a.banner_button.newsletter { background-image: url('images/newsletter.png'); } a.banner_button.book { background-image: url('images/mic.png'); } a.banner_button.contact { background-image: url('images/contact.png'); } a.banner_button.work { background-image: url('images/calendar.png'); } /*-- NAV --*/ .menu li { margin-right: 0.5em; padding-right: 0.5em; background: #114d08 url('images/bullet_nav.gif') 100% 50% no-repeat; } .menu li a { background: transparent !important; } .custom ul#tabs { height: 31px; line-height: 31px; font-size: 12px; color: #fff; text-transform: uppercase; border: none; } .custom ul#tabs a { color: #fff; } .custom ul#tabs li { background: none; margin: 0; border: none; background: url(images/bullet_nav.gif) right no-repeat; padding-right: 10px; margin-right: 8px; } .custom ul#tabs li:last-child { background: none; } .custom ul#tabs li a { font-size: 12px; color: #fff; letter-spacing: 0; height: 31px; line-height: 31px; padding: 0; display: block; float: left; } .custom ul#tabs li a:hover { color: #f6cbcb; text-decoration: none; } /*-- POST --*/ .custom .post_box, .custom .teasers_box { border-top: none; } .custom .post_box { padding-bottom: 2em; border-bottom: 1px dotted #bbb !important; display: -moz-inline-stack; /* FF2 inline-block fix */ display: inline-block; /* IE HasLayout fix */ } .custom .headline_area h1, .custom .headline_area h2 { text-transform: uppercase; font-weight: bold; } .custom .teaser h1, .custom .teaser h2 { text-transform: uppercase; font-weight: bold; } .custom .entry-title a { color: #ba0303; } .custom .headline_meta a { color: #888; } .custom .post_meta { overflow: hidden; font-size: 12px; clear: both; } .entry-content { padding-bottom: 1px /* IE fix for double padding on .post_box */; } .custom .post_meta a { text-decoration: none; font-weight: bold; } .post_meta_tags { float: left; background: url(images/icon16_tags.jpg) 0 0 no-repeat; padding-left: 24px; } .post_meta_comments { float: right; text-align: right; background: url(images/icon16_comments.jpg) 0 0 no-repeat; padding-left: 24px; } .custom dl#comment_list .bypostauthor { background: #ffe1e1; } .custom #commentform input.form_submit { border-width: 1px; } .custom .prev_next { border-top-width: 1px; letter-spacing: 0; font-family: georgia, serif; font-size: 1.2em; font-style: italic; text-transform: none; } .custom #archive_info { border-bottom-width: 1px; } .custom #archive_info p { letter-spacing: 0; font-family: georgia, serif; font-size: 1.2em; font-style: italic; text-transform: none; } /*-- SIDEBAR --*/ li.widget { width: auto; line-height: 1.4; } .custom #sidebars { padding-left: 0.5em; padding-right: 0.5em; } .custom .sidebar ul.sidebar_list { padding-top: 2em; } .custom #sidebar_1 li { background: #fff; border: 1px solid #b3b3b3; padding: 0; } .custom li.widget { margin-bottom: 10px; } .custom #sidebar_1 li h3 { margin-bottom: 2px; padding: 10px 10px 0 10px; font-weight: bold; letter-spacing: 0; font-variant: normal; text-transform: uppercase; color: #243038; font-style: normal; } .custom #sidebar_1 li ul, .custom #sidebar_1 li div, .custom #sidebar_1 li div div.textwidget { padding: 0 10px 10px 10px; font-style: italic; } .custom #sidebar_1 li div div { padding: 0; } .custom #sidebar_1 li div.power150-rank { padding-top: 96px; } .custom #sidebar_1 li div#power150-box { margin: 0 auto; } .custom #sidebar_1 li div.execphpwidget { padding: 0; } .custom #sidebar_1 li div ul { padding: 0 0 10px 0; } .custom #sidebar_1 li li { background: none; border: none; margin-bottom: 3px; } .custom #sidebar_1 li#side_newsletter { background: url(images/icon16_news.jpg) 0 0 no-repeat; padding-left: 24px; } .custom #sidebar_1 li#side_twitter { background: url(images/icon16_twitter.jpg) 0 0 no-repeat; padding-left: 24px; } .custom #sidebar_1 li#side_linkedin { background: url(http://kevinknebl.com/wp-content/uploads/2010/07/linkedIn_16.png) 0 0 no-repeat; padding-left: 24px; } .custom #sidebar_1 li#side_facebook { background: url(http://kevinknebl.com/wp-content/uploads/2010/07/facebook_16.png) 0 0 no-repeat; padding-left: 24px; } .custom #sidebar_1 li#side_rss { background: url(images/icon16_rss.jpg) 0 0 no-repeat; padding-left: 24px; } .custom #sidebar_1 li div#side_subscribe_form { padding: 10px 0 0 0; background: url(images/icon_subscribe_email.jpg) 218px 10px no-repeat; font-size: 13px; } #side_subscribe_form form { margin-top: 24px; text-align: right; font-size: 12px; } #side_subscribe_form input.text_input { width: 255px; text-align: left; } #side_subscribe_form input.form_submit { margin-top: 4px; } .custom #sidebar_1 li div#side_about { background: url(images/chris.jpg) bottom left no-repeat; padding: 0 0 73px 0; } #side_about h3 { padding-left: 122px !important; } #side_about span { display: block; } #side_about span.line1 {padding-left: 112px;} #side_about span.line2 {padding-left: 120px;} #side_about span.line3 {padding-left: 118px;} #side_about span.line4 {padding-left: 112px;} #side_about span.line5 {padding-left: 110px;} #side_about span.line6 {padding-left: 130px;} #side_about span.line7 {padding-left: 155px;} .custom #sidebar_1 li div#side_trustagents { background: url(images/trustagents.jpg) bottom no-repeat; height: 290px; position: relative; padding: 0; } .custom #sidebar_1 li div#side_sm101 { background: url(images/socialmedia101.jpg) bottom no-repeat; height: 150px; position: relative; padding: 0 130px 0 0; } #side_trustagents span, #side_sm101 span { display: block; zoom: 1; /* IE HasLayout fix */ position: absolute; bottom: 10px; left: 10px; } .custom table#wp-calendar { width: 275px; } .custom #sidebar_1 li div.side_code { padding: 0; } .custom #sidebar_1 .widget_tag_cloud a { font-size: 11px !important; } /*-- FOOTER --*/ .custom #footer { border: none; } /*---:[ after-post affiliate pitch ]:---*/ .custom .post_ad { margin-top: 1.571em; padding: 0.714em; /*background: #fdedae;*/ background: #ddf5fc; /*border-top: 0.231em solid #e2ce80;*/ border-top: 0.214em solid #86c0d1; clear: both; } .custom .post_ad h3 { margin-top: 0; padding-bottom: 0.222em; /*border-bottom: 1px dotted #d4c070;*/ border-bottom: 1px dotted #89c3d4; } .custom .post_ad img.frame { background: #c9e0e7; border-color: #b9c9ce; } .custom .post_ad ul { margin-bottom: 0; }