/* Theme Name: Starkers Theme URI: http://elliotjaystocks.com Description: The theme for Lucy Craske Version: 1.0 Author: Roger Knight Author URI: http://attractmore.co.uk blue: #3F608B pale yellow: #FFFFD4 gold: #BC9023 */ /* 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, img {border:none; } /* Gets rid of IE blue borders */ .clear {clear:both;} .floatright {float:right;} .floatleft {float:left;} /*----------------------------------------------------- BODY AND CONTAINER --------------------------------------------------------*/ body {margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.4em; color:#000; background-color:white; background-image:url(../../../images/bg.gif); background-repeat:repeat; background-position:center;} #container {width:770px; margin:0 auto; background-color:white;} /*----------------------------------------------------- HEADER --------------------------------------------------------*/ #header {background-color:white; border-bottom:#3F608B 12px solid;} #header h1 {position:relative; width:770px; height:154px; overflow:hidden;} #header h1 span {position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../../../images/Full-LC-header.jpg); background-repeat:no-repeat;} #header p {position:relative; width:770px; height:40px; overflow:hidden;} #header p span {position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../../../images/health-beauty-salon.jpg); background-repeat:no-repeat;} #header img {margin:0; padding:0; border:none;} /*------------------------------------------------------- WRAPPER AND CONTROLS -------------------------------------------------------*/ #wrapper {padding:0 8px;} #controls {padding:0.5em 0 0 0; color:#3F608B; font-size:90%; text-align:right; line-height:120%; float:right;} #controls a {color:#3F608B;} #controls a:hover, #controls a:focus {text-decoration:underline;} /*-------------------------------------------------------- SLIDESHOW PANEL ---------------------------------------------------------*/ #slideshow-panel {width:100%; height:200px; background-color:#3F608B; } #panel-1 ul#timetable {text-align:right; padding: 10px 80px 0 0;} #panel-1 ul#timetable li {padding-left:50px;} #panel-1 ul#timetable span {text-align:left; float:left;} #panel-1 ul#timetable li em {padding-right:3em;} #panel-1 ul#timetable li br {clear:both;} #panel-1, #panel-3 {width:330px; height:200px; float:left; color:white;} #show {width:350px; height:200px; float:left;} /*-------------------------------------------------------- NAVIGATION ---------------------------------------------------------*/ #nav {padding: 0; float:left; width:100%;} #nav ul {width:100%; float:left; margin:0; background-color: #3F608B; padding:1em 0; text-align:center;} #nav ul li {display:inline;} #nav ul li a {color:white; font-size:100%; padding:3px 9px; /*-moz-border-radius: 3px; -webkit-border-radius:3px;*/} #nav ul li a:hover, #nav ul li a:focus {background-color:#BC9023; color:white;} body#home #nav a.home, body#about #nav a.about, body#gifts #nav a.gifts, body#treatments #nav a.treatments, body#recruitment #nav a.recruitment, body#news #nav a.news, body#boutique #nav a.boutique, body#promotions #nav a.promotions, body#contact #nav a.contact {background-color:#BC9023;color:white;} /*------------------------------------------------------------ CONTENT --------------------------------------------------------------*/ #content {width:99%; float:left; color:#3F608B;} #content h2 {padding:0.5em 0;} #content h3 {padding:0.25em 0; font-variant:small-caps; font-size:110%; clear:both; border-top:1px solid #3F608B;} #content p {padding:0 0 0.5em 0; text-align:justify;} #content .half p {padding:0 0 0.5em 0; text-align:left;} #content .half p strong {padding:3em 0 0.5em 0; text-align:left; font-weight:bold;} #content ul {padding:0.5em 0;} #content li {padding:0 24px; margin-left:20px; background-image:url(../../../images/cur.gif); background-position:left; background-repeat:no-repeat; } #content li a {color:#3F608B; border-bottom:1px dotted #BC9023;} #content li a:hover {border-bottom:1px solid #3F608B;} #content a {color:#3F608B; border-bottom:1px dotted #BC9023;} #content a:hover {border-bottom:1px solid #3F608B;} #content .ppclear {clear:both; padding:0;} #content .price {float:right; font-weight:bold; padding:8px 0 0 0; } #content .product {float:left; font-weight:bold; padding: 8px 0 0 0; } #content .time {float:right; font-weight:bold; padding:8px 0 0 0; margin-right:6px; } #content a.back {display:block; width:13em; padding:0.2em; line-height:1.4; background-color:#3F608B; border:1px solid black; color:white; text-decoration:none; text-align:center; margin: 1em 0 0 3em;} #content a.back:hover {background-color:#BC9023;} .half {width: 45%; float: left; padding: 5px 30px 5px 0; margin: 0; overflow: hidden;} #content img.alignright {float:right; padding:6px 0 6px 12px;} #content img.alignleft {float:left; padding:6px 12px 6px 0;} #content img.aligncenter {margin:6px auto; display:block;} #content textarea {height:150px; margin:0; padding:0; width:70%;} #content blockquote {font-weight:bold; font-style:italic; margin-left:36px;} #content a.facebook {background:url(../../../images/facebook.png) left no-repeat; padding-left:20px;} /*------------------------------------------------------------ FOOTER --------------------------------------------------------------*/ #footer {clear:both; width:100%; font-size: 85%; border-bottom:#3F608B 4px solid; border-top:#3F608B 4px solid; color:#3F608B; margin-top:1em; } #footer p {padding:8px; margin:0px; text-align: center;} #footer ul {margin: 0; padding:8px 0; text-align: center;} #footer ul li {list-style-image: none; list-style-type: none; margin: 0; padding: 0 8px; display: inline;} #footer a, #footer a:visited {color:#3F608B; text-decoration: none; border-bottom: 1px dotted red;} #footer a:hover, #footer a:focus {border: none;} #hcard-Lucy-Craske {line-height:1.25em;} #hcard-Lucy-Craske .fn {font-weight:bold;}