/* Theme Name: Lero9 Theme URI: Description: LERO9 theme inheriting from Hybrid framework Author: LERO9 - Leanne and Robert Popovic Author URI: http://lero9.co.nz Version: 3.0 Tags: lero9 Template: hybrid */ /** * Import pre-made styles from Hybrid ************************************************/ /* Eric Meyer's reset.css */ @import url('../hybrid/library/css/reset.css'); /** * Body ************************************************/ /* Contains everything */ body {background:#f7f7f7 url(images/header-bg.jpg) 50% 0 repeat-x;font:0.625em/1.8em Helvetica, Arial, sans-serif;color:#4a3c31;} /* Wrapper for everything inside of the body */ #body-container {margin:0 auto;padding:0; width:860px;min-height:680px;} /** * Elements ************************************************/ /* Hyperlinks */ a:link {color:#ff8500;} a:visited {color:#ff8500;} a:hover {color:#ff8500;text-decoration:underline;} a:active {color:#ff8500;} a.red-link {background-color:#ef0000;color:#fff;padding:4px 10px;} /* Headers */ h1 {font-size:2.4em;line-height:1.1em;letter-spacing:0.05em;font-weight:normal;margin:0 0 10px;} h2 {font-size:1.8em;line-height:1.1em;font-weight:normal;margin:0 0 10px;color:#7a5a5f;} h3 {font-size:1.8em;line-height:1.1em;font-weight:normal;margin:0 0 5px;color:#7a5a5f;} h4 {font-size:1.6em;margin:0 0 5px;font-weight:normal;} h5 {font-size:1.5em;} h6 {font-size:1.4em;} /*.entry-content h2, .entry-content h3 {color:#7a5a5f;}*/ /* Text elements */ strong {} em {} cite {} abbr {} acronym {} sup {} sub {} address {} ins {} dfn {} del {} /* Paragraphs */ p {margin:0 0 10px;} /* Unordered lists */ ul {list-style:none;} ul li {} /* Ordered lists */ ol {} ol li {} /* Defition lists */ dl {} dt {} dd {} /* Blockquotes */ blockquote {} blockquote blockquote {} blockquote em {} /* Object */ object {} /* Code */ code {} pre {} pre code {} /* Tables */ table {} caption {} tr {} th {} td {} /* Forms */ form {} textarea {} input {} label {} option {} /* Drop caps */ .drop-cap { } /* Notes */ .note {} /* Warnings/Alerts */ .warning, .alert {} /* Errors */ .error {color:#ef0000;} /* Downloads */ .download {} /* Alignment */ .left, .alignleft {float:left;} .right, .alignright {float:right;} .alignleft {margin:0 20px 5px 0;} .alignright {margin:0 0 5px 15px;} .t-right {text-align:right;} .center, .aligncenter {text-align: center;} .block, .alignnone {display:block;} .clear {clear: both;} /* Lero9 Styles */ .f11 {font-size:1.1em !important;} .f12 {font-size:1.2em !important;} .f13 {font-size:1.3em !important;} .f14 {font-size:1.4em !important;} .f15 {font-size:1.5em !important;} .f16 {font-size:1.6em !important;} .f17 {font-size:1.7em !important;} .f18 {font-size:1.8em !important;} .f20 {font-size:2.0em !important;} .f23 {font-size:2.3em !important;} .f30 {font-size:3.0em !important;} .fsmaller {font-size:0.923em !important;} .hilite {background-color:#FFFCD2;border-bottom:1px dotted #ff8500;} .bold {font-weight:bold;} .upper {text-transform:uppercase;} .pad {margin-bottom:10px;} .orange {color:#ff8500;} .olive {color:#b7b96e;} .plum {color:#7a5a5f;} .red {color:#ef0000;} .bullet {margin:10px 0 15px;} .bullet li {padding:0 0 0 15px;margin:5px 0;background:url(images/bullet2.png) 2px 0.4em no-repeat;} .box-gray .bullet li {background:url(images/bullet3.png) 2px 0.4em no-repeat;} .box-darkgray .bullet li, .box-olive .bullet li, .box-orange .bullet li {background:url(images/bullet4.png) 2px 0.4em no-repeat;} .contact {margin:10px 0 15px;} .contact li {padding:5px 0 0 25px;margin:5px 0;} .contact li.person {background:url(images/user-orange.png) 2px 0.4em no-repeat;} .contact li.link {background:url(images/link.png) 2px 0.4em no-repeat;} hr.hr1 {border:none;height:1px;background:url(images/buttons.png) 0 -155px repeat-x;margin:15px auto 18px;width:100%;} .read-more {background-color:#ff8500;padding:4px 7px 2px;text-transform:uppercase;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} a.read-more, .read-more a {color:#fefefe;font-weight:bold;} .read-more-txt {text-transform:uppercase;} .button {background:transparent url(images/buttons.png) no-repeat scroll 0 0;display:block;float:left;font-weight:bold;height:30px;margin-right:5px;overflow:visible;padding:0 10px 0 5px;width:auto;} .button span {float:left;margin-right:-15px;padding:0 15px 0 10px;height:30px;color:#fefefe;line-height:30px;text-align:center;white-space:nowrap;background:url(images/buttons.png) 0 0 no-repeat;} a.button:hover span {text-decoration:underline;} .red-button {} .red-button span {background-position:100% 0;} .orange-button {background-position:0 -90px;} .orange-button span {background-position:100% -90px;} /*a.red-button:hover {background-position:0 -60px;} a.red-button:hover span {background-position:100% -60px;} a.orange-button:hover {background-position:0 -90px;} a.orange-button:hover span {background-position:100% -90px;}*/ .red-box {background-color:#ef0000;padding:6px 7px 6px;line-height:1em;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} a.red-box, a.red-box:visited {color:#fefefe;font-weight:bold;} .links-list {font-size:1.3em;margin:15px 0 10px;} .links-list li {padding:0 0 0 15px;margin:5px 0;background:url(images/bullet1.png) 0 0 no-repeat;} .link-container {margin:5px 0;} .box {padding:15px 20px;} .box-orange, .box-gray, .box-darkgray, .box-olive {border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;} .box-orange {background-color:#ff8500;color:#fff;} .box-gray {background-color:#e0dedc;} .box-darkgray {background-color:#635e59;color:#fff;} .box-olive {background-color:#b7b96e;color:#fff;} /* front page slider CSS */ #slider-container {width:830px;height:400px;background: url(images/slider-bg.png) 0 0 no-repeat;position:relative;margin-top:15px;} #slider-nav {position:absolute;bottom:24px;right:76px;font-size:1.2em;font-weight:bold;z-index:999;} #slider-nav a {display:block;float:left; width:19px;line-height:17px;background-color:#efefef;text-align:center;margin:0 2px 4px;padding-top:1px;} #slider-nav a.activeSlide {background-color:#ff8500;color:#fefefe;} #slider1 {width:685px;height:318px;position:relative;overflow:hidden;top:54px;left:67px;} #slider1Content {width: 685px;position:absolute;top:0;margin-left:0;} .slider1Image {float:left;position:relative;display:none;height:318px;} /*.slider1Image div.opacity {position: absolute;font-size:1em;padding: 10px 13px;width: 685px;background-color: #000;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;color: #fff;display: none;}*/ .slider1Image div.opacity {position:absolute;font-size:1em;padding:10px 13px;width:685px;background-color:#000;color:#fff;display:none;height:298px;} .slider1Image .link-container {margin:10px 0;} .slider1Image h4 {margin:0 0 10px;border-bottom:1px solid #fefefe;font-weight:bold;} .o-left {top: 0;left: 0;width: 190px !important;height: 304px;} .o-right {right: 0;bottom: 0;width: 190px !important;height: 304px;} /* end slider CSS */ /** * Images ************************************************/ /* Normal images */ a img {border:none;} /** * Header ************************************************/ /* Contains entire header */ #header-enclosure {height:260px;min-height:260px;} #header-container {position:relative;height:103px;} #header .logo {margin:25px 0 0 15px;} #header .tagline {font-size:1.2em;color:#e4e4e2;letter-spacing:0.08em;} #header .contact-info {margin: 15px 15px 0 0;} #header .contact-info p {margin:0;} #header .contact-info p:first-child {margin:0 0 10px 0;} /** * Page navigation ************************************************/ /* Wrapper for navigation */ #navigation {position:relative;height:38px;width:845px;} /* Page nav */ #page-nav {font-size:1.4em;} #page-nav ul {padding-top:1px;} #page-nav li {float:left;position:relative;display:inline;margin-right:15px;} #page-nav a {display: block;position: relative;} #page-nav li a {padding:0 15px 0 10px;line-height:38px;margin:0 0 0 5px;} #page-nav li a:hover {text-decoration:none;color:#725b52;} #page-nav li.current_page_item, #page-nav li.current_page_ancestor, #page-nav li.current_page_parent {background:url(images/nav-bg.png) 0 40% no-repeat;} #page-nav li.current_page_item a, #page-nav li.current_page_ancestor a, #page-nav li.current_page_parent a {background:url(images/nav-bg.png) 100% 40% no-repeat;} #page-nav li.current_page_item a:hover, #page-nav li.current_page_ancestor a:hover, #page-nav li.current_page_parent a:hover {color:#ff8500;} /* drop-down styles */ #page-nav li.current_page_item ul li, #page-nav li.current_page_ancestor ul li, #page-nav li.current_page_parent ul li, #page-nav li.current_page_item ul li a, #page-nav li.current_page_ancestor ul li a, #page-nav li.current_page_parent ul li a {background:none;} #page-nav li.current_page_item ul li a:hover, #page-nav li.current_page_ancestor ul li a:hover, #page-nav li.current_page_parent ul li a:hover {color:#725b52;} .menu ul {position: absolute;top: -999em;width: 10em;background:#221f1d;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-webkit-border-radius-bottomleft:6px;-webkit-border-radius-bottomright:6px;border-radius-bottomleft:6px;border-radius-bottomright:6px;} #page-nav ul ul li {width: 100%;} #page-nav ul ul li a {border-bottom:1px dotted #47413d;margin:auto 15px;padding:0;} #page-nav ul ul li:last-child a {border-bottom:none;} #page-nav li:hover {visibility: inherit;} #page-nav li:hover ul, li.sfHover ul {left: 0;top: 37px;z-index: 99;} #page-nav li:hover li ul, li.sfHover li ul {top: -999em;} #page-nav li li:hover ul, li li.sfHover ul {left: 10em;top: 0;} #page-nav li li:hover li ul, li li.sfHover li ul {top: -999em;} #page-nav li li li:hover ul, li li li.sfHover ul {left: 10em;top: 0;} /* secondary page navigation in left col */ #subpage-navigation {font-size:1.5em;margin-bottom:25px;} #subpage-navigation li {} #subpage-navigation li a {display:block;padding:10px 5px;border-bottom:1px dotted #b7b96e;} #subpage-navigation li a:hover {text-decoration:none;background-color:#f2f2f2;} #subpage-navigation li.current_page_item a {color:#ff8500;} #subpage-navigation li ul li {} #subpage-navigation li ul li a {padding-left:25px;} #subpage-navigation li a, #subpage-navigation li.current_page_item li a {color:#4a3c31;} .navigation-contact {float:right;} #navigation .navigation-contact {margin-top:7px;} /** * Containers below the header and navigation ************************************************/ /* Wrapper for the content and primary/secondary widget sections */ #container {overflow:hidden;padding:15px 15px 0;} /* front page and intro styles */ #header-container, #navigation, #page-intro {color:#fff;} #page-intro {padding:10px 15px 0;} #page-intro h1 {color:#b7b96e;} #page-intro .sub-heading {color:#f7f7f7;font-size:1.6em;} #page-intro .fp-heading1 {text-indent:-9999px;background:url(images/home-page-header.png) 50% 0 no-repeat;width:800px;height:67px;margin:20px auto 0;} #page-intro .fp-heading1 span, .fp-heading1-shadow span {font-size:1.304em;} .fp-heading1-shadow {position:relative;margin:-5.35em 0 20px;} /** * Content ************************************************/ .col2-layout .content {width:540px;margin-right:30px;float:left;overlfow:hidden;position:relative;} .col2-left {overflow:hidden;} .col2-left .col-left {width:250px;float:left;margin-right:35px;position:relative;display:inline;} .col2-left .hentry {width:545px;float:right;position:relative;display:inline;clear:none;} /* Contains site's main content */ /* Font sizes */ .col3-set p,.entry-content p, .entry-content li, #slider-container p {font-size:1.3em;} .col3-set p .read-more,.entry-content p .read-more {font-size:10px;} .entry-content p{line-height:1.5em;} .entry-content h2 {margin-bottom:5px;padding-top:10px;} .entry-content h3 {padding-top:15px;} .entry-content p a.red-box {font-size:0.769em;} .entry-content .quote {background:#e0dedc url(images/quote-r.png) 95% 93% no-repeat;} .entry-content .quote div {background:url(images/quote-r.png) 100% 100% no-repeat;width:34px;height:26px;float:right;} .column-heading {margin:5px 0 15px;padding:0 50px 0 0;font-size:2.2em;line-height:1.2em;} .col1 .column-heading {background:url(images/ico-design.png) 100% 0 no-repeat;} .col2 .column-heading {background:url(images/ico-ecom.png) 90% 0 no-repeat;} .col3 .column-heading {background:url(images/ico-marketing.png) 90% 0 no-repeat;} /* Breadcrumb trail */ .breadcrumb {text-transform:uppercase;color:#999;margin:10px 15px 0;} /* 2 column - right sidebar */ .col2-right {overflow:hidden;background:url(images/side-bg.png) 100% 0 repeat-y;} .col2-right .col1 {float:left;width:530px;padding:0 40px 0 0;} .col2-right .col2 {float:right;width:240px;padding:10px 10px 0 10px;} /* 3 column layout */ .col3-set {overflow:hidden;} .col3-set .col1 {float:left;width:246px;padding:0 30px 0 0;} .col3-set .col2 {float:left;width:247px;padding:0 15px 0 15px;} .col3-set .col3 {float:right;width:246px;padding:0 0 0 30px} /* col2 layout */ .col2-set {overflow:hidden;} .col2-set .col1 {float:left;width:48%;padding:0 10px 0 0;} .col2-set .col2 {float:right;width:48%;padding:0 0 0 10px;} /* fancy block item */ .item-grey {margin:0 0 2px;font-size:1.4em;} .item-grey a, .item-grey span {width:205px;color:#f7f7f7;display:block;padding-left:35px;background:url(images/buttons.png) 0 -120px no-repeat;height:30px;line-height:30px;} .item-grey a:hover {background-position:-250px -120px;color:#80766e;} .testimonial-list p {font-size:1.3em;} .testimonial-list li {margin:10px 0 15px;padding:0 0 10px;background:url(images/hr.png) 0 100% no-repeat;} /* Portfolio */ .portfolio-list {} .portfolio-list .col1 {width:242px;padding:0 34px 0 0;} .portfolio-list .col2 {width:242px;padding:0 17px;} .portfolio-list .col3 {width:242px;padding:0 2px 0 34px} .portfolio-list-entry {position:relative;line-height:1.4em;} .portfolio-list-entry h4 {font-size:1.4em;font-weight:normal;margin:5px 0;} .portfolio-list-entry .tags, .portfolio-content .tags {margin:10px 0 0;line-height:1.3em;} .portfolio-list-entry .linkblock, .portfolio-content .linkblock {margin:10px 0 0;} .portfolio-list-image {border:2px solid #eaeaea;} a:hover .portfolio-list-image {border:2px solid #ff8500;} .portfolio-separator {clear:both;overflow:hidden;} img.in-progress {display:block;position:absolute;margin:-34px 0 0 100px;} /* Portfolio single page */ .portfolio-content {overflow:hidden;} .portfolio-content .main-image {width:242px;float:left;} .portfolio-content .description {margin:0 0 0 272px;} .portfolio-content .description h2 {} .portfolio-content .description p {font-size:1.3em;} .entry-gallery {margin:15px 0 0 0;} .entry-gallery ul {margin:15px 0 0 0;overflow:hidden;} .entry-gallery ul li {display:inline;margin:0 10px 0 0;} .entry-gallery li img {border:2px solid #eaeaea;} .entry-gallery li a:hover img {border:2px solid #ff8500;} /* case studies */ ul.case-studies-list li.portfolio-content {padding:0 0 15px 0;background:url(images/hr.png) 0 100% no-repeat;} ul.case-studies-list li.last {background:none;padding:0;} /* Team */ .team-member {overflow:hidden;margin:0 0 15px;clear:both;} .team-member h3 {padding-top:0;} .team-member h4 {font-size: 1.4em;} .entry-content .team-member p {margin:0 0 5px;} .team-likes {overflow:hidden;} .team-likes h4 {border-bottom:1px dotted #b7b96e;padding:0 0 5px;color:#7a5a5f;} .team-likes .col1 {border-bottom:1px dotted #b7b96e;width:225px;float:left;position:relative;display:inline;} .team-likes .col1 h4 {background:url(images/heart.png) 0 1px no-repeat; padding-left:25px;} .team-likes .col2 {float:right;width:300px;position:relative;display:inline;} .entry div.separator {border-bottom:1px dotted #b7b96e;margin:0 0 20px;padding-bottom:10px;} /* Full entries */ .col2-layout .entry-content {min-height:80px;clear:both;background:url(images/hr.png) 0 100% no-repeat;padding:0 0 15px 0;} .col2-layout .last .entry-content {background:none;padding:0;} .entry-content p {margin: 0 0 10px;} /* Excerpts */ .entry {clear:left;} .front-page .entry-summary {margin: 0 0 0 95px;clear:none;} .post-img {float: left; display:inline;margin: 0 10px 5px 0;} .front-page .post-img {margin: 0 0 10px 0;} /* post meta */ .post-meta-data {margin: 0 0 15px;float:left;display:inline;position:relative;} .post-meta-data li {float:left;display:inline;position:relative;margin-right: 5px; padding-right: 7px;background: url(images/sep1.png) 100% 50% no-repeat;} .post-meta-data li.last {background-image: none;padding-right:0;margin-right:0;} .entry-meta {width:480px;font-size:1.1em;} .entry-meta-bottom {margin:10px 0 0;} .comments-count {position:relative;float:right;display:inline;padding:5px 0 0;margin-top:-15px;width:57px;height:36px;text-align:center;font:italic 1.1em/1em Georgia,"Times New Roman",serif;background: url(images/comment-count-bg.png) 0 0 no-repeat;} a.comments-link, a.comments-link:visited {text-decoration:none;} a.comments-link:hover {text-decoration:underline;} a.comments-link span {font-size:15px;} /* home page categories */ .cat-row {overflow:hidden;margin:15px 0 30px;} .section-heading {font-weight:bold;font-size:1.333em;color:#ff8500;margin:10px 0;} h3.section-title {font-size: 2em;margin:0 0 15px 0;background: url(images/title-bg.png) 0 86% repeat-x;} h3.section-title a {color:#333;text-decoration:none;background:#f7f7f7;padding: 0 10px 0 0;} h3.section-title a:visited, h3.section-title a:hover {color:#333;} h3.section-title a:hover {text-decoration:underline;} .cat-row .cat-col {float: left;display:inline;width:260px;padding-right:10px} .cat-row .last {padding:0 0 0 10px;} .cat-row .entry-summary {margin:0;line-height:1.3em;} .cat-col h4 {margin:0 0 5px 0;font-weight:normal;} .cat-col .post-img {margin: 0 10px 5px 0;} .features-list p {margin-bottom:0;} /* Posts */ .post {clear:both;margin:0 0 15px 0;position:relative;overflow:hidden;} /* Post, page, and archive titles */ h2.post-title {margin-bottom:20px;} /* search results */ .search-info {margin:0 0 15px;} .search-description {font-size: 1.133em;font-weight:bold;} #search-1 {margin: 20px 0 0;} .search-form .search-text {font-size: 14px; padding: 2px 4px; width: 300px;} #search-submit-1 {border:none;background:url(images/btn-search.png) 0 0 no-repeat;width:70px;height:26px;color:#fff;font-size:12px;font-weight:bold;margin-left:20px;cursor:pointer;} /* social bookmarks */ .social-bookmarks-title {margin:5px 0;} #social-bookmarks {text-align:center;margin:0 0 15px;padding:10px 0;border:1px solid #99dcf2;background-color:#e7f7fc;overflow:hidden;} a.social-image {display:block;float:left;margin:0 27px 0;width:22px;height:22px;background:url(images/ico-social.png) 0 0 no-repeat;text-indent:-9999px;} a#ico-twitter {background-position:0 -25px;} a#ico-facebook {background-position:0 -50px;} a#ico-delicious {background-position:0 -100px;} a#ico-digg {background-position:0 -125px;} a#ico-google {background-position:0 -150px;} a#ico-stumbleupon {background-position:0 -175px;} a#ico-technorati {background-position:0 -200px;} a#ico-furl {background-position:0 -225px;} a#ico-yahoo {background-position:0 -250px;} a#ico-newsvine {background-position:0 -275px;} /* Navigation links */ .navigation-links {overflow: hidden;height: 100%;margin:20px 0 15px;font-size:1.3em;} .navigation-links .next, .navigation-links .previous {max-width: 50%;} .navigation-links .previous {float: left;} .navigation-links .next {float: right;text-align: right;} /* WP PageNavi (plugin) */ .wp-pagenavi {background:url(images/hr.png) 0 0 no-repeat;text-align:right;text-transform:uppercase;} .wp-pagenavi .pages {padding: 0 15px 0 0;} .wp-pagenavi .current {background-color:#ccc;padding:4px 7px 2px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;margin:0 0 0 5px;} .wp-pagenavi .extend {padding:0 0 0 5px;font-weight:bold;} .wp-pagenavi a {color:#fff;background-color:#ff8500;margin:0 0 0 5px;padding:4px 7px 2px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} .wp-pagenavi-top {margin:0 0 15px;padding:0 0 15px;background-position:0 100%} .wp-pagenavi-bottom {margin:15px 0 0;padding:15px 0 0;} /** * Comments template ************************************************/ /* Comments section headers/titles */ .comments-header {font-size:1.6em;} #comments-number {margin:40px 0 15px;} /* Main comments section */ #comments {margin:0 0 25px;} #comments ol {list-style:none;clear:both;} /* Individual comments (note that WordPress has even/odd backwards) */ #comments li {background-color:#efefef;border:5px solid #efefef;margin-bottom:5px;} #comments li.administrator {background-color:#99dcf2;border:5px solid #99dcf2;} #comments li.author {font-size:1.6em;font-style:normal;font-weight:bold;} /* Comment avatars */ #comments .avatar {width:40px;height:40px;float:left;margin:10px 25px 15px 15px;} /* Comment meta data */ #comments .comment-meta-data {margin:0 0 0 65px;padding:10px 15px;} #comments .comment-meta-data .comment-author {font-size:1.6em;margin-bottom:8px;} #comments .comment-meta-data .comment-time {font-size:1.1em;} #comments .comment-meta-data cite {font-style:normal;font-weight:bold;} #comments .comments-skip {float:right;font-size:1.2em;margin:0;} #comments .comment-top {float:right;width:46px;height:15px;background:url(images/ico-top.png) 0 0 no-repeat;text-indent:-9999px;display:block;} /* Comment text */ #comments .comment-text {clear: both;font-size:1.3em;background-color:#fcfcfc;padding:15px;} #comments .comment-text p {margin:0 0 10px;} #comments .comment-text blockquote {margin:15px 0;padding:0 10px;border-left:6px solid #efefef;} #comments .comment-text code {background-color:#f7f7f7;display:block;font-size:1.231em;margin:10px 0;padding:10px;} /* Main comment form div */ #respond {border:5px solid #efefef;margin-bottom:5px;} #respond p {} /* Comment form title */ #reply {margin:0 0 10px;background-color:#efefef;padding:10px;} /* Comment form elements */ p#cancel-comment-reply {} #respond form {padding:15px;} #respond label {padding:0.5em 0 0 0;font-size:1.4em;width:100px;display:block;float:left;} #respond label span.required {color:#ef0000;font-weight:bold;} #respond label.error {background:#ef0000 url(images/val-err-bg.png) 0 0 no-repeat;color:#f7f7f7;margin:2px 0 0 105px;padding:10px 10px 2px;float:none;font-size:1.2em;font-weight:bold;width:324px;white-space:nowrap;} #respond input, #respond textarea {font-size:1.3em;padding:2px 3px 3px;background-color:#fcfcfc;border:6px solid #efefef;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px} #respond textarea {width:336px;font-family: Arial, Helvetica, sans-serif;} #respond .form-submit {text-align:right;padding-right:47px;margin:0;} #respond .reset-comment {display:none;} #respond .submit-comment {color:#fff;background-color:#ef0000;padding:4px 7px;line-height:1em;border:none;font-weight:bold;font-size:1.4em;cursor:pointer;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} /** * Widget sections (Primary and Secondary) ************************************************/ /* Widgets in general */ .widget-inside {padding:10px;} .widget-title {font-size:1.6em;} .textwidget {font-size:1.3em;} .textwidget .red-box {font-size:0.78em;} /* Primary widget section */ #primary {width:260px;float:right;overflow:hidden;position:relative;} #primary .widget {background-color:#efefef;margin:0 0 15px 0;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;} #primary .widget-inside {font-size:1.3em;} #primary .widget-title {font-size:1.077em;font-weight:bold;margin:0 0 10px 0;padding:0 0 5px 0;border-bottom:1px solid #fff;} #primary .widget ul {line-height:1.2em;} #primary .widget ul li {padding:5px 0;} /* col-left widget section */ .col-left .widget {margin-bottom:30px;} .col-left .widget-inside {padding:15px;} .col-left .nopad .widget-inside {padding:0;} .col-left .widget-title {color:#fff;} .col-left .box-gray .widget-title, .col-left .nopad .widget-title {color:#7A5A5F;} .box-darkgray h3 {border-bottom:1px dotted #bbb;padding:5px 0 3px 25px;background:url(images/ico-envelope.png) 0 0 no-repeat;} .quote .widget-inside {background:url(images/quote-l.png) 15px 15px no-repeat;} .quote .textwidget {background:url(images/quote-r.png) 175px 100% no-repeat;} /* specific widgets */ #primary .widget .enhanced-recent-posts li {background:url(images/page.png) 0 5px no-repeat;padding-left:25px;} #primary .widget .recentcomments {background:url(images/comment.png) 0 5px no-repeat;padding-left:25px;} /** * Footer ************************************************/ /* Wrapper for the entire footer */ #footer-container {padding:0;} .col2-layout #footer-container {clear:both;} #footer-links {overflow:hidden;} #footer-links ul {float:right;display:inline;overflow:hidden;position:relative;} #footer-links ul li {display:inline;float:left;margin:0 0 0 30px;} #footer-links li a {float:left;padding:0 30px 0 0;height:22px;line-height:1.8em;background:url(images/ico-social.png) 100% 0 no-repeat;} #footer-links li#linked-in a {background-position:100% 0;} #footer-links li#twitter a {background-position:100% -25px;} #footer-links li#facebook a {background-position:100% -50px;} #footer-links li#rss a {background-position:100% -75px;} #footer-nav {margin: 10px 0 0;overflow:hidden;} #footer-nav li {font-size:1.2em;display:inline;float:left;background:url(images/sep1.png) 100% 50% no-repeat;margin:3px 7px 0 0;padding:0 10px 0 0;} #footer-nav li.current_page_item a, #footer-nav li.current-page-item a:visited, #footer-nav li.current_page_ancestor a, #footer-nav li.current_page_ancestor a:visited {color:#333;} #footer-nav li:last-child {background:none;} /* Footer section */ #footer {clear:both;margin:10px 0 0;} /* Contact form dialog */ #contactform {padding:15px 25px;} #contactform legend {visibility:hidden;height:0;line-height:0;} #contactform h2 {font-weight:bold;font-size:1.4em;} #contactform fieldset {border:none;} #contactform label {margin:10px 0 5px;font-size:1em;display:block;} #contactform .field {font-size:1.2em;padding:2px 3px 3px;background-color:#ffc;border:6px solid #feedad;width:331px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px} #contactform .tarea {height:120px;font:1.2em Arial, Helvetica, sans-serif;} #contactform .red-box {margin:20px 10px 0 0;border:none;font-size:1.1em;color:#fff;font-weight:bold;float:right;padding:3px 15px 3px;} #contactform input.red-box {cursor:pointer;}