@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,latin-ext);
html, body {
font-family: 'Ubuntu Condensed', sans-serif;;
font-size: 18px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
}
body {
line-height:1;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';content:none;
}
table {
border-collapse:collapse;border-spacing:0;
}
body {
-webkit-text-size-adjust:none
}
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body {
min-width: 1200px;
}
.container {
width: 1200px;
margin-left: auto;
margin-right: auto;
}
.container.small {
width: 900px;
}
.container.big {
width: 100%;
max-width: 1500px;
min-width: 1200px;
}
.\31 2u{ width: 100%
}
.\31 1u{ width: 91.6666666667%
}
.\31 0u{ width: 83.3333333333%
}
.\39 u{ width: 75%
}
.\38 u{ width: 66.6666666667%
}
.\37 u{ width: 58.3333333333%
}
.\36 u{ width: 50%
}
.\35 u{ width: 41.6666666667%
}
.\34 u{ width: 33.3333333333%
}
.\33 u{ width: 25%
}
.\32 u{ width: 16.6666666667%
}
.\31 u{ width: 8.3333333333%
}
.\-11u{ margin-left: 91.6666666667%
}
.\-10u{ margin-left: 83.3333333333%
}
.\-9u{ margin-left: 75%
}
.\-8u{ margin-left: 66.6666666667%
}
.\-7u{ margin-left: 58.3333333333%
}
.\-6u{ margin-left: 50%
}
.\-5u{ margin-left: 41.6666666667%
}
.\-4u{ margin-left: 33.3333333333%
}
.\-3u{ margin-left: 25%
}
.\-2u{ margin-left: 16.6666666667%
}
.\-1u{ margin-left: 8.3333333333%
}
.row > * {
padding: 40px 0 0 40px;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row + .row > * {
padding-top: 40px;
}
.row {
margin-left: -40px;
}
.row:after {
content: '';
display: block;
clear: both;
height: 0;
}
.row:first-child > * {
padding-top: 0;
}
.row > * {
padding-top: 0;
}
.row.flush {
margin-left: 0;
}
.row.flush > * {
padding: 0 !important;
}
.row.quarter > * {
padding: 10px 0 0 10px;
}
.row.quarter + .row.quarter > * {
padding-top: 10px;
}
.row.quarter {
margin-left: -10px;
}
.row.half > * {
padding: 20px 0 0 20px;
}
.row.half + .row.half > * {
padding-top: 20px;
}
.row.half {
margin-left: -20px;
}
.row.oneandhalf > * {
padding: 60px 0 0 60px;
}
.row.oneandhalf + .row.oneandhalf > * {
padding-top: 60px;
}
.row.oneandhalf {
margin-left: -60px;
}
.row.double > * {
padding: 80px 0 0 80px;
}
.row.double + .row.double > * {
padding-top: 80px;
}
.row.double {
margin-left: -80px;
}
*, *:before, *:after {
-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box
}
body {
font-size: 13.5pt;
font-family: sans-serif;
background-color: #e3e9dc;
font-family: 'Ubuntu Condensed', sans-serif;
color: #878e83;
letter-spacing: -1px;
}
h1, h2, h3, h4 {
color: #5E9A36;
font-weight: normal;
}
h2 {
font-size: 1.6em;
letter-spacing: -1px;
margin-bottom: 1em;
}
h3, h4 {
color: #283121;
margin-bottom: 0.5em;
}
h3 {
font-size: 1.2em;
margin-bottom: 0.8em;
}
h4 {
font-size: 1em;
}
p, ul {
margin-bottom: 1.25em;
}
p {
line-height: 1.8em;
}
strong {
color: #474e43;
}
img.left {
float: left;
margin: 2px 1.25em 0 0;
}
img.top {
margin: 4px 0 2.25em 0;
}
ul {
padding: 0.25em 0 0 0;
}
a {
color: #5d93a2;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
* > p:last-child {
margin-bottom: 0 !important;
}
article.blog-post {
position: relative;
}
article.blog-post .comments {
position: absolute;
top: 0;
right: 0;
height: 32px;
line-height: 24px;
padding-left: 40px;
background: url('images/icon-bubble.png') no-repeat;
}
ul.small-image-list {
}
ul.small-image-list li {
overflow: hidden;
margin-bottom: 1.5em;
}
ul.big-image-list {
}
ul.big-image-list li {
overflow: hidden;
margin-bottom: 2em;
}
ul.link-list {
}
ul.link-list li {
border-top: solid 1px #ced0b7;
padding: 0.75em 0 0 0;
margin: 0.75em 0 0 0;
}
ul.link-list li:first-child {
padding-top: 0;
margin-top: 0;
border-top: 0;
}
.button {
display: inline-block;
padding: 15px 25px 15px 25px;
background-color: #007b9d;
background-image: -moz-linear-gradient(top, #008dad, #007b9d);
background-image: -webkit-linear-gradient(top, #008dad, #007b9d);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008dad), to(#007b9d));
background-image: -ms-linear-gradient(top, #008dad, #007b9d);
background-image: -o-linear-gradient(top, #008dad, #007b9d);
background-image: linear-gradient(top, #008dad, #007b9d);
border-radius: 10px;
text-transform: lowercase;
text-decoration: none;
color: #fff;
font-size: 1.2em;
letter-spacing: -1px;
border: solid 1px #006e8b;
-moz-box-shadow: inset 0px 0px 0px 1px #18a8c8;
-webkit-box-shadow: inset 0px 0px 0px 1px #18a8c8;
-ms-box-shadow: inset 0px 0px 0px 1px #18a8c8;
box-shadow: inset 0px 0px 0px 1px #18a8c8;
}
.button:hover {
background-color: #118eb1;
background-image: -moz-linear-gradient(top, #1b9fbe, #118eb1);
background-image: -webkit-linear-gradient(top, #1b9fbe, #118eb1);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b9fbe), to(#118eb1));
background-image: -ms-linear-gradient(top, #1b9fbe, #118eb1);
background-image: -o-linear-gradient(top, #1b9fbe, #118eb1);
background-image: linear-gradient(top, #1b9fbe, #118eb1);
-moz-box-shadow: inset 0px 0px 0px 1px #3ecceb;
-webkit-box-shadow: inset 0px 0px 0px 1px #3ecceb;
-ms-box-shadow: inset 0px 0px 0px 1px #3ecceb;
box-shadow: inset 0px 0px 0px 1px #3ecceb;
}
html, body {
min-width: 1200px;
margin: 0px;
padding: 0px;
}
section, article {
margin: 0 0 60px 0;
}
section:last-child, article:last-child {
margin-bottom: 0;
}
section.left-content {
padding-right: 30px;
}
section.right-content {
padding-left: 30px;
}
section.middle-content {
padding: 0 30px 0 30px;
}
ul.small-image-list img {
width: 78px;
}
ul.big-image-list img {
width: 178px;
}
.blog-post-image {
width: 588px;
}
#header-wrapper {
background-color: #FFFFFF;
}
#header {
position: relative;
margin: 2.5% 0 2.5% 0;
padding: 0 40px 0 40px;
height: 86px;
}
#header h1 {
position: absolute;
left: 0px;
top: 0;
color: #000;
font-size: 2.4em;
letter-spacing: -2px;
line-height: 104px;
}
#header h1 a {
color: #000;
text-decoration: none;
}
#header nav {
position: absolute;
right: 40px;
top: 1px;
line-height: 84px;
text-transform: lowercase;
font-size: 1.3em;
letter-spacing: -1px;
}
#header nav a {
display: inline-block;
text-decoration: none;
color: #000;
padding: 0 25px 0 25px;
outline: 0;
}
#header nav a.current-page-item {
background-color: #5E9A36;
color: #FFFFFF;
}
#header nav a:hover {
background-color: #5E9A36;
color: #FFFFFF;
-moz-box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.05), 0px 0px 5px 1px rgba(255,255,255,0.05);
-webkit-box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.05), 0px 0px 5px 1px rgba(255,255,255,0.05);
-ms-box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.05), 0px 0px 5px 1px rgba(255,255,255,0.05);
box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.05), 0px 0px 5px 1px rgba(255,255,255,0.05);
}
#banner-wrapper {
background: #5E9A36;
}
#banner {
position: relative;
width: 1160px;
height: 215px;
margin: 2% 0 2% 0;
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
-ms-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
border-radius: 10px;
padding: 5px;
background: #fff url(/repository/layout/banner.png) no-repeat 20px 20px;
-moz-background-size: 1160px 265px;
-webkit-background-size: 1160px 265px;
-ms-background-size: 1160px 265px;
background-size: 1160px 265px;
}
#banner img {
border-radius: 10px;
}
#banner h2 {
position: absolute;
z-index: 1;
width: 100%;
top: 100px;
left: 0;
font-size: 3.3em;
color: #fff;
text-align: center;
letter-spacing: -2px;
}
#banner span {
display: block;
position: absolute;
z-index: 1;
width: 100%;
bottom: 105px;
left: 0;
font-size: 1.6em;
color: #fff;
text-align: center;
letter-spacing: -1px;
text-transform: lowercase;
opacity: 0.8;
}
#main {
background: #fff;
padding: 2% 0 2% 0;
}
#main .controls {
}
#footer-wrapper {
padding: 3% 0 3% 0;
}
#copyright {
text-align: center;
color: #A6A88F;
border-top: solid 1px #ced0b7;
padding: 3em 0 0 0;
margin: 1% 0 0 0;
}
#copyright a {
color: #A6A88F;
}
h1 {
font-size: 44px;
}
h2 {
font-size: 30px;
}
body {
min-width: 800px;
}
.container {
width: 900px;
}
#banner {
width: 860px;
-moz-background-size: 860px 265px;
-webkit-background-size: 860px 265px;
-ms-background-size: 860px 265px;
background-size: 860px 265px;
}
#banner h2, #banner span {
display: none;
}
.index {
text-align: center;
}
.index ol {
width: 80%;
margin: 0px auto;
}
.index ol {
counter-reset: li;
list-style: none;
*list-style: decimal;
}
.index li {
text-align: left;
}
.index li a {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
*padding: .4em;
margin: .5em 0;
background: #ddd;
color: #444;
text-decoration: none;
border-radius: .3em;
-moz-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.index li a:hover {
background: #eee;
}
.index li a:hover:before {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.index li a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: #5E9A36;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid #fff;
text-align: center;
font-weight: bold;
border-radius: 2em;
-moz-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}