/* Theme Name: Humberstone Medical Centre Theme URI: Description: Author: SDG New Media Author URI: http://www.sdgnewmedia.co.uk/ Version: 1.0 */ * { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, blockquote { padding: 5px 0; } h1 { font-size: 1.3em; } h2 { font-size: 0.9em; } h3 { font-size: 0.8em; } h4, h5, h6 { font-size: 0.8em; color: #3e3e3e; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { clear: both; } #content p { padding: 5px 0; line-height: 1.3em; font-size: 0.8em; } .pageContent ul, .pageContent ol { padding: 10px 10px 10px 15px; font-size: 0.8em; list-style: none; } .pageContent li { padding: 3px 3px 3px 12px; line-height: 1.3em; background: #fff url(images/bullet_red.gif) left center no-repeat; } #type_os .pageContent li { background-image: url(images/bullet_blue.gif); } #type_ms .pageContent li { background-image: url(images/bullet_green.gif); } #type_au .pageContent li { background-image: url(images/bullet_purple.gif); } #type_o .pageContent li { background-image: url(images/bullet_black.gif); } .pageContent dl { margin: 5px 0; padding: 5px; font-size: 0.8em; background: #F4EFF6; border: 1px solid #bfbfbf; } .pageContent dt { clear: both; float: left; padding: 5px; font-weight: bold; width: 250px; } .pageContent dd { padding: 5px; } /* #652D92; #3f3f3f; #F4EFF6; */ a img { border: none; } a { color: #900000; } #type_os a { color: #0072BC; } #type_ms a { color: #039044; } #type_au a { color: #652D92; } #type_o a { color: #000; } a:hover { } a.media { display: block; padding: 20px 160px 20px 240px; height: 80px; line-height: 80px; text-align: center; text-decoration: none; background: #EFF6FC url(images/pdf.gif) 160px center no-repeat; } a.media:hover { text-decoration: underline; } .alignleft, .alignLeft { float: left; margin: 5px 5px 5px 0; } .alignright, .alignRight { float: right; margin: 5px 0 5px 5px; } .aligncenter { margin: 5px auto; } .clearfix { clear: both; } #content ul.three_col { padding: 10px 0; list-style: none; } #content ul.three_col li { float: left; width: 190px; } table { } th { padding: 3px 5px; font-size: 0.8em; } td { padding: 3px 5px; font-size: 0.8em; } body { position: relative; margin: 40px auto; width: 977px; font-size: 100%; font-family: arial, sans-serif; background: #D6DBDE; color: #282828; } /* Header */ #header { padding-top: 8px; background: url(images/bgheader_top.png) left top no-repeat; } #header_top { position: relative; padding: 12px 34px 20px 34px; height: 66px; background: url(images/bgheader.png) left top repeat-x; } #header_top h1 { position: relative; width: 175px; height: 66px; font-size: 1em; color: #fff; } #header_top h1 a { color: #fff; } #header_top h1 span.gilder-levin { position: absolute; left: 0; top: 0; width: 175px; height: 66px; background: url(images/hmc_logo.png); } #header_top h1 span.gilder-levin:hover { cursor: pointer; } #header_search { position: absolute; right: 30px; top: 30px; width: 270px; height: 29px; background: url(images/headersearch.png) left top no-repeat; } #header_search form { position: relative; width: 270px; } #header_search #s { position: absolute; left: 6px; top: 0; padding: 5px 10px 5px 4px; width: 174px; height: 19px; line-height: 19px; background: url(images/headersearchs.png) left top repeat-x; border: none; } #headersearchsubmit { position: absolute; right: 0; top: 0; width: 76px; height: 29px; line-height: 29px; font-size: 0.75em; background: url(images/headersearchsubmit.png) left top no-repeat; border: none; color: #fff; } #headersearchsubmit:hover { text-decoration: underline; } #header ul.nav { margin: 2px 0 0 0; list-style: none; } #header ul.nav li { float: left; padding: 0 0 8px 0; } #header ul.nav ul { margin: 0; padding: 0 8px; list-style: none; } #header li.nav_online_services { width: 323px; background: #fff url(images/bgnav_online_services.gif) left bottom no-repeat; } #header li.nav_medical_services { margin-left: 2px; width: 253px; background: #fff url(images/bgnav_medical_services.gif) left bottom no-repeat; } #header li.nav_about_us { margin-left: 2px; width: 397px; background: #fff url(images/bgnav_about_us.gif) left bottom no-repeat; } #header ul.nav li.nav_online_services ul { width: 305px; } #header ul.nav li.nav_medical_services ul { width: 235px; } #header ul.nav li.nav_about_us ul { width: 379px; } #header ul.nav li.nav_online_services ul, #header ul.nav li.nav_medical_services ul, #header ul.nav li.nav_about_us ul { border-left: 1px solid #A0A4A5; border-right: 1px solid #A0A4A5; } #header ul.nav li h2 { padding: 0 16px; height: 33px; line-height: 33px; color: #fff; } #header .nav_online_services h2 { background: #0072BC url(images/bgtitle_online_services.png) left top repeat-x; color: #0072BC; } #header .nav_medical_services h2 { background: #039044 url(images/bgtitle_medical_services.png) left top repeat-x; color: #039044; } #header .nav_about_us h2 { background: #652D92 url(images/bgtitle_about_us.png) left top repeat-x; color: #652D92; } #header .nav_online_services li a { background: url(images/bullet_blue.gif) left center no-repeat; } #header .nav_medical_services li a { background: url(images/bullet_green.gif) left center no-repeat; } #header .nav_about_us li a { background: url(images/bullet_purple.gif) left center no-repeat; } #header ul.nav li li { float: left; padding: 8px 0 2px 0; font-size: 0.8em; color: #191919; } #header ul.nav li li a { display: block; padding: 0 10px; text-decoration: none; color: #191919; } #header ul.nav li li a:hover { text-decoration: underline; } #main { padding: 5px 0 10px 0; } /* Content */ #content { float: left; width: 674px; } .page_bottom { position: relative; margin-bottom: 5px; padding-bottom: 8px; width: 674px; background: #fff url(images/bgpagebottom.gif) left bottom no-repeat; } .page { position: relative; padding-top: 8px; width: 674px; background: url(images/bgpagetop.gif) left top no-repeat; } .pageContent { padding: 10px 20px 12px 20px; background: #fff; border-left: 1px solid #ABACAE; border-right: 1px solid #ABACAE; } .page_picture { padding-top: 149px; background: url(images/page_headers/hmc_seating.png) left top no-repeat; } #home .page_picture { padding-top: 0; background: url(images/fade1.jpg) left top no-repeat; } #type_os .page_picture { background: url(images/page_headers/os_prescription.png) left top no-repeat; } #type_ms .page_picture { background: url(images/page_headers/ms_hmc.png) left top no-repeat; } #type_au .page_picture { background: url(images/page_headers/au_hmc.png) left top no-repeat; } #type_o .page_picture { background: url(images/page_headers/o_hmc.png) left top no-repeat; } h1.pageTitle { color: #972121; } #type_os h1.pageTitle, #type_os .page h2, #type_os .page h3 { color: #0070BC; } #type_ms h1.pageTitle, #type_ms .page h2, #type_ms .page h3 { color: #009045; } #type_au h1.pageTitle, #type_au .page h2, #type_au .page h3 { color: #662E91; } #type_o h1.pageTitle, #type_au .page h2, #type_au .page h3 { color: #000; } .post { padding: 10px 0; } #content h2.postTitle { position: relative; clear: none; padding-left: 53px; font-size: 1.1em; color: #3f3f3f !important; } h2.postTitle a { text-decoration: none; color: #3f3f3f !important; } h2.postTitle a:hover { text-decoration: underline; } #content p.postDate { float: left; padding: 0; width: 39px; height: 41px; background: url(images/bgpostdate.png); } p.postDate .postMonth { display: block; line-height: 15px; font-size: 0.7em; text-transform: uppercase; text-align: center; color: #fff; } p.postDate .postDay { display: block; line-height: 22px; font-size: 1.2em; text-transform: uppercase; text-align: center; color: #3f3f3f; } .postContent { clear: both; } #content p.postMeta { font-size: 0.7em; } a.more-link { text-decoration: none; } a.more-link:hover { text-decoration: underline; } #nextprevious { padding: 15px 0; font-size: 0.8em; font-weight: bold; } a#rss_link { position: absolute; right: 20px; top: 160px; } /* Sidebar */ #sidebar { float: right; width: 294px; } #sidebar .section { padding-bottom: 8px; background: url(images/bgsidebarwidget_bottom.gif) left bottom no-repeat; } h2.sectionTitle { padding: 5px 15px; height: 22px; line-height: 22px; font-weight: normal; background: url(images/bgsidebartitle.png) left top no-repeat; color: #fff; } #type_os h2.sectionTitle { background: url(images/bgsidebartitle_os.png) left top no-repeat; /* No image yet */ } #type_ms h2.sectionTitle { background: url(images/bgsidebartitle_ms.png) left top no-repeat; } #type_au h2.sectionTitle { background: url(images/bgsidebartitle_au.png) left top no-repeat; } #type_o h2.sectionTitle { background: url(images/bgsidebartitle_o.png) left top no-repeat; /* No image yet */ } #sidebar ul { margin: 0; list-style: none; } #sidebar li.section { margin-bottom: 5px; } #sidebar li.section p { padding: 5px 10px; width: 272px; font-size: 0.7em; background: #fff; border-left: 1px solid #A0A4A5; border-right: 1px solid #A0A4A5; } #sidebar li.section ul { padding: 5px 0; width: 292px; font-size: 0.7em; background: #fff; border-left: 1px solid #A0A4A5; border-right: 1px solid #A0A4A5; } #sidebar li.section ul p { padding: 5px 0; font-size: 1em; border-left: none; border-right: none; } #sidebar ul li.section ul li { padding: 4px 10px; background: #fff; } #type_ms #sidebar ul li.section ul li a, #type_au #sidebar ul li.section ul li a, #type_o #sidebar ul li.section ul li a { display: inline-block; padding-left: 10px; text-decoration: none; color: #000; } #type_ms #sidebar ul li.section ul li a { background: url(images/bullet_green.gif) left center no-repeat; } #type_au #sidebar ul li.section ul li a { background: url(images/bullet_purple.gif) left center no-repeat; } #type_o #sidebar ul li.section ul li a { background: url(images/bullet_black.gif) left center no-repeat; } #type_ms #sidebar ul li.section ul li a:hover, #type_au #sidebar ul li.section ul li a:hover, #type_o #sidebar ul li.section ul li a:hover { text-decoration: underline; } ul#latest_news li.section ul li { border: 1px solid #A0A4A5; border-bottom: none; } ul#latest_news h3.postTitle { padding: 3px 0 0 0; font-size: 1.1em; color: #000; } ul#latest_news h3.postTitle a { text-decoration: none; color: #000; } ul#latest_news h3.postTitle a:hover { text-decoration: underline; } ul#latest_news p.postDate { padding: 0 0 3px 0; font-size: 0.9em; } #sidebar li.section ul#areas_we_serve { } #sidebar li.section ul#areas_we_serve li { padding: 3px 3px 3px 22px; background: url(images/bullet_red.gif) 10px center no-repeat; } #sidebar .button { margin: 0 0 8px 0; } #sidebar li.button { font-size: 0.8em; } #sidebar li.button a { display: block; padding: 85px 50px 0 120px; width: 124px; height: 55px; line-height: 34px; text-align: right; text-decoration: none; } #sidebar li.button a:hover { text-decoration: underline; } #sidebar li.button a#side_links_fee { background: url(images/side_links_fee.png); color: #652d92; } #sidebar li.button a#side_links_reg { background: url(images/side_links_reg.png); color: #0072BC; } #sidebar li.button a#side_links_pre { line-height: 17px; background: url(images/side_links_pre.png); color: #0072BC; } #sidebar li.button a#side_links_con { background: url(images/side_links_con.png); color: #652d92; } #side_search { padding: 5px 10px; width: 272px; height: 38px; background: #fff; border-left: 1px solid #A0A4A5; border-right: 1px solid #A0A4A5; } #side_search form { position: relative; width: 272px; height: 38px; background: url(images/sidesearch.png) 10px 5px no-repeat; } #side_search #s { position: absolute; left: 15px; top: 5px; padding: 5px 10px 5px 4px; width: 202px; height: 18px; line-height: 18px; background: url(images/sidesearchs.png) left top repeat-x; border: none; } #sidesearchsubmit { position: absolute; right: 10px; top: 5px; width: 31px; height: 28px; line-height: 28px; font-size: 0.75em; background: url(images/sidesearchsubmit.png) left top no-repeat; border: none; color: #fff; } #sidesearchsubmit:hover { text-decoration: underline; } /* Footer */ #footer_top { padding-top: 8px; background: url(images/bgfooter_top.gif) left top no-repeat; } #footer_nav { padding: 12px 0; background: #fff; border: 1px solid #ABACAE; border-top: none; } #footer_nav ul.nav { position:relative; width: 975px; background: url(images/bgfooter_nav.gif) left top repeat-y; list-style: none; } #footer_nav ul.nav li { float: left; padding: 0 20px; width: 154px; } #footer_nav h3 { padding-top: 0; } .nav_hmc h3 { color: #900000; } .nav_online_services h3 { color: #0070BC; } .nav_medical_services h3 { color: #039044; } .nav_about_us h3 { color: #652D92; } .nav_other h3 { color: #000000; } #footer_nav ul.nav li ul { list-style: none; } #footer_nav ul.nav li li { float: none; padding: 3px 0; font-size: 0.7em; color: #4d4d4d; } #footer_nav ul.nav li li a { text-decoration: none; color: #4d4d4d; } #footer_nav ul.nav li li a:hover { text-decoration: underline; } #footer { padding-bottom: 8px; background: url(images/bgfooter.gif) left bottom no-repeat; } #footer_bottom { margin-top: 3px; padding: 27px 35px 11px 35px; height: 60px; background: url(images/bgfooter_bottom.png) left top repeat-x; color: #fff; } #footer h6 { float: left; position: relative; width: 137px; height: 52px; overflow: hidden; color: #fff; } #footer h6 a { color: #fff; } #footer h6 span.gilder-levin { position: absolute; left: 0; top: 0; width: 137px; height: 52px; background: url(images/hmc_logo_small.png); } #footer h6 span.gilder-levin:hover { cursor: pointer; } p#copyright { float: left; padding: 27px 0 0 0; width: 633px; font-size: 0.7em; text-align: center; } p#credit { float: left; padding: 22px 0 0 39px; width: 98px; height: 25px; line-height: 25px; font-size: 0.7em; text-align: right; } p#credit a { display: block; position: relative; left: 0; top: 0; width: 98px; height: 25px; text-decoration: none; color: #fff; overflow: hidden; } p#credit a:hover { text-decoration: underline; } p#credit span.gilder-levin { position: absolute; right: 0; top: 0; width: 98px; height: 25px; background: url(images/credit.png) right top no-repeat; } p#credit span.gilder-levin:hover { cursor: pointer; } /* Home */ #slideshow { position: relative; width: 674px; height: 253px; } .force_load { display: none; position: absolute; left: 0; top: 0; } #back { display: none; position: absolute; left: 0; top: 0; } #front { position: absolute; left: 0; top: 0; } ul#home_links { height: 186px; list-style: none; } ul#home_links li { float: left; margin-left: 10px; font-size: 0.8em; } ul#home_links li.first { margin-left: 0; } ul#home_links li a { display: block; padding: 131px 50px 0 10px; width: 101px; height: 50px; line-height: 30px; text-align: center; text-decoration: none; } ul#home_links li a:hover { text-decoration: underline; } ul#home_links li a#home_links_reg { background: url(images/home_links_reg.png); color: #0071B8; } ul#home_links li a#home_links_pre { line-height: 15px; background: url(images/home_links_pre.png); color: #0071B8; } ul#home_links li a#home_links_nhs { background: url(images/home_links_nhs.png); color: #019245; } ul#home_links li a#home_links_pri { background: url(images/home_links_pri.png); color: #019245; } p#nhs_direct { padding: 10px 0 10px 65px; background: url(images/nhs_direct.gif) left center no-repeat; } table { border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf;} table.table_195 { width: 195px; } .table_top_195 { padding-top: 10px; width: 195px; background: url(images/bgtabletop_195.png) left top no-repeat; } .table_bottom_195 { padding-bottom: 10px;width: 195px; background: url(images/bgtablebot_195.png) left bottom no-repeat; } table.table_405 { width: 405px; } .table_top_405 { padding-top: 10px; width: 405px; background: url(images/bgtabletop_405.png) left top no-repeat; } .table_bottom_405 { padding-bottom: 10px;width: 405px; background: url(images/bgtablebot_405.png) left bottom no-repeat; } table.table_634 { width: 634px; } .table_top_634 { padding-top: 10px; width: 634px; background: url(images/bgtabletop_634.png) left top no-repeat; } .table_bottom_634 { padding-bottom: 10px;width: 634px; background: url(images/bgtablebot_634.png) left bottom no-repeat; } th { padding: 8px 10px; font-size: 0.75em; text-align: left; color: #652D92; } td { padding: 8px 10px; font-size: 0.75em; color: #3f3f3f; } tr.odd td { background: #F4EFF6; } /* Search Results */ #main .search_results h2.postTitle { padding-left: 0; } /* Location */ #content ul#subnav { margin: 0; padding: 0 14px; height: 44px; border: 1px solid #B7B7B7; border-top: none; list-style: none; } #content ul#subnav li { position: relative; top: 1px; float: left; margin-right: 7px; padding-left: 4px; line-height: 43px; font-size: 0.8em; background: url(images/bgsubnavtableft.png) left top no-repeat; color: #404040; } #content ul#subnav li.current_page_item { line-height: 44px; background-position: left -44px; } #content ul#subnav li.current_page_item a { background-position: right -44px; } #content ul#subnav li a { display: block; padding: 0 30px 0 10px; text-decoration: none; color: #404040; } #type_os ul#subnav li a { background: url(images/bgsubnavtabright_blue.png) right top no-repeat; } #type_ms ul#subnav li a { background: url(images/bgsubnavtabright_green.png) right top no-repeat; } #type_au ul#subnav li a { background: url(images/bgsubnavtabright_purple.png) right top no-repeat; } #content ul#subnav li a:hover { text-decoration: underline; } /* Staff */ #content ul.staff_photos { list-style: none; } #content ul.staff_photos li { float: left; padding: 10px 25px; background: none; } /* Staff Profile */ .staff_profile .postContent { position: relative; padding-top: 10px; padding-left: 105px; } #type_au .staff_profile .postContent h2.pageTitle { padding-bottom: 0; color: #652D92; } #type_au .staff_profile .postContent h3 { padding-bottom: 0; font-size: 0.8em; color: #3f3f3f; } #type_au .staff_profile .postContent p { padding-top: 0 0 10px 0; } .staff_profile .postContent img { position: absolute; left: 0; top: 15px; } /* Resources */ #content .pageContent ul.pdfs, #content .pageContent ul.links { padding: 0; list-style: none; } #content .pageContent ul.pdfs li, #content .pageContent ul.links li { padding: 0 0 6px 0; background-image: none; } #content .pageContent ul.pdfs li a, #content .pageContent ul.links li a { display: block; padding: 19px 9px 19px 63px; min-height: 19px; line-height: 19px; text-decoration: none; border: 1px solid #bbb; } #content .pageContent ul.pdfs li a { background: #fafafa url(images/pdf2.gif) 9px center no-repeat; } #content .pageContent ul.links li a { background: #fafafa url(images/www.gif) 9px center no-repeat; } #content .pageContent ul.pdfs li a:hover, #content .pageContent ul.links li a:hover { text-decoration: underline; } #content .pageContent ul.pdfs li a:hover { background: #EDE5F2 url(images/pdf2.gif) 9px center no-repeat; } #type_ms #content .pageContent ul.pdfs li a:hover { background: #E0F1E9 url(images/pdf2.gif) 9px center no-repeat; } #content .pageContent ul.links li a:hover { background: #EDE5F2 url(images/www.gif) 9px center no-repeat; } #type_ms #content .pageContent ul.links li a:hover { background: #E0F1E9 url(images/www.gif) 9px center no-repeat; } /* Contact */ .col1_195 { float: left; width: 195px; } .col2_405 { float: right; width: 405px; } /* Forms */ h2.point_1, h2.point_2, h2.point_3 { padding-left: 43px; height: 34px; line-height: 32px; } h2.point_1 { background: url(images/point_1.png) left center no-repeat; } h2.point_2 { background: url(images/point_2.png) left center no-repeat; } h2.point_3 { background: url(images/point_3.png) left center no-repeat; } /* Registration */ #reg_form { margin: 10px 0; } #reg_form h3 { padding: 10px 0 5px 0; } #reg_form .alignleft { width: 290px; } #reg_form .alignright { width: 290px; } #reg_form .form_section { margin: 10px 0; padding: 10px 15px; background: #EFF6FC; } #reg_form input.checkbox { float: left; clear: both; margin: 5px; padding: 0; width: auto; background: none; border: none; } #reg_form label.checkbox_label { clear: none; padding: 0; height: 25px; line-height: 25px; } #reg_form .radio { margin: 10px 10px 10px 0; padding: 5px 8px 5px 2px; font-size: 0.8em; border: 1px solid #B6BABD; } #reg_form .radio input { margin-left: 10px; width: auto; display: inline; border: none; } #reg_form p { font-size: 0.7em; } #reg_form label { clear: both; display: block; padding: 8px 3px 3px 3px; font-size: 0.8em; color: #3f3f3f; } #reg_form input { display: block; margin: 1px 0; padding: 3px; width: 280px; font-size: 0.8em; background: #fff; border: 1px solid #B6BABD; color: #3f3f3f; } input#reg_submit { width: 150px; color: #0072BC; } input#reg_submit:hover { cursor: pointer; } /* Prescriptions & Appointments */ #emis_form { margin: 5px 5px 5px 43px; padding: 10px 15px; background: #EFF6FC; } #emis_form p { font-size: 0.7em; } #emis_form label { clear: both; display: block; padding: 8px 3px 3px 3px; font-size: 0.8em; color: #3f3f3f; } #emis_form input { display: block; padding: 3px; font-size: 0.8em; background: #fff; border: 1px solid #B6BABD; color: #3f3f3f; } input#emis_submit { width: 150px; color: #0072BC; } input#emis_submit:hover { cursor: pointer; }