/* ------------------------------------------------------------------------------ SlimFold Grills Global Stylesheet --------------------------------------------------------------------------------- Version: 1.0 Date last updated: 11/06/08 Designed by: Ryan Downie Ryan@bfiternet.co.uk Deveolped By Ryan Downie Ryan@bfinternet.co.uk -------------------------------------------------------------------------- Table of Contents 1. Blocks 2. Navigation 3. Forms 4. Tables 5. Typeography 6. ClearFix code ----------------------------------------------------------------------- Base values for the site Element name: Value: ---------------------------------------------------------------------- #wrapper: #ed1c24; #content-wrapper: #ffffff; #intro: #020202; #main-content h2: #ed1c24; #main-content, #sub-content: #000000; Font: Font-name: ------------------------------------------------------------------------ #main-content h2: Tahoma, Verdana, sans-serif; Size:2.1em; #main-content, #sub-content: Tahoma, Verdana, sans-serif; size:1.4em; line-height:1.8em; #sub-content h2: Tahoma, Verdana, sans-serif; Size:2.1em; #sub-content h4: Tahoma, Verdana, sans-serif; Size:1.4em; font-weight:bold; #bf: Tahoma, Verdana, sans-serif; Size:1em; color:#FFF; -------------------------------------------------------------------------- Notes to go here: ----------------------------------------------------------------------------------*/ /* ------------------- 1. =blocks --------------------*/ * { margin:0; padding:0; } body { background:#f5ea27 url(images/idea1.jpg) repeat-x; margin:0 auto; } #logo { background:url(images/logo.jpg) no-repeat top left; width:878px; height:89px; text-indent:-9999px; margin:0 auto; text-align:left; } #content-wrapper { margin:0 auto; background:url(images/content-wrapper.png) repeat-y top left; width:895px; } #sub-content { position:relative; width:266px; } #main-content { width:640px; float:right; } #sub-content img { margin:0 0 0 16px; } #address { color:#FFF; padding:10px 0 20px 20px; } #products { list-style-type:none; float:right; background:url(images/product-bg.jpg) no-repeat 0 0; width:128px; margin:-100px 0 0 0; } #sub-content #navigation-main #products a { color:#441208; line-height:1.6em; padding:6px 0px 6px 20px; } #image-main { margin:0 0 30px 30px; } #cindersLogo { display:none; margin:0 0 0 30px; } #product-page #image-main { margin: 17px 0 30px 30px; } #product-page #image-sub { float: right; margin: 10px 30px 20px 20px; border: 1px solid #694139; } #main-content p { padding:10px 30px; } #main-content ul { padding:0 30px; margin:30px 0 0; font-size:.8em; } #main-content li { text-align:center; display:inline; } #footer { background: url(images/footer.png) no-repeat bottom left; width:897px; height:38px; margin:0 auto; } #bf {float:right; margin:40px 20px 0; color:#441208} #bf a {color:#441208; font-size:.9em;} #questions-page dl {padding:10px 40px 0 20px;} #questions-page dt {font-size:1.4em; color:#441208; font-weight:bold; padding:10px 0;} #questions-page dd {padding:5px 0 0 10px;} #contact-page fieldset {border:none;} #contact-page label {width:200px; display:block; padding:0 0 5px;} #contact-page label span {font-size:.8em; color:#441208;} #contact-page input {width:255px;} #verification_img {margin:5px 0 0 30px;} #contact-page #verification_code {width:162px;} #contact-page button {margin:5px 0 0 30px;background:#441208; border:none; padding:2px 10px; font-size:1.2em; color:#FFF; font-weight:bold;} #testimionial-page #main-content {width:649px;} #testimionial-page blockquote { float:left; padding:10px 40px 0 0px; border-bottom:1px solid #441208; margin:0 10px 0 0;} #testimionial-page blockquote p { line-height:1.8em; display:block;} #testimionial-page .quote { font-size:1.6em; float:right; margin:0 0px 115px 12px; width:200px;line-height:2em;} #testimionial-page cite {clear:both; float:left; margin:0 30px 10px ;} #testimionial-page .alt-quote { padding:10px 40px 0 0px;} #testimionial-page .alt-quote .quote { font-size:1.6em; float:left; margin:5px 3px 81px 23px; } #product-page #main-content dl { padding:0 30px;} #product-page #main-content dt {font-size:1.4em; padding:5px 0 2px; border-bottom:1px solid #441208; color:#441208; font-weight:bold; } #product-page #main-content dd {padding:5px 30px;} #product-page #main-content table {margin:10px 30px; padding:10px 30px; border:1px solid #441208; width:90%; } #product #main-content img {border:none; margin:10px 30px;} #product #main-content p {font-size:.9em;} #main-content a {color:#50312B; text-decoration:none; border-bottom:1px dashed;} #product h4 { margin:10px 30px 0; font-size:1.25em; font-weight:bold; color:#50312B;} .right img {float:right; border:3px solid #441208; margin:10px 40px 0 20px;} .left img {float:left; border:3px solid #441208; margin:10px 20px 0 30px;} .accessorie h4 {margin:5px 30px; font-size:1.2em; letter-spacing:1px; color:#5A413C} #alu-image {margin:10px 40px 30px 20px;} #map-cont {float:right; margin:75px 40px 0 0;} #map-cont h4 {font-size:1.2em; padding:0 0 10px; color:#441208;} body#company div#google-video { margin:11px 39px 27px; } /* ------------------- 2. =navigation --------------------*/ #navigation-main { list-style-type:none; margin:10px 20px; } #navigation-main li a { display:block; color:#FFF; font-weight:bold; text-decoration:none; letter-spacing:1.2px; line-height:2.8em; } #navigation-main li a:hover { text-decoration:underline;} /* ------------------- 3. =forms --------------------*/ /* ------------------- 4. =tables --------------------*/ /* --- There are No Tables in this design --- */ /* ------------------- 5. =typeography --------------------*/ body {font-size:62.5%; font-family:Arial, Helvetica, sans-serif; text-align:center} #wrapper {font-size:1.2em; text-align:left;} h2 {font-size:2.2em; color:#441208; font-weight:normal; margin:20px 0 0 30px;} #address a {color:#fff;} /* ------------------- 6. =clearfix --------------------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */ #products:target {text-decoration:underline;} input, textarea, form, #contact_form {z-index:20;} div#supp p:first-line {text-transform:uppercase; font-size:1.4em; color:#441208;} div#google-video { float:right; margin:0 3em; } ul#youtube-videos {float:left; margin:0; } ul#youtube-videos li {float:left; margin:1em 3em 0 0; width:26em; } ul#youtube-videos li h4 {color:#441209; font-size:190%; font-weight:normal; margin-bottom:0.4em; text-align:left; } /* ----------------------------------------------------------------------------------------------------------------- End Global Stylesheet copyright 2008