@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Oleo+Script:400,700|Open+Sans:400,300,700');
@import url('font-awesome.min.css');

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

* 
{
}

body 
{

background: #6E85A9 url(images/back.jpg)  fixed;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #000;
}

body.loading *
{
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important;
-moz-animation: none !important;
-webkit-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}

form
{
}

form input,
form select,
form textarea
{
-webkit-appearance: none;
}

br.clear
{
clear: both;
}

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

p {
line-height: 1.7em;
}

p span {
	font-weight: bold;
}

a
{
text-decoration: underline;
color: #1D88E7;
}

a:hover
{
text-decoration: none;
}

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

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

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

.image
{
display: inline-block;
}

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

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

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

.image-left {
	float: left;
	padding-right: 6px;
}

.image-right {
	float: right;
	padding-left: 6px;
}


ul.style1
{
float: right;
padding: 2em 0em 2em 0em;
line-height: 0;
}

ul.style1 li
{
float: left;
padding: .15em;
}

ul.style2 {
}

ul.style2 li 
{
padding: 0 0 1em 0;
}

ul.style2 a 
{
text-decoration: none;
color: #FFF;
}
ul.style2 a:hover
{
text-decoration: underline;
}

ol.style1
{
padding-left: 3em;
list-style: decimal;
line-height: 2em;
}

ol.style1 li
{
}

ul.icons
{
cursor: default;
margin: 0 0 2em 0;
}

ul.icons li
{
display: inline-block;
font-size: 1.1em;
margin: 0 0 0 0.75em;
}

ul.icons li:first-child
{
margin-left: 0;
}

ul.icons li a
{
display: block;
width: 2.5em;
height: 2.5em;
line-height: 2.5em;
background: #444;
background: rgba(255,255,255,0.1);
color: #fff;

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

ul.icons li a:hover
{
background: #555;
background: rgba(255,255,255,0.25);
}

.button 
{
display: inline-block;
margin-top: 1em;
padding: .4em 1em;
background: #A0A0A0;
border: solid 2px #a0a0a0;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
font-size: 1em;
color: #FFF;

-moz-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out;
-webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out;
-o-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out;
-ms-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out;
transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}


.button:hover
{
background: #888;
border-color: #888;
}

.login-button 
{
display: inline-block;
margin: 0em 0 0em 1em;
padding: .2em .5em;
background: #A0A0A0;
border: solid 2px #a0a0a0;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
font-size: 1.25em;
color: #FFF;
line-height: 1.25em;

-moz-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out;
-webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out;
-o-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out;
-ms-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out;
transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}

.login-button:hover
{
background: #888;
border-color: #888;
}

.join-button 
{
display: inline-block;
margin: 1em 0 0 1em;
padding: .2em 1em;
background: #A0A0A0;
border: solid 2px #a0a0a0;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
font-size: 0.75em;
color: #FFF;
float: left;

-moz-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out;
-webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out;
-o-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out;
-ms-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out;
transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}

.join-button:hover
{
background: #888;
border-color: #888;
}
.box
{
background: #fff;
margin-bottom: 20px;
}

.box.default
{
}

.box.default h2
{
padding: 0 0 1em 0;
letter-spacing: -.05em;
font-size: 2em;
font-weight: 200;
color: #FFF;
line-height: 1.2em;
}

.box.default .content
{
padding: 1em 2em 0em 2em;
}

.box.special1 
{
padding: 2em 0;
background: #ED3074;
border-top: 5px solid #F0528B;
color: #FFF;
}

.box.special1 .button 
{
background: #FFF;
border-color: #fff;
color: #ED3074;
}

.box.special1 .button:hover
{
background: transparent;
color: #fff;
}

.box.special2 
{
padding: 2em 0;
background: #1D88E7;
border-top: 5px solid #57A8EF;
color: #FFF;
}

.box.special2 .button 
{
background: #FFF;
color: #1D88E7;
border: solid 2px #fff;
}

.box.special2 .button:hover
{
background: transparent;
color: #fff;
}

.box.special-twitter
{
padding: 0em 0 2em 0;
background: #fff;
border-top: 0px solid #57A8EF;
color: #FFF;
height: 550px;
}

.box.special-twitter .button 
{
background: #FFF;
color: #1D88E7;
border: solid 2px #fff;
}

.box.special-twitter .button:hover
{
background: transparent;
color: #fff;
}


.box.section
{
overflow: hidden;
}

.box.section h2 
{
padding: 0 0 1em 0;
border-bottom: dotted 2px #e5e5e5;
letter-spacing: -.05em;
font-size: 2.2em;
font-weight: 200;
color: #1D88E7;
}

.box.section .content 
{
padding: 2em 1.5em 1.5em 1.5em;
}

.box.post 
{
padding: 3em 2em 4em 2em;
}

.box.featured-post 
{
}

.box.featured-post .full-image
{
line-height: 0;
}

.box.featured-post p
{
margin-bottom: 0;
}

/*********************************************************************************/
/* 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                                                                      */
/*********************************************************************************/

#header-wrapper
{
}

#banner-wrapper
{
}

#main-wrapper
{
margin-bottom: 3em;
}

#footer-wrapper
{
}

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

#slider
{
}

#slider .reel
{
display: none;
}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

#content 
{
}

#content h2
{
margin: 0 0 1em 0;
padding: 0 0 1em 0;
border-bottom: dotted 2px #e5e5e5;
letter-spacing: -.05em;
font-size: 2.0em;
font-weight: 200;
color: #1D88E7;
line-height: 1.2em;
}

/*********************************************************************************/
/* Sidebars                                                                      */
/*********************************************************************************/

#sidebar 
{
}

#sidebar .categories 
{
font-size: .85em;
}

#sidebar .categories h2
{
padding: 0 0 2em 0;
text-transform: uppercase;
font-size: 1em;
font-weight: 700;
color: #1D88E7;
}

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

#footer
{
padding: 3em 0 6em 0;
border-top: solid 1px #303030;
text-align: center;
font-weight: bold;
}

#footer .copyright
{
color: #fff;
font-weight: bold;
}



.lists ul, .lists ol {
margin-left: 30px;
}

.lists li {
margin-left:40px;
list-style:square;
line-height: 1.25;

}

.lists li span {
font-weight: bold;
}



h3 {
font-size: 1.5em;
margin-bottom: 20px;
color: #1D88E7;
}

.dotty {
border-bottom: 1px #c00000 dotted;  
}

.clear, #clear {
clear: both;
}

