add cfp-specific css
authorStephen Frost <sfrost@snowman.net>
Wed, 22 Mar 2017 01:09:43 +0000 (01:09 +0000)
committerStephen Frost <sfrost@snowman.net>
Wed, 22 Mar 2017 01:09:43 +0000 (01:09 +0000)
static/css/style-small_cfp.css [new file with mode: 0644]
static/css/style-xsmall_cfp.css [new file with mode: 0644]
static/css/style_cfp.css [new file with mode: 0644]

diff --git a/static/css/style-small_cfp.css b/static/css/style-small_cfp.css
new file mode 100644 (file)
index 0000000..81b5f24
--- /dev/null
@@ -0,0 +1,45 @@
+/*
+       Transit by TEMPLATED
+       templated.co @templatedco
+       Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
+*/
+
+/* Basic */
+
+       body, input, select, textarea {
+               font-size: 12pt;
+       }
+
+/* Banner */
+
+       #banner {
+               padding: 8em 2em 8em;
+       }
+
+/* Wrapper */
+
+       .wrapper {
+               padding: 4em 0em 2em;
+               /* Style 2 Wrapper */
+       }
+
+               .wrapper.style2 footer {
+                       width: 85%;
+               }
+
+               h1 {
+                       font-size: 2em;
+               }
+
+/* Footer */
+
+       #footer {
+               padding: 4em 0em 2em;
+       }
+
+               #footer .copyright li {
+                       border-left: 0;
+                       margin-left: 0;
+                       padding-left: 0;
+                       display: block;
+               }
diff --git a/static/css/style-xsmall_cfp.css b/static/css/style-xsmall_cfp.css
new file mode 100644 (file)
index 0000000..112723f
--- /dev/null
@@ -0,0 +1,73 @@
+/*
+       Transit by TEMPLATED
+       templated.co @templatedco
+       Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
+*/
+
+/* Basic */
+
+       html, body {
+               min-width: 320px;
+       }
+
+       body, input, select, textarea {
+               font-size: 12pt;
+       }
+
+       header.major h2 {
+               font-size: 2em;
+               margin-bottom: 1em;
+       }
+
+/* List */
+
+       ul.actions {
+               margin: 0 0 2em 0;
+       }
+
+               ul.actions li {
+                       padding: 1em 0 0 0;
+                       display: block;
+                       text-align: center;
+                       width: 100%;
+               }
+
+                       ul.actions li:first-child {
+                               padding-top: 0;
+                       }
+
+                       ul.actions li > * {
+                               width: 100%;
+                               margin: 0 !important;
+                       }
+
+                               ul.actions li > *.icon:before {
+                                       margin-left: -2em;
+                               }
+
+               ul.actions.small li {
+                       padding: 0.5em 0 0 0;
+               }
+
+                       ul.actions.small li:first-child {
+                               padding-top: 0;
+                       }
+
+                       h1 {
+                               font-size: 2em;
+                       }
+
+/* Button */
+
+       input[type="submit"],
+       input[type="reset"],
+       input[type="button"],
+       .button {
+               padding: 0;
+       }
+
+/* Banner */
+
+       #banner {
+               padding: 8em 2em 8em;
+       }
diff --git a/static/css/style_cfp.css b/static/css/style_cfp.css
new file mode 100644 (file)
index 0000000..bff21a6
--- /dev/null
@@ -0,0 +1,1478 @@
+@charset "UTF-8";
+@import url(font-awesome.min.css);
+@import url(https://fonts.googleapis.com/css?family=Open+Sans);
+@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
+
+/* Basic */
+
+       body {
+               background: #fff;
+       }
+
+               body.is-loading *, body.is-loading *:before, body.is-loading *:after {
+                       -moz-animation: none !important;
+                       -webkit-animation: none !important;
+                       -o-animation: none !important;
+                       -ms-animation: none !important;
+                       animation: none !important;
+                       -moz-transition: none !important;
+                       -webkit-transition: none !important;
+                       -o-transition: none !important;
+                       -ms-transition: none !important;
+                       transition: none !important;
+               }
+
+       body, input, select, textarea {
+               color: #444;
+               font-family: 'Open Sans', sans-serif;
+               font-size: 13pt;
+               font-weight: 400;
+               line-height: 1.65em;
+       }
+
+       a {
+               font-weight: bold;
+               color: #383b43;
+               text-decoration: none;
+       }
+
+               a:active, a:hover {
+                       color: #F21B3F;
+                       text-decoration: underline;
+               }
+
+       strong, b {
+               color: #474747;
+               font-weight: 700;
+       }
+
+       em, i {
+               font-style: italic;
+       }
+
+       p {
+               font-family: 'Open Sans', sans-serif;
+               margin: 0 0 2em 0;
+       }
+
+       h1, h2, h3, h4, h5, h6 {
+               color: #0A2342;
+               font-weight: 700;
+               line-height: 1em;
+               margin: 0 0 1em 0;
+               text-transform: uppercase;
+               font-family: 'Roboto Condensed', sans-serif;
+       }
+
+               h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+                       color: inherit;
+                       text-decoration: none;
+               }
+
+       /*h2 {
+               font-size: 1.75em;
+               line-height: 1.5em;
+       }
+
+       h3 {
+               font-size: 1.35em;
+               line-height: 1.5em;
+       }*/
+
+       h4 {
+               font-size: 1.1em;
+               line-height: 1.5em;
+       }
+
+       h5 {
+               font-size: 0.9em;
+               line-height: 1.5em;
+       }
+
+       h6 {
+               font-size: 0.7em;
+               line-height: 1.5em;
+       }
+
+       sub {
+               font-size: 0.8em;
+               position: relative;
+               top: 0.5em;
+       }
+
+       sup {
+               font-size: 0.8em;
+               position: relative;
+               top: -0.5em;
+       }
+
+       hr {
+               border: 0;
+               border-bottom: solid 1px rgba(144, 144, 144, 0.25);
+               margin: 2em 0;
+       }
+
+               hr.major {
+                       margin: 3em 0;
+               }
+
+       blockquote {
+               border-left: solid 4px rgba(144, 144, 144, 0.25);
+               font-style: italic;
+               margin: 0 0 2em 0;
+               padding: 0.5em 0 0.5em 2em;
+       }
+
+       code {
+               background: rgba(144, 144, 144, 0.075);
+               border-radius: 4px;
+               border: solid 1px rgba(144, 144, 144, 0.25);
+               font-family: "Courier New", monospace;
+               font-size: 0.9em;
+               margin: 0 0.25em;
+               padding: 0.25em 0.65em;
+       }
+
+       pre {
+               -webkit-overflow-scrolling: touch;
+               font-family: "Courier New", monospace;
+               font-size: 0.9em;
+               margin: 0 0 2em 0;
+       }
+
+               pre code {
+                       display: block;
+                       line-height: 1.75em;
+                       padding: 1em 1.5em;
+                       overflow-x: auto;
+               }
+
+       .align-left {
+               text-align: left;
+       }
+
+       .align-center {
+               text-align: center;
+       }
+
+       .align-right {
+               text-align: right;
+       }
+
+/* Section/Article */
+
+       section.special, article.special {
+               text-align: center;
+       }
+
+       header p {
+               color: #383b43;
+               position: relative;
+               margin: 0 0 1.5em 0;
+       }
+
+       .headerh1 {
+               font-size: 1.25em !important;
+               text-align: left !important;
+       }
+
+       header h2 + p {
+               font-size: 1.25em;
+               margin-top: -1em;
+               line-height: 1.5em;
+       }
+
+       header h3 + p {
+               font-size: 1.1em;
+               margin-top: -0.8em;
+               line-height: 1.5em;
+       }
+
+       header h4 + p,
+       header h5 + p,
+       header h6 + p {
+               font-size: 0.9em;
+               margin-top: -0.6em;
+               line-height: 1.5em;
+       }
+
+       h1 {
+               text-align: center;
+    font-size: 3em;
+    padding-bottom: 1.5em;
+    border-bottom: solid 1px rgba(144, 144, 144, 0.25);
+       }
+
+       h2 {
+               font-size: 1.35em;
+         line-height: 1.5em;
+       }
+
+       header.major {
+               text-align: center;
+               margin-bottom: 4em;
+       }
+
+               header.major h2 {
+                       font-size: 3em;
+                       margin-bottom: 0.5em;
+               }
+
+               header.major p {
+                       font-size: 1.5em;
+               }
+
+               header.major.front h2 {
+                       color: #383b43;
+               }
+
+               header img {
+                       width: 4em;
+                       margin: 1em 0 1em 3em;
+                       display: inline-block;
+                       position: relative;
+                       float: left;
+               }
+
+               .sponsor img {
+                       height: 5em;
+                       margin: 2em 2em 2em 0em;
+               }
+
+/* Form */
+
+       form {
+               margin: 0 0 2em 0;
+       }
+
+       label {
+               color: #474747;
+               display: block;
+               font-size: 0.9em;
+               font-weight: 700;
+               margin: 0 0 1em 0;
+       }
+
+       input[type="text"],
+       input[type="password"],
+       input[type="email"],
+       select,
+       textarea {
+               -moz-appearance: none;
+               -webkit-appearance: none;
+               -o-appearance: none;
+               -ms-appearance: none;
+               appearance: none;
+               background: rgba(144, 144, 144, 0.075);
+               border-color: #383b43;
+               border-radius: 4px;
+               border: none;
+               box-shadow: 0 0 0 1px #383b43;
+               color: inherit;
+               display: block;
+               outline: 0;
+               padding: 0 1em;
+               text-decoration: none;
+               width: 100%;
+       }
+
+               input[type="text"]:invalid,
+               input[type="password"]:invalid,
+               input[type="email"]:invalid,
+               select:invalid,
+               textarea:invalid {
+                       box-shadow: none;
+               }
+
+               input[type="text"]:focus,
+               input[type="password"]:focus,
+               input[type="email"]:focus,
+               select:focus,
+               textarea:focus {
+                       border-color: #383b43;
+                       box-shadow: 0 0 0 1px #383b43;
+               }
+
+       .select-wrapper {
+               text-decoration: none;
+               display: block;
+               position: relative;
+       }
+
+               .select-wrapper:before {
+                       content: "";
+                       -moz-osx-font-smoothing: grayscale;
+                       -webkit-font-smoothing: antialiased;
+                       font-family: FontAwesome;
+                       font-style: normal;
+                       font-weight: normal;
+                       text-transform: none !important;
+               }
+
+               .select-wrapper:before {
+                       color: rgba(144, 144, 144, 0.25);
+                       display: block;
+                       height: 2.75em;
+                       line-height: 2.75em;
+                       pointer-events: none;
+                       position: absolute;
+                       right: 0;
+                       text-align: center;
+                       top: 0;
+                       width: 2.75em;
+               }
+
+               .select-wrapper select::-ms-expand {
+                       display: none;
+               }
+
+       input[type="text"],
+       input[type="password"],
+       input[type="email"],
+       select {
+               height: 2.75em;
+       }
+
+       textarea {
+               padding: 0.75em 1em;
+       }
+
+       input[type="checkbox"],
+       input[type="radio"] {
+               display: block;
+               float: left;
+               margin-right: .5em;
+               margin-top: .5em;
+               width: 1em;
+               z-index: -1;
+       }
+
+               input[type="checkbox"] + label,
+               input[type="radio"] + label {
+                       text-decoration: none;
+                       color: #444;
+                       cursor: pointer;
+                       display: inline-block;
+                       font-size: 1em;
+                       font-weight: 400;
+                       padding-left: 2.4em;
+                       padding-right: 0.75em;
+                       position: relative;
+               }
+
+                       input[type="checkbox"] + label:before,
+                       input[type="radio"] + label:before {
+                               -moz-osx-font-smoothing: grayscale;
+                               -webkit-font-smoothing: antialiased;
+                               font-family: FontAwesome;
+                               font-style: normal;
+                               font-weight: normal;
+                               text-transform: none !important;
+                       }
+
+                       input[type="checkbox"] + label:before,
+                       input[type="radio"] + label:before {
+                               background: rgba(144, 144, 144, 0.075);
+                               border-radius: 4px;
+                               border: solid 1px rgba(144, 144, 144, 0.25);
+                               content: '';
+                               display: inline-block;
+                               height: 1.65em;
+                               left: 0;
+                               line-height: 1.58125em;
+                               position: absolute;
+                               text-align: center;
+                               top: 0;
+                               width: 1.65em;
+                       }
+
+               input[type="checkbox"]:checked + label:before,
+               input[type="radio"]:checked + label:before {
+                       background: #2298AC;
+                       border-color: #2298AC;
+                       color: #ffffff;
+                       content: '\f00c';
+               }
+
+               input[type="checkbox"]:focus + label:before,
+               input[type="radio"]:focus + label:before {
+                       border-color: #383b43;
+                       box-shadow: 0 0 0 1px #383b43;
+               }
+
+       input[type="checkbox"] + label:before {
+               border-radius: 4px;
+       }
+
+       input[type="radio"] + label:before {
+               border-radius: 100%;
+       }
+
+       ::-webkit-input-placeholder {
+               color: #383b43 !important;
+               opacity: 1.0;
+       }
+
+       :-moz-placeholder {
+               color: #383b43 !important;
+               opacity: 1.0;
+       }
+
+       ::-moz-placeholder {
+               color: #383b43 !important;
+               opacity: 1.0;
+       }
+
+       :-ms-input-placeholder {
+               color: #383b43 !important;
+               opacity: 1.0;
+       }
+
+       .formerize-placeholder {
+               color: #383b43 !important;
+               opacity: 1.0;
+       }
+
+/* Box */
+
+       .box {
+               border-radius: 4px;
+               border: solid 1px rgba(144, 144, 144, 0.25);
+               margin-bottom: 2em;
+               padding: 1.5em;
+       }
+
+               .box > :last-child,
+               .box > :last-child > :last-child,
+               .box > :last-child > :last-child > :last-child {
+                       margin-bottom: 0;
+               }
+
+               .box.alt {
+                       border: 0;
+                       border-radius: 0;
+                       padding: 0;
+               }
+
+/* Icon */
+
+       .icon {
+               text-decoration: none;
+               border-bottom: none;
+               position: relative;
+       }
+
+               .icon:before {
+                       -moz-osx-font-smoothing: grayscale;
+                       -webkit-font-smoothing: antialiased;
+                       font-family: FontAwesome;
+                       font-style: normal;
+                       font-weight: normal;
+                       text-transform: none !important;
+               }
+
+               .icon:active, .icon:hover {
+                       text-decoration: none;
+               }
+
+               .icon > .label {
+                       display: none;
+               }
+
+               .icon.rounded {
+                       background-color: #383b43;
+                       border-radius: 100%;
+                       color: #ffffff;
+                       display: inline-block;
+                       height: 3.25em;
+                       line-height: 3.25em;
+                       text-align: center;
+                       width: 3.25em;
+               }
+
+                       .icon.rounded.big {
+                               font-size: 2.5em;
+                               margin-bottom: 0.5em;
+                       }
+
+                       .icon.rounded.color1 {
+                               background-color: #2298AC;
+                       }
+
+                       .icon.rounded.color2 {
+                               background-color: #3c61d4;
+                       }
+
+                       .icon.rounded.color3 {
+                               background-color: #633cd4;
+                       }
+
+                       .icon.rounded.color4 {
+                               background-color: #af3cd4;
+                       }
+
+                       .icon.rounded.color5 {
+                               background-color: #d43cad;
+                       }
+
+                       .icon.rounded.color6 {
+                               background-color: #ABFF4F;
+                       }
+
+                       .icon.rounded.color7 {
+                               background-color: #d4633c;
+                       }
+
+                       .icon.rounded.color8 {
+                               background-color: #d4af3c;
+                       }
+
+                       .icon.rounded.color9 {
+                               background-color: #F21B3F;
+                       }
+
+                       .icon.rounded.color10 {
+                               background-color: #61d43c;
+                       }
+
+                       .icon.rounded.fa-twitter {
+                               background-color: #2daae4;
+                       }
+
+                       .icon.rounded.fa-facebook {
+                               background-color: #39599f;
+                       }
+
+                       .icon.rounded.fa-youtube-square {
+                               background-color: #c4302b;
+                       }
+
+                       .icon.rounded.fa-google-plus {
+                               background-color: #c91e1f;
+                       }
+
+                       .icon.rounded.fa-dribbble {
+                               background-color: #c4376b;
+                       }
+
+                       .icon.rounded.fa-tumblr, .icon.rounded.fa-linkedin {
+                               background-color: #31516a;
+                       }
+
+                       .icon.rounded.fa-rss {
+                               background-color: #f2600b;
+                       }
+
+/* Image */
+
+       .image {
+               border-radius: 4px;
+               border: 0;
+               display: inline-block;
+               position: relative;
+       }
+
+               .image img {
+                       border-radius: 4px;
+                       display: block;
+               }
+
+               .image.left {
+                       float: left;
+                       padding: 0 1.5em 1em 0;
+                       top: 0.25em;
+               }
+
+               .image.right {
+                       float: right;
+                       padding: 0 0 1em 1.5em;
+                       top: 0.25em;
+               }
+
+               .image.left, .image.right {
+                       max-width: 40%;
+               }
+
+                       .image.left img, .image.right img {
+                               width: 100%;
+                       }
+
+               .image.fit {
+                       display: block;
+                       margin: 0 0 2em 0;
+                       width: 100%;
+               }
+
+                       .image.fit img {
+                               width: 100%;
+                       }
+
+/* List */
+
+       ol {
+               list-style: decimal;
+               margin: 0 0 2em 0;
+               padding-left: 1.25em;
+       }
+
+               ol li {
+                       padding-left: 0.25em;
+               }
+
+       ul {
+               list-style-type: circle;
+               margin: 0 0 2em 0;
+       }
+
+               ul li {
+               }
+
+               ul.alt {
+                       list-style: none;
+                       padding-left: 0;
+               }
+
+                       ul.alt li {
+                               border-top: solid 1px rgba(144, 144, 144, 0.25);
+                               padding: 0.5em 0;
+                       }
+
+                               ul.alt li:first-child {
+                                       border-top: 0;
+                                       padding-top: 0;
+                               }
+
+               ul.unstyled {
+                       list-style: none;
+                       padding-left: 0;
+               }
+
+                       ul.unstyled li {
+                               padding: 0.4em 0;
+                       }
+
+               ul.icons {
+                       cursor: default;
+                       list-style: none;
+                       padding-left: 0;
+               }
+
+                       ul.icons li {
+                               display: inline-block;
+                               padding: 0 1em 0 0;
+                       }
+
+                               ul.icons li:last-child {
+                                       padding-right: 0;
+                               }
+
+                               ul.icons li .icon:before {
+                                       font-size: 2em;
+                               }
+
+               ul.actions {
+                       cursor: default;
+                       list-style: none;
+                       padding-left: 0;
+               }
+
+                       ul.actions li {
+                               display: inline-block;
+                               padding: 0 1em 0 0;
+                               vertical-align: middle;
+                       }
+
+                               ul.actions li:last-child {
+                                       padding-right: 0;
+                               }
+
+                       ul.actions.small li {
+                               padding: 0 0.5em 0 0;
+                       }
+
+                       ul.actions.vertical li {
+                               display: block;
+                               padding: 1em 0 0 0;
+                       }
+
+                               ul.actions.vertical li:first-child {
+                                       padding-top: 0;
+                               }
+
+                               ul.actions.vertical li > * {
+                                       margin-bottom: 0;
+                               }
+
+                       ul.actions.vertical.small li {
+                               padding: 0.5em 0 0 0;
+                       }
+
+                               ul.actions.vertical.small li:first-child {
+                                       padding-top: 0;
+                               }
+
+                       ul.actions.fit {
+                               display: table;
+                               margin-left: -1em;
+                               padding: 0;
+                               table-layout: fixed;
+                               width: calc(100% + 1em);
+                       }
+
+                               ul.actions.fit li {
+                                       display: table-cell;
+                                       padding: 0 0 0 1em;
+                               }
+
+                                       ul.actions.fit li > * {
+                                               margin-bottom: 0;
+                                       }
+
+                               ul.actions.fit.small {
+                                       margin-left: -0.5em;
+                                       width: calc(100% + 0.5em);
+                               }
+
+                                       ul.actions.fit.small li {
+                                               padding: 0 0 0 0.5em;
+                                       }
+
+       dl {
+               margin: 0 0 2em 0;
+       }
+
+/* Table */
+
+       .table-wrapper {
+               -webkit-overflow-scrolling: touch;
+               overflow-x: auto;
+       }
+
+       table {
+               margin: 0 0 2em 0;
+               width: 100%;
+       }
+
+               table tbody tr {
+                       border: solid 1px rgba(144, 144, 144, 0.25);
+                       border-left: 0;
+                       border-right: 0;
+               }
+
+                       table tbody tr:nth-child(2n + 1) {
+                               background-color: rgba(144, 144, 144, 0.075);
+                       }
+
+               table td {
+                       padding: 0.75em 0.75em;
+               }
+
+               table th {
+                       color: #474747;
+                       font-size: 0.9em;
+                       font-weight: 700;
+                       padding: 0 0.75em 0.75em 0.75em;
+                       text-align: left;
+               }
+
+               table thead {
+                       border-bottom: solid 2px rgba(144, 144, 144, 0.25);
+               }
+
+               table tfoot {
+                       border-top: solid 2px rgba(144, 144, 144, 0.25);
+               }
+
+               table.alt {
+                       border-collapse: separate;
+               }
+
+                       table.alt tbody tr td {
+                               border: solid 1px rgba(144, 144, 144, 0.25);
+                               border-left-width: 0;
+                               border-top-width: 0;
+                       }
+
+                               table.alt tbody tr td:first-child {
+                                       border-left-width: 1px;
+                               }
+
+                       table.alt tbody tr:first-child td {
+                               border-top-width: 1px;
+                       }
+
+                       table.alt thead {
+                               border-bottom: 0;
+                       }
+
+                       table.alt tfoot {
+                               border-top: 0;
+                       }
+
+/* Button */
+
+       input[type="submit"],
+       input[type="reset"],
+       input[type="button"],
+       .button {
+               -moz-appearance: none;
+               -webkit-appearance: none;
+               -o-appearance: none;
+               -ms-appearance: none;
+               appearance: none;
+               -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+               -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+               -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+               -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+               transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+               background-color: #2298AC;
+               border-radius: 15px;
+               border: 0;
+               color: #ffffff !important;
+               cursor: pointer;
+               display: inline-block;
+               font-weight: 400;
+               height: 2.85em;
+               line-height: 2.95em;
+               padding: 0 2em;
+               text-align: center;
+               text-decoration: none;
+               white-space: nowrap;
+       }
+
+               input[type="submit"]:hover,
+               input[type="reset"]:hover,
+               input[type="button"]:hover,
+               .button:hover {
+                       background-color: #51b6d9;
+                       text-decoration: none;
+               }
+
+               input[type="submit"]:active,
+               input[type="reset"]:active,
+               input[type="button"]:active,
+               .button:active {
+                       background-color: #2da2ca;
+                       text-decoration: none;
+               }
+
+               input[type="submit"].icon,
+               input[type="reset"].icon,
+               input[type="button"].icon,
+               .button.icon {
+                       padding-left: 1.35em;
+               }
+
+                       input[type="submit"].icon:before,
+                       input[type="reset"].icon:before,
+                       input[type="button"].icon:before,
+                       .button.icon:before {
+                               margin-right: 0.5em;
+                       }
+
+               input[type="submit"].fit,
+               input[type="reset"].fit,
+               input[type="button"].fit,
+               .button.fit {
+                       display: block;
+                       margin: 0 0 1em 0;
+                       width: 100%;
+               }
+
+               input[type="submit"].small,
+               input[type="reset"].small,
+               input[type="button"].small,
+               .button.small {
+                       font-size: 0.8em;
+               }
+
+               input[type="submit"].big,
+               input[type="reset"].big,
+               input[type="button"].big,
+               .button.big {
+                       font-size: 1.35em;
+               }
+
+               input[type="submit"].alt,
+               input[type="reset"].alt,
+               input[type="button"].alt,
+               .button.alt {
+                       background-color: transparent;
+                       box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);
+                       color: #474747 !important;
+               }
+
+                       input[type="submit"].alt:hover,
+                       input[type="reset"].alt:hover,
+                       input[type="button"].alt:hover,
+                       .button.alt:hover {
+                               background-color: rgba(144, 144, 144, 0.075);
+                       }
+
+                       input[type="submit"].alt:active,
+                       input[type="reset"].alt:active,
+                       input[type="button"].alt:active,
+                       .button.alt:active {
+                               background-color: rgba(144, 144, 144, 0.2);
+                       }
+
+                       input[type="submit"].alt.icon:before,
+                       input[type="reset"].alt.icon:before,
+                       input[type="button"].alt.icon:before,
+                       .button.alt.icon:before {
+                               color: #383b43;
+                       }
+
+               input[type="submit"].special,
+               input[type="reset"].special,
+               input[type="button"].special,
+               .button.special {
+                       background-color: #383b43;
+                       color: #ffffff !important;
+               }
+
+                       input[type="submit"].special:hover,
+                       input[type="reset"].special:hover,
+                       input[type="button"].special:hover,
+                       .button.special:hover {
+                               background-color: #444751;
+                       }
+
+                       input[type="submit"].special:active,
+                       input[type="reset"].special:active,
+                       input[type="button"].special:active,
+                       .button.special:active {
+                               background-color: #2c2f35;
+                       }
+
+               input[type="submit"].disabled, input[type="submit"]:disabled,
+               input[type="reset"].disabled,
+               input[type="reset"]:disabled,
+               input[type="button"].disabled,
+               input[type="button"]:disabled,
+               .button.disabled,
+               .button:disabled {
+                       background-color: #444 !important;
+                       box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
+                       color: #fff !important;
+                       cursor: default;
+                       opacity: 0.25;
+               }
+
+/* Header */
+
+       body.landing #header {
+               background-color: transparent;
+               left: 0;
+               position: absolute;
+               top: 0;
+               border-bottom: none;
+       }
+
+               body.landing #header nav a {
+                       color: rgba(255, 255, 255, 0.5);
+               }
+
+       #header {
+               background-color: #0A2342;
+               color: #ffffff;
+               cursor: default;
+               font-size: 1.1em;
+               height: 6em;
+               line-height: 6em;
+               width: 100%;
+               z-index: 10000;
+               border-bottom: 6px solid #A7C6CB;
+       }
+
+               #header h1 {
+                       color: #ffffff;
+                       height: inherit;
+                       left: 1em;
+                       line-height: inherit;
+                       margin: 0;
+                       padding: 0;
+                       display: inline-block;
+                       position: relative;
+               }
+
+                       #header h1 a {
+                               font-size: 1em;
+                               margin-left: -4px;
+                       }
+
+               #header nav {
+                       height: inherit;
+                       line-height: inherit;
+                       position: relative;
+                       float: right;
+                       display: inline-block;
+                       right: 3em;
+                       vertical-align: middle;
+                       font-family: 'Open Sans', sans-serif;
+               }
+
+                       #header nav > ul {
+                               list-style: none;
+                               margin: 0;
+                               padding-left: 0;
+                       }
+
+                               #header nav > ul > li {
+                                       border-radius: 4px;
+                                       display: inline-block;
+                                       margin-left: 2em;
+                                       padding-left: 0;
+                               }
+
+                                       #header nav > ul > li a {
+                                               -moz-transition: color 0.2s ease-in-out;
+                                               -webkit-transition: color 0.2s ease-in-out;
+                                               -o-transition: color 0.2s ease-in-out;
+                                               -ms-transition: color 0.2s ease-in-out;
+                                               transition: color 0.2s ease-in-out;
+                                               color: #cdced0;
+                                               display: inline-block;
+                                               text-decoration: none;
+                                       }
+
+                                               #header nav > ul > li a:active, #header nav > ul > li a:hover {
+                                                       color: #ffffff;
+                                               }
+
+                                       #header nav > ul > li:first-child {
+                                               margin-left: 0;
+                                       }
+
+                                       #header nav > ul > li .button {
+                                               background-color: #fff;
+                                               color: #444 !important;
+                                               height: 2.25em;
+                                               line-height: 2.25em;
+                                               margin-bottom: 0;
+                                               padding: 0 1em;
+                                               position: relative;
+                                               top: -0.075em;
+                                               vertical-align: middle;
+                                       }
+
+               #header .container {
+                       position: relative;
+               }
+
+                       #header .container h1 {
+                               left: 0;
+                       }
+
+                       #header .container nav {
+                               right: 0;
+                       }
+
+/* Banner */
+
+       #banner {
+               background-image: url(../images/banner.jpg);
+               background-position: center center;
+               background-size: cover;
+               background-repeat: no-repeat;
+         background-attachment: fixed;
+               color: #ffffff;
+               padding: 12em 0;
+               text-align: center;
+               -webkit-transform: translate3d(0,0,0);
+       }
+
+               #banner :last-child {
+                       margin-bottom: 0;
+               }
+
+               #banner h2 {
+                       color: #ffffff;
+                       font-size: 4em;
+                       line-height: 1.25em;
+                       margin: 0 0 0.5em 0;
+                       padding: 0;
+               }
+
+               #banner p {
+                       font-size: 1.5em;
+                       margin-bottom: 1.75em;
+               }
+
+               @media only screen /*iPhone*/
+                 and (min-device-width: 300px)
+                 and (max-device-width: 568px)
+                 and (-webkit-min-device-pixel-ratio: 2)  {
+
+
+
+
+                   #banner {
+                       overflow: hidden;
+                                               width:100%;
+                                               position:relative;
+                       background: url(../images/banner.jpg) no-repeat center center;
+                                               background-attachment: scroll;
+                       -webkit-background-size: cover;
+                       -moz-background-size: cover;
+                       -o-background-size: cover;
+                       background-size: cover;
+                       z-index: -1;
+
+
+                   }
+
+               }
+
+
+               section.specialevent {
+                       background-size: cover;
+                       background-image: url(../images/golf.jpg);
+                       background-position: center center;
+                       padding: 14em 0 14em;
+               }
+
+/* Wrapper */
+
+       .wrapper {
+               padding: 6em 0em 4em;
+               /* Style 1 Wrapper */
+               /* Style 2 Wrapper */
+               /* Style 3 Wrapper */
+       }
+
+               .wrapper.style1 {
+                       background-color: #F5F5F5;
+                       border-bottom: 1px solid rgba(144, 144, 144, 0.25);
+                       border-top: 1px solid rgba(144, 144, 144, 0.25);
+               }
+
+                       .wrapper .box {
+                               background-color: #fff;
+                               padding: 3em 2.5em;
+                       }
+
+                               .wrapper.style1 .box h2, .wrapper.style1 .box h3, .wrapper.style1 .box h4, .wrapper.style1 .box h5, .wrapper.style1 .box h6 {
+                                       color: #383b43;
+                               }
+
+               .wrapper.style2 .profiles {
+                       border-bottom: 1px solid rgba(144, 144, 144, 0.25);
+                       border-top: 1px solid rgba(144, 144, 144, 0.25);
+                       margin-bottom: 4em;
+                       padding-top: 4em;
+               }
+
+               .wrapper.style2 .profile {
+                       margin-bottom: 2em;
+                       text-align: left;
+               }
+
+                       .wrapper.style2 .profile img {
+                               border-radius: 50%;
+                               float: left;
+                               margin-bottom: 1em;
+                               margin-right: 1em;
+                       }
+
+                       .wrapper.style2 .profile h4 {
+                               margin-bottom: 0;
+                               margin-top: 1em;
+                       }
+
+               .wrapper.style2 footer {
+                       margin-left: auto;
+                       margin-right: auto;
+                       width: 70%;
+               }
+
+                       .wrapper.style2 footer p {
+                               margin-bottom: 3em;
+                       }
+
+               .wrapper.style3 {
+                       background-color: #2298AC;
+                       color: #ffffff;
+               }
+
+                       .wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 p {
+                               color: #ffffff;
+                       }
+
+                       .wrapper.style3 input[type="text"],
+                       .wrapper.style3 input[type="password"],
+                       .wrapper.style3 input[type="email"],
+                       .wrapper.style3 select,
+                       .wrapper.style3 textarea {
+                               background-color: #fff;
+                               color: #444;
+                       }
+
+                       .wrapper.news {
+                               width: 80%;
+                               margin: 0 auto 4em auto;
+                       }
+
+/* Footer */
+
+       #footer {
+               background: #0A2342;
+               padding: 6em 0em 4em;
+               color: #cdced0;
+       }
+
+               #footer h2, #footer h3, #footer h4 {
+                       color: #ffffff;
+               }
+
+               #footer p, #footer a, #footer li {
+                       color: #cdced0;
+               }
+
+               #footer .links {
+                       margin-bottom: 4em;
+                       padding-bottom: 1em;
+               }
+
+               #footer .copyright {
+                       margin-top: 0.65em;
+                       padding: 0;
+               }
+
+                       #footer .copyright li {
+                               color: #cdced0;
+                               font-size: x-small;
+                               display: inline-block;
+                               list-style: none;
+                               margin-left: 0.5em;
+                               padding-left: 0.5em;
+                       }
+
+                               #footer .copyright li:first-child {
+                                       margin-left: 0;
+                                       padding-left: 0;
+                               }
+
+                       #footer .copyright a {
+                               color: #383b43;
+                       }
+
+               #footer .icons {
+                       text-align: right;
+               }
+
+               #footer a.icon {
+                       color: #ffffff;
+                       font-size: 0.65em;
+                       height: 4em;
+                       line-height: 4em;
+                       width: 4em;
+                       cursor: pointer;
+               }
+
+/* Grid Demo */
+
+       .grid-demo {
+               display: block;
+               margin: 0 0 2em 0;
+       }
+
+               .grid-demo span {
+                       background: #8d93a0;
+                       border-radius: 4px;
+                       color: rgba(0, 0, 0, 0.25);
+                       display: block;
+                       font-weight: 700;
+                       height: 2.75em;
+                       line-height: 2.75em;
+                       text-align: center;
+               }
+
+               .grid-demo .row.flush > div span {
+                       border-radius: 0;
+               }
+
+               .grid-demo .row.flush > div:first-child span {
+                       border-radius: 4px 0 0 4px;
+               }
+
+               .grid-demo .row.flush > div:last-child span {
+                       border-radius: 0 4px 4px 0;
+               }
+
+               .btn {
+                 border: 1px solid #000;
+                 padding: 2px 6px;
+                 font-size: 14px;
+                 top: -2px;
+                 position: relative;
+                 cursor: pointer;
+               }
+
+               .btn:hover, .btn.active {
+                 color: #fff;
+                 background: #000;
+               }
+
+               .posts {
+                 height: 100%;
+                 width: 100%;
+                 position: relative;
+                 /* white-space: nowrap; */
+               }
+
+               .overlay {
+                 position: fixed;
+                 z-index: 2;
+                 width: 100%;
+                 height: 100%;
+                 background: #000;
+                 opacity: 0;
+                 pointer-events: none;
+                 -webkit-transition: -webkit-transform 0.3s;
+                 -moz-transition: -moz-transform 0.3s;
+                 transition: transform 0.3s;
+               }
+
+               .posts:hover .overlay {
+                 opacity: 0.3;
+               }
+
+               .post {
+                 position: relative;
+                 z-index: 0;
+                 color: #0a0908;
+                 min-height: 100px;
+               }
+
+               .post .more {
+                 letter-spacing: 0;
+                 margin-top: 20px;
+                 text-transform: uppercase;
+                 font-size: 12px;
+                 opacity: 0;
+                 -webkit-transform: translateY(20px);
+                 -moz-transform: translateY(20px);
+                 -ms-transform: translateY(20px);
+                 -o-transform: translateY(20px);
+                 transform: translateY(20px);
+                 -webkit-transition: all 0.3s;
+                 -moz-transition: all 0.3s;
+                 transition: all 0.3s;
+               }
+
+               .post:hover {
+                 z-index: 5;
+               }
+
+               .post:hover .more {
+                 opacity: 1;
+                 -webkit-transform: translateY(0px);
+                 -moz-transform: translateY(0px);
+                 -ms-transform: translateY(0px);
+                 -o-transform: translateY(0px);
+                 transform: translateY(0px);
+               }
+
+               .horizontal .post {
+                 width: 100%;
+               }
+
+               .horizontal .content {
+                 padding: 2em 1em 1em 1em;
+               }
+
+               .post .content {
+                 z-index: 2;
+                 position: relative;
+                 font-family: 'Open Sans', sans-serif;
+                 pointer-events: none;
+               }
+
+               .bg {
+                 width: 100%;
+                 height: 100%;
+                 position: absolute;
+                 z-index: 0;
+                 top: 0;
+                 left: 0;
+                 -webkit-transition: -webkit-transform 0.3s;
+                 -moz-transition: -moz-transform 0.3s;
+                 transition: transform 0.3s;
+               }
+
+               .author {
+                 font-size: 12px;
+               }
+
+               .post-link {
+                 display: block;
+                 position: absolute;
+                 width: 100%;
+                 height: 100%;
+                 top: 0;
+                 left: 0;
+                 right: 0;
+                 bottom: 0;
+               }
+
+               .horizontal .post:hover .bg {
+                 -webkit-transform: scaleY(1.3);
+                 -moz-transform: scaleY(1.3);
+                 -ms-transform: scaleY(1.3);
+                 -o-transform: scaleY(1.3);
+                 transform: scaleY(1.3);
+               }
+
+               .vertical .post:hover .bg {
+                 -webkit-transform: scaleX(1.2);
+                 -moz-transform: scaleX(1.2);
+                 -ms-transform: scaleX(1.2);
+                 -o-transform: scaleX(1.2);
+                 transform: scaleX(1.2);
+               }
+
+               section#sponsors {
+                       background-color: #0A2342;
+                       padding: 1.5em;
+               }
+
+               section#sponsors h3 {
+                       color: #F5F5F5;
+                       text-align: center;
+                       margin: 0;
+               }
+
+               section#sponsorsimg img {
+                       display: inline-block;
+                       height: 5.5em;
+                       margin: auto;
+                       padding: 1em 5em;
+               }
+
+               section#sponsorsimg {
+                       text-align:center;
+               }
+
+               header img#side {
+                       width: 5em;
+                       margin: 0;
+                       float: none;
+               }
+
+               img#sponsors {
+                       height: 5em;
+                       margin: 0;
+                       padding: 0 2em 0 0;
+               }
+
+               img#imgcentered {
+           width: 5em;
+           margin-bottom: 1em;
+               }
+
+               span.imgcenter {
+           text-align: center;
+           margin: 0;
+           display: block;
+               }