/* Description: The theme for Jo Ribeiro Site: http://www.scentedevents.co.uk Version: 1.0 Author: Roger Knight Author URI: http://attractmore.co.uk */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset, img {border:0; } address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;} ol, ul, li {list-style:none;} caption, th {text-align:left;} h1, h2, h3, h4, h5, h6 {font-size:100%;} a {text-decoration:none;} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong {font-weight:bold;} em {font-style:italic;} /* a { position:relative } /* Gets links displaying over a PNG background */ a img {border:none; } /* Gets rid of IE blue borders */ .clear {clear:both;} .external {background: url(../images/externalLink.gif) no-repeat top right; padding: 0 10px 0 0; display:inline-block;} .floatleft {float:left;} .floatright {float:right;} /*----------------------------------------------------- BODY AND CONTAINER --------------------------------------------------------*/ body {margin: 0px; padding: 0px; background-color:white; font-size: 90%; font-family:'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color: #38384b;} #container {margin: 0px auto; padding: 0px; width:900px; background-color:#4557a6; border:1px solid #4557a6; border-top:none;} /*----------------------------------------------------- HEADER --------------------------------------------------------*/ #header {height:100px; border-bottom:1px solid white; } #header h1 {height:1px; text-indent:-9999px; margin:0; padding:0;} #header p {font-size:24px; color:white; margin:36px 50px 0 0; text-align:right;} #header img {margin:7px 0 0 14px; padding:0; float:left;} /*---------------------------------------------------- NAV ----------------------------------------------------*/ /* LEVEL ONE */ ul.dropdown {position: relative; z-index:10000000000; } ul.dropdown li {font-weight: bold; float: left; zoom: 1; background: #4557a6; padding:3px 16px; color:white; } ul.dropdown li a {display: block; padding: 4px 8px; color: white; } ul.dropdown li a:hover {color: #F08080; } /*ul.dropdown li:last-child a {border-right: none; } /* Doesn't work in IE */ ul.dropdown li.hover, ul.dropdown li:hover {background: #4557a6; position: relative; } /*ul.dropdown li.hover a, ul.dropdown li:hover a {color: #F08080; }*/ /* LEVEL TWO */ ul.dropdown ul {width: 180px; visibility: hidden; position: absolute; top: 100%; left: 0; } ul.dropdown ul li {font-weight: normal; background: #4557a6; color: white; border-bottom: 1px solid #ccc; float: none; } /* IE 6 & 7 Needs Inline Block */ ul.dropdown ul li a {border-right: none; color:white; width: 100%; display: inline-block; } ul.dropdown ul.sub_menu li a:hover {color:#F08080;} /* LEVEL THREE */ ul.dropdown ul ul { left: 100%; top: 0; } ul.dropdown li:hover > ul { visibility: visible; } body#home #nav a.home, body#about #nav a.about, body#corporate #nav a.corporate, body#corporategallery #nav a.corporate, body#corporateproductsprices #nav a.corporate, body#parties #nav a.parties, body#partiesgallery #nav a.parties, body#homekit #nav a.homekit, body#fundraiser #nav a.fundraiser, body#favours #nav a.favours, body#scentbar #nav a.scentbar, body#scentbar #nav a.scentbar2, body#massage #nav a.massage, body#testimonials #nav a.testimonials, body#contact #nav a.contact {color:#F08080; cursor:default;} /*------------------------------------------------------ MAIN -------------------------------------------------------*/ #main {margin:0; padding:0; clear:both; background: white url(../images/content-bg.jpg) repeat-y center top;} #partiesgallery #main, #corporategallery #main {background-image:none;} #onecolumn {padding:0; width:900px;} /*----------------------------------------------------- CONTENT ------------------------------------------------------*/ #content {float:left; width:576px; padding: 0px; line-height:1.4em;} #content h3, #onecolumn h3 {padding:12px 0 16px 12px; font-size:110%;} #content p {padding:0 0 16px 12px;} #content h4 {padding:0 0 12px 12px;} #content .fancy {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:120%; color:#4557a6;} #content p.authorname {font-size: 85%; font-weight: bold; padding:0 0 6px 75px;} blockquote {margin:14px 0 0 16px; padding:0 0 0 40px; background:#fff url(../images/quote.gif) no-repeat left top; font-style:italic;} #content ul {padding:0 0 12px 12px; list-style-type:disc;} #content ul li {margin:2px 36px; list-style-type:disc;} #content a {text-decoration:none; color:#4557a6; border-bottom:#4557a6 2px solid;} #content a:hover {color:#F08080; border-bottom:#F08080 2px solid;} #content img {margin:6px 12px;} #content ul.packdetails {margin:0 0 0 36px; list-style-type:none;} #content ul.packdetails li {list-style-type:none;} #content ul li.subtext {margin:0; padding:0 0 9px 0; line-height:1em;} .subtext {font-size:80%; padding-right:12px;} .centred {text-align:center;} .indent {margin-left:36px;} #content a.button {background-color:#4557a6; display:block; margin:0 0 12px 48px; color:white; padding:8px; text-decoration:none; text-align:center; line-height:1.4; border:3px solid #e0e0e0;} .gallery {width:20em;} .buy {width:8em;} #content a.button:hover {color:#F08080; border:3px solid #F08080;} #content .calloutbox {background-color:#E0E0E0; float:right; width:150px; margin:0 0 16px 16px;} #content .portrait {border-bottom:10px solid #fff; border-left:none; border-right:none; border-top:10px solid #fff; margin:0 30px;} #content .portrait p {margin:0 -20px; padding:0.8em; background-color:#fff; font-style:italic; text-align:center; font-size:105%;} /*------------------------------------------------- SIDEBAR --------------------------------------------------*/ #sidebar {width:322px; margin:0; padding:0; float:right; overflow: hidden;} #sidebar img {float:right; margin:0; padding:12px 16px 12px 0;} #show {width:290px; height:450px; margin:20px 0 0 28px;} /*---------------------------------------------- FOOTER -------------------------------------------------*/ #footer {clear:both; background-color:#4557a6; font-size:13px;} #footer ul {margin: 0; padding:12px 0; text-align: center;} #footer ul li {list-style-image: none; list-style-type: none; margin: 0; padding: 0 50px; display: inline; color:white;} #footer a, #footer a:visited {color: white; text-decoration: none; border-bottom: 1px dotted #eaeaea; } #footer a:hover {color:#F08080; border-bottom:#FF66FF 1px solid;} /*---------------------------------------------------------------- FORM -----------------------------------------------------------------*/ form#enquiryform {margin: 0 10px 5px 0px; width:450px;} fieldset {padding:0px 0 0 10px; margin:0px; width: 98%; border:0;} label {display:block; padding:8px 0 0 0; font-size:90%;} input {width:300px;} select {width:200px;} textarea.address {width:200px; height:100px;} textarea.msg {width:300px; height:200px;} input:focus, textarea:focus, select:focus, button:focus, input:hover, select:hover, button:hover, textarea:hover {background-color:#FAD0D0;} .required {font-size:80%; color:#cc0000;} .advice {font-size:80%;} button {width:8em; padding:0.2em 0; margin:12px 1em 0.5em 0;} /*---------------------------------------------------------------- FORM -----------------------------------------------------------------*/ table#corporateproducts {margin: 6px 0 12px 100px; text-align:left;} table#corporateproducts td {padding: 0 50px 6px 6px;} table#corporateprices {margin: 6px 0 1px 100px; text-align:left;} table#corporateprices td {padding: 3px 20px 3px 3px; border-top:#4557a6 dotted 1px;} table#corporateprices td.lastrow {border-bottom:#4557a6 dotted 1px;}