/* === General === */
body { background:#E2E3E5; min-height:100%; }
.top-buffer { margin-top:20px; }
.top-buffer-small { margin-top:10px; }
.container {
    background:#fff;
    margin-top:35px;
    margin-bottom:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 1px 3px #979797;
    -webkit-box-shadow: 0px 1px 3px #979797;
    box-shadow: 0px 1px 3px #979797;
    overflow:hidden;
}

/* === Form === */
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color:rgba(150, 189, 12, 0.8);
    -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(150, 189, 12, 0.6);
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(150, 189, 12, 0.6);
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(150, 189, 12, 0.6);
}

.btn.btn-primary {
    background:#a8e000;
    color: #2f2f2f;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.6);
    border-color:#96BD0C;
}

.btn.btn-primary:hover {
    background: #96bd0c;
    background: -moz-linear-gradient(top,  #96bd0c 0%, #a8e000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96bd0c), color-stop(100%,#a8e000));
    background: -webkit-linear-gradient(top,  #96bd0c 0%,#a8e000 100%);
    background: -o-linear-gradient(top,  #96bd0c 0%,#a8e000 100%);
    background: -ms-linear-gradient(top,  #96bd0c 0%,#a8e000 100%);
    background: linear-gradient(to bottom,  #96bd0c 0%,#a8e000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96bd0c', endColorstr='#a8e000',GradientType=0 );
    color:#2f2f2f;
    text-decoration:none;
}

.checkboxset { margin-bottom:15px; }
.checkboxset ul { list-style:none; margin-left:0; }
.checkboxset ul li input { float:left; margin:0px 10px 0px 0px; }

/* === Header === */
header {
    text-align:center;
    border-bottom:5px solid #96BD0C;
    background:#fff;
    -moz-box-shadow: 0px 3px 30px #979797;
    -webkit-box-shadow: 0px 3px 30px #979797;
    box-shadow: 0px 3px 30px #979797;
}
header #logo { padding:10px 0; }

/* === Footer === */
footer { text-align:center; }

/* === Navigation === */
nav { margin-top:10px; }
nav ul { list-style:none; margin:0; }
nav ul li { padding:10px 0; }
nav ul li.first { padding-top:0; }
nav ul li.last { padding-bottom:0; }
nav ul li a { color:#7F7F7F; font-size:1.2em; font-weight:300; }
nav ul li a:hover { color:#96BD0C; text-decoration:none; }
nav ul li.current > a { color:#96BD0C; font-weight:400; }
nav ul li.children ul { display:none; margin-left:10px; }
nav ul li.section.children { padding-bottom:0; }
nav ul li.section.children ul,
nav ul li.current.children ul { display:block; }

/* === Blocks === */
.block {
    margin-bottom:20px;
    margin-left:10px;
    padding:10px 0 10px 25px;
    background: #f0f0f0;
    -moz-box-shadow:0 1px 3px #979797;
    -webkit-box-shadow:0 1px 3px #979797;
    box-shadow:0 1px 3px #979797;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.block .block-header { color:#96BD0C; font-weight:400; font-size:1.6em; margin-bottom:10px; }

/* === Content === */
.content { margin-right:10px; padding-bottom:10px; }
.header-image { max-height:350px; position: relative; margin-bottom:10px; }
.header-image iframe { width:100%; }

/* === Gallery === */
.gallery-item { display:block; }
.gallery-item img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* === Gallery sidebar === */
aside.gallery { margin-top:20px; }
aside.gallery .gallery-item { padding-right:10px; margin-bottom:20px; }

/* === Colorbox === */
#cboxTitle { color:#000; }
#cboxLoadedContent { text-align:center; }

/* === Phone === */
@media (max-width:781px) {
    body { padding:0; }
    .container { margin-left:20px; margin-right:20px; }
    .block { margin-right:10px; }
    .content { margin-left:10px; }
    .content .gallery-item { margin-bottom:20px; }
    aside.gallery { margin:0 10px; }
    aside.gallery .gallery-item { padding:0; }
    .container > .row-fluid > .span9 { overflow-x: auto; }
}

/* === Tablet === */
@media (min-width:781px) and (max-width:979px) {
    .block { padding-left:10px; padding-right:10px; }
    nav ul.navigation li a { font-size:1.2em; }
}