/* Theme Name: Langford Description: Version: 1.0 Author: Chris Lopes & Josh Trusz Tags: */ @import "style/css/reset.css"; @import "style/css/typography.css"; @import "style/css/layout.css"; /* BASIC PAGE SETUP & RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } body { font: 62.5% Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(style/images/bg-body.jpg) top right no-repeat #eee9e5; color: #3d1f00 } ul { list-style: none outside; font:"Trebuchet MS", Arial, Helvetica, sans-serif; } p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom: 1.3em; line-height: 1.8em; color:#48280b; font-size: 13px } a { outline: none; text-decoration: none; color:#000; } a:hover { color:#3d1f00; } img, a img { border: none; !important } #news img { border: 8px solid #dbd0c8; } /* TYPOGRAPHY */ h1 { font-size: 26px; margin-bottom: 8px; } h1 a:link, h1 a:visited { color: #3d1f00; } h1 a:hover { color: #000000; left: 5px; position: relative; } h1.padding-top { padding-top: 25px; } h1.quote { border-top: 1px solid #3d1f00; border-bottom: 1px solid #3d1f00; padding: 8px 5px; text-align: center; margin: 25px 0; line-height: 35px; } h2 { font-size: 20px; margin-bottom: 10px; } h3 { font-size: 14px; margin-bottom: 10px; text-transform: uppercase; } h3.infoTitles { padding-bottom: 20px; } h4 { font-size: 18px; margin-bottom: 20px; text-transform: uppercase; color:#ff0000 } p a, ul#news li a { color: #3d1f00; font-weight: bold; border-bottom: 1px dotted #3d1f00; } .companyName { font-size: 18px; font-weight: bold; } ul.list { list-style: disc; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; } ul.list li { font-size: 12px; margin-bottom: 10px; list-style: disc; } ul.dealerships { margin-bottom: 25px; } ul.dealerships li { font-size: 14px; list-style: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; margin-bottom: 3px; } ul.dealerships li a { font-weight: bold; } ul.dealerships li.phone { font-weight: bold; } table { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } td.bold {font-weight: bold: } tr.underline { border-bottom: 1px solid #000; } tr { height: 25px; } /* TOOLBOX */ .floatleft { float: left; } .floatright { float: right; } .clear { clear: both; } .divider { clear: both; background:url(style/images/divider.gif) repeat-x; display: block; height: 2px; margin:12px 0 12px 0; } /* MAIN STRUCTURE */ #page-wrap { margin: 0 auto; width: 880px; } #navBox { background:url(style/images/bg-nav.gif) repeat-x; height: 80px; } #navWrap { margin: 0 auto; width: 880px; } img#logo { float: left; padding: 20px 0 0 25px; z-index: 1000; position: absolute; } #navigation { font: Georgia, "Times New Roman", Times, serif; font-size: 15px; font-weight: normal; float: right; display: inline; margin: 35px 0 0 0; } #navigation li { display: inline; } #navigation li a:link, #navigation li a:visited { float: left; color: #fff; text-transform: uppercase; margin-left: 20px; display: block; padding-bottom: 8px; } #navigation li a:hover { border-bottom: 3px solid #fff; } #viewer { background: url(style/images/bg-msgArea.png) repeat-x; height: 347px; } #viewerContainer { width: 880px; height: 347px !important; margin: 0 auto; } .homePage { width: 920px; margin: 0 auto; padding: 25px 0; } .subPage { width: 580px; float: right; padding: 25px 0; background: none; } .column1 { width: 280px; float: left; padding: 0 0 20px 20px; } .column2 { width: 580px; float: left; padding: 0 0 20px 20px; } .first { padding-left: 0; } /* HOME PAGE */ p.welcome { font: 16px/25px Georgia, "Times New Roman", Times, serif; font-weight: lighter; color: #000; } ul#quickLinks li { display: block; width: 280px; height: 53px; margin-bottom: 3px; text-indent: -9999px; } ul#quickLinks li#buyersGuide a:link, ul#quickLinks li#buyersGuide a:visited { background: url(style/images/sprite-quickLinks.gif) 0 0 no-repeat; display: block; width: 280px; height: 53px; } ul#quickLinks li#dealers a:link, ul#quickLinks li#dealers a:visited { background: url(style/images/sprite-quickLinks.gif) 0 -53px no-repeat; display: block; width: 280px; height: 53px; } ul#quickLinks li#rentals a:link, ul#quickLinks li#rentals a:visited { background: url(style/images/sprite-quickLinks.gif) 0 -106px no-repeat; display: block; width: 280px; height: 53px; } ul#quickLinks li#clearance a:link, ul#quickLinks li#clearance a:visited { background: url(style/images/sprite-quickLinks.gif) -280px -159px no-repeat; display: block; width: 280px; height: 53px; } /* HOVER */ ul#quickLinks li#buyersGuide a:hover { background-position: -280px 0; height: 53px; } ul#quickLinks li#dealers a:hover { background-position: -280px -53px; height: 53px; } ul#quickLinks li#rentals a:hover { background-position: -280px -106px; height: 53px; } ul#quickLinks li#clearance a:hover { background-position: -280px -159px; height: 53px; } ul.email li a:link, ul.email li a:visited { display: block; width:223px; height: 40px; background: url(style/images/email.jpg) 0 0 no-repeat; text-indent: -9999px; } ul.email li a:hover { background-position: 0 -40px; } ul#news li { color: #000; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; } ul#news li#date, ul#news li#title { font-weight: bold; } /* SIDEBAR */ #sidebar { background: url(style/images/bg-sidebar.jpg) repeat-y; padding: 200px 0 25px 30px; width: 250px; float: left; color:#fff; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0 0 10px 10px; /* future proofing */ -khtml-border-radius: 0 0 10px 10px; /* for old Konqueror browsers */ } #subNav li a { font-size: 18px; font-style: italic; color: #fff; line-height: 25px; } #subNav2 li a { font-size: 14px; line-height: 25px; padding-left: 15px; } #sidebar.quote { background: url(style/images/bg-sidebar.jpg) no-repeat; padding-right: 10px; } #sidebar.quote h1 { font-size: 18px; font-style:italic; line-height: 28px; } /* #sidebar.pix { background: url(style/images/bg-sidebarPix-blue.jpg) no-repeat; height: 500px; } */ /* CANOE SELECTION */ .quickDescription { width: 260px; top: 10px; left: 300px; position: relative; } .quickDescription p { font-size: 12px; line-height: 16px; } ul#canoeSelection li { display: block; width: 580px; height: 160px; margin: 0 0 20px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; border: solid 1px #ecca84;/* for old Konqueror browsers */} ul#canoeSelection li:hover { display: block; width: 580px; height: 160px; margin: 0 0 20px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; border: solid 1px #000; /* for old Konqueror browsers */} ul#canoeSelection li#cedar { background: url(style/images/sprite-canoeSelection.jpg) 0 0 no-repeat; } ul#canoeSelection li#asymmetrical { background: url(style/images/sprite-canoeSelection.jpg) 0 -160px no-repeat; } ul#canoeSelection li#symmetrical { background: url(style/images/sprite-canoeSelection.jpg) 0 -320px no-repeat; } ul#canoeSelection li#kevlar { background: url(style/images/sprite-canoeSelection.jpg) 0 -480px no-repeat; } ul#canoeSelection li#specialized { background: url(style/images/sprite-canoeSelection.jpg) 0 -641px no-repeat; } ul#canoeSelection li#tutorial { background: url(style/images/sprite-canoeSelection.jpg) 0 -800px no-repeat; } ul#canoeSelection li#oldTown { background: url(style/images/sprite-kayakSelection.jpg) 0 0px no-repeat; } ul#canoeSelection li#ocean { background: url(style/images/sprite-kayakSelection.jpg) 0 -160px no-repeat; } ul#canoeSelection li#emotion { background: url(style/images/sprite-kayakSelection.jpg) 0 -320px no-repeat; } ul#canoeSelection li#pedal { background: url(style/images/sprite-boatSelection.jpg) 0 0px no-repeat; } ul#canoeSelection li#fishing { background: url(style/images/sprite-boatSelection.jpg) 0 -160px no-repeat; } ul#canoeSelection li#aluminum { background: url(style/images/sprite-boatSelection.jpg) 0 -320px no-repeat; } #product {margin:0 0 60px 0; padding:0; color:#48280b; font-size: 1.3em} #product p {line-height: 1.8em; color:#48280b; font-size: 13px} #product img {margin:0 0 20px 0} #product h1, .subPage h1 {font-size: 26px; font-style: italic; color:#48280b; font-weight: normal} table {width:100%; border-collapse: collapse; } .productTable {background-color:#f4deb7; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#48280b; clear: both; margin-bottom: 10px; } .productTable td {border:solid 1px #ecca82; padding:6px;} .trimTable {background-color: #98cccc; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#48280b;} .trimTable td {border:solid 1px #fff; padding:6px;} /* CLEARANCE */ #clearance {margin:0 0 20px 0; overflow: hidden} #clearanceContent { width:280px;} #toTop {margin:-20px 0 0 0; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#48280b;} /* FOOTER */ #footer { margin: 0 auto; width: 740px; padding: 25px 0; } #footer p { font: 16px Georgia, "Times New Roman", Times, serif; color: #3d1f00; padding: 10px 10px; text-transform: uppercase; } #footer p, #footer img { float: left; text-align: center; } #footer-box { background: url(style/images/bg-footer.gif) repeat-x #234755; height: 100px; color: #fff; } #footer-wrap { width: 880px; margin: 0 auto; padding-top: 25px; text-align: center; } #footer-wrap h2, #footer-wrap h2 a, #footer-wrap p, #footer-wrap p a { color: #fff; } #footer-padding { height: 200px; }