@charset "UTF-8";
/*  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)*/
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}/* /Font Awesome */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* 
 * pure's base.css
 */
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%}
html, button, input, select, textarea {
    font-family: sans-serif;
}
body {
    margin: 0;
    color: #2d3443;
}
a:focus {
    outline: thin dotted;
}
a:active, a:hover {
    outline: 0;
}
h1 {
    font-size: 2em;
    margin: .67em 0;
}
h2 {
    font-size: 1.5em;
    margin: .83em 0;
}
h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
h5 {
    font-size: .83em;
    margin: 1.67em 0;
}
h6 {
    font-size: .67em;
    margin: 2.33em 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: 700;
}
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
mark {
    background: #ff0;
    color: #000;
}
p, pre {
    margin: 1em 0;
}
code, kbd, pre, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q:before, q:after {
    content: '';
    content: none;
}
small {
    font-size: 80%}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}
dl, menu, ol, ul {
    margin: 1em 0;
}
dd {
    margin: 0 0 0 40px;
}
menu, ol, ul {
    padding: 0;
}
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
button, input {
    line-height: normal;
}
button, select {
    text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}
button[disabled], html input[disabled] {
    cursor: default;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}
input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
[hidden] {
    display: none!important;
}

/*
 * pure's grids.css
 */
.pure-g {
    letter-spacing: -.31em;
    *letter-spacing: normal;
    *word-spacing: -.43em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
}
.opera-only :-o-prefocus, .pure-g {
    word-spacing: -.43em;
}
.pure-u {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}
.pure-g [class *="pure-u"] {
    font-family: sans-serif;
}
.pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}
.pure-u-1-24 {
    width: 4.1667%;
    *width: 4.1357%}
.pure-u-1-12, .pure-u-2-24 {
    width: 8.3333%;
    *width: 8.3023%}
.pure-u-1-8, .pure-u-3-24 {
    width: 12.5%;
    *width: 12.469%}
.pure-u-1-6, .pure-u-4-24 {
    width: 16.6667%;
    *width: 16.6357%}
.pure-u-1-5 {
    width: 20%;
    *width: 19.969%}
.pure-u-5-24 {
    width: 20.8333%;
    *width: 20.8023%}
.pure-u-1-4, .pure-u-6-24 {
    width: 25%;
    *width: 24.969%}
.pure-u-7-24 {
    width: 29.1667%;
    *width: 29.1357%}
.pure-u-1-3, .pure-u-8-24 {
    width: 33.3333%;
    *width: 33.3023%}
.pure-u-3-8, .pure-u-9-24 {
    width: 37.5%;
    *width: 37.469%}
.pure-u-2-5 {
    width: 40%;
    *width: 39.969%}
.pure-u-5-12, .pure-u-10-24 {
    width: 41.6667%;
    *width: 41.6357%}
.pure-u-11-24 {
    width: 45.8333%;
    *width: 45.8023%}
.pure-u-1-2, .pure-u-12-24 {
    width: 50%;
    *width: 49.969%}
.pure-u-13-24 {
    width: 54.1667%;
    *width: 54.1357%}
.pure-u-7-12, .pure-u-14-24 {
    width: 58.3333%;
    *width: 58.3023%}
.pure-u-3-5 {
    width: 60%;
    *width: 59.969%}
.pure-u-5-8, .pure-u-15-24 {
    width: 62.5%;
    *width: 62.469%}
.pure-u-2-3, .pure-u-16-24 {
    width: 66.6667%;
    *width: 66.6357%}
.pure-u-17-24 {
    width: 70.8333%;
    *width: 70.8023%}
.pure-u-3-4, .pure-u-18-24 {
    width: 75%;
    *width: 74.969%}
.pure-u-19-24 {
    width: 79.1667%;
    *width: 79.1357%}
.pure-u-4-5 {
    width: 80%;
    *width: 79.969%}
.pure-u-5-6, .pure-u-20-24 {
    width: 83.3333%;
    *width: 83.3023%}
.pure-u-7-8, .pure-u-21-24 {
    width: 87.5%;
    *width: 87.469%}
