/* Theme Name: MB Design Build Purple & Green Theme URI: http://taylormadecreative.com Description: MB Design Build's first theme, 2nd color version Version: 1.1 Author: Taylor Made Creative Author URI: http://taylormadecreative.com */ /* ************************************************************************************************************************************************************ */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100% } q:before, q:after { content:''} a { text-decoration:none } /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:bold } em { font-style:italic } * a { position:relative } /* Gets links displaying over a PNG background */ a img { border:none } /* Gets rid of IE's blue borders */ /* ************************************************************************************************************************************************************ */ /* ToC 1. defaults 2. structure 3. links and navigation 4. fonts 5. images 6. tables 7. forms */ /* --------- 1. defaults --------- */ * { margin: 0; padding: 0; } html, body { height: 100%; } html > body { height: 100%; } body { background:#300f31 url(images/bkg_body.jpg) repeat-x; text-align:center; height: 100%; } /* --------- 2. structure --------- */ #wrapper { width:820px; height:100%; margin:0 auto; background:url(images/ribbon_btm.gif) repeat-y; background-position:61px 0; text-align:left; } #masthead { background:url(images/header.jpg) no-repeat; width:820px; height:175px;} #logo { background:url(images/logo_01.gif) no-repeat; height:73px; width:71px; position:relative; top:61px; left:85px; text-indent:-9999px; } #navContainer { float:right; padding-right:50px; } #content { background:url(images/bkg_content.jpg) repeat-y; width:710px; min-height:330px; padding:20px 55px 0; } #columnLeft { width:230px; float:left; padding-right:20px; } .columnLeftProjects { background: url(images/bkg_blueprint.jpg) repeat-y; background-position: 0 0; min-height:100px; } #columnRight { width:460px; float:right; } #colomnCenter { width:500px; margin:0 auto; } .entryFloat { width:335px; min-height:160px; padding:10px 10px 20px 10px; float:left; } .entry { padding:0 0 20px 0; margin-bottom:16px; border-bottom:#191919 1px solid; } /* Cool link icon code from: Craig Grannell, Snub Communications, http://www.snubcommunications.com - Thanks Mate! */ .entry a { background: url(images/icon_arrow-int.gif) 100% 2px no-repeat; padding-right:15px; width:auto; } .entry a:hover { background: url(images/icon_arrow-int-over.gif) 100% 2px no-repeat; padding-right:15px; width:auto; } #footer { background:url(images/footer.jpg) no-repeat; width:710px; height:152px;padding:0 55px 0 55px; } #footerText { float:right; padding:84px 40px 0 0; display:inline; } .colorRed { color:#a80000; } #postfooter { background:url(images/ribbon_btm.gif) repeat-y; background-position:61px 0; width:820px; height:100px; color:#f5f0e5; } #postfooter a { color:#ff6600; } /* -- Alignments -- */ .alignLeft { float:left; } .alignCenter { margin:0 auto; } .alignRight { float:right; } .tmcFloat { float:right; padding-right:40px; font-size:.92em; } /* -- Float Clearing -- */ .separator { clear: both; } .separatorInvisible { clear: both; height: 1px; } .clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* ---------- 3. links and navigation ---------- */ a { color:#a80000; text-decoration:underline; } a:hover { color:#a80000; text-decoration:none; } #navigation { } #navigation ul { } #navigation li { float:left; list-style-type:none; padding:0 0 0 8px; } #navigation a { display:block; outline:none; border:none; text-indent:-9999px; } #navigation a:hover { border:none; } li.home a { background:url(images/btn_01-home.gif) no-repeat; width:40px; height:9px; } li.home a:hover { background:url(images/btn_01-home-over.gif) no-repeat; width:40px; height:9px; } li.gallery a { background:url(images/btn_02-gallery.gif) no-repeat; width:53px; height:9px; } li.gallery a:hover { background:url(images/btn_02-gallery-over.gif) no-repeat; width:53px; height:9px; } li.projects a { background:url(images/btn_03-projects.gif) no-repeat; width:58px; height:9px; } li.projects a:hover { background:url(images/btn_03-projects-over.gif) no-repeat; width:58px; height:9px; } li.services a { background:url(images/btn_04-services.gif) no-repeat; width:55px; height:9px; } li.services a:hover { background:url(images/btn_04-services-over.gif) no-repeat; width:55px; height:9px; } li.about a { background:url(images/btn_05-about.gif) no-repeat; width:44px; height:9px; } li.about a:hover { background:url(images/btn_05-about-over.gif) no-repeat; width:44px; height:9px; } li.contact a { background:url(images/btn_06-contact.gif) no-repeat; width:54px; height:9px; } li.contact a:hover { background:url(images/btn_06-contact-over.gif) no-repeat; width:54px; height:9px; } /* Automation */ .home li.home a { background:url(images/btn_01-home-over.gif) no-repeat; width:40px; height:9px; } .gallery li.gallery a { background:url(images/btn_02-gallery-over.gif) no-repeat; width:53px; height:9px; } .projects li.projects a { background:url(images/btn_03-projects-over.gif) no-repeat; width:58px; height:9px; } .services li.services a { background:url(images/btn_04-services-over.gif) no-repeat; width:55px; height:9px; } .about li.about a { background:url(images/btn_05-about-over.gif) no-repeat; width:44px; height:9px; } .contact li.contact a { background:url(images/btn_06-contact-over.gif) no-repeat; width:54px; height:9px; } /* ---------- 4. fonts ---------- */ html { font-size: 100%; } body { font: 62.5% Verdana, Arial, Helvetica, sans-serif; color:#191919; } h1, h2, h3, h4, p, ul { font-weight:normal; } h1 { color:#a80000; font-size:1.4em; font-weight:bold; border-bottom:1px #191919 solid; width:100%; margin-bottom:18px; } h2 { color:#191919; font-size:1.2em; font-weight:bold; /*border-bottom:1px #191919 solid;*/ width:100%; margin-bottom:12px; text-transform:uppercase; } h2 { background:transparent url(images/icon_bullet.gif) no-repeat scroll; background-position:0 3px; padding:0 0 0 12px; display:block;outline:none; } h3 { color:#a80000; font-size:1em; font-weight:bold; border-bottom:1px #191919 solid; width:100%; margin-bottom:12px; } h4 { color:#a80000; font-size:.8em; font-weight:bold; border-bottom:1px #191919 solid; width:100%; margin-bottom:12px; } /* -- Titles -- */ h1.Home { background:url(images/title_welcome.gif) no-repeat; height:14px; text-indent:-9999px; padding-bottom:3px; } h1.Gallery { background:url(images/title_gallery.gif) no-repeat; height:14px; text-indent:-9999px; padding-bottom:3px; } h1.Projects { background:url(images/title_projects.gif) no-repeat; height:14px; text-indent:-9999px; padding-bottom:3px; } h1.Services { background:url(images/title_services.gif) no-repeat; height:14px; text-indent:-9999px; padding-bottom:3px; } h1.About { background:url(images/title_about.gif) no-repeat; height:14px; text-indent:-9999px; padding-bottom:3px; } h1.Contact { background:url(images/title_contact.gif) no-repeat; height:14px; text-indent:-9999px; padding-bottom:3px; } p { font-size:1.2em; margin-bottom:14px; } em { } ul { } #content li { list-style:square inside; color:#191919; padding-bottom:2px; } blockquote { } /* Home Page Specific Styles */ .home .post a { background: url(images/icon_arrow-int.gif) 100% 2px no-repeat; padding-right:15px; width:auto; } .home .post a:hover { background: url(images/icon_arrow-int-over.gif) 100% 2px no-repeat; padding-right:15px; width:auto; } .home .post h2 { color:#a80000; font-size:1.4em; font-weight:bold; margin:16px 0 12px; padding:12px 0 0; background:none; border-top:1px solid #000; } .home .post h3 { color:#191919; font-size:1.2em; font-weight:bold; border-bottom:none; width:230px; margin-bottom:12px; text-transform:uppercase; } .home .post h3 { background:none; } .home .post img { background-color:#fff; padding:2px; border:1px solid #000; margin-right:6px; } /* ---------- 5. images ---------- */ a img { border: 0; } img.alignLeft { float:left; margin-right:12px; border:#191919 1px solid; } img.alignCenter { margin:0 auto; } img.alignRight { float:right; margin-left:12px; border:#191919 1px solid; } .entry img { margin-right:12px; border:#191919 1px solid; } img.alignLeft2 { float:left; margin:0 8px 8px 0; border:#191919 1px solid; } #border { background-color:#FFFFFF; padding:2px; border:#191919 1px solid; } #borderInside { border:#191919 1px solid; } /* ---------- 6. tables ---------- */ table { } caption { } tr { } th, td { } th { } td { } /* ---------- 7. forms ---------- */ form { border:1px #191919 solid; padding:30px; background-color:#dac8a9; } form p { margin:3px 0 5px; } input[type=text], input[type=password] { border:1px solid #191919; background-color:#fff; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-weight:normal; font-size:11px; height:18px; } .field { border:1px solid #191919; background-color:#fff; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-weight:normal; font-size:11px; height:18px; margin:3px 0; } .fieldarea { border:1px solid #191919; background-color:#fff; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-weight:normal; font-size:11px; margin:3px 0; } /*input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover, .vTextFie:hover { border:1px solid #a80000; width:182px; height:19px; background:url(images/field.jpg) no-repeat; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-weight:normal; font-size:11px; } */ textarea, select, .vTextFie { border:1px solid #191919; background-color:#fff; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-weight:normal; font-size:11px; height:200px; } input[type=submit], input[type=button], .submit-row input { background-color:#f4efe7; padding:3px; color:black; border:1px solid #bbb; border-color:#ddd #aaa #aaa #ddd; } input[type=submit]:hover, input[type=button]:hover { background-color:#a80000; color:#fff; } input[type=submit]:active, input[type=button]:active { background-color:#fff; padding:3px; color:black; border:1px solid #bbb; border-color:#aaa #ddd #ddd #aaa; }