.navbar {
    height: 63px;
    text-align: center;
    background-color: #333333;
    background: -webkit-linear-gradient(top, #404344, #303233) !important;
    background: linear-gradient(#404344, #303233) !important;
    padding-top: 1em;
    padding-bottom: 1em;
    z-index: 100;
    border-radius: 0px;
    margin-bottom: 0px;
    box-shadow: #555 0px 1px 0px inset !important;
}

.logo {
    margin: auto 0;
    display: inline-block;
}

.rainbow {
    height: 4px;
    background-image: url(imgs/rainbow.png);
    background-repeat: repeat-x;
    box-shadow: 0px 1px 1px #555, rgba(255, 255, 255, 0.3) 0px 1px 0px inset !important;
}

.plus50 {
    margin-bottom: 30px;
}

body {
    background-image:url(imgs/bg-lg.png) !important;
    background-size: auto 600px !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    font-family: 'Open Sans',sans-serif;
    -webkit-font-smoothing: antialiased !important;
    color: #4d4d4d;
    background: #f1f1f1;
}

.large-text {
    color: #f7f7f7;
    font-family: Open Sans, Arial, Helvetica, sans-serif !important;
    font-size: 3.8em;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    line-height: 1.1em;
    margin-bottom: 0.5em;
    max-width: 500px;
}

.hero-h1 {
    font-size: 2em;
    color: #f7f7f7;
    font-family: Open Sans, Arial, Helvetica, sans-serif !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    margin-bottom: 6px;
}

.sub-herotext {
    font-size: 1.8em;
    font-weight: 300;
    color: #f7f7f7;
    font-family: Open Sans, Arial, Helvetica, sans-serif !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    font-style: italic;
}

.page {
    box-shadow: 0 1px 1px rgba(0,0,0,0.5);
    min-height: 300px; /** Delete after adding content **/
    background: #fff;
    border-radius: 5px;
    margin:  30px 0 20px 0;
}

.hideme {display: none;}

.regform {
    box-shadow: 0 1px 1px rgba(0,0,0,0.5);
    background: #f7f7f7;
    border-radius: 5px;
    max-width: 310px;

}

.footerlinks {
    text-align: center;
    margin-bottom: 30px;
}

.greytop {
    background-color: #333333;
    background: -webkit-linear-gradient(top, #404344, #303233) !important;
    background: linear-gradient(#404344, #303233) !important;
    padding: 15px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: #555 0px 1px 0px inset !important;
}

.container {
max-width: 970px;
}

.btn-join {
    min-height: 40px;
    font-size: 1.3em;
    background-color: #de4f44 !important;
    background: -webkit-linear-gradient(top, #f07161, #ea5549) !important;
    background: linear-gradient(#f07161, #ea5549) !important;
    color: white;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8), #f9c3ad 0px 1px 1px inset !important;
    border: solid 1px #de4f44 !important;
    width: 100%;
    border-radius: 4px !important;
}

.btn-join:hover {

    background-color: #ea5549 !important;
    background: -webkit-linear-gradient(top, #ea5549, #ea5549) !important;
    background: linear-gradient(#ea5549, #ea5549) !important;

}
.join-title {
    text-align: center;
    color: #fff !important;
    font-size: 1.5em !important;
    margin: 0px;
}

.login {
    display: inline-block;
    float: right;
}

#affix1{
    width: 310px;
}

#affix1.affix {
    position:fixed;
    top:50px;
}

.pagehead {
    background: #f7f7f7;
    border-bottom: solid 1px #ccc;
    border-radius: 5px 5px 0px 0px;
    /**height: 81px; **/
    padding: 15px;
}

.topM0 {
    margin-top: 0px;
}

.page .regform {
    margin-top: 40px;
}

.sub-herotext:after {
    background-image: url(imgs/arrow.png);
    height: 63px;
    width: 100%;
    position: relative;
    right: 0;
    left: 70%;
    top: -20px;
    bottom: 0;
    display: block;
    content: " ";
    clear: both;
    background-repeat: no-repeat;
    float: right;
}

/** WLD featured members **/
#wld_badge_wrapper { width: 100%; overflow: hidden; } 
#wld_badge_inner { padding: 10px 0 10px 10px; } 
.wld_badge_item { float: left; margin: 0 10px 0 0; padding: 0; width: 10%;} 
.wld_badge_item img { box-shadow: 0 1px 1px rgba(0,0,0,0.5); padding: 3px; background: #fff; border-radius: 4px; } 
.wld_badge_item_detail { margin-top: 5px; font-size: 75%; width: 90px; overflow: hidden; display: none;} 
.wld_badge_clear { clear: both; } 
/** WLD featured members END **/

@media handheld, only screen and (max-width: 990px) and (min-width: 0px) {
    .sub-herotext:after {display: none;}    
    .wld_badge_item img { width: 70px; height: 70px; } 
    .wld_badge_item {width: 70px; margin-bottom: 15px;}
    .pagehead {padding: 15px 15px 0px 15px;} 
    .page {margin: 10px 0 40px 0;}
}

@media handheld, only screen and (max-width: 767px) and (min-width: 0px) {
    .regform {margin: 10px auto 20px auto;}
    .large-text {font-size: 2.8em; text-align: center; max-width: none;}
    .hero-h1 {text-align: center; font-size: 1.5em;}
    .sub-herotext {text-align: center; font-size: 1.5em;}
    .plus50 {margin-bottom: 10px;}
    #affix1.affix {position:initial;}
    .wld_badge_item img { width: 60px; height: 60px; } 
    .wld_badge_item {width: 60px; margin-bottom: 15px;}    
}