.pure-u-11-12, .pure-u-22-24 {
    width: 91.6667%;
    *width: 91.6357%}
.pure-u-23-24 {
    width: 95.8333%;
    *width: 95.8023%}
.pure-u-1, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24 {
    width: 100%}
.pure-g-r {
    letter-spacing: -.31em;
    *letter-spacing: normal;
    *word-spacing: -.43em;
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
}
.opera-only :-o-prefocus, .pure-g-r {
    word-spacing: -.43em;
}
.pure-g-r [class *="pure-u"] {
    font-family: sans-serif;
}
.pure-g-r img {
    max-width: 100%;
    height: auto;
}
@media (min-width:980px) {
    .pure-visible-phone {
        display: none;
    }
    .pure-visible-tablet {
        display: none;
    }
    .pure-hidden-desktop {
        display: none;
    }
    }@media (max-width:480px) {
        .pure-g-r>.pure-u, .pure-g-r>[class *="pure-u-"] {
        width: 100%}
    }@media (max-width:767px) {
        .pure-g-r>.pure-u, .pure-g-r>[class *="pure-u-"] {
        width: 100%}
    .pure-hidden-phone {
        display: none;
    }
    .pure-visible-desktop {
        display: none;
    }
    }@media (min-width:768px) and (max-width:979px) {
        .pure-hidden-tablet {
        display: none;
    }
    .pure-visible-desktop {
        display: none;
    }
}

/*
 * pure's menus.css
 */
.pure-menu ul {
    position: absolute;
    visibility: hidden;
}
.pure-menu.pure-menu-open {
    visibility: visible;
    z-index: 2;
    width: 100%}
.pure-menu ul {
    left: -10000px;
    list-style: none;
    margin: 0;
    padding: 0;
    top: -10000px;
    z-index: 1;
}
.pure-menu>ul {
    position: relative;
}
.pure-menu-open>ul {
    left: 0;
    top: 0;
    visibility: visible;
}
.pure-menu-open>ul:focus {
    outline: 0;
}
.pure-menu li {
    position: relative;
}
.pure-menu a, .pure-menu .pure-menu-heading {
    display: block;
    color: inherit;
    line-height: 1.5em;
    padding: 5px 20px;
    text-decoration: none;
    white-space: nowrap;
}
.pure-menu.pure-menu-horizontal>.pure-menu-heading {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    vertical-align: middle;
}
.pure-menu.pure-menu-horizontal>ul {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.pure-menu li a {
    padding: 5px 20px;
}
.pure-menu-can-have-children>.pure-menu-label:after {
    content: '\25B8';
    float: right;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif;
    margin-right: -20px;
    margin-top: -1px;
}
.pure-menu-can-have-children>.pure-menu-label {
    padding-right: 30px;
}
.pure-menu-separator {
    background-color: #dfdfdf;
    display: block;
    height: 1px;
    font-size: 0;
    margin: 7px 2px;
    overflow: hidden;
}
.pure-menu-hidden {
    display: none;
}
.pure-menu-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%}
.pure-menu-horizontal li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.pure-menu-horizontal li li {
    display: block;
}
.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label:after {
    content: "\25BE"}
.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label {
    padding-right: 30px;
}
.pure-menu-horizontal li.pure-menu-separator {
    height: 50%;
    width: 1px;
    margin: 0 7px;
}
.pure-menu-horizontal li li.pure-menu-separator {
    height: 1px;
    width: auto;
    margin: 7px 2px;
}
.pure-menu.pure-menu-open, .pure-menu.pure-menu-horizontal li .pure-menu-children {

}
.pure-menu.pure-menu-horizontal, .pure-menu.pure-menu-horizontal .pure-menu-heading {
    border: 0;
}

