/* Theme Name: Bold Life Theme URI: http://jetpeppers.com/our-projects/bold-life-free-wordpress-theme/ Description: A bold, colorful theme that lends itself well to personal blogs and daily journals. Author: Jet Peppers Author URI: http://www.jetpeppers.com/ Version: 1.2 Tags: black, brown, orange, red, tan, light, two-columns, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, full-width-template, rtl-language-support, sticky-post License: GNU General Public License License URI: license.txt */ /* =Reset -------------------------------------------------------------- */ html { border: 0; height: 100%; margin: 0; padding: 0; } body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline; } body { line-height: 1.5; height: 100%; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { float:none !important; font-weight: normal; text-align: left; } table, th, td { vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { content: ''; } blockquote, q { quotes: "" ""; } a img { border: none; } :focus { outline: 0; } /* =Grid -------------------------------------------------------------- */ .showgrid { background: url( 'images/grid.png' ); } .last { margin-right: 0; } /* =Miscellaneous -------------------------------------------------------------- */ hr { background: #ddd; border: none; color: #ddd; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 23px; } .clear { clear:both; } /* =Forms -------------------------------------------------------------- */ label { font-weight: bold; } fieldset { border: 1px solid #ccc; margin: 0 0 24px 0; padding: 0 1.4em 1.4em 1.4em; } legend { font-size: 1.2em; font-weight: bold; margin-bottom: 1em; margin-top: -0.2em; } fieldset, #IE8#HACK { padding-top: 1.4em; } legend, #IE8#HACK { margin-bottom: 0; margin-top: 0; } input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus { border-color: #9d9474; } select { background-color: #fff; border-style: solid; border-width: 1px; } input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select { margin: 12px 0; } input.text, input.title { padding: 5px; width: 300px; } textarea { width: 390px; height: 250px; padding: 5px; } form.inline { line-height: 3; } form.inline p { margin-bottom: 0; } /* =Typography -------------------------------------------------------------- */ html { font-size: 100.01%; } body { background: #f2efe8 url( 'images/body.jpg' ) top left repeat; color: #474534; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; } h1, h2, h3, h4, h5, h6 { color: #292929; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-bottom: 24px; } h1 { font-size: 40px; line-height: 48px; } h2 { font-size: 36px; line-height: 48px; } h3 { font-size: 32px; } h4 { font-size: 20px; } h5 { font-size: 14px; font-weight: bold; } h6 { font-size: 12px; font-weight: bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } p { margin: 0 0 24px; } .left { float: left !important; } p .left { margin: 24px 24px 24px 0; padding: 0; } .right { float: right !important; } p .right { margin: 24px 0 24px 24px; padding: 0; } a { color: #da0a0a; text-decoration: underline; } a:focus, a:hover { color: #000; } blockquote { background:url( 'images/blockquote.gif' ) top left no-repeat; color: #666; margin: 0; padding: 24px; font-style: italic; } strong, dfn { font-weight: bold; } em, dfn { font-style: italic; } sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #666; } address { margin: 0 0 24px; font-style: italic; } cite, ins { background: #e4e0d4; color: #000; display: inline-block; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0; padding: 0 6px; text-decoration: none; } del { color: #666; } pre { margin: 24px 0; white-space: pre; } pre, code, tt { font-family: 'andale mono', 'lucida console', monospace; font-size: 13px; line-height: 19px; } li ul, li ol { margin: 0; } ul, ol { margin: 0 24px 24px 0; padding-left: 48px; } ul, ul ul ul ul { list-style-type: disc; } ul ul { list-style-type: circle; } ul ul ul { list-style-type: square; } ol, ol ol ol ol { list-style-type: decimal; } ol ol { list-style-type: upper-alpha; } ol ol ol { list-style-type: lower-roman; } dl { margin: 0 0 24px 0; } dl dt { font-weight: bold; } dd { margin: 0 0 24px 30px; } table { margin-bottom: 24px; width:100%; } th { font-weight: bold; } thead th { background: #292929; color: #fff; } th, td, caption { padding: 0 12px 0 6px; } .entry tbody tr:nth-child(even) td, .entry tbody tr.even td { background: #e4e0d4; } tfoot { font-style: italic; } .float-left { float: left; } .float-right { float: right; } /* =Wraps -------------------------------------------------------------- */ #top-wrap { background: url( 'images/header.jpg' ) left top repeat-x; width: 100%; height: 110px; position: absolute; top: 0; left: 0; } .admin-bar #top-wrap { top: 28px; } #bottom-wrap { background: url( 'images/footer.jpg' ) left bottom repeat-x; width: 100%; height: 188px; } #wrap { margin: 48px auto -116px auto; min-height: 100%; position: relative; width: 950px; } #inner-wrap { float: left; margin-right: 0; width: 950px; } /* =Navigation Menu -------------------------------------------------------------- */ #nav, div.menu { clear: both; display: block; float: left; margin: 0 auto 24px; padding: 0 0 0 120px; position: relative; width: 830px; z-index: 9999; } #nav ul, div.menu ul { list-style-type: none; margin: 0; padding: 0; } #nav li, div.menu li { float: left; position: relative; } #nav a, div.menu a { background: url( 'images/menu.gif' ) right 18px no-repeat; color: #292929; display: block; font-weight: bold; line-height: 48px; padding: 0 12px; text-decoration: none; text-transform: uppercase; } #nav ul ul, div.menu ul ul { background: #e8e5c6; border-left: 1px solid #e2e0c8; border-right: 1px solid #e2e0c8; border-top: 1px solid #e2e0c8; -moz-box-shadow: 0 0 25px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.1); box-shadow: 0 0 25px rgba(0,0,0,0.1); display: none; float: left; margin: 0; position: absolute; top: 48px; left: 0; width: 188px; z-index: 99999; } #nav ul ul a, div.menu ul ul a, #nav > ul > li:last-child > a, div.menu > ul > li:last-child > a { background: none; } #nav ul ul ul, div.menu ul ul ul { border-left: none; left: 100%; top: -1px; } #nav ul ul a, div.menu ul ul a { border-bottom: 1px solid #dad7b9; height: auto; line-height: 24px; padding: 12px 12px 11px; width: 164px; } #nav li:hover > a, #nav ul ul :hover > a, #nav a:focus, div.menu li:hover > a, div.menu ul ul :hover > a, div.menu a:focus { color: #da0a0a; } #nav ul ul li:hover > a, #nav ul ul :hover > a, #nav ul ul a:focus, div.menu ul ul li:hover > a, div.menu ul ul :hover > a, div.menu ul ul a:focus { background: #e1debc; } #nav ul li:hover > ul, div.menu ul li:hover > ul { display: block; } #nav .current-menu-item > a, #nav .current-menu-ancestor > a, div.menu .current_page_item > a, div.menu .current_page_ancestor > a { color: #da0a0a; } #nav ul ul .current-menu-item > a, #nav ul ul .current-menu-ancestor > a, div.menu ul ul .current_page_item > a, div.menu ul ul .current_page_ancestor > a { background: #e1debc; } /* =Headings -------------------------------------------------------------- */ h1.logo { clear: both; font-size: 72px; line-height: 72px; margin: 0 0 0 140px; padding-right: 120px; } h1.logo a, h1.logo a:visited, h1.logo a:hover { color: #da0a0a; text-decoration: none; } h2.post-title { background: url( 'images/separator.png' ) bottom left no-repeat; font-style: italic; overflow: hidden; width: 100%; word-wrap: break-word; } h2.post-title a { color: #292929; text-decoration: none; } h2.post-title a:hover { color: #da0a0a; } h2.archive-header, h3.description { margin: 0 0 24px 140px; padding-right: 120px; } h2.archive-header { font-size: 18px; text-transform: uppercase; } h3.description { font-size: 20px; font-style: italic; color: #909090; } /* =Entries -------------------------------------------------------------- */ div.post, div.page { float: left; } .entry { border: 1px solid #d8d7d4; margin: 0 0 24px; } .entry-inner { border: 1px solid #f0efe4; background: url( 'images/content.jpg' ) top left repeat; padding: 22px 24px; } .post-date-wrapper { float: left; margin-right: 10px; width: 110px; } .post-date { color: #909090; font: 14px Georgia, "Times New Roman", Times, serif; line-height: 24px; padding-top: 24px; text-transform: uppercase; text-align: center; } .post-date a { color: #909090; text-decoration: none; } .post-date a:active, .post-date a:hover, .post-date a:focus { color: #da0a0a; } .post-date span { color: #292929; display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 72px; line-height: 72px; margin: 0 auto; text-align: center; } .post-meta { background: #e4e0d4; clear: both; color: #767569; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0 0 24px; padding: 0 5px; } .post-pages, .edit-link { clear: both; font-weight: bold; margin: 0 0 24px 0; } .edit-link { font-weight: normal; } a.comment-left, a.comment-left:visited { background: url( 'images/comment-left.png' ) top left no-repeat; color: #909090; display: block; font: 14px Georgia, "Times New Roman", Times, serif; font-style: italic; width: 88px; height: 105px; line-height: 24px; margin: 24px auto 0 auto; text-align: center; text-decoration: none; } a.comment-left span { color: #fff; display: block; font-size: 48px; font-style: normal; line-height: 48px; margin: 0 auto; text-align: center; } a.comment-left span.leave-comment { font-size: 14px; font-style: italic; line-height: 24px; padding: 18px 0 0; text-transform: none; } .error404 .post { float: left; padding-left: 120px; margin-right: 0; width: 590px; } .single-column { float: left; padding: 0 120px; width: 710px; } .post-wrapper { float: left; margin-right: 10px; width: 710px; } .entry-wrapper, .wide-entry-wrapper, .page-entry-wrapper { float: left; margin-right: 0; width: 590px; } .wide-entry-wrapper { width: 710px; } .page-entry-wrapper { padding-left: 120px; } .no-results-wrapper { float: left; margin-right: 0; padding-left: 120px; width: 590px; } /* =Sticky Posts -------------------------------------------------------------- */ .sticky .entry-inner { background: url( 'images/comments.jpg' ) top left repeat; } .sticky .post-meta { background: #f0ece1; } /* =Post navigation -------------------------------------------------------------- */ #post-navigation { clear: both; float: left; margin: 0 0 24px; padding-left: 120px; width: 590px; } .single #post-navigation { float: left; margin: 0; padding-left: 0; width: 100%; } .nav-previous { float: left; } .nav-next { float: right; } /* =Search Form -------------------------------------------------------------- */ #searchform, .entry .post-password-form { float: left; margin: 0 0 7px; } body.search .entry-inner #searchform { height: 30px; width: 100%; } .entry #searchform, .entry .post-password-form { margin: 0 0 18px; } #s, .entry .post-password-input{ background: url( 'images/search-input.gif' ) top left no-repeat; border: 0; color: #909090; display: block; float: left; width: 171px; height: 30px; margin: 0; padding: 0 0 0 15px; } #s:focus, .entry .post-password-input:focus { color: #292929; } #searchsubmit, .entry .post-password-submit { background: url( 'images/search-btn.gif' ) top left no-repeat; border: 0; cursor: pointer; display: block; float: left; font-size: 0; line-height: 0; width: 44px; height: 30px; margin: 0; padding: 0; text-indent: -9999px; } /* =RSS Subscription Button -------------------------------------------------------------- */ a.rss, a.rss:visited { background: url( 'images/rss.png' ) top left no-repeat; color: #292929; display: block; font-size: 28px; font-style: italic; width: 146px; height: 59px; margin: 0 0 26px; padding: 10px 0 0 70px; text-decoration: none; } a.rss:hover, a.rss:active, a.rss:focus { color: #fff; background-position: 0 -69px; } /* =Sidebar -------------------------------------------------------------- */ #sidebar { color: #292929; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; margin-right: 0; overflow: hidden; width: 230px; word-wrap: break-word; } #sidebar ul, #sidebar li { margin: 0; padding: 0; list-style-type: none; } #sidebar ul { padding: 0 8px; width: 214px; } #sidebar ul ul { padding: 0; } #sidebar ul ul ul { margin: 0 0 0 24px; } #sidebar li { margin: 0 0 24px; } #sidebar li li { background: url( 'images/dots.gif' ) bottom left repeat-x; margin: 0; } #sidebar li li li { background: none; } #sidebar h2, #sidebar h3 { background: url( 'images/sidebar-separator.png' ) bottom left no-repeat; color: #909090; font-size: 30px; line-height: 48px; margin: 0; padding: 0; } #sidebar th, #sidebar td, #sidebar caption { padding: 0 6px; } /* =Widgets -------------------------------------------------------------- */ .widget { clear: both; } #sidebar .widget_calendar tbody tr:nth-child(even) td, #sidebar .widget_calendar tbody tr.even td { background: #e4e0d4; } #sidebar .widget_nav_menu li, #sidebar .widget_pages li { background: none; list-style-position: inside; list-style-type: disc; } #sidebar .widget_nav_menu li li, #sidebar .widget_pages li li { list-style-type: circle; } #sidebar .widget_nav_menu li li li, #sidebar .widget_pages li li li { list-style-type: square; } #sidebar .widget_nav_menu li li li li, #sidebar .widget_pages li li li li { list-style-type: disc; } #sidebar #s { width: 155px; } #sidebar .widget_search h2 { margin-bottom: 12px; } #sidebar .widget select { width: 100%; } /* =Accessibility -------------------------------------------------------------- */ img#wpstats, /* hide smiley */ .screen-reader-text { display: none; position: absolute; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* =Comments -------------------------------------------------------------- */ #comments { clear: both; margin: 0 0 24px; } #comments .entry { margin: 0; } #comments .edit-link a { display: block; width: 50px; float: right; text-align: right; } .entry-comment { background: url( 'images/comments.jpg' ) top left repeat; border: 1px solid #f0efe4; overflow: hidden; padding: 22px 24px; } .nocomments, .nopassword { margin: 0; } #comments-title, #reply-title { clear: both; font-size: 24px; line-height: 24px; position: relative; } #reply-title small { position: absolute; padding-left: 8px; top: 2px; } #comment-nav-above, #comment-nav-below { clear: both; float: left; margin: 0 0 24px; width: 100%; } .nav-previous { float: left; } .nav-next { float: right; } ol.commentlist, ol.commentlist li.comment, ol.commentlist li.pingback { clear: both; list-style-type: none; margin: 0; padding: 0; } ol.commentlist li.bypostauthor div.comment, ol.commentlist li.bypostauthor li.bypostauthor div.comment, ol.commentlist li.bypostauthor li.bypostauthor li.bypostauthor div.comment { border: 1px solid #f0efe4; background: url( 'images/content.jpg' ) top left repeat; float: left; margin: 0 0 24px; padding: 23px; } ol.commentlist li.bypostauthor li div.comment, ol.commentlist li.bypostauthor li.bypostauthor li div.comment { background: none; border: none; padding: 0; } .comment img { background: #e3e2d5; display: block; float: left; margin: 0 16px 0 0; padding: 6px; } .commentlist .reply { clear: both; float: left; padding: 12px 0; width: 100%; } .logged-in-as, .must-log-in { background: #f0ece1; padding: 12px; } .form-submit { float: left; margin: 0 0 45px; width: 100%; } .form-submit #submit { background: url( 'images/post-btn.gif' ) top left repeat-x; border: none; cursor: pointer; display: block; float: left; font-size: 0; width: 80px; height: 27px; line-height: 0; margin: 0; padding: 0; text-indent: -9999px; } #commentform, #commentform input, #commentform textarea { font-family: Georgia, "Times New Roman", Times, serif; } #commentform input, #commentform textarea { border: 1px solid #9d9474; height: 20px; width: 240px; margin: 0 0 0 41px; padding: 1px 3px; } #commentform .comment-form-url input { margin-left: 35px; } #commentform .comment-form-comment textarea { margin-left: 22px; height: 216px; width: 400px; padding: 10px; } .depth-2 #commentform .comment-form-comment textarea { width: 300px; } .depth-3 #commentform .comment-form-comment textarea { width: 260px; } #commentform label { vertical-align: top; } #commentform p { clear: both; float: left; width: 100%; } #respond { float: left; overflow: hidden; } /* =Footer -------------------------------------------------------------- */ #footer { clear: both; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding-left: 120px; padding-top: 24px; padding-bottom: 24px; width: 830px; } /* =Images -------------------------------------------------------------- */ .aligncenter { /* center aligned images */ display: block; margin: 12px auto; } div.aligncenter { /* center aligned captions */ margin: 0 auto 19px; } .aligncenter img { /* images within center aligned captions */ display: block; margin: 0 auto; } .alignleft { /* left aligned images */ display: block; float: left; margin: 12px 16px 12px 0; } div.alignleft { /* left aligned captions */ margin: 7px 16px 0 0; } .alignleft img { /* images within left aligned captions */ display: block; margin: 0 auto; } .alignright { /* right aligned images */ display: block; float: right; margin: 12px 0 12px 16px; } div.alignright { /* right aligned captions */ margin: 7px 0 0 16px; } .alignright img { /* images within right aligned captions */ display: block; margin: 0 auto; } .alignnone { /* none aligned images */ display: inline; margin: 0 0 -6px } div.alignnone { /* none aligned captions */ display: block; margin: 0 0 16px; } .alignnone img { /* images within none aligned captions */ display: block; margin: 0 auto; } .wp-caption { background: #f3f3f3; border: 1px solid #ddd; margin-bottom: 23px; max-width: 100%; padding-top: 5px; } .wp-caption-text { margin-bottom: 0; text-align: center; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail, .entry-inner img, #sidebar img { height: auto; max-width: 100%; } .gallery-item { margin-top: 0 !important; } .gallery .gallery-item img { padding: 1px !important; } .gallery-caption { font-size: 12px; } /* =Attachments -------------------------------------------------------------- */ #attachment-navigation { float: left; margin: 0 0 24px; width: 100%; } .entry-meta, .entry-attachment { margin: 0 0 24px; } .entry-attachment img { display: block; margin: 0 auto 24px; } .entry-caption { font-size: 12px; } /* =WordPress.com Widgets -------------------------------------------------------------- */ #sidebar select { margin-bottom: 16px; } #sidebar #akismetwrap { clear: both; padding: 24px 0 0 0; } #sidebar .widget_author_grid li a img, #sidebar .widget_authors li a img { display: block; margin: 0; padding: 6px 0 0 6px; } #sidebar .widget_authors li a strong { clear: both; display: block; } #sidebar .widget_authors li ul { font-size: 12px; margin: 0; max-width: 190px; padding-left: 24px; } #sidebar .widget_authors li ul li { list-style-type: disc; } #sidebar .widget_blog_subscription label { font-weight: normal; } #sidebar .widget_blog_subscription p { margin: 0; } #sidebar .widget_blog_subscription p input { margin: 12px 0; } #sidebar .widget_delicious h2 a, #sidebar .widget_rss h2 a, #sidebar .widget_twitter h2 a { color: #909090; text-decoration: none; } #sidebar .widget_delicious h2 a:hover, #sidebar .widget_rss h2 a:hover, #sidebar .widget_twitter h2 a:hover { color: #da0a0a; } #sidebar .widget_flickr #flickr_badge_uber_wrapper, #sidebar .widget_flickr #flickr_badge_wrapper { padding: 0; } #sidebar .widget_flickr th, #sidebar .widget_flickr td, #sidebar .widget_flickr caption { padding: 0; } #sidebar .widget_flickr #flickr_badge_wrapper { background: url( 'images/comments.jpg' ) top left repeat; border: 1px solid #f0efe4; margin-bottom: 24px; margin-top: 17px; } #sidebar .widget_flickr td { padding: 6px; } #sidebar .widget_flickr img { width: 100%; } #sidebar .widget_gravatar h2, #sidebar .widget_recent_images h2 { margin-bottom: 24px; } #sidebar td.recentcommentstexttop, #sidebar td.recentcommentstextend { padding: 0 0 0 10px !important; } #sidebar td.recentcommentsavatartop, #sidebar td.recentcommentsavatarend { padding: 0 6px !important; } #sidebar table.recentcommentsavatar img.avatar { display: block; } #sidebar .widget_recent_comments h2 { margin-bottom: 23px; } #sidebar .widget_recent_images .recent_images img { border: 2px solid #cfcfcf; padding: 1px; } /* =WordPress.com Shortcodes -------------------------------------------------------------- */ .db-wrapper { /* digg button */ margin: 0 4px 4px 0; } .syntaxhighlighter .lines td { padding: 5px 0 !important; } .PDS_Poll { /* polldaddy poll */ margin: 0 0 5px 0; } .sharedaddy, .embed-youtube, .embed-vimeo, .entry-inner object { display: block; margin: 0 0 24px; } .video-player { /* videopress */ margin: 0 0 14px; } /* =IE Fixes -------------------------------------------------------------- */ #ie7 body { padding-top: 48px; } #ie7 #nav a, #ie7 div.menu a { white-space: nowrap; } #ie7 #comments .edit-link a { margin: -24px 0 0 0; } #ie7 #sidebar .widget_calendar table { width: 214px; } #ie7 #sidebar .widget_calendar th, #ie7 #sidebar .widget_calendar td, #ie7 #sidebar .widget_calendar caption { padding: 0; } #ie7 #sidebar .widget_calendar th, #ie7 #sidebar .widget_calendar td { text-align: center; line-height: 22px; } #ie8 #nav ul ul a, #ie8 div.menu ul ul a { background-image: none !important; } #ie8 .widget_gravatar img, #ie8 .widget_author_grid img { width: auto; }