.red {
font-weight: bold;
color: #c00000;
}

.image-right {
margin-left: 10px;
margin-right: 0px;
float: right;
display: block;
}

.image-left {
margin-left: 0px;
margin-right: 10px;
float: left;
display: block;
}

.image-center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family:Verdana;
font-size: 12px;
}
.image-banner {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family:Verdana;
font-size: 12px;
border: 1px #ffffff solid;
}

.poster-left {
margin-left: 10px;
margin-right: 10px;
}

.poster-right {
margin-left: 10px;
margin-right: 10px;
float:right;
}

.country {
background-color: #c00000;
margin-left: 20px;
margin-right: 20px;
font-size: 1.2em;
font-weight:bold;
color: #fff;
line-height:30px;
padding-left: 15px;
margin-top: 20px;
}


.hub_search_member_form input, .hub_new_member_form input 
{
    padding: 10px;
    font-size: 13px;   
}

.hub_search_member_form select, .hub_new_member_form select 
{
    font-size: 13px;   
}

.hub_search_member_form label, .hub_new_member_form label
{
    color: #1D88E7;
        padding: 4px 0;
}

.hub_search_member_form .hublocationlink a, .hub_new_member_form .hublocationlink a {
    color: #000;

}

.hub_new_member_form .formgroup, .hub_new_member_form .forminput {
width: 90%;
}

#login 
{
overflow: hidden;
padding: 2em 0 2em 0;
border-top: solid 1px #303030;
border-bottom: solid 1px #303030;
}

#login p 
{
margin: 0;
padding: 0 0px 0 0;
letter-spacing: -.08em;
line-height: 1.25em;
text-align: right;
font-size: 1.5em;
font-weight: 200;
color: #fff;
}

#login a:link {
	color: #fff;
	font-weight: bold;
}

#login span {
color: #FFF;
}


.inputbox2 {
width: 200px;
height: 30px;
margin-left: 10px;
vertical-align: baseline;
line-height: 1.25em;
padding-bottom: 5px;
font-size: 1.1em;
}

.inputbox3 {
width: 200px;
height: 30px;
margin-left: 10px;
vertical-align: baseline;
line-height: 1.25em;
padding-bottom: 5px;
font-size: 1.1em;
}



.calendar {
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;
}