.pure-menu a, .pure-menu .pure-menu-can-have-children>li:after {
    color: #777;
}
.pure-menu .pure-menu-can-have-children>li:hover:after {
    color: #fff;
}
.pure-menu .pure-menu-open {
    background: #dedede;
}
.pure-menu li a:hover, .pure-menu li a:focus {
    background: #eee;
}
.pure-menu li.pure-menu-disabled a:hover, .pure-menu li.pure-menu-disabled a:focus {
    background: #fff;
    color: #bfbfbf;
}
.pure-menu .pure-menu-disabled>a {
    background-image: none;
    border-color: transparent;
    cursor: default;
}
.pure-menu .pure-menu-disabled>a, .pure-menu .pure-menu-can-have-children.pure-menu-disabled>a:after {
    color: #bfbfbf;
}
.pure-menu .pure-menu-heading {
    color: #565d64;
    text-transform: uppercase;
    font-size: 90%;
    margin-top: .5em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dfdfdf;
}
.pure-menu .pure-menu-selected a {
    color: #000;
}
.pure-menu.pure-menu-open.pure-menu-fixed {
    border: 0;
    border-bottom: 1px solid #b7b7b7;
}
.pure-paginator {
    letter-spacing: -.31em;
    *letter-spacing: normal;
    *word-spacing: -.43em;
    text-rendering: optimizespeed;
    list-style: none;
    margin: 0;
    padding: 0;
}
.opera-only :-o-prefocus, .pure-paginator {
    word-spacing: -.43em;
}
.pure-paginator li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}
.pure-paginator .pure-button {
    border-radius: 0;
    padding: .8em 1.4em;
    vertical-align: top;
    height: 1.1em;
}
.pure-paginator .pure-button:focus, .pure-paginator .pure-button:active {
    outline-style: none;
}
.pure-paginator .prev, .pure-paginator .next {
    color: #C0C1C3;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .45);
}
.pure-paginator .prev {
    border-radius: 2px 0 0 2px;
}
.pure-paginator .next {
    border-radius: 0 2px 2px 0;
}
@media (max-width:480px) {
    .pure-menu-horizontal {
        width: 100%}
    .pure-menu-children li {
        display: block;
        border-bottom: 1px solid #000;
    }
}

/*
 * pure's buttons.css
 */
.pure-button {
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.pure-button {
    font-family: inherit;
    font-size: 100%;
    *font-size: 90%;
    *overflow: visible;
    padding: .5em 1em;
    color: #444;
    color: rgba(0, 0, 0, .8);
    *color: #444;
    border: 1px solid #999;
    border: 0 rgba(0, 0, 0, 0);
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
}
.pure-button-hover, .pure-button:hover, .pure-button:focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',  endColorstr='#1a000000',  GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .1));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
}
.pure-button:focus {
    outline: 0;
}
.pure-button-active, .pure-button:active {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 0 6px rgba(0, 0, 0, .2) inset;
}
.pure-button[disabled], .pure-button-disabled, .pure-button-disabled:hover, .pure-button-disabled:focus, .pure-button-disabled:active {
    border: 0;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    filter: alpha(opacity=40);
    -khtml-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    cursor: not-allowed;
    box-shadow: none;
}
.pure-button-hidden {
    display: none;
}
.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
    background-color: #0078e7;
    color: #fff;
}

/*
 * pure's forms.css
 */
.pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form select, .pure-form textarea {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pure-form input:not([type]) {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pure-form input[type=color] {
    padding: .2em .5em;
}
.pure-form input[type=text]:focus, .pure-form input[type=password]:focus, .pure-form input[type=email]:focus, .pure-form input[type=url]:focus, .pure-form input[type=date]:focus, .pure-form input[type=month]:focus, .pure-form input[type=time]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=week]:focus, .pure-form input[type=number]:focus, .pure-form input[type=search]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=color]:focus, .pure-form select:focus, .pure-form textarea:focus {
    outline: 0;
    outline: thin dotted \9;
    border-color: #129FEA;
}
.pure-form input:not([type]):focus {
    outline: 0;
    outline: thin dotted \9;
    border-color: #129FEA;
}
.pure-form input[type=file]:focus, .pure-form input[type=radio]:focus, .pure-form input[type=checkbox]:focus {
    outline: thin dotted #333;
    outline: 1px auto #129FEA;
}
.pure-form .pure-checkbox, .pure-form .pure-radio {
    margin: .5em 0;
    display: block;
}
.pure-form input[type=text][disabled], .pure-form input[type=password][disabled], .pure-form input[type=email][disabled], .pure-form input[type=url][disabled], .pure-form input[type=date][disabled], .pure-form input[type=month][disabled], .pure-form input[type=time][disabled], .pure-form input[type=datetime][disabled], .pure-form input[type=datetime-local][disabled], .pure-form input[type=week][disabled], .pure-form input[type=number][disabled], .pure-form input[type=search][disabled], .pure-form input[type=tel][disabled], .pure-form input[type=color][disabled], .pure-form select[disabled], .pure-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}
.pure-form input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}
.pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly] {
    background: #eee;
    color: #777;
    border-color: #ccc;
}
.pure-form input:focus:invalid, .pure-form textarea:focus:invalid, .pure-form select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}
.pure-form input:focus:invalid:focus, .pure-form textarea:focus:invalid:focus, .pure-form select:focus:invalid:focus {
    border-color: #e9322d;
}
.pure-form input[type=file]:focus:invalid:focus, .pure-form input[type=radio]:focus:invalid:focus, .pure-form input[type=checkbox]:focus:invalid:focus {
    outline-color: #e9322d;
}
.pure-form select {
    border: 1px solid #ccc;
    background-color: #fff;
}
.pure-form select[multiple] {
    height: auto;
}
.pure-form label {
    margin: .5em 0 .2em;
}
.pure-form fieldset {
    margin: 0;
    padding: .35em 0 .75em;
    border: 0;
}
.pure-form legend {
    display: block;
    width: 100%;
    padding: .3em 0;
    margin-bottom: .3em;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}
.pure-form-stacked input[type=text], .pure-form-stacked input[type=password], .pure-form-stacked input[type=email], .pure-form-stacked input[type=url], .pure-form-stacked input[type=date], .pure-form-stacked input[type=month], .pure-form-stacked input[type=time], .pure-form-stacked input[type=datetime], .pure-form-stacked input[type=datetime-local], .pure-form-stacked input[type=week], .pure-form-stacked input[type=number], .pure-form-stacked input[type=search], .pure-form-stacked input[type=tel], .pure-form-stacked input[type=color], .pure-form-stacked select, .pure-form-stacked label, .pure-form-stacked textarea {
    display: block;
    margin: .25em 0;
}
.pure-form-stacked input:not([type]) {
    display: block;
    margin: .25em 0;
}
.pure-form-aligned input, .pure-form-aligned textarea, .pure-form-aligned select, .pure-form-aligned .pure-help-inline, .pure-form-message-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.pure-form-aligned textarea {
    vertical-align: top;
}
.pure-form-aligned .pure-control-group {
    margin-bottom: .5em;
}
.pure-form-aligned .pure-control-group label {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 10em;
    margin: 0 1em 0 0;
}
.pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 10em;
}
.pure-form input.pure-input-rounded, .pure-form .pure-input-rounded {
    border-radius: 2em;
    padding: .5em 1em;
}
.pure-form .pure-group fieldset {
    margin-bottom: 10px;
}
.pure-form .pure-group input {
    display: block;
    padding: 10px;
    margin: 0;
    border-radius: 0;
    position: relative;
    top: -1px;
}
.pure-form .pure-group input:focus {
    z-index: 2;
}
.pure-form .pure-group input:first-child {
    top: 1px;
    border-radius: 4px 4px 0 0;
}
.pure-form .pure-group input:last-child {
    top: -2px;
    border-radius: 0 0 4px 4px;
}
.pure-form .pure-group button {
    margin: .35em 0;
}
.pure-form .pure-input-1 {
    width: 100%}
.pure-form .pure-input-2-3 {
    width: 66%}
.pure-form .pure-input-1-2 {
    width: 50%}
.pure-form .pure-input-1-3 {
    width: 33%}
.pure-form .pure-input-1-4 {
    width: 25%}
