/* Theme Name: Base Wordpress Theme Theme URI: http://joeloliveira.com Description: Base Wordpress Theme is a very stripped down theme originally based on a theme from Charity Ondriezek. Enhancements by Joel Oliveira. Version: 0.1 Author: Joel Oliveira Author URI: http://joeloliveira.com Tags: white, blank, 2 column, fixed */ /* =================================================== */ /* = reset.css courtesy of Eric Meyer - meyerweb.com = */ /* =================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* ------------------------------------------------- BASIC FORMATTING ------------------------------------------------- */ body{ font-family: Arial, Helvetica, sans-serif; font-size:62.5%; line-height: 150%; background: #9fa4a5 url(images/sd-bg.jpg) no-repeat top center; } h1 {font-size: 2.2em;} h2 {font-size: 1.8em; line-height: 125%; margin-bottom: .8em; color: #f7931e; } h3 {font-size: 1.8em; line-height: 125%; margin-bottom: .8em; color: #f7931e; } h4 {font-size: 1.3em; color: #F7931E; margin: 1.2em 0 .5em 0; } h2, h3, h4 { font-family:Helvetica, Verdana, Tahoma, Arial, sans-serif; } a { color:#f7931e; text-decoration: none; } a:visited, a:active { color: #f7931e; } a:hover { color:#f7931e; text-decoration: none; } a img { border:none; } ul{margin:5px 0 5px 20px;} ol{margin:5px 0 5px 20px;} blockquote{ margin:10px 0 10px 20px; padding:10px; font-size:1.4em; font-style: italic; color:#999;} pre, code{ margin:10px; font-family:"Courier New", Courier, monospace;} /* ------------------------------------------------- WRAP ------------------------------------------------- */ #pagewrap { width: 900px; margin:0 auto; color:#666;} /* ------------------------------------------------- HEADER ------------------------------------------------- */ #header { height: 213px; width: 950px; margin: 0 -25px 0 -25px; position: relative; } #header { background: url(images/hdr-news.jpg) no-repeat 0 0; } /* -- specific headers bgs -- */ .page-id-2 #header { background: url(images/hdr-services.jpg) no-repeat 0 0; } .page-id-7 #header, .hdr-bikes { background: url(images/hdr-bikes.jpg) no-repeat 0 0; } .page-id-9 #header, .hdr-products { background: url(images/hdr-products.jpg) no-repeat 0 0; } .page-id-12 #header { background: url(images/hdr-parts.jpg) no-repeat 0 0; } .page-id-15 #header, .hdr-specials { background: url(images/hdr-specials.jpg) no-repeat 0 0; } .page-id-17 #header { background: url(images/hdr-gallery.jpg) no-repeat 0 0; } .page-id-20 #header { background: url(images/hdr-hours.jpg) no-repeat 0 0; } .page-id-22 #header { background: url(images/hdr-contact.jpg) no-repeat 0 0; } .page-id-37 #header { height: 313px; background: url(images/hdr-home.jpg) no-repeat 0 0; } body.blog #header { background: url(images/hdr-news.jpg) no-repeat 0 0; } #header h1 {} #header h1 a.logo { display: block; position: absolute; text-indent: -9999px;} #header h1 a.logo { top: 35px; right: 60px; width: 69px; height: 42px; background: url(images/sd-logo-sm.gif) no-repeat 0 0; } .page-id-37 #header h1 a.logo { top: 37px; left: 64px; width: 270px; height: 192px; background: url(images/sd-logo.png) no-repeat 0 0; } #header h2 { position: relative; top: 42px; left: 75px; width: 65%; font-size: 3.2em; margin: 0; padding: 0; } .page-id-37 #header h2 { left: -9999px; } /* ------------------------------------------------- NAVIGATION ------------------------------------------------- */ #nav { width: 100%; height: 35px; background: #000 url(images/nav-top-bg.gif) repeat-x 0 0; } #nav ul { height: 35px; width: 850px; margin: 0; padding: 7px 0 0 50px; } #nav ul li { float: left; } #nav ul li a { display: block; margin-right: 24px; font-size: 1.7em; color: #f7931e; line-height: 100%; } /* ------------------------------------------------- MAIN CONTENT ------------------------------------------------- */ #contentwrap { background: #000 url(images/main-bg.gif) repeat-x 0 0; padding: 40px 25px 30px 50px; color: #fff; } #content { float: left; width:650px; margin-right: 175px; font-size:1.2em;margin:10px 0; } .intro, .archivetitle { padding-bottom: 25px; background: url(images/intro-bar.gif) no-repeat 0 100%; margin-bottom: 0px; } .intro p { line-height: 200%; } .intro h3 { margin-bottom: .8em; } .intro #left-half { float: left; width: 50%; margin-bottom: 25px; } .intro #right-half { margin-left: 50%; width: 50%; margin-bottom: 25px; } p { margin-bottom: .5em; } #teasers { float: left; width: 100%; } .post #teasers h3 { margin-bottom: .8em; } .teaser-news { float: left; width: 26%; padding-right: 10%; } .teaser-specials { float: left; width: 26%; padding-right: 10%; } .teaser-gallery { float: left; width: 28%; } #home-brands { clear: left; padding-top: 20px; } .brand { width: 75px; height: 39px; margin-right: 28px; } body.blog h3 { font-size: 1.8em; } body.blog .post { padding-bottom: 30px; background: url(images/intro-bar.gif) no-repeat 0 100%; margin-bottom: 10px; } /* archives page */ .archivetitle{} ul.archivelist{margin: 0; list-style: none;} ul.archivelist li{padding:2px 0;} .post { margin-bottom: 10px; } .post h2 a { color:#f7931e; text-decoration:none; } .post h3 { margin-bottom: 1em; } .post h2 a:hover { color:#f7931e; } .post p { margin: 0 0 .8em 0; line-height: 150%; } .post a { text-decoration:none; } .post ul { list-style: square; padding:2px 0; } .post li { padding:2px 0; } .post small { font-size: .9em; } h3.posttitle { font-size: 1.8em; margin-bottom: .5em; padding-bottom: 0; } .h3.single h3.posttitle { font-size: 1.8em; margin-bottom: .5em; } .sections { width: 100%; } .section { padding-top: 20px; clear: left; width: 100%; } .section p { line-height: 135%; } .section img { float: left; margin: 4px 15px 10px 0; } .edit { clear: left; padding-top: 10px; } .post-edit-link { padding: 2px 4px; border: 1px dotted red; } .postmetadata { clear: both; width: 90%; font-size: .9em; font-style: italic; padding:0 0 5px 0; color:#999;} .postmetadata a {text-decoration: none; color:#999;} .postmetadata a:hover {color:#333; text-decoration:underline;} .postmetadata .post-edit-link { padding: 0; border: 0; } .single-partsfinder .postmetadata, .single-partsfinder #comments { display: none; } /* single post nav for previous/next entries */ .navigation{padding:10px 0;font-size:.9em;float:left;width:98%;} .alignleft {float:left; margin: 0 15px 10px 0; } .alignright {float:right; margin: 5px 10px 10px 10px; } .size-thumbnail { margin-top: 5px; } /* styling for 'continued' page links */ p.continued{padding:5px; background:#f0f0f0;} p.continued a{padding:5px; font-weight:bold;} .page-id-20 iframe { margin-top: 20px; } /* -- for sale block "ad" look -- */ .page-id-7 .ad, .category-bikes-for-sale .ad { border: 3px solid #222; background-color: #111; margin-bottom: 10px; padding: 15px; } .page-id-7 .ad .postmetadata, .category-bikes-for-sale .ad .postmetadata { padding: 0; margin: 0; } .page-id-7 .ad img, .category-bikes-for-sale .ad img { border: 1px solid #444; } .page-id-17 #content { width: 660px; } /* ------------------------------------------------- SIDEBAR ------------------------------------------------- */ #sd-sb { float:right; width: 130px; margin-right: 5px; } .sidebar { margin: 0; padding: 0; } .sidebar h2{margin-top:0px;} .sidebar p {} .sidebar a { font-size: 1.1em; color:#f7931e;} .sidebar a:hover {color:#f7931e;} .sidebar ul{margin:0;padding:0;list-style:none;} .sidebar ol, .sidebar ul { list-style-image:none; list-style-position:outside; list-style-type:none; } .sidebar ul li {padding: 0px;} .sidebar ul ul {} .sidebar ul ul li {} .widget { margin-bottom: 20px; } #execphp-3 li { padding-bottom: 5px; } #execphp-3 li a { font-size: 1.5em; color: #fff; } #execphp-5 .widgettitle { color: #fff; padding-right: 10px; } h2.widgettitle { margin-bottom: 5px; padding-bottom: 0; color: #fff; } .sidebar .cat-post-item a { display: block; font-size: 1.1em; line-height: 135%; padding: 0 0 0 9px; background: url(/images/li-bg.gif) no-repeat -1px 2px; padding-bottom: 5px; } #execphp-4 .cat-post-item { display: block; font-size: 1.1em; line-height: 135%; padding: 0 0 0 9px; background: url(/images/li-bg.gif) no-repeat -1px 2px; padding-bottom: 5px; } /* ------------------------------------------------- SEARCH ------------------------------------------------- */ #searchform {margin: 0; padding: 0; } #searchform input {border: solid 1px #ddd; } #searchform #s {width: 90%; padding: 2px 1%; margin-bottom: 5px;} #searchform #searchsubmit { color: #f7931e; background-image: none; background-color: #111; padding: 0; margin-bottom: 10px; border: 1px solid #333; cursor: pointer; } #searchform .cat-post-form { padding-left: 0; } /* ------------------------------------------------- FEATURE LINKS ------------------------------------------------- */ .rss { font-size: 1.2em; font-weight: bold; line-height: 1.4em; background: #f0f0f0; padding-left: 5px !important; margin-top:10px;} .rss a{ padding-left:25px; background: transparent url(images/feed-icon-16x16.png) left no-repeat;} /* ------------------------------------------------- COMMENTS ------------------------------------------------- */ #comments { margin:0px 10px 10px 0; padding:0px 10px 10px 0; } #comments h3 { margin: 0;} ol.commentlist { margin:0; padding:0; overflow: hidden;} ol.commentlist li { background:#ececec;margin:0px 0 10px; padding:10px;} ol.commentlist li.alt {} ol.commentlist a {} cite {font-style: normal; font-weight: bold;} small.commentmetadata {} /* ------------------------------------------------- COMMENT FORM ------------------------------------------------- */ #commentform { margin:0px 10px 10px 0; padding:0px 10px 10px 0; } #commentbox { width:100%; min-width:400px; margin:5px 5px 0 0; } #commentform #author, #commentform #email, #commentform #url, #commentform textarea, #commentform #submit { border:solid 1px #ccc; margin:5px 5px 0 0; } #submit { cursor:pointer; } /* ------------------------------------------------- FOOTER ------------------------------------------------- */ #footer{ padding: 5px 0 20px 0; } #footer p { padding: 0; color: #333; } #footer a { color: #333; } #footer a:hover { color: #000; } #footer .info { float:right; } } /* ------------------------------------------------- CLEARS (if needed with further customizations) ------------------------------------------------- */ .clear{clear:both;} .clearfix{display:inline-block;} .noborder{border:none !important; vertical-align:middle;} .left{float:left; border:none !important; margin:5px;} .right{float:right; border:none !important; margin:5px;} /* slightly enhanced, universal clearfix hack */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ /* Default style for WP-PageNavi plugin http://wordpress.org/extend/plugins/wp-pagenavi/ */ .wp-pagenavi { margin-top: 20px; clear: both; color: #bbb; } .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; padding: 3px 5px; margin: 2px; } .wp-pagenavi a { color: #F7931E; background-color: #311d06; } .wp-pagenavi a:hover { color: #000; background-color: #F7931E; } .wp-pagenavi span.current { color: #000; background-color: #aaa; } .wp-pagenavi span.current { font-weight: bold; } .nowrap { white-space: nowrap; } #bikes-list h3 { margin-bottom: 0px; } #bikes-list ul { margin-bottom: 20px; margin-left: 0; } #bikes-list ul li { padding: 2px 0; padding-left: 1em; list-style-type: square; list-style-position: inside; color: #fff; }