/*----------------------------------------------------------------------------- Style Sheet for Jackie Raw - Homeopath Barnsley version: 1.0 author: Roger Knight email: roger@attractmore.co.uk Colours Rust #C04818 Beige #A8A878 Fawn #DCC687 Gold #B9910A Brown #484830 -----------------------------------------------------------------------------*/ /* 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;} hr {margin:0 49px 10px 0; color:#DCC687;} /*----------------------------------------------------- BODY, CONTAINER AND MAIN --------------------------------------------------------*/ body {margin:12px auto; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1.4em; color:#484830; background: #DCC687;} #container {width:960px; margin:0 auto; border:0px solid #858963; background-color:#DCC687;} #main {background-color:#DCC687; border:7px solid #484830;} #allcontent {border:0px solid #DCC687; background-color:#DCC687;} #contentsidebar {color:#484830; border-top: 1px solid white; margin: 12px 0 0 0;} /*-------------------------------------------------------- HEADER --------------------------------------------------------*/ #header {background-color: #A8A878;} #header h1 {color:#484830; text-align:center; font-size:170%; padding:1em 0 ;} /*-------------------------------------------------------- NAVIGATION --------------------------------------------------------*/ #nav {padding: 0; margin:0;} #nav ul {text-align:center; list-style-type:none; margin-top:12px;} #nav ul li {float: left; list-style-type:none; margin-right:12px;} #nav ul li a.home {margin-left:75px;} #nav ul li a {color:white; font-size:100%; background-color:#C04818; display:block; width:7.5em; line-height:2.5em; text-decoration:none; float:left; text-transform:lowercase; font-weight:bold;} #nav ul li a:hover, #nav ul li a:focus {background-color:#B9910A; color:white;} body#home #nav a.home, body#homeopathy #nav a.homeopathy, body#nhs #nav a.nhs, body#about #nav a.about, body#practice #nav a.practice, body#articles #nav a.articles, body#contact #nav a.contact {background-color: #B9910A; color:#fff; cursor:default;} /*------------------------------------------------------------ CONTENT --------------------------------------------------------------*/ #content {width:600px; float:right; padding-top:12px;} #content h2, #content h3 {padding-left:0; margin:10px 49px 10px 0;} #content h2 {font-size:120%;} #content h3 {font-size:105%;} #content p {margin:0 49px 10px 0; text-align:justify;} #content a, #content a:visited, #sidebar a, #sidebar a:visited {color:#C04818; text-decoration: none; border-bottom: 1px dotted #C04818;} #content a:hover, #content a:focus, #sidebar a:hover, #sidebar a:focus {border-bottom: 1px solid;} #content .calloutbox {background-color:#B9910A; float:left; width:150px; margin:8px 14px 0px 0;} #content .portrait {border:10px solid #DCC687; border-left:none; border-right:none; margin:0 30px;} #content .portrait p {margin:0 -20px; padding:1.3em; background-color:#Dcc687; font-style:italic; text-align:center;} #content ol, #content ul {margin-bottom:12px;} #content ul li {margin-left:24px;} #content ol li {font-size:80%; margin-right: 49px; margin-left:16px;} #content ul.address li {list-style-type:none;} #clinicmap {width:400px; height:400px; margin: 0 0 12px 24px;} #content cite {font-size:xx-small; vertical-align:super;} #articles #content img {border:#484830 1px solid; padding:5px; margin:0 38px 6px 0;} /*-------------------------------------------------------- SIDEBAR --------------------------------------------------------*/ #sidebar {width:340px; float:left; padding-top:0px; overflow:hidden;} #sidebar p {margin:0; text-align:center; font-size:70%} #sidebar img {margin:16px 0 0 75px; } /*------------------------------------------------------------ FOOTER --------------------------------------------------------------*/ #footer {clear:both; width:960px; font-size: 85%; margin:1em auto; } #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:#C04818; text-decoration: none; border-bottom: 1px dotted #C04818;} #footer a:hover, #footer a:focus {border-bottom: 1px solid;} #footer.accessibility a#accessibility, #footer.privacy a#privacy, #footer.terms a#terms {color:#0E702A; background-color:#cfc6b5; text-decoration:none; cursor:default;} /*------------------------------------------------------------ IMAGES -------------------------------------------------------------*/ .external {background-image: url(../images/externalLink.gif); background-repeat: no-repeat; background-position: right top; padding-right: 10px;} .email {background: url(../images/email.png) no-repeat top right; padding: 0 14px 0 0; display:inline-block;} /*---------------------------------------------------------------- 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;} textarea {font-family:Arial, Helvetica, sans-serif;} textarea.msg {width:300px; height:200px;} input:focus, textarea:focus {background-color:#F5FE92;} .required {font-size:80%; color:#cc0000;} .advice {font-size:80%;} button {width:8em; padding:0.2em 0; margin:10px 1em 0.5em 0;} /*---------------------------------------------------------------- MISCELLANEOUS -----------------------------------------------------------------*/ .floatRight {float: right;} .floatLeft {float: left;} table#accesskeys {margin: 0 0 1em 1em;} table#accesskeys th, table#accesskeys td {padding: 0.1em 1em; text-align: left; border: 1px dotted #2B457E;}