/* ----------------------------------------- Stylesheet for East Side Ski & Sport - www.eastsideskiandsport.com Author: cdeVision.com Copyright: (c)2009 cdeVision Created: June 2009 -------------------------------------------- */ body {background:#fff url(images/bg.png) top center repeat-y; margin:0; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; color:#000;} h1, h2, h3 {padding:0; margin:0;} h2 {font:normal 22px Georgia, Times, "Times New Roman", serif; color:#fff; padding:0 0 12px 0;} /* page titles */ /* sub-titles */ h3 {font:normal 20px Georgia, Times, "Times New Roman", serif; color:#839B44; padding:0 0 12px 0;} p {margin:0; padding:0 0 15px 0; line-height:18px;} p.intro {font:normal 14px verdana,arial,helvetica,sans-serif; line-height:22px; padding:0 0 15px 0;} p.error {padding:0 0 0 20px !important; background:url(images/warning.gif) 0 0 no-repeat; color:#de0000;} /* for contact form */ ul, ol {padding:0; margin:0 0 12px 25px;} li {line-height:17px; padding:0 0 2px 0; } ul.nobullets {margin:0; padding-bottom:6px; list-style:none;} div.rule {height:1px; padding:0; margin:8px auto; color:#4D4D45; background-color:#4D4D45;} img {border:0;} label {display:none;} .clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;} .skiplink {display:none;} /* ---- links ----------------------------------------- */ a {color:#8F9438; text-decoration:underline;} a:visited {color:#8F9438;} a:hover {color:#76766C; text-decoration:none;} a:active {color:#8F9438;} a:active, a:focus {outline:none;} a.button {background:#31371A; border:1px solid #687440; text-decoration:none; font-weight:bold; font-size:12px; color:#fff; padding:4px 5px 4px 5px;} a.button:hover {background:#6F0202;} /* ---- ids & classes ----------------------------------------- */ #homewrap {background:transparent url(images/bg-homewrap.png) top center no-repeat; width:100%; position:relative; z-index:1;} #frame {width:825px; background:#fff; margin:22px auto 10px; position:relative;} #logo {position:absolute; top:10px; left:-55px; background:transparent url(images/logo.png) no-repeat; width:281px; height:169px; z-index:20;} #logo h1 {text-indent:-4000px;} #logo a {display:block; width:281px; height:150px;} #headerhome {width:825px; height:115px; background:transparent url(images/bg-headerhome.jpg); position:relative; z-index:10;} #header {width:825px; height:115px; background:transparent url(images/bg-header.jpg); position:relative; z-index:10;} #navmenu {color:#000; font-weight:bold; position:absolute; top:28px; right:22px;} #menuwrapper {margin:0; padding:0; list-style:none; z-index:50;} /* Drop-down menus: see p7exp.css for menuwrapper styles */ /* Home page styles */ #homebox {width:825px; height:301px; background:url(images/bg-homebox.jpg) no-repeat;} #home01 {position:absolute; top:165px; left:-80px; width:332px; height:276px; background:url(images/home01.png) no-repeat; z-index:200;} #home02 {position:absolute; top:108px; left:210px; width:380px; height:315px; background:url(images/home02.png) no-repeat; z-index:100;} #home03 {position:absolute; top:170px; left:540px; width:273px; height:245px; background:url(images/home03.png) no-repeat; z-index:200;} /* Interior page styles */ #title {width:825px; height:85px;} #title h1 {display:none;} .about {background:url(images/title-about.jpg) no-repeat;} .contact {background:url(images/title-contact.jpg) no-repeat;} .locations {background:url(images/title-locations.jpg) no-repeat;} .rates-ski {background:url(images/title-rates-ski.jpg) no-repeat;} .rates-winter {background:url(images/title-rates-winter.jpg) no-repeat;} .rates-bike {background:url(images/title-rates-bike.jpg) no-repeat;} .products {background:url(images/title-products.jpg) no-repeat;} .service {background:url(images/title-service.jpg) no-repeat;} .blank {background:url(images/title-blank.jpg) no-repeat;} .gap {height:12px; width:825px; background:#fff url(images/bg-gap.gif) repeat-y;} #content {width:825px; background:#fff url(images/bg-content.gif) repeat-y;} #lcol {float:left; width:150px; margin-left:30px; font-size:11px; background:#fff;} #lcol p {line-height:14px;} #mailinglist {background:#fff; margin-bottom:40px;} #mailinglist p {padding-bottom:8px;} #mailinglist label {display:none;} #mailinglist form {margin:0; font-size:11px; font-family:verdana,arial,helvetica,sans-serif;} #mailinglist input {margin:0 0 8px 0; padding:3px; width:140px; background:#fff; border:1px solid #ccc; font-size:11px; color:#666; font-family:verdana,arial,helvetica,sans-serif;} #mailinglist input.button {width:60px; font-weight:bold; color:#000; padding:2px; background:#b7b69d; border:0; margin:0;} #facebook {} #facebook p {padding:0 0 6px 0;} #facebook a {display:block; text-indent:-4000px; background:url(images/icon-facebook.gif) no-repeat; width:32px; height:32px;} #rcol {float:right; width:555px; margin-right:40px; background:#fff;} #rcol img {display:block; margin:2px 0 20px 0;} table {} table td {vertical-align:top; width:50%;} table#products {width:90%;} table#products td {vertical-align:top; width:50%;} table#products img {} #rates table{margin:0 0 12px 0; border-collapse:collapse; width:100%; font-size:11px;} #rates table thead {background:#eee;} #rates table td {border:1px solid #ccc; padding:5px;} #contentbottom {width:825px; height:27px; background:url(images/bg-contentbottom.gif) no-repeat;} #footer {background:#630; color:#fff; font-size:10px; width:821px; margin:0 auto;} #footer p {float:left;} #footer p#props {float:right;} #footer p#props a {color:#fff;} #footer p#props a:hover {color:#d5be9f;} /* ---- forms ----------------------------------------- */ form {margin:0;} input, textarea, select, option {font-family:verdana,arial,helvetica,sans-serif;} input {border:1px solid #ccc; width:300px;} textarea {border:1px solid #ccc; width:300px; height:120px;} input.button {font-weight:bold; color:#000; padding:2px; background:#b7b69d; width:80px;} input.nostyle {padding:0; border:0; width:auto;} /* form tables */ table#formTable {margin:10px 0 10px 0; border:0 !important;} table#formTable td {vertical-align:top; padding:6px 4px; border:0 !important;} table#formTable td.right {text-align:right;} /* ---- admin panel styles -------------------- */ #adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:0; top:0; border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:170px; z-index:100;} #adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;} #adminmenu table td {padding:3px;} #adminmenu img {margin-left:6px;} #adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;} #adminmenu a:hover {color:red;}