/* Reset ------------------------------------------- */ * {margin: 0; padding: 0; color: #666; font-family: Arial,sans-serif; font-size: 100%;} body {min-width: 960px; font-size: 0.75em; line-height: 1.5em;} a, span, strong {font-size: 1em;} span {color: inherit;} a, a:visited {color: #2b8fc3; text-decoration: none;} a:hover {color: #555; text-decoration: none;} img {border: none;} html {height: 100.01%;} @font-face {font-family: 'PTSans'; src: url('../fonts/pts55f-webfont.eot'); src: url('../fonts/pts55f-webfont.eot?#iefix') format('eot'), url('../fonts/pts55f-webfont.woff') format('woff'), url('../fonts/pts55f-webfont.ttf') format('truetype'), url('../fonts/pts55f-webfont.svg#webfontkIZ1cq8e') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'PTSansBold'; src: url('../fonts/pts75f-webfont.eot'); src: url('../fonts/pts75f-webfont.eot?#iefix') format('eot'), url('../fonts/pts75f-webfont.woff') format('woff'), url('../fonts/pts75f-webfont.ttf') format('truetype'), url('../fonts/pts75f-webfont.svg#webfontXwmEKppg') format('svg'); font-weight: normal; font-style: normal;} /* basic text elements */ h1 {margin-bottom: 0; color: #000; font-weight: normal; font-size: 2em; font-family: PTSansBold,sans-serif; line-height: 1.5em; } h2 {margin: 0; color: #666; font-weight: normal; font-size: 1.833em; font-family: PTSansBold,sans-serif; line-height: 1.3em;} h3 {margin: 1em 0; font-size: 1.5em; font-weight: normal; font-family: PTSansBold,sans-serif; line-height: 1.3em;} h4 {margin: 1em 0; color: #fff; font-size: 1.25em; line-height: 1.3em;} p {margin: 1em 0;} ul, ol {margin: 1em 0;} ul li {margin: 5px 0;} ol li {margin: 5px 0; display: list-item;} /* basic form elements */ fieldset {border: none;} legend {border: none; font-weight: bold;} label {display: block; float: left; clear: left; width: 150px; margin: 5px 0;} input, textarea, select {width: 275px; margin: 5px 0; padding: 5px 10px; border: 1px solid #ccc; background: #fff url("../images/input.png") top repeat-x; color: #999; vertical-align: middle;} input.chk, input.radio {width: auto; border: none;} textarea {width: 550px; height: 150px;} button {height: 25px; margin: 0; padding: 0 10px; border: none; background: #b1e54c url("../images/button.png") bottom repeat-x; color: #fff; font: bold 1.083em/25px PTSans,Arial,sans-serif; cursor: pointer; vertical-align: middle;} legend {display: none;} /* layout ------------------------------------------- */ body {padding-bottom: 20px; background: #ccc url("../images/bg.png") top repeat-x;} .header {position: relative; z-index: 50; width: 962px; height: 163px; margin: 0 auto 20px; background: url("../images/header.png") center top no-repeat;} .header p.logo {position: absolute; left: 15px; top: 25px; margin: 0; color: #333; font: normal 1.667em/70px PTSans,sans-serif; letter-spacing: 0.1em;} .header p.logo a {float: left; height: 70px; margin: 0 25px 0 0; padding: 0 25px 0 0; border-right: 1px solid #d5d5d5; color: #333; font: normal 1.75em PTSansBold,sans-serif; text-decoration: none; letter-spacing: 0; line-height: 70px; outline: none;} .header p.logo a img {vertical-align: middle;} .header form {position: absolute; left: 728px; top: 39px; width: 220px; padding: 8px;} .header form input {width: 105px; margin: 0 4px 0 0;} .header form button {margin: 0; } .header ul.mm {position: absolute; bottom: 0; left: 0; width: 962px; height: 44px; margin: 0; padding: 0; list-style: none; background: url("../images/mm.png") center 2px no-repeat;} .header ul.mm li {float: left; position: relative; height: 44px; margin: 0; padding: 0 2px 0 0; background: url("../images/mm-separator.png") right 4px no-repeat;} .header ul.mm>li>a {float: left; position: relative; z-index: 2; height: 40px; padding: 0 3px 4px 0; line-height: 40px; background: url("../images/mm-over.png") 0 -90px no-repeat; text-decoration: none;} .header ul.mm>li>a span {float: left; height: 40px; padding: 0 0 0 3px;} .header ul.mm>li>a span span {float: left; height: 40px; padding: 0 13px; color: #e4f1f8; font: bold 1.167em/40px PTSansBold,sans-serif; text-shadow: #1c6c96 1px 1px 2px; text-transform: uppercase;} .header ul.mm>li>a:hover, .header ul.mm>li:hover>a, .header ul.mm>li.current-menu-item>a {height: 44px; background-position: right -44px;} .header ul.mm>li>a:hover span, .header ul.mm>li:hover>a span, .header ul.mm>li.current-menu-item>a span {height: 44px; background: url("../images/mm-over.png") 0 -44px no-repeat;} .header ul.mm>li>a:hover span span, .header ul.mm>li:hover>a span span, .header ul.mm>li.current-menu-item>a span span {height: 44px; background: url("../images/mm-over.png") center 0 no-repeat; color: #fff; text-shadow: #729d1e 1px 1px 2px;} .header ul.mm li ul {display: none; position: absolute; left:0; top: 37px; z-index: 1; list-style: none; width: 180px; margin: 0; padding: 0; border: 1px solid #d8d8d8; border-top:none; background: #ccc; -webkit-box-shadow: 0 0 5px rgba(50, 50, 50, 0.55); moz-box-shadow: 0 0 5px rgba(50, 50, 50, 0.55); box-shadow: 0 0 5px rgba(50, 50, 50, 0.55); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .header ul.mm>li:hover>ul {display: block;} .header ul.mm li ul li {float: none; height: auto; padding: 0; margin: 0; background: none; } .header ul.mm li ul li a {display: block; float: none; height: auto; padding: 5px 15px; border-top: 1px solid #d8d8d8; color: #888; font: normal 1.083em PTSans,sans-serif; text-decoration: none;} .header ul.mm li ul li a:hover, .header ul.mm li ul li:hover>a {background: #eee; color: #555; padding: 5px 15px; height: auto;} .header ul.mm>li>ul>li>ul {display: none; left: 180px; top: 0;} .header ul.mm>li>ul>li:hover>ul {display: block;} .content {overflow: hidden; width: 958px; margin: 0 auto; padding: 20px 0; background: #fff url("../images/content.png") center 1px no-repeat;} .sidebar {float: right; width: 273px; padding: 0 20px 0 0;} .sidebar ul {margin: 0; padding: 0; list-style: none;} .sidebar ul li {margin: 0 0 20px 0; padding: 0;} .sidebar ul li h2 {margin: 0; padding: 2px 0 7px 15px; background: url("../images/side-heading.png") left bottom no-repeat; color: #999; font: normal 1.5em/24px PTSansBold,sans-serif;} .sidebar ul li ul {margin: 1em 0;} .sidebar ul li ul li {margin: 0; padding: 0;} .sidebar ul li ul li a {display: block; padding: 5px 0 5px 20px; border-bottom: 1px solid #ddd; background: url("../images/sm-arrow.gif") 4px 10px no-repeat;} .sidebar ul li ul li a:hover {background-color: #eee; color: #666;} .sidebar ul li ul li ul {margin: 0;} .sidebar ul li ul li ul a {padding-left: 30px; background-image: url("../images/sm-arrow2.gif"); background-position: 15px 10px;} .sidebar ul li ul li ul ul a {padding-left: 40px; background-image: url("../images/sm-arrow3.gif"); background-position: 25px 10px;} .main {float: left; width: 603px; padding: 0 40px 0 20px; background: url("../images/column-separator.png") right top no-repeat;} .main h2 a {color: #666; font-weight: normal; font-family: PTSansBold,sans-serif;} .main h2 a:hover {color: #2b8fc3;} .footer {overflow: hidden; width: 958px; height: 38px; margin: 0 auto; background: url("../images/footer.png") top center no-repeat;} .footer ul.social {float: right; overflow: hidden; list-style: none; margin: 0 15px 0 0; padding-top: 2px;} .footer ul.social li {float: left; margin: 0 2px; padding: 0;} .footer ul.social li a {display: block; overflow: hidden; width: 36px; height: 35px; background: url("../images/social.png") no-repeat; text-indent: -5000px;} .footer ul.social li a.facebook {background-position: 0 bottom;} .footer ul.social li a.twitter {background-position: -36px bottom;} .footer p {margin: 2px 0 0 10px; color: #9f9f9f; line-height: 35px; } .footer p span {padding: 0 5px; color: #646464;} .footer p a {padding: 0 5px; color: #3191c3; text-decoration: none;} .footer p a:hover {color: #333; text-decoration: underline;} /* reusable classes ------------------------------------------- */ .secret {display: none;} .post {overflow: hidden; margin: 0 0 30px 0;} .post h2 {margin: 0;} p.meta {overflow: hidden; margin: 0.5em 0 1em; border: 1px solid #e6e6e6; background: #f7f7f7 url("../images/meta-bg.png") top repeat-x; font-size: 0.917em; line-height: 18px;} p.tags {overflow: hidden; float: left; width: 480px; overflow: hidden; margin: 0 0 1em 0; border: 1px solid #efefef; background: #fafafa; font-size: 0.917em; line-height: 18px;} p.tags.full {float: none; width: auto;} p.more {float: right; margin: 0 0 1em 0; } p.more a {float: right; padding-left: 20px; background: url("../images/icons/more.png") 0 center no-repeat; font-weight: bold; line-height: 18px;} p.meta span, p.tags span {float: left; padding: 0 15px 0 35px; background: url("../images/post-meta.png") no-repeat; line-height: 18px; } p.meta span.date {background-position: 0 0; color: #333;} p.meta span.author {background-position: 0 -18px;} p.meta span.cats {background-position: 0 -36px;} p.tags span {background-position: 0 -54px;} p.tags span.comments {background-position: 0 -72px;} .main ol, .main ul {margin: 1.5em 3em;} .main ul {margin: 1.5em 2.5em; list-style: none;} .main ul li {padding-left: 20px; background: url("../images/sm-arrow.gif") 0 5px no-repeat;} .main form {padding: 15px; border: 1px solid #ddd; background: #f0f0f0 url("../images/form-shadow.png") 0 0 no-repeat;} p.submit {margin-bottom: 0; text-align: center;} ul.commentlist {list-style: none; margin: 1.5em 0; padding: 0; border-bottom: 1px solid #ddd;} ul.commentlist li {margin: 0; padding: 10px 15px; border-top: 1px solid #ddd; background: #fafafa;} ul.commentlist li.odd {background: #f0f0f0;} ul.commentlist li a {color: #83AD30;} ul.commentlist li a:hover {color: #333;} ul.commentlist li img.avatar {float: left; margin: 0 10px 0 0; padding: 2px; border: 1px solid #ddd; background:#fff;} .wp-caption {width: 280px; margin: 0; padding: 5px; border: 1px solid #ddd; background: #fafafa;} .wp-caption.alignleft {float: left; margin-right: 15px;} .wp-caption.alignright {float: right; margin-left: 15px;} .wp-caption a {text-decoration: none;} .wp-caption p.wp-caption-text {margin: 0.5em 0; font-size: 0.917em;} p.pagination {padding: 10px 0; background: url("../images/horizontal-separator.png") center top no-repeat; color: #aaa; text-align: center;} p.pagination a {padding: 2px 5px; font-weight: bold;} p.pagination a:hover {background: #83AD30; color: #fff;} p.pagination a.current {background: #777; color: #fff;} .sidebar ul .widget_recent_comments ul {list-style: none;} .sidebar ul .widget_recent_comments ul li {padding: 5px 0; border-bottom: 1px solid #ddd;} .sidebar ul .widget_recent_comments ul li a {display: inline; margin: 0; padding: 0; border: none; background: none;} .sidebar ul .widget_recent_comments ul li a:hover {text-decoration: underline; background: none;}