/* Author: Robbii Albright - that's me! Author URI: http://www.rabbitroyalty.com/ Version: 1.7 Project: Krissys Cookies Site Description: Ecommerce Site for Krissys Cookies - Powered by Ecwid */ /* --------------------------------------------------------------------------------------- TABLE OF CONTENTS -- RESETS -- BASICS -- STRUCTURE -- CUSTOM --------------------------------------------------------------------------------------- */ /*--------------------------------------------------------------------------------------- --- RESETS ---------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, 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: "\0022"; } blockquote:before, blockquote:after, q:before, q:after { content: ''; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /*--------------------------------------------------------------------------------------- --- BASICS / CONTROLS ---------------------------------------------------------------------------------------*/ html{ font-size:100%; min-height:100%;} body{ font-size:75%; color:#666; text-align: left;} a{ text-decoration: none; color: #7D7D7D;} a:hover{ color:black;} a:active{ color:#535353;} a:visited{ } .left{ float:left; } .right{ float:right; } .clear{ clear:both; } .padding{ padding:10px; } .top{ margin-top:10px;} .top1{ margin-top:20px;} .top2{ margin-top:40px;} .top2a{ margin-top:47px;} .top3{ margin-top:60px;} .top4{ margin-top:80px;} .top5{ margin-top:90px;} .right1{ margin-left:20px;} .right2{ margin-left:40px;} .right3{ margin-left:60px;} .right4{ margin-left:80px;} .right5{ margin-left:90px;} .left1{ margin-right:20px;} .left2{ margin-right:40px;} .left3{ margin-right:60px;} .left4{ margin-right:80px;} .left5{ margin-right:90px;} .hidden{ display:none;} .test{ border: solid 1px red;} img.left{ margin:0 1em 1em 0; } img.right{ margin:0 0 1em 1em; } #content p{ margin:1.1em 0; } .hel {font-family: Helvetica; display: block; margin-top: -10px;} /*--------------------------------------------------------------------------------------- --- STRUCTURE ---------------------------------------------------------------------------------------*/ #container{ max-width:1300px; height:auto; position:relative; margin:0 auto 0 auto;} #header{ width:auto; height:113px; position: relative; margin:0 0 40px -5px; background: url(../images/masthead.jpg) no-repeat;} #wrapper{ max-width: 1070px; margin-left:120px;} #nav{ clear:both; float: left; position:relative; font:normal 14px/1.5em "Times New Roman", Times, serif; letter-spacing:.2em; padding-top:10px; max-width:200px; text-transform: lowercase;} #content{ } #footer{ clear:both; } /*--------------------------------------------------------------------------------------- ---CUSTOM [ STYLING FOR TEXT AND STRUCTURE ] ---------------------------------------------------------------------------------------*/ /* MAIN */ #nav li.select a{ color: #000;} #nav li.select span.couture { color: #8BB61E;} #nav li.select span.ready { color: #BD2582;}/*navigation*/ img[alt="krissys cookies logo"]{ display:block; position:relative; height:auto; margin-bottom: 20px;}/*logo*/ p{ font:normal 10pt/1.5em "BauerB";} h2 { text-transform:uppercase; font:normal 20pt "Times New Roman", Times, serif; letter-spacing:.5em;} h2.green a{ color:#8BB61E;} h2.fuschia a{ color: #BD2582;} .green{ color: #8BB61E;} .fuschia { color: #BD2582;} .black { color: #000;} .bold{ font-weight:bold;} .button{background-color:#ccc; text-transform:uppercase; color:#000; padding: 10px 20px;} .button a{ color:#000;} .button:hover{ background-color:#8c8c8c;} /* HOME */ .slideshow { width: 250px; height: 300px; float:left; margin-right: 18px; margin-bottom:18px; background-color: #ccc; overflow:hidden;} .slideshowLast { width: 250px; height: 311px; margin-top: -5px; float:left; background-color: #fff; overflow:hidden;} #commentContainer { float: right; color: #000; margin: 20px 68px 0 0; text-align: right; width: 550px;} .comments p { margin-top: 2px; font-size: 8pt;} .comments q{ text-transform: uppercase; font:normal 14pt "Times New Roman", Times, serif; color: #000; quotes: """ """ ;} /* PRODUCT LIST PAGES ( COUTURE & READY TO EAT ) */ dl{ display:block; width:160px; float:left; padding:0 18px 18px 0;} dt{ display:block; width: 160px; height:190px; background-color:#e0e0e0; overflow:hidden;} dd{ font:normal 11pt/1.5em "Times new roman", Times, Georgia, serif; color:#000; text-align:center; margin-top:8px; text-transform:lowercase;} dt a:hover img:hover{ opacity:.8;} /* PRODUCT PAGES */ #productPost{ height:320px; } #productPost img{ display:block; width:270px; height:320px; margin-right:20px; float:left; } #productPost h1{ text-transform:lowercase; font:normal 30pt "Times New Roman", Times, serif;} #productPost h4{ text-transform: uppercase; font:normal 17pt "Times New Roman", Times, serif; margin: 30px 0 0px 0; letter-spacing:.1em;} #productPost p{ text-transform:lowercase; font:normal 16pt "Times New Roman", Times, serif; color:#000; margin: 8px 0 0 0; max-width:900px;} #productPost a{ position:absolute; margin-top:40px; margin-left:290px;} /* COUTURE */ #couture img { float:left; margin-right: 20px;} #couture > img + p{ font-size: 17pt; color: #000; letter-spacing: .1em; line-height: 1em; float:left; margin: -6px 0 38px 0; width: 400px;} /*#couture p{ float:left; font-size:12pt; color: #000; letter-spacing: .1em; line-height: 2em; margin:0;}*/ #couture + a.button{/* position:absolute; left:490px; top:530px;*/ position: relative; float:left;} #couture a.button:hover{ background-color:#8c8c8c;} /* READY TO EAT */ #ready img { float:left; margin-right: 20px;} #ready > img + p{ font-size: 16pt; color: #000; letter-spacing: .1em; line-height: 1em; float:left; margin: -6px 0 38px 0; width: 400px;} #ready p{ float:left; font-size:12pt; color: #000; letter-spacing: .1em; line-height: 2em; margin:0;} #ready a.button{float:left;} #ready a.button:hover{ background-color:#8c8c8c;} /* SEASONAL */ #season img { float:left; margin-right: 10px;} #season > img + p{ font-size: 16pt; color: #000; letter-spacing: .1em; line-height: 1em; float:left; margin: -6px 0 38px 0; width: 500px;} #season p{ float:left; font-size:12pt; color: #000; letter-spacing: .1em; line-height: 2em; margin:0;} #season a.button{float:left;} #season a.button:hover{ background-color:#8c8c8c;} /* DOUGH TO GO */ #dough{ float:left; margin-bottom: 20px;} /* #dough img:first-child { margin:0; float:left;}*/ #dough img{ float:left;} #dough p{ float:left; font:normal 22pt "Times New Roman", Times, Serif; color:#000; margin:0 0 0 18px; text-transform:lowercase; width:300px; letter-spacing:.1em;} div#dough + div{ display:block; width: 63px; max-height:40px; position:relative; max-width:63px; clear: both;} div#dough a.button{ float:left; } /* ABOUT */ #about{ } #about img{ float:left; margin-right:20px; margin-bottom:100px;} .aboutTextWrapper{ position:absolute; left:450px; max-width:720px;} .aboutTextWrapper h2{ text-transform:uppercase; color: #8BB61E; font:normal 13pt "Times New Roman", Times, serif; letter-spacing: 1px; margin-bottom: 0; padding-bottom: 0;} .aboutTextWrapper p{ color:#000; font-size:1em;} .aboutTextWrapper p + h2{ margin-top:10px;} /* privacy policy and guarantee section */ .info{ } .info li{ font:normal 9pt Times, Times New Roman, Serif;} #nav ul.info a{ color: #7D7D7D;} #nav ul.info a:hover{ color: #000;} /* CONTACT */ #contact{ margin: 20px 0;} #contact img{ float: left; margin-right: 20px;} #contact p.first{ color:#000; font:normal 24pt "Times New Roman", Times, serif; } #contact p{ font-size:12pt;} #contact div { float: left; width: 300px; margin-top: 10px; color:#000;} #contact a{ color:#000;} #contact a:hover{ color: #7D7D7D;} #contact h2{ text-transform:uppercase; font:normal 17pt "Times New Roman", Times, serif; letter-spacing:.1em; } /* PRODUCTS CONTAINER */ #products { margin-top:-18px; margin-left:-10px;} #minicart{ position:absolute; float:left; top:106px; left:940px;}