.month {
float: left;
width: 210px;
border-top: 1px #1b1b1b solid;
border-left: 1px #1b1b1b solid;
border-right: 1px #1b1b1b solid;
text-align:center;
background-color: #fff;
padding: 2px 2px 2px 2px;
}
.day {
float: left;
width: 30px;
border-top: 1px #1b1b1b solid;
border-left: 1px #1b1b1b solid;
text-align:center;
background-color: #fff;
padding: 2px 2px 2px 2px;
}

.day-right {
float: left;
width: 30px;
border-top: 1px #1b1b1b solid;
border-left: 1px #1b1b1b solid;
border-right: 1px #1b1b1b solid;
text-align:center;
background-color: #fff;
padding: 2px 2px 2px 2px;
}


.dates {
float: left;
width: 30px;
border-top: 1px #1b1b1b solid;
border-left: 1px #1b1b1b solid;
text-align:center;
background-color: #404040;
padding: 2px 2px 2px 2px;
}

.dates-right {
float: left;
width: 30px;
border-top: 1px #1b1b1b solid;
border-left: 1px #1b1b1b solid;
border-right: 1px #1b1b1b solid;
text-align:center;
background-color: #404040;
padding: 2px 2px 2px 2px;
}
.dates-bottom {
float: left;
width: 30px;
border-top: 1px #1b1b1b solid;
border-left: 1px #1b1b1b solid;
border-bottom: 1px #1b1b1b solid;
text-align:center;
background-color: #404040;
padding: 2px 2px 2px 2px;
}

.dates-right-bottom {
float: left;
width: 30px;
border-top: 1px #1b1b1b solid;
border-left: 1px #1b1b1b solid;
border-right: 1px #1b1b1b solid;
border-bottom: 1px #1b1b1b solid;
text-align:center;
background-color: #404040;
padding: 2px 2px 2px 2px;
}


.dates-red {
float: left;
width: 30px;
border-top: 1px #1b1b1b solid;
border-left: 1px #1b1b1b solid;
text-align:center;
background-color: #ff0000;
padding: 2px 2px 2px 2px;
}

.dates-right-red {
float: left;
width: 30px;
border-top: 1px #1b1b1b solid;
border-left: 1px #1b1b1b solid;
border-right: 1px #1b1b1b solid;
text-align:center;
background-color: #ff0000;
padding: 2px 2px 2px 2px;
}
.dates-bottom-red {
float: left;
width: 30px;
border-top: 1px #1b1b1b solid;
border-left: 1px #1b1b1b solid;
border-bottom: 1px #1b1b1b solid;
text-align:center;
background-color: #ff0000;
padding: 2px 2px 2px 2px;
}

.dates-right-bottom-red {
float: left;
width: 30px;
border-top: 1px #1b1b1b solid;
border-left: 1px #1b1b1b solid;
border-right: 1px #1b1b1b solid;
border-bottom: 1px #1b1b1b solid;
text-align:center;
background-color: #ff0000;
padding: 2px 2px 2px 2px;
}



.dates-green {
float: left;
width: 30px;
border-top: 1px #1b1b1b solid;
border-left: 1px #1b1b1b solid;
text-align:center;
background-color: #00c000;
padding: 2px 2px 2px 2px;
}

.dates-right-green {
float: left;
width: 30px;
border-top: 1px #1b1b1b solid;
border-left: 1px #1b1b1b solid;
border-right: 1px #1b1b1b solid;
text-align:center;
background-color: #00c000;
padding: 2px 2px 2px 2px;
}
.dates-bottom-green {
float: left;
width: 30px;
border-top: 1px #1b1b1b solid;
border-left: 1px #1b1b1b solid;
border-bottom: 1px #1b1b1b solid;
text-align:center;
background-color: #00c000;
padding: 2px 2px 2px 2px;
}

.dates-right-bottom-green {
float: left;
width: 30px;
border-top: 1px #1b1b1b solid;
border-left: 1px #1b1b1b solid;
border-right: 1px #1b1b1b solid;
border-bottom: 1px #1b1b1b solid;
text-align:center;
background-color: #00c000;
padding: 2px 2px 2px 2px;
}


.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;

}

iframe {
	border:0;
 overflow:hidden; 
 width:850px; 
 height:300px;
}

#clear, .clear {
	clear: both;
}

#padding, .padding {
	height: 20px;
}




ul.list {
	margin-left: 20px;
}

li.list {
	list-style: square;
line-height: 1.5;
}