/* Theme Name: MC Racing Theme URI: http://gomcracing.com Description: Custom Wordpress Theme Version: (WP2.6.2) Author: Jake Nutt Author URI: http://nuperceptives.com Tags: MC Racing COLORS: Dark Red: #990000 Light Red: #b71b10 Dark Gray: #212121 Light Gray: #aeaeae */ /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } html, body { height: 100%; } body { font: 62.5% Arial, Helvetica, sans-serif; color: #272727; background:url(images/header-bg.png) repeat-x top center #aeaeae;} ul { list-style: square inside; } ol { list-style: decimal inside; } a { outline: none; text-decoration: none; } a img { border: none; } img { vertical-align: middle; } table { border-collapse: collapse; } /* UTILITY */ .floatleft { float: left; } .floatright { float: right; } .clear { clear: both; } .button { border: 1px solid #272727; margin: 5px; background: white; padding: 1px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727; } .button:hover { background: #5f0e08; color: white; } /* TYPOGRAPHY */ p, li { font-size 1.2em; line-height: 1.2em; margin: 0 0 10px 0; } p#intro-paragraph { font-family: Georgia, serif; font-size: 2.0em; font-style: italic; line-height: 1.4em; margin-top: 5px;} p#intro-paragraph span { font-size: 2.4em; font-weight:bold; } p#intro-paragraph em { color: #990000; } a { color: #990000; } a:hover { background: #990000; color:white; } h1 { font-size: 3.2em; font-family: Georgia, serif; font-weight: normal; } h2 { font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; } h3 { font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; } h4 { color: white; font-size:2.0em; margin-bottom: 15px; } h5 { color: #990000; font-size: 3.2em; font-family: Georgia, serif; font-weight: normal; text-align: center; border-bottom:3px solid #990000; margin-bottom: 15px;} #main-col ul { list-style: none; } #main-col h2 { padding-bottom:5px; } #socialsidebar h2, #linksidebar h2 { text-decoration:underline; font-weight: bold; } /* STRUCTURE */ #page-wrap { width: 960px; margin: 0px auto -250px; min-height: 100%; height: auto !important; height: 100%; } #push { height: 250px; } #socialsidebar { width: 190px; float: left; margin-right: 15px; } #main-col { width: 540px; float: left; } #linksidebar { width: 190px; float: right; } /* HEADER */ h1#logo { width: 960px; height: 165px; background: url(images/header-logo.png) no-repeat; background-position: center; text-indent: -9999px; margin: 0 0 0 0; float: left; position:relative; } #top-bar { padding: 0 10px 0 0; float: right; position:relative; } #top-bar p { color:#f4dfb8; width: 960px; float: right; position:relative;; text-align: right; padding: 10px 0 0 0; font-size:1.6em; margin: -160px 0 0 0;} form#searchform { float: right; margin: -135px -5px 0 0; position:relative; } /* MENU */ #menu-bar { height:68px; margin-bottom: 20px;} ul#main-nav { width: 960px;float:left; height:68px; text-align:center; } ul#extra-nav { width: 360px; float:right; text-align: right; margin: 10px 0 0 0; } ul#main-nav li, ul#extra-nav li { display: inline; width: 120px; height: 68px;} ul#main-nav li a, ul#extra-nav li a { text-transform: uppercase; color:white; font-size:2.0em; padding: 20px 30px; height:68px; width: 120px; line-height: 68px; font-family: Helvetica, serif; font-weight: bold;} ul#main-nav li a:hover, ul#extra-nav li a:hover { background: url(images/menu.png) no-repeat center center; width: 120px; height:68px; } ul#main-nav li a.active { background: url(images/menu.png) no-repeat top center; width: 120px; height:68px} /* WIDGETS */ .widget { background: #999999; width: 190px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 15px 0; border-right: 2px solid #000; border-bottom: 2px solid #000; } .widget .inside, .widget_search, .widget_categories, .widget_archive, .ngg_images, .widget_meta, .widgetICSImporter { padding: 10px; } .widget ul { list-style: square; margin-left: 15px; } .widget ul a { display: block; padding: 2px; } .widget ul li a:hover { background:#900; color:white; } .thumb { width: 62px; float: left; margin: 0 0 10px 15px; } .widgettitle1 { list-style: none; } .widgettitle { padding-bottom: 15px; } .social { padding-top: 10px;} /* BLOG ENTRIES */ .post h2, h3 { color: #990000; font-size: 2em; font-weight: bold;} .post { padding-bottom: 60px; } .datebox { width: 36px; float:left; padding:5px; background: #212121; color:white; text-align: center; margin: 0 10px 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .day { font-size: 3.4em; font-weight: bold; margin: 0; } .month { font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; } .year { font-size: 1.6em; font-weight: bold; margin: 0; } ol.commentlist { list-style: none; } .comment-bubble { background: #990000; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } ol.commentlist li p { font-size: 1.0em; } /* FOOTER */ #footer { height: 250px; background:#272727 repeat; border-top:4px solid #990000; padding-top: 20px; } #footer-inside { width: 960px; margin: 0 auto;} #footer p { color:white;} #footer-1 { width: 300px; float:left; margin-right:30px;} #footer-2 { width: 200px; float:left; margin-right:30px;} #footer-3 { width: 200px; float:left; } #footer-4 { width: 200px; float:left} #footer a { color:white;} #footer ul { color:white;} /* For Specific Slides */ #textSlide { } #textSlide h3 { font: 15px Georgia, Serif; padding: 10px 10px;} #textSlide h4 { text-transform: uppercase; font: 12px Georgia, Serif; padding: 10px 10px;} #textSlide ul { list-style: disc; margin: 0 0 0 25px; } #textSlide ul li { display: list-item; } #quoteSlide { padding: 15px; } #quoteSlide blockquote { font: italic 12px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; } #quoteSlide p { text-align: center; } .hidden { display: none; } .unhidden { display: block; }