.pure-form .pure-help-inline, .pure-form-message-inline {
    display: inline-block;
    padding-left: .3em;
    color: #666;
    vertical-align: middle;
    font-size: .875em;
}
.pure-form-message {
    display: block;
    color: #666;
    font-size: .875em;
}
@media only screen and (max-width :480px) {
    .pure-form button[type=submit] {
        margin: .7em 0 0;
    }
    .pure-form input:not([type]), .pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form label {
        margin-bottom: .3em;
        display: block;
    }
    .pure-group input:not([type]), .pure-group input[type=text], .pure-group input[type=password], .pure-group input[type=email], .pure-group input[type=url], .pure-group input[type=date], .pure-group input[type=month], .pure-group input[type=time], .pure-group input[type=datetime], .pure-group input[type=datetime-local], .pure-group input[type=week], .pure-group input[type=number], .pure-group input[type=search], .pure-group input[type=tel], .pure-group input[type=color] {
        margin-bottom: 0;
    }
    .pure-form-aligned .pure-control-group label {
        margin-bottom: .3em;
        text-align: left;
        display: block;
        width: 100%}
    .pure-form-aligned .pure-controls {
        margin: 1.5em 0 0;
    }
    .pure-form .pure-help-inline, .pure-form-message-inline, .pure-form-message {
        display: block;
        font-size: .75em;
        padding: .2em 0 .8em;
    }
}

/*
 * bzelip styles
 */
html, button, input, select, textarea,
.pure-g [class *= "pure-u"],
.pure-g-r [class *= "pure-u"] {
    font-family: "Bree Serif", sans-serif;
    background-color: #ccc;
}

.pure-menu li {

}

.pure-menu li a {
    padding: 10px 20px;
    font-size: 1.1rem;
}

@media (max-width: 500px) {
  .pure-menu.pure-menu-horizontal > ul {
    display: block;
  }

  .pure-menu li {
    display: block;
  }
}

.main-title {
    font-size: 6em;
    color: #08c;
    text-align: center;
    font-family: "Bree Serif";  
    text-shadow: rgb(11, 78, 65) 1px 1px,
        rgb(11, 78, 65) 2px 2px,
        rgb(11, 78, 65) 3px 3px,
        rgb(11, 78, 65) 4px 4px,
        rgb(11, 78, 65) 5px 5px,
        rgb(11, 78, 65) 6px 6px,
        rgb(11, 78, 65) 7px 7px,
        rgb(11, 78, 65) 8px 8px,
        rgb(11, 78, 65) 9px 9px,
        rgb(11, 78, 65) 10px 10px,
        rgb(11, 78, 65) 11px 11px,
        rgb(11, 78, 65) 12px 12px,
        rgb(11, 78, 65) 13px 13px,
        rgb(11, 78, 65) 14px 14px,
        rgb(11, 78, 65) 15px 15px,
        rgb(11, 78, 65) 16px 16px,
        rgb(11, 78, 65) 17px 17px,
        rgb(11, 78, 65) 18px 18px,
        rgb(11, 78, 65) 19px 19px,
        rgb(11, 78, 65) 20px 20px;
    margin: -15px 0 0 0;
}

.main-sub-title {
    text-align: center;
    font-family: "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 100;
    margin: 5px 0 30px 0;
}

img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

nav {
    top: 18px;
    position: relative;
    margin: 0 auto 40px auto;
    display: block;
    max-width: 980px;
    background-color: rgb(25,25,25);
}

@media (max-width: 500px) { 
  nav {
    top: 0;
  }

}

.pure-menu-horizontal {
    text-align: center;
}

.nav .pure-menu li a {
    color: white;
}

li {
  list-style-position: inside;
}

.nav .pure-menu li a:hover {
    background-color: white;
    color: #2d3443;
}

.partners-container, .content-container {
    max-width: 768px;
    margin: 0 auto 30px auto;
}

@media (max-width: 768px) {
    .partners-container, .content-container {
        padding: 0 15px;
    }
}

figcaption {
    text-align: center;
    margin: 20px auto;
}

.test {
    background-color: red;
    margin: 0 auto;
}

#listening-list-wrapper {
    padding: 1em;
    margin: 1em;
}

