@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Open+Sans:200,200italic,300,400,600');
@import url('https://fonts.googleapis.com/css?family=Bad+Script');
@import url('font-awesome.min.css');
@import url("https://fonts.googleapis.com/css?family=Gochi+Hand");

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

body
{
background: #ececec;
}

body, input, select, textarea
{
font-family: 'Open Sans', sans-serif;
font-weight: 200;
color: #3d3d3d;
}

br.clear
{
clear: both;
}

strong, b
{
font-weight: 600;
}

em, i
{
font-style: italic;
}
  h1 {
font-family: 'Bad Script', cursive;
}

h1, h2, h3, h4, h5, h6
{
font-weight: 300;
color: #262626;
}

h5 {
	font-weight: bold;
}

p, ul, ol, dl, table
{
margin-bottom: 1em;
}

p
{
line-height: 2em;
}

a
{
color: #0087cd;
}

sub
{
font-size: 0.8em;
position: relative;
top: 0.5em;
}

sup
{
font-size: 0.8em;
position: relative;
top: -0.5em;
}

.byline {
color: #fff;
}

hr {
border: 0;
border-top: solid 1px #ddd;
}

blockquote {
border-left: solid 0.5em #ddd;
padding: 1em 0 1em 2em;
font-style: italic;
}
  
/* Section/Article */

section,
article
{
margin-bottom: 3em;
}

section > :last-child,
article > :last-child
{
margin-bottom: 0;
}

section:last-child,
article:last-child
{
margin-bottom: 0;
}

footer
{
padding-top: 1em;
}

.subtitle
{
font-weight: 300;
color: #a0a0a0;
text-align: left !important;
}

/* Image */

.image
{
display: inline-block;
}

.image img
{
display: block;
width: 100%;
}

.image.fit
{
display: block;
width: 100%;
}

.image.featured
{
display: block;
width: 100%;
margin: 0 0 2em 0;
}

.image.left
{
float: left;
margin: 0 2.5em 2em 0;
}

.image.right
{
float: right;
margin: 0 0em 2em 2.5em;
}


.image.left img
{
position: relative;
top: 0.35em;
}

.image.centered
{
display: block;
margin: 0 0 2em 0;
}

.image.centered img
{
margin: 0 auto;
width: auto;
}

/* Button */

input[type=submit], input[type=reset], input[type=button], .button
{
display: inline-block;
padding: 1.1em 1.25em;
background: #0087cd url('images/bg01.png') no-repeat right top;
background-size: 100% 100%;
text-decoration: none;
font-size: 1.25em;
font-weight: bold;
color: #FFFFFF;
outline: 0;
border: 0;
cursor: pointer;

-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
-o-transition: background-color .25s ease-in-out;
-ms-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out;
}



input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, .button:hover
{
background-color: #cc0033;
}

input[type=submit]:active, input[type=reset]:active, input[type=button]:active, .button:active
{
background-color: #007cc2;
}

.button.icon
{
position: relative;
}

.button.icon:before
{
margin-right: 0.5em;
position: relative;
top: 0.1em;
}

input[type=submit].alt, input[type=reset].alt, input[type=button].alt, .button.alt
{
background-color: #d93d00;
}

input[type=submit].alt:hover, input[type=reset].alt:hover, input[type=button].alt:hover, .button.alt:hover
{
background-color: #cc0033;
}

input[type=submit].alt:active, input[type=reset].alt:active, input[type=button].alt:active, .button.alt:active
{
background-color: #d43800;
}

input[type=submit].alt2, input[type=reset].alt2, input[type=button].alt2, .button.alt2
{
background-color: #414141;
}

input[type=submit].alt2:hover, input[type=reset].alt2:hover, input[type=button].alt2:hover, .button.alt2:hover
{
background-color: #cc0033;
}

input[type=submit].alt2:active, input[type=reset].alt2:active, input[type=button].alt2:active, .button.alt2:active
{
background-color: #363636;
}

input[type=submit].big, input[type=reset].big, input[type=button].big, .button.big
{
width: 100%;
font-size: 2em;
padding: 1.30em 0em 1.30em 0;
font-weight: 300;
text-align: center;
}


