/* Theme Name: Dermaticians Theme URI: http://www.dermaticians.co.uk/ Description: The Dermaticians theme for WordPress. Author: Steve Marks - Chameleon Studios */ @import "reset.css"; html, body { font-family: Arial, Helvetica, sans-serif; font-size:90%; line-height:145%; background:#CAE8F2 } body { overflow-y:scroll } textarea { width:262px } #outer { width:100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -96px; } #container { width:960px; margin:0 auto; background-color:#FFF } #header { width:100%; height:126px; background:url(images/header-background.jpg) repeat-x; border-bottom:1px solid #FFF } #header .logo { float:left; margin-top:15px; width:329px; } #header .logo a { margin-left:15px;} #header .right { float:right; text-align:right; width:631px; } #navigation { width:100%; background:url(images/navigation-background.jpg) repeat-x; } /*#navigation ul { width:100%; } #navigation ul li { float:left; height:38px; line-height:38px } #navigation ul li.separator { width:2px; background:url(images/navigation-separator.gif) no-repeat; } #navigation ul li a { display:block; padding:0 13px; color:#FFF; text-decoration:none } #navigation ul li a.active, #navigation ul li a:hover { background:url(images/navigation-background-on.jpg) repeat-x; } */ #suckerfishnav { width:100%; } #suckerfishnav, #suckerfishnav ul { position:relative; z-index:99; list-style-type:none; margin:0; width:100%; } #suckerfishnav li { float:left; height:38px; line-height:38px; padding:0; } #suckerfishnav li.current_page_item, #suckerfishnav li.current_page_parent { background:url(images/navigation-background-on.jpg) repeat-x } #suckerfishnav li.separator { float:left; width:2px; background:url(images/navigation-separator.gif) no-repeat } #suckerfishnav li.separator2 { width:100%; height:2px; background:url(images/navigation-separator-dropdown.gif) no-repeat } #suckerfishnav a { display:block; color:#FFF; text-decoration:none; padding:0px 13px; } #suckerfishnav ul { position:absolute; left:-999em; width:270px; line-height:1; } #suckerfishnav li li { width:239px; margin-left:10px; font-size:110%; } #suckerfishnav li li.bottom { width:100%; height:9px; background:url(images/navigation-bottom.jpg) no-repeat } #suckerfishnav li li a { display:block; padding-left:13px; background-color:#3F3F3F; } #suckerfishnav li li a:hover { background-color:#018E88 } #suckerfishnav li ul ul { margin:-21px 0 0 150px; } #suckerfishnav li li.separator2:hover { background:url(images/navigation-separator-dropdown.gif) no-repeat } #suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul { left:-999em; } #suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul { margin-left:-10px; left:auto; } #suckerfishnav li:hover, #suckerfishnav li.sfhover { background:url(images/navigation-background-on.jpg) repeat-x } #navigation .shadow { width:100%; height:10px; background:url(images/navigation-shadow.jpg) repeat-x; } #inner { width:100%; } #inner a { color:#018E88 } #inner .padding { padding:20px 30px } #inner p { margin-bottom:13px } #inner h1 { color:#018C89; margin-bottom:18px; font-weight:normal; font-size:170% } #inner .big { font-size:140%; } #inner .medium { font-size:120%; } #inner .homepage { width:100%; } #inner .homepage .left { float:left; width:443px } #inner .homepage .left .bullets1 { float:left; width:230px; margin-bottom:16px; font-weight:bold; } #inner .homepage .left li { background:url(images/bullet-tick.gif) center left no-repeat; padding:3px 0 3px 22px; } #inner .homepage .left .bullets2 { float:left; width:200px; margin-bottom:16px; font-weight:bold; } #inner .homepage .right { float:right; width:446px } #inner .homepage .left-testimonial { float:left; width:443px; overflow:hidden } #inner .homepage .right-social { float:right; margin-bottom:15px; line-height:140%; background-color:#E4F3F8; font-size:95%; padding:7px 10px; width:426px; } #inner .homepage .right-social .title { color:#018C89; font-size:130%; margin-bottom:3px; } #inner .homepage .right-social .title a { text-decoration:none; } #inner .homepage .right-social .title a:hover { text-decoration:underline } #inner .homepage .right-social .icons { float:right; margin-top:17px } #inner .homepage .right-social .icons a { margin-left:5px } #inner .content { width:100%; } #inner .content .left { float:left; padding:10px 0; width:244px; background-color:#E4F3F8 } #inner .content .left .subnavigation { width:100%; margin-bottom:20px; } #inner .content .left .subnavigation a { /*text-decoration:none*/ } /*#inner .content .left .subnavigation ul { margin-left:10px; } #inner .content .left .subnavigation ul li { font-weight:bold; padding-bottom:11px }*/ #inner .content .left .subnavigation ul { margin-left:14px; font-size:85%; } #inner .content .left .subnavigation ul li { font-weight:bold; padding-bottom:11px } #inner .content .left .subnavigation ul a { /* color:#000; */ padding-left:10px; background:url(images/subnavigation-dash.gif) center left no-repeat } #inner .content .left .subnavigation ul ul { font-size:100%; } #inner .content .left .subnavigation ul ul li { font-weight:normal; padding-bottom:0 } #inner .content .left .subnavigation li.current_page_item { } #inner .content .left .subnavigation li { font-weight:normal; } #promoslideshow img { margin-left:6px; } #inner .content .left .testimonials { margin-bottom:20px } #inner .content .left .testimonials img { display:block; margin:0 auto } #inner .content .left .widget { width:90%; display:block; margin:0 auto; margin-bottom:10px; margin-top:8px; padding-bottom:15px; border-bottom:1px dashed #CCC } #inner .content .left .widget h2 { font-size:110%; font-weight:bold; margin-bottom:6px } #inner .content .left .widget .social { text-align:center; margin-top:8px } #inner .content .left .widget .social a { padding:0 3px } #inner .content .left .wpcf7 { font-size:85%; } #inner .content .left .wpcf7-response-output { margin:0; margin-bottom:8px; border-color:#018E88; background-color:#FFF; font-size:100% } #inner .content .left .wpcf7-text { font-size:110%; width:97%; } #inner .content .left .wpcf7-form-control-wrap { margin:0 } #inner .content .left .wpcf7-not-valid-tip { display:none; visibility:hidden } #inner .content .left p { margin-bottom:5px } #inner .content .left textarea { font-family: Arial, Helvetica, sans-serif; font-size:105%; width:97%; } #inner .content .right { float:right; width:628px } #inner .content .right h3 { margin-bottom:13px } #inner .content .right ul ul { margin-left:25px } #inner .content .right ul ul ul { margin-left:25px } #inner .content .right ul ul ul ul { margin-left:25px } #inner .content .right ul { margin:10px 10px 20px 20px; list-style-type:circle; } #inner .content .right ul li { padding:3px 0px; } #inner .testimonials { margin-top:16px; } #inner .quick-links { margin-top:16px; } #inner .quick-links .panel { width:447px; height:195px; font-size:95% } #inner .quick-links .panel .padding { padding:13px } #inner .quick-links .panel .column1 { float:left; width:200px } #inner .quick-links .panel .column2 { float:left; width:215px } #inner .quick-links .panel ul { list-style-type:disc; margin-left:25px } #inner .quick-links .left { float:left; color:#255061; background-color:#E4F3F8 } #inner .quick-links .left a { color:#255061; text-decoration:none; font-weight:bold; } #inner .quick-links .left a:hover { text-decoration:underline } #inner .quick-links .right { float:right; color:#2D6943; background-color:#E2F6EA } #inner .quick-links .right a { color:#2D6943; text-decoration:none; font-weight:bold; } #inner .quick-links .right a:hover { text-decoration:underline } #inner .quick-links .panel ul a { font-weight:normal; } #inner .logos { width:100%; padding:10px 0; margin-top:16px; background-color:#F3F3F3 } #inner .logos ul { width:100%; margin-left:5px } #inner .logos ul li { float:left; } #inner .logos ul li a { display:block; } #inner .logos ul li img { padding:0px 62px; } #inner .footer { width:100%; margin-top:16px; font-size:85%; overflow:hidden; } #inner .footer .left { float:left; width:70%; } #inner .footer .left a { color:#000; } #inner .footer .right { float:right; text-align:right; width:30%; } .alignright { float:right; margin-left:15px; margin-bottom:12px; } .alignleft { float:left; margin-right:15px; margin-bottom:12px; } .aligncenter { display:block; margin:0 auto } .clr { clear:both }