.listen-list {
    text-align: center;
}

#listening-list-wrapper li {
    list-style-type: none;
    display: inline-block;
    width: 50%;
    float: left;
    background-color: green;
    margin: 10px;
    padding: 1em 2em;
    text-align: center;
}

.tuneIn, .vlc, .winamp, .itunes, .quicktime, .windoze, .unreal {
    text-align: center;
    display: block;
    margin: 10px 20px;
    padding: 1em;
    color: #2d3443;
    font-size: 2em;
    text-decoration: none;
    box-shadow: 0 4px 2px rgba(51,51,51,0.3);
    position: relative;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}

.tuneIn {
    background-color: rgb(222,110,37);
}

.vlc {
    background-color: rgb(248,174,58);
}

.winamp {
    background-color: rgb(252,223,74);
}

.itunes {
    background-color: rgb(232,232,232);
}

.quicktime {
    background-color: rgb(110,135,166);
}

.windoze{
    background-color: rgb(77,180,89);
}

.unreal {
    background-color: rgb(77,147,216);
}

.tuneIn:active, .vlc:active, .winamp:active, .itunes:active, .quicktime:active, .windoze:active, .unreal:active {
    top: 4px;
    box-shadow: none;
}

footer {
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    
    margin: 100px 0 20px 0;
    font-size: 1em;
    font-weight: 300;
    font-family: "Helvetica Neue", "Helvetica", sans-serif;
    line-height: 1.4em;
}

footer a,
aside a {
    color: #08c;
    text-decoration: none;
}

footer a:hover,
aside a:hover {
    color: #2d3443;
}

.mwliuc {
    font-size: .9em;
}

li.no-list-style {
    list-style-type: none;
}

ul.itemized-list li {
    margin-bottom: 7px;
}

#main {
    max-width: 980px;
    margin: 0 auto;
}

@media (max-width: 1000px) {
    #main {
        padding: 0 1rem;
    }
}

.box {
    padding: 1em;
}

.announcement {
    text-align: center;
    padding-bottom: 1em;
    margin: 0 auto 30px auto;
    font-size: 2em;
}

.announcement figure {
    margin-top: 30px;
}

.announcement figcaption {
    font-size: .6em;
}

article.pure-u-24-24.announcement-with-border {
    text-align: center;
    font-size: 2em;
    padding-bottom: 1em;
    width: 75%;
    border: 10px solid rgba(236, 127, 36, 1);
    background: rgba(170,170,170,.7);
    margin: 30px auto 30px auto;
    display: block;/* this helped the fact that firefox wasn't centering this particular div */
    /*background-image: repeating-linear-gradient(45deg, rgba(236, 127, 36, .3) 1px, rgba(236, 127, 36, .3) 3px, rgba(170,170,170,.3) 1px, rgba(170,170,170,.3) 10px),
    repeating-linear-gradient(-45deg, rgba(236, 127, 36, .3) 1px, rgba(236, 127, 36, .3) 3px, rgba(170,170,170,.3) 1px, rgba(170,170,170,.3) 10px);*/
}
/* articles that helped me understand diagonal lines via gradients:
http://css-tricks.com/snippets/css/diagonal-graph-paper-gradient/
http://stackoverflow.com/questions/11894332/diagonal-lines-as-background-for-css-how-to-switch-angle
http://a2zdesignguide.com/css/create-diagonal-stripe-lines-background-using-css3/
*/

.call-to-action-button {
    text-decoration: none;
    padding: .5em;
    color: inherit;
    border: 2px solid #08c;
    display: inline-block;
}

.call-to-action-button:hover {
    background: #08c;
    color: white;
}

.news-title {
    font-size: 2em;
    text-align: center;
}

/* Font Awesome (continued) */
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-facebook:before {
  content: "\f09a";
}
/* /Font Awesome */

@media (min-width: 48em) {
    .empty-content-full-height {
        bottom: 0;
        position: fixed;
    }
}

footer ul li {
    list-style-type: none;
    display: inline-block;
    margin: 0 10px;
}