input[type=submit], input[type=reset], input[type=button], .button-join, .button-register
{
display: inline-block;
padding: 1.1em 1.25em;
background: #0087cd url('images/bg01.png') no-repeat right top;
background-size: 100% 100%;
text-decoration: none;
font-size: 1.25em;
font-weight: bold;
color: #FFFFFF;
outline: 0;
border: 0;
cursor: pointer;

-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
-o-transition: background-color .25s ease-in-out;
-ms-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out;
}

input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, .button-join:hover, .button-register:hover
{
background-color: #cc0033;
}

input[type=submit]:active, input[type=reset]:active, input[type=button]:active, .button-join:active, .button-register:active
{
background-color: #007cc2;
}

.button-join.icon, .button-register.icon
{
position: relative;
}

.button-join.icon:before, .button-register.icon:before
{
margin-right: 0.5em;
position: relative;
top: 0.1em;
}

input[type=submit].alt, input[type=reset].alt, input[type=button].alt, .button-join.alt, .button-register.alt
{
background-color: #d93d00;
}

input[type=submit].alt:hover, input[type=reset].alt:hover, input[type=button].alt:hover, .button-join.alt:hover, .button-register.alt:hover
{
background-color: #cc0033;
}

input[type=submit].alt:active, input[type=reset].alt:active, input[type=button].alt:active, .button-join.alt:active, .button-register.alt:active
{
background-color: #d43800;
}

input[type=submit].alt2, input[type=reset].alt2, input[type=button].alt2, .button-join.alt2, .button-register.alt2
{
background-color: #414141;
}

input[type=submit].alt2:hover, input[type=reset].alt2:hover, input[type=button].alt2:hover, .button-join.alt2:hover, .button-register.alt2:hover
{
background-color: #cc0033;
}

input[type=submit].alt2:active, input[type=reset].alt2:active, input[type=button].alt2:active, .button-join.alt2:active, .button-register.alt2:active
{
background-color: #363636;
}

input[type=submit].big, input[type=reset].big, input[type=button].big, .button-join.big, .button-register.big
{
width: 100%;
font-size: 2em;
padding: 1.30em 0em 1.30em 0;
font-weight: 300;
text-align: center;
}

.button-register {
margin-top: 15px;
}


/* List */

ul.default
{
list-style: disc;
padding-left: 1em;
}

ul.default li
{
padding-left: 0.5em;
}

ul.style1
{
}

ul.style1 li
{
padding: 0.575em 0;
border-top: 1px solid #e0e0e0;
}

ul.style1 a
{
}

ul.style1 a:hover
{
text-decoration: none;
}

ul.style1 .first
{
padding-top: 0em;
border-top: none;
}

ul.style2
{
}

ul.style2 li
{
clear: both;
padding: 2em 0em 1em 0em;
border-top: 1px solid #e0e0e0;
}

ul.style2 a
{
text-decoration: none;
color: #7f7f7f;
}

ul.style2 a:hover
{
text-decoration: underline;
}

ul.style2 h3
{
letter-spacing: -2px;
font-weight: 200;
margin: 0;
}

ul.style2 h3 a
{
display: block;
padding: 0.25em 0em 0.75em 0em;
color: #262626;
}

ul.style2 .first
{
padding-top: 0em;
border-top: none;
}

ul.style3
{
}

ul.style3 li
{
position: relative;
line-height: 2em;
padding: 0 0 0 48px;
margin: 2.25em 0 0 0;
}

ul.style3 li:before
{
cursor: default;
position: absolute;
left: 0;
top: 0;
background: #474747;
color: #fff;
width: 32px;
height: 32px;
font-size: 20px;
line-height: 32px;
text-align: center;
}

ul.style3 li:first-child
{
margin-top: 0;
}

ul.actions
{
cursor: default;
}

ul.actions:last-child
{
margin-bottom: 0;
}

ul.actions li
{
display: inline-block;
padding: 0 0 0 1em;
}

