/* Theme Name: A New Design Sketchbook .oooo. ooooooooo oooooooooo. oooooooooooo .oooooo..o ooooo .oooooo. ooooo ooo .oooooo..o .dP""Y88b d"""""""8' `888' `Y8b `888' `8 d8P' `Y8 `888' d8P' `Y8b `888b. `8' d8P' `Y8 ]8P' .8' 888 888 888 Y88bo. 888 888 8 `88b. 8 Y88bo. <88b. .8' 888 888 888oooo8 `"Y8888o. 888 888 8 `88b. 8 `"Y8888o. `88b. .8' 888 888 888 " `"Y88b 888 888 ooooo 8 `88b.8 `"Y88b o. .88P .o. .8' 888 d88' 888 o oo .d8P 888 `88. .88' 8 `888 oo .d8P `8bd88P' Y8P .8' o888bood8P' o888ooooood8 8""88888P' o888o `Y8bood8P' o8o `8 8""88888P' Like the code you see? - www.3point7designs.com =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- || TABLE OF CONTENTS || =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- =01 : UNIVERSAL SELECTORS =02 : BODY STRUCTURE =03 : LINKS =04 : NAVIGATION =05 : HELPER CLASSES =06 : ACCESSIBILITY =07 : TABLES MARGINS: SMALL t10px / b10px DEFAULT t20px / b20px LARGE t30px / b30px */ /* =01 : UNIVERSAL SELECTORS */ * { } html, body { margin: 0; font: 12px/1.4 helvetica, san-serif; background: #504635; } address { font-style: normal; } h2 { font-size: 14px; margin: 0 0 20px 0; text-transform: uppercase; color: #fff; letter-spacing: -1px; } /* =02: HTML5 BASED NAMING CONVENTIONS + BODY STRUCTURE */ #page { width: 960px; margin: 0 auto; color: #fff; } .article {} .section {} .aside {} .navigation {} #header { margin: 90px 0 50px 0; position: relative; } #logo { margin: 0 20px 0 0; float: left; } #logo a { background: url(images/logo.gif) no-repeat; width: 470px; height: 114px; text-indent: -9999px; overflow: hidden; display: block; } #footer { text-align: right; font-size: 10px; margin: 10px 15px 0 0; color: #b8b3aa; } #footer a { color: #b8b3aa; } #footer address { font-style: normal; float: right; padding: 0 20px 0 0; } #content {} #content img { border: 5px solid #fff; float: left; width: 130px; margin: 0 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0px 0px 50px #000; -webkit-box-shadow: 0px 0px 50px #000; } #features { background: #574d3d; margin: 40px 9px; -moz-box-shadow: inset 0px 0px 5px #000; -webkit-box-shadow: inset 0px 0px 5px #000; } #features p { float: left; width: auto; margin: 0; padding: 10px 0 0 15px; } #content .button, #content .button-right { text-shadow: #636363 -2px 2px 2px; text-align: center; float: right; padding: 0; } #content-main { background: #574e3d; width: 430px; margin: 0 20px 0 10px; padding: 15px; float: left; } #content-main .button { float: left; } #order { list-style: none; margin: 0; padding: 0; } #order li { float: left; } #content-sup { float: left; width: 465px; } #content-sup img { margin: 0 0 20px 15px; } .button a, .button-right a { width: 174px; height: 28px; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; display: block; background: #94825a; border: 1px solid #9f9073; text-decoration: none; line-height: 28px; margin: 5px 5px 5px 0; } .button a:hover, .button-right a:hover { background: #a29271; } .button-right { margin-top: -10px;} /* =03: LINKS */ a { color: #fff; text-decoration: underline; } a:hover { text-decoration: none; } a:visited {} a:active {} /* =04: NAVIGATION */ #main-navigation { list-style: none; margin: 35px 0 0 0; padding: 0 0 0 3px; border: 1px solid #7e6f55; border-bottom: none; width: 465px; -moz-box-shadow: 0px 2px 5px #000; -webkit-box-shadow: 0px 2px 5px #000; text-transform: uppercase; font-weight: bold; float: left; } #main-navigation li { float: left; padding: 20px 6px 20px 7px; font-size: 11px; } #main-navigation a { text-decoration: none; } #main-navigation a:hover { color: #aaa; } #footer-navigation { list-style: none; margin: 0; padding: 0; float: right; } #footer-navigation li { float: left; width: auto; padding: 0 4px; } #footer-navigation a { text-decoration: none; } /* ACCESSIBLE CSS ROLL OVERS #main-navigation li a { display: block; float: left; width: 0px; height: 0px; text-indent: -99999px; overflow: hidden; } SUCKERFISH DROPDOWNS #main-navigation ul { position: absolute; left: -99999px; } #main-navigation li:hover ul, #main-navigation li.sfhover ul { left: auto; } #main-navigation li { } #main-navigation li a { } #main-navigation ul li { } #main-navigation ul li a { } */ #sub-navigation {} #breadcrumbs { list-style: none; margin: 0 0 18px 0; padding: 0; } #breadcrumbs li { display: inline; font-size: 10px; color: #999; } #breadcrumbs li a { color: #666; } /* =06: HELPER CLASSES */ .tac, .center { text-align: center; } .tal { text-align: left; } .tar { text-align: right; } .fl, .left { float: left; } .fr, .right { float: right; } img.left { float: left; margin: 0 20px 20px 0; padding: 5px; border: 1px solid #999; } /* Floated images with borders */ img.right { float: right; margin: 0 0 20px 20px; padding: 5px; border: 1px solid #999; } /* Floated images with borders */ .imgfl { float: left; margin-right: 18px; } .imgfr { float: right; margin-left: 18px; } .clear { clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .nolist, .nolist li { margin: 0; padding: 0; list-style: none;} .rt-border { border-right: 1px solid #fff; } /* =07: ACCESSIBILITY */ #skip-links { position: absolute; top: -500px; } /* =08: TABLES */ table table tr table td summary {} th {} legend {} /* =09: FORMS */ .adj-form { list-style: none; margin: 0; padding: 0; } .adj-form label { float: left; } .adj-form input, .adj-form textarea { float: right; padding: 5px; font-family: arial, helvetica, san-serif; color: #333; } .adj-form li { clear: both; padding: 10px 0 10px 0; } .adj-form input:focus, .adj-form textarea:focus { color: #000; } .norm-form { list-style: none; margin: 0; padding: 0; } .norm-form label { display: block; font-weight: bold; padding: 0 0 5px 0; } .norm-form input, .norm-form textarea { padding: 5px; font-family: arial, helvetica, san-serif; color: #333;} .norm-form input:focus, .norm-form textarea:focus { color: #000; }