.undergroundVid {
    width: 100%;
    height: 400px;
    background-color: #2d3443;
    color: white;
    padding-top: 100px;
}

.undergroundLogo {
    text-align: center;
    font-size: 3em;
}

.alert-box {
  display: block;
  font-weight: normal;
  margin-bottom: 1.25rem;
  position: relative;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  font-size: 1.1rem;
  text-align: center;
  max-width: 980px;
  margin: 0 auto;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  color: #264c72;
  border: 1px solid #97c1da;
  background-color: #d8ebf8;
  background: -moz-linear-gradient(#d8ebf8, #d0e3ef);
  background: -webkit-linear-gradient(#d8ebf8, #d0e3ef);
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  margin-top: 5px;
  /*border-style: solid;
  border-width: 1px;
  background-color: #a0d3e8;
  border-color: #74bfdd;
  color: #4f4f4f;*/
}

h3.page-title {
  text-align: center;
  font-size: 2em;
  padding: 0 0 20px 0;
  margin: 0;
}

h4.page-subtitle {
  text-align: center;
  font-size: 1.5em;
  margin: 0;
  padding: 0 0 20px 0;
}

.iframe-wrapper {
  width: 100%;
  padding: 1em;
}

iframe {
  width: 100%;
  height: 600px;
}

.close {
    text-decoration: none;
    color: #264c72;
    float: right;
    opacity: .7;
    font-size: .9em;
    text-shadow: 1px 2px 3px rgb(255,255,255);
}

.close:hover {
    opacity: 1;
}



/*----------- Lorri's partners page specific styles --------------*/


.partners_left_column{
  float:left;
width:45%;
}
  


.partners_right_column{
    float:left;
    margin-left:25px;
width:45%;
}



.partners_clear{
    clear:both;
}




ul.partners-list {
    text-align: left;
    list-style-type: none;
    list-style-position: inside;
    margin-left: 15px;
}

@media (max-width: 768px) {
    ul.partners-list {
        margin-left: 50px;
    }   
}

@media (max-width: 600px) {
    ul.partners-list {
        margin-left: 0;
    }   
}

.partners-list li {
    margin-bottom: 1em;
}

.partners-list li:last-child {
    margin-bottom: 0;
}



/*----------- Lorri's donors page specific styles --------------*/

.donor_left_column{
  float:left;
width:33%;
}
  
.donor_middle_column{
    float:left;
    margin-left:25px;
width:30%;

}

.donor_right_column{
    float:left;
    margin-left:25px;
width:30%;
}



.donor_clear{
    clear:both;
}



/*----------- Lorri's support page specific styles --------------*/

#support_left_column{
  float:left;
}
  
.support_middle_column{
    float:left;
    margin-left:70px;
}

.support_right_column{
    float:left;
    margin-left:70px;
}

.support_paypal_button{
    margin-top:20px;
}

.support_clear{
    clear:both;
}

/*----------- Brian's support page layout reconfig --------------*/

.widest-container {
    width: 96%;
    max-width: 1400px;
    margin: 0 auto 30px auto;
}

.masthead {
    text-align: center;
}

.masthead h2 {
    font-size: 3em;
    margin: 0 0 15px 0;
}

.masthead h3 {
    font-size: 2.4em;
    margin: 0;
}

.lead {
    font-size: 1.5em;
    margin: 0 0 1rem;
}

.address {
    padding-left: 20px;
}

ul.support-gift-list {
    text-align: left;
    list-style-type: none;
    list-style-position: inside;
    font-size: 1.3em;
    margin-left: 75px;
}

@media (max-width: 768px) {
    ul.support-gift-list {
        margin-left: 50px;
    }   
}

@media (max-width: 600px) {
    ul.support-gift-list {
        margin-left: 0;
    }   
}

.support-gift-list li {
    margin-bottom: 1rem;
}

.support-gift-list li:last-child {
    margin-bottom: 0;
}

.center {
    text-align: center;
}

.icon-lead {
    margin-top: 2em;
    margin-bottom: -.1em;
    line-height: 1.5;
}

.support-icon-container {
    margin: 1em;
    padding-bottom: 1em;
}

@media (max-width: 767px) {
    .support-icon-container {
        margin: 0;
    }

    .icon-lead {
        margin-bottom: .5em;
    }
}

.supportIcon {
    width: 150px;
    height: 150px;
    padding: .5em;
}

.supportOptionNumber {
    height: 50px;
    width: 50px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background-color: #08c;
    font-size: 2em;
    color: white;
}
/* some articles about using css3 to draw circles around text:
    http://stackoverflow.com/questions/16615403/css-how-to-draw-circle-with-text-in-middle
    http://jsfiddle.net/2GUFL/
*/

.supportOptionHeader {
    display: inline-block;
    font-size: 2em;
}

.support-action-container {
    margin: 10px;
    min-height: 335px;
    border: 5px solid #08c;
}

.support-action-container-spring-2014 {
    margin: 10px;
    height: 550px;
    border: 5px solid #08c;
}


.support-action-container-spring-2015 {
    margin: 10px;
    height: 400px;
    border: 5px solid #08c;
}
@media (max-width: 767px) {
    .support-action-container,
    .support-action-container-spring-2014,
    .support-action-container-spring-2015 {
        margin: 0;
        height: auto;
        border: none;
    }
}

.support-action h3 {
    font-size: 1.5em;
}

@media (max-width: 767px) {
    .support-action {
        width: 75%;
        margin: 0 auto;
        padding-bottom: 30px;
        border-bottom: 5px solid #08c;
    }
}

.paypalButton {
    display: inline-block;
    position: relative;
    margin: 1.5rem 0;
    padding: 1rem 2rem;
    background-color: #08c;
    color: white;
    border: none;
    box-shadow: 0 3px 1px rgba(51,51,51,0.3);
}

.paypalButton:active {
    top: 3px;
    box-shadow: none;
}


.listen-local {
    width: 50%;
    margin: 0 auto;
    display: block;
}

.title {
    margin-top: 0;
    font-size: 1.9em;
}

.aside {
    border: 4px solid #08c;
    padding: .5em;
    padding-top: 0;
}
@media (max-width: 767px) {
    .aside {
        margin-top: 2rem;
    }
}

.aside-title {
    text-align: center;
    font-size: 1.3em;
    font-weight: 300;
}

.aside-text {
    font-size: 1em;
}

.spinitron-feed {
    display: inline-block;
    margin-top: 1rem;
    margin-right: 1rem;
    padding: 1rem;
    border: 1px dotted #08c;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
    font-family: "Bree Serif", serif;
}

@media (max-width:767px) {
    .spinitron-feed {
        margin-right: 0;
    }
}

.spinitron-feed a {
    color: #08c;
    text-decoration: none;
}

.spinitron-feed a:hover {
    color: #2d3443;
}

#spinitron-nowplaying .songpart:before {
  content: "\21E2";/* see http://unicode-table.com/en/ for Unicode references */
}

#spinitron-nowplaying .songpart {
    font-style: italic;
}

#spinitron-nowplaying .labelpart,
 #spinitron-nowplaying .datepart {
    display: none;
}

#spinitron-nowplaying img {
    margin: 0;
    display: inline;
    vertical-align: -3px;
}

#spinitron-nowplaying p {
    padding: .5rem;
}

#spinitron-nowplaying p:nth-child(odd) {
  background-color: rgba(45,52,67,.1);
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/*
 * styles added by Brian Jan 2015 for alternative to google calendar iframe for shows/index.html
 *
 * an additional stylesheet was added to enable the fullCalendar jquery plugin; the path to this sheet
 * is /libs/fullcalendar/dist/fullcalendar.css.
 */
.calendar-wrapper {
  width: 100%;
  padding: 0 1rem;
  margin: 0 auto;
}

@media (min-width: 980px) {
  .calendar-wrapper {
    max-width: 980px;
    padding: 0;
  }
}

@media (max-width: 700px) {
  .fc-day-grid-event > .fc-content {
    white-space: normal;
  }
}/* this prevents the fullCalendar default that clips long show title text on small screens */