ul.actions li:first-child
{
padding: 0;
}

ul.actions.vertical li
{
display: block;
padding: 1em 0 0 0;
}

ul.actions.vertical li:first-child
{
padding: 0;
}

ol.default
{
list-style: decimal;
padding-left: 1.25em;
}

ol.default li
{
padding-left: 0.25em;
}

/* Form */

input[type=text], input[type=password], input[type=email], textarea {
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
-moz-transition: border-color 0.2s ease-in-out;
-webkit-transition: border-color 0.2s ease-in-out;
-o-transition: border-color 0.2s ease-in-out;
-ms-transition: border-color 0.2s ease-in-out;
transition: border-color 0.2s ease-in-out;
background: #fff;
border: solid 1px #e0e0e0;
color: inherit;
display: block;
outline: 0;
padding: 0.75em;
text-decoration: none;
width: 100%;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus {
border-color: #0087cd;
}

input[type=text], input[type=password], input[type=email] {
line-height: 1em;
}

label {
display: block;
color: inherit;
font-weight: 600;
line-height: 1.75em;
margin-bottom: 0.5em;
}

::-webkit-input-placeholder {
color: #999999;
position: relative;
top: 3px;
}

:-moz-placeholder {
color: #999999;
}

::-moz-placeholder {
color: #999999;
}

:-ms-input-placeholder {
color: #999999;
}

.formerize-placeholder {
color: #999999;
}

/* Table */

table
{
width: 100%;
}

table.default
{
width: 100%;
}

table.default tbody tr
{
border-bottom: solid 1px #e0e0e0;
}

table.default td
{
padding: 0.5em 1em 0.5em 1em;
}

table.default th
{
font-weight: 600;
padding: 0.5em 1em 0.5em 1em;
text-align: left;
}

table.default thead
{
background-color: #555555;
color: #fff;
}


/* Highlight */

.highlight
{
position: relative;
}

.highlight a
{
display: block;
text-decoration: none;
color: #fff;
}

.highlight .image
{
margin: 0;
}

.highlight header
{
background: #0087cd url('images/bg01.png') no-repeat right top;
background-size: 100% 100%;
padding: 2.25em 100px 2.25em 2em;
position: relative;

-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
-o-transition: background-color .25s ease-in-out;
-ms-transition: background-color .25s ease-in-out;
transition: background-color .25s ease-in-out;
}

.highlight header:before
{
display: inline-block;
font-family: FontAwesome;
text-decoration: none;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;

content: '\f0a9';
position: absolute;
right: 24px;
top: 50%;
margin-top: -32px; 
font-size: 64px;
}

.highlight header h2
{
font-size: 2em;
letter-spacing: -1px;
margin: 0;
color: inherit;
}

.highlight header p
{
font-weight: 300;
letter-spacing: 0;
opacity: 0.65;
color: inherit;
margin: 0.25em 0 0 0;
font-size: 1.25em;
line-height: 1.5em;
}

.highlight a:hover header
{
background-color: #cc0033;
}

.highlight a:active header
{
background-color: #007cc2;
}

.highlight.alt a header
{
background-color: #d93d00;
}

.highlight.alt a:hover header
{
background-color: #cc0033;
}

.highlight.alt a:active header
{
background-color: #d43800;
}

.highlight.alt2 a header
{
background-color: #414141;
}

.highlight.alt2 a:hover header
{
background-color: #cc0033;
}

.highlight.alt2 a:active header
{
background-color: #363636;
}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

.icon
{
text-decoration: none;
}

.icon:before
{
display: inline-block;
font-family: FontAwesome;
font-size: 1.25em;
text-decoration: none;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.icon > .label
{
display: none;
}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

/* original
#header-wrapper
{
position: relative;
background: #080808 url('images/overlay.png') repeat;
top: 0;
}

*/

#header-wrapper
{
position: relative;
background: #cc0033;
top: 0;
}


#header-wrapper:before
{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url('images/bg02.png');
background-size: 100% 100%;
}

#banner-wrapper
{
position: relative;
width: 100%; 
background: #212121 url('images/overlay.png') repeat;
}

#banner-wrapper:before
{
content: '';
position: absolute;
top: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-image: url('images/bg03.png');
background-repeat: no-repeat;
background-size: 100% auto;
}

#featured-wrapper
{
position: relative;
background: #FFFFFF;
}

#main-wrapper
{
position: relative;
background: #FFFFFF;
}

.homepage #main-wrapper
{
background: #f6f6f6;
}

#footer-wrapper
{
position: relative;
}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

#banner
{
position: relative;
z-index: 1;
}

#banner .image-full
{
line-height: 0;
margin: 0;
}

/*********************************************************************************/
/* Slider                                                                        */
/*********************************************************************************/

#slider
{
background: #111;
}

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

#featured
{
overflow: hidden;
}

#featured h2
{
font-weight: 200;
}

#featured h3
{
font-weight: 300;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#footer
{
overflow: hidden;
}

#footer h2
{
letter-spacing: -1px;
}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

#copyright 
{
text-align: center;
color: #b8b8b8;
}



.box
{
background: #2c2f34;
background: rgba(44,47,52,0.95);
border-radius: 6px;
padding: 3em 2em 3em 2em;
overflow: hidden;
color: #fff;
}

.box header
{
margin-bottom: 2em;
}

.box header h2
{
font-family: 'Bad Script', cursive;
margin-bottom: 0.5em;
color: #fff;
}

.box-byline {
color: #fff;
}

.box footer
{
clear: both;
}

.box h3 {
color: #fff;
}

/*********************************************************************************/
/* Login                                                                         */
/*********************************************************************************/
#login {

}

.inputbox2 {
width: 300px;
height: 40px;
font-size: 16px;
font-weight:bold;
margin-bottom: .5em;
float:right;

}

.inputbox3 {
width: 150px;
height: 30px;
font-size: 16px;
font-weight:bold;
margin-bottom: .5em;
float: right;
}

.login {
font-size: 16px;
font-weight: bold;
margin-left: 10px;
margin-right: 10px;
color: #cc0033;
float: right;
}

.login-black {
font-size: 16px;
font-weight: bold;
margin-left: 10px;
margin-right: 10px;
color: #000;
float: right;
}


.clr, #clr {
clear: both;
}

.spacer {
height: 1em;
}


#login h2, #members h2 {
color: #fff;
}

