/* Theme Name: Greenbrook Theme URI: http://greenbrookhealthcare.com/ Description: First draft Greenbrook layout. Version: 0.1 Author: David Kerley Author URI: http://dkltd.net/ Greenbrook v0.1 http://dkltd.net/ This theme was designed and built by David Kerley, whose blog you will find at http://dkltd.net/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Globals ---------------------------------------------------------------------------------------------- */ * { font-family:Trebuchet MS,Helvetica,Sans-Serif;} /* Layout ---------------------------------------------------------------------------------------------- */ body,html { margin:0px;padding:0px;height:100%;margin-bottom:1px;} #wrap { margin:auto;width:740px;overflow:auto;margin-top:45px;} #navigation { width:740px;height:90px;background:url(images/logo.jpg) no-repeat;} #navigation #logo { width:330px;height:75px;float:left;} #navigation #logo a { display:block;width:100%;height:100%;} #navigation #nhs { float:right;height:45px;} #navigation #menu { float:right;height:28px;width:364px;} #navigation #menu a.home { float:left;background:url(images/home_link.gif) no-repeat;display:block;height:28px;width:55px;} #navigation #menu a:hover.home { background:url(images/home_hover.gif) no-repeat;} #navigation #menu a.home_sel { float:left;background:url(images/home_hover.gif) no-repeat;display:block;height:28px;width:55px;} #navigation #menu a.practice { float:left;background:url(images/practice_link.gif) no-repeat;display:block;height:28px;width:122px;} #navigation #menu a:hover.practice { background:url(images/practice_hover.gif) no-repeat;} #navigation #menu a.practice_sel { float:left;background:url(images/practice_hover.gif) no-repeat;display:block;height:28px;width:122px;} #navigation #menu a.about { float:left;background:url(images/about_link.gif) no-repeat;display:block;height:28px;width:90px;} #navigation #menu a:hover.about { background:url(images/about_hover.gif) no-repeat;} #navigation #menu a.about_sel { float:left;background:url(images/about_hover.gif) no-repeat;display:block;height:28px;width:90px;} #navigation #menu a.contact { float:left;background:url(images/contact_link.gif) no-repeat;display:block;height:28px;width:90px;} #navigation #menu a:hover.contact { background:url(images/contact_hover.gif) no-repeat;} #navigation #menu a.contact_sel { float:left;background:url(images/contact_hover.gif) no-repeat;display:block;height:28px;width:90px;} #mast { width:740px;height:200px;margin-top:20px;overflow:hidden;} #mast .block { background-color:#92bf62;width:250px;border-right:1px solid white;float:left;} #mast .img { float:left;} #panel { border-right:1px solid #e5e5e5;padding-bottom:30px;padding-top:15px;padding-right:10px;float:left;width:240px;font-size:18px;color:#62ac57;font-weight:normal;} #panel h2 { letter-spacing:-1px;color:#62ac57;font-weight:normal;font-size:18px;margin:0px;margin-bottom:4px;margin-top:0px;} #panel h3 { letter-spacing:-1px;color:#62ac57;font-weight:normal;font-size:18px;margin:0px;margin-bottom:4px;margin-top:5px;} #panel p { margin:0px;margin-bottom:10px;font-size:13px;color:#333333;} #panel .arrow { color:#006342;} #panel a { text-decoration:none;color:#62ac57;} #panel a:hover { text-decoration:underline;} #panel a.selected { color:#006342;} #quicklinks { background-color:#f4f7ea;padding:5px;margin-top:20px;} #quicklinks h3 { margin-top:0px;letter-spacing:-1px;font-size:22px;color:#376031;} #quicklinks h4 { letter-spacing:-1px;font-size:16px;color:#376031;} #quicklinks ul { list-style:url(images/pointer.gif);margin-top:0px;margin-left:1em;padding-left:1em;font-size:13px;color:#333333;} #quicklinks li { margin:0px;padding:0px;margin-bottom:5px;} #quicklinks a { color:#333333;} #content { float:left;width:480px;margin-left:-1px;border-left:1px solid #e5e5e5;padding-bottom:30px;} #content h1 { margin-top:13px;letter-spacing:-1px;padding-left:10px;border-bottom:1px solid #e5e5e5;font-weight:normal;color:#62ac57;font-size:20px;text-transform: uppercase;} #content h2 { letter-spacing:-1px;padding-left:10px;font-weight:normal;color:#62ac57;font-size:18px;margin:0px;margin-bottom:4px;margin-top:5px;} #content h2 a { text-decoration:none;} #content h2 a:hover { text-decoration:underline;} #content h3 { padding-left:10px;letter-spacing:-1px;color:#006b4b;font-weight:normal;font-size:18px;margin:0px;margin-bottom:4px;margin-top:5px;} #content h3 em { margin-left:8px;color:#93c063;} #content h3 a { color:#006b4b;} #content h3 a:hover { text-decoration:none;} #content h4 { clear:both;margin-top:13px;margin-bottom:13px;letter-spacing:-1px;padding-left:10px;border-bottom:1px solid #e5e5e5;font-weight:normal;color:#62ac57;font-size:20px;text-transform: uppercase;} #content a { color:#006342;} #content p { margin:0px;margin-left:10px;margin-bottom:10px;font-size:14px;color:#333333;} #content ul { list-style:url(images/tri.gif);margin-top:0px;font-size:14px;color:#333333;} #content li { margin-top:0px;margin-bottom:5px;} #footer { clear:both;font-size:10px;font-weight:bold;color:#404040;border-top:1px solid #e5e5e5;padding:15px 0px 50px 0px;} #footer .links { float:left;} #footer .copy { float:right;} #footer a { text-decoration:none;color:#404040;} #footer a:hover { text-decoration:underline;} /* Practices ---------------------------------------------------------------------------------------------- */ #content #telephone { margin:0px;margin-left:10px;margin-bottom:0px;font-size:36px;color:#006443;letter-spacing:-1px;} #content #address { margin:0px;margin-left:10px;margin-bottom:20px;font-size:18px;color:#006a49;letter-spacing:-1px;} #content #staff { margin:0px;margin-left:10px;margin-bottom:0px;font-size:15px;font-weight:bold;color:#006a49;} #content #day { display:block;float:left;width:90px;} #find { height:23px;padding:5px;margin-right:15px;margin-bottom:30px;background-color:#92bf62;color:#FFFFFF;font-size:12px;font-weight:bold;} #find #SearchTerm { float:left;background-color:#f4f7ea;border:1px solid #ffffff;color:#203c41;font-size:12px;font-style:italic;font-weight:normal;width:140px;padding-left:3px;} #find .sendbutton { float:right;} #panel h4 { letter-spacing:-1px;color:#62ac57;font-weight:normal;font-size:18px;margin:0px;margin-bottom:4px;} #panel p { margin:0px;margin-bottom:10px;font-size:13px;color:#333333;} #panel p a { font-weight:bold;color:#006a49;} #SearchResult { background-color:#f2f2f2;border:1px solid #666;padding:5px;margin-right:15px;margin-bottom:30px;} #SearchResult p { margin:0px;margin-bottom:0px;font-size:13px;color:#333333;} /* Odds & Ends ---------------------------------------------------------------------------------------------- */ #iFrame { width:0px;height:0px;border:0px;} #clearfix { clear:both;} table { margin-left:8px;margin-bottom:15px;font-size:13px;} th { padding:5px;border:1px solid #ccc;background-color:#f2f2f2;} td { padding:5px;border:1px solid #f2f2f2;} .feature { margin-left:10px;overflow:auto;margin-bottom:20px;} .feature img { float:left;background-color:#f2f2f2;width:240px;height:150px;} .feature #txt { float:right;width:215px;font-size:13px;} .feature #link { background:url(images/pointer.gif) no-repeat 0px 5px;padding-left:15px;text-decoration:none;} .feature #link:hover { text-decoration:underline;} .feature #txt p { margin-left:0px;font-size:13px;line-height:13px;color:#376031;} .feature #find { float:left;width:230px;background:url(images/hounslowPCT.jpg) no-repeat;height:60px;padding:5px;padding-top:144px;margin:0px;background-color:#92bf62;color:#FFFFFF;font-size:12px;line-height:13px;font-weight:bold;} .feature #find p { margin:0px;padding:0px;margin-bottom:2px;color:#ffffff;font-size:11px;} .feature #find #SearchTerm { float:left;background-color:#f4f7ea;border:1px solid #ffffff;color:#203c41;font-size:12px;font-style:italic;font-weight:normal;width:150px;margin:0px;padding:0px;} .feature #find .sendbutton { float:right;margin:0px;padding:0px;} .feature ul { list-style:url(images/pointer.gif);margin-top:0px;margin-left:1em;padding-left:1em;font-size:13px;color:#333333;} .feature li { margin:0px;padding:0px;margin-bottom:5px;} .feature a { font-weight:bold;color:#333333;} /* Forms ---------------------------------------------------------------------------------------------- */ form {margin:0px;border:0px;} #form { font-size:13px;padding:5px;margin:0px;border:0px;margin-left:10px;width:420px;background-color:#fafafa;} #form td { border:0px;vertical-align:top;color:#666;} #form td.label { width:150px;font-weight:bold;} #form td.label em { font-weight:normal;font-style:italic;font-size:9px;display:block;} #form td.label em.inline { font-weight:normal;font-style:italic;font-size:9px;display:inline;} #form td.spanlabel { width:460px;font-weight:bold;color:#666;padding-bottom:0px;} #form td.set { width:460px;font-weight:bold;color:#000;padding-top:15px;} #form td.set em { font-weight:normal;font-style:italic;font-size:9px;} #form td.note { font-style:italic;font-size:11px;} #form input,#form textarea { font-size:13px;font-family:Trebuchet MS,Helvetica,Sans-Serif;border:1px solid #abadb3;} #form input.sendbutton { padding:5px;margin:0px;font-size:1em;color:#ffffff;font-weight:bold; border:1px solid #006b4b;background-color:#62ac57;} #health { text-align:left;font-size:11px;margin:0px;border:0px;background-color:#FFFFFF;} #health th { vertical-align:bottom;font-weight:bold;border:1px solid #fafafa;background-color:#fafafa;} #health td { width:25%;border:0px;vertical-align:top;color:#666;border:1px solid #fafafa;} #relatives { text-align:left;font-size:11px;margin:0px;border:0px;background-color:#FFFFFF;} #relatives th { vertical-align:bottom;font-weight:bold;border:1px solid #fafafa;background-color:#fafafa;} #relatives td { width:10%;text-align:center;border:0px;vertical-align:top;color:#666;border:1px solid #fafafa;} #relatives td.disease { width:50%;text-align:left;} #drugs { text-align:left;font-size:11px;margin:0px;border:0px;background-color:#FFFFFF;} #drugs th { vertical-align:bottom;font-weight:bold;border:1px solid #fafafa;background-color:#fafafa;} #drugs td { border:0px;vertical-align:top;color:#666;border:1px solid #fafafa;}