/* ----------------------------------------- Stylesheet for SH&Q - www.sullianandhayes.com Author: cdeVision.com (Bronwen Hodgkinson) Copyright: (c)2011 cdeVision Created: September 2011 Amended: (note date and by whom and any notes) -------------------------------------------- */ body {background:#7F8893 url(images/bg.png) repeat-x; margin:0; font-family:"Times New Roman",serif; font-size:12px; /*color:#7B848F;*/ color:#666;} h1, h2, h3, h4 {padding:0; margin:0;} h1 span, h2 span {display:none;} p {margin:0; padding:0 0 14px 0; line-height:23px;} ul, ol {margin:0 0 0 15px; padding:0 0 8px 0;} li {line-height:19px; padding-bottom:4px;} ul li ul {padding:4px 0 0px 0; margin:0 0 0 15px;} ul li ul li {line-height:19px; padding-bottom:4px;} .rule {background:url(images/rule.png) no-repeat; width:450px; height:31px; margin:0 auto 20px;} img {border:0;} .clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;} .skiplink {display:none;} p.error {padding:0 0 20px 0 !important; color:#800; text-align:center; font-style:italic; font-size:13px;} /* ---- links ----------------------------------------- */ a {color:#666; text-decoration:none;} a:visited {color:#666;} a:hover {color:#000; text-decoration:underline;} a:active {color:#666} a:active, a:focus {outline:none;} /* ---- forms ----------------------------------------- */ form {margin:0;} input, textarea, select, option {} textarea {} input.button {} /* ---- ids & classes ----------------------------------------- */ #frame {width:850px; background:#fff; margin:50px auto 10px; border:1px solid #8c959e;} #header {width:850px; height:175px; border-bottom:1px solid #7B848F; position:relative;} a#logo {display:block; width:360px; height:119px; position:absolute; top:22px; left:28px;} a#logo img {display:block; margin:0;} #bizname {display:none;} #tagline {display:none;} h3#label {background:#7697B9; color:#fff; text-transform:uppercase; font-weight:normal; font-size:12px; letter-spacing:1px; height:39px; line-height:39px; width:185px; text-align:center; position:absolute; top:0; right:0;} #navmenu {border-bottom:1px solid #7B848F;} #navmenu ul {list-style:none; margin:0; padding:0;} #navmenu li {display:block; float:left; margin:0; padding:0 10px;} #navmenu a {color:#7B848F; display:block; height:30px; line-height:30px; padding:0 12px; text-transform:lowercase; font-size:13px;} #navmenu a.on, #navmenu a:hover {color:#fff; background:#7697B9; text-decoration:none;} #content {background:url(images/bg-content.gif) repeat-y;} #lcol {width:290px; float:left; padding-top:70px;} #lcol h3 {font-size:13px; font-weight:normal; text-transform:uppercase; letter-spacing:1px; margin-left:30px; padding-bottom:10px;} #lcol ul {list-style:none; margin:0 30px 30px 30px; padding:0;} #lcol li {margin:0; padding:0;} #lcol a {color:#7B848F; font-size:13px;} #lcol a.on, #lcol a:hover {color:#729BC7; text-decoration:none;} #lcol img {display:block; margin:0 0 0 30px;} #lcol p.caption {margin:10px 30px 0 30px; padding:0; line-height:17px;} #mainwrap {width:559px; float:right; background:#AFC2D7 url(images/bg-mainwrap.png) repeat-x;} #main {width:535px; margin:12px auto; min-height:450px; background:/*#7697BA*/ #bfcedf url(images/bg-main.png) repeat-x; position:relative;} #watermark {position:absolute; top:25px; left:40px; background:transparent url(images/watermark.png); width:380px; height:272px; z-index:50;} #main #pad {padding:40px 40px 30px 40px; position:relative; z-index:150;} #main a {text-decoration:underline;} #main a:hover {text-decoration:none;} #main span.allcaps {text-transform:uppercase; letter-spacing:1px;} /* Home page */ #rc {background:#fff; width:230px; margin-left:30px; height:300px; position:relative; padding-top:0px;} ul.tabs {margin:10px 0 0 0 !important; padding:0; list-style:none;} ul.tabs li {margin:0; padding:0 15px 0 0 !important; float:left; display:block;} ul.tabs li a {color:#555 !important; display:block; text-align:center; width:20px; height:20px; line-height:20px; background:#7697B9;} ul.tabs li a:hover {color:#fff} ul.tabs li a.current {color:#fff !important} div.panes {} div.panes p {padding:0 0 10px 0; line-height:17px;} div.panes a {color:#666; text-decoration:underline; font-size:12px !important;} div.panes p:last-child {padding:0;} div.panes img {margin:5px 0 10px 0 !important;} div.panes div {} #videobox {margin:0 0 10px 0;} a.caps {text-transform:uppercase; letter-spacing:1px;} /* Team page */ ul#teamlist {text-transform:uppercase; letter-spacing:1px;} #teampic {margin-bottom:10px;} #teampic img {display:block; margin:0; /*border:10px solid #A0B9D8;*/ padding:10px; background:#AFC2D7 url(images/bg-mainwrap.png) repeat-x;} p#memberinfo {line-height:20px; padding:0 0 20px 0;} p#memberinfo a {text-decoration:none;} /* Practices page */ ul#practicelist {} ul#practicelist li {line-height:15px; padding-bottom:6px;} /* Contact page */ img#map {display:block; margin:10px 0 0 0; border:10px solid #A0B9D8;} #mapbox {margin:0; /*border:10px solid #A0B9D8;*/} #mapwrap {margin-top:10px; padding:10px; background:#AFC2D7 url(images/bg-mainwrap.png) repeat-x; width:430px; height:350px;} #footer {color:#555; width:850px; margin:0 auto; padding-bottom:20px; position:relative;} #disclaimer {position:absolute; top:0; left:0;} #disclaimer a {text-decoration:underline; color:#555;} #disclaimer a:hover {color:#000; text-decoration:none;} #footer p {padding:0; text-align:right;} #footer span {text-transform:uppercase; letter-spacing:1px;} /* ---- forms ----------------------------------------- */ form {margin:0; z-index:100; position:relative;} input, textarea, select, option {font-family:"Times New Roman", Times, serif; font-size:12px; z-index:100; position:relative;} input {border:1px solid #999; width:300px; padding:2px} textarea {border:1px solid #999; width:300px; height:180px;} input.button {background:#7B848F; color:#fff; width:80px; border:none;} /* form tables */ table#formTable {margin:10px auto 0; border:0 !important; z-index:100;} table#formTable td {vertical-align:top; padding:4px; font-size:12px; 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:0px; 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;}