#members {
text-align: center;
}

.photo_block {
text-align: center;
}

.photo_block ul {width:600px;}
.photo_block ul li { width: 200px!important; }



.byline-black {
color: #000;
}

.fancy {
font-family: 'Bad Script', cursive;
font-weight: bold;
font-size: 1.5em;
}

ul .lists, li .lists {
list-style: square;
margin-left: 15px;
font-style: italic;
line-height: 2;
}


#clear, .clear {
clear: both;
}


.terms {
float: left;
width: 90%;
font-weight: bold;
border-top: 2px #1b1b1b solid;
border-left: 2px #1b1b1b solid;
border-right: 2px #1b1b1b solid;
padding: 5px 5px 5px 5px;
text-align: left;
color: #000;
background-color: #fff;
margin-left: 5%;
}

.terms-top {
float: left;
width: 90%;
font-weight: bold;
border-top: 2px #1b1b1b solid;
border-left: 2px #1b1b1b solid;
border-right: 2px #1b1b1b solid;
padding: 5px 5px 5px 5px;
text-align: left;
color: #000;
background-color: #fff;
margin-left: 5%;
border-radius: 5px 5px 0 0;
}


.defined {
float: left;
width: 90%;

border-left: 2px #1b1b1b solid;
border-right: 2px #1b1b1b solid;
padding: 5px 5px 5px 5px;
background-color: #fff;
margin-left: 5%;

}


.defined-bottom {
float: left;
width: 90%;
border-left: 2px #1b1b1b solid;
border-right: 2px #1b1b1b solid;
border-bottom: 2px #1b1b1b solid;
padding: 5px 5px 5px 5px;
background-color: #fff;
margin-left: 5%;
border-radius: 0 0 5px 5px;

}