html,body {
    height:100%;
    font-family: Optima, sans-serif,Arial;
    min-width:1010px;
    position:relative;
    min-height:100%;
}

#main {
    width:100%;
    position: absolute;
    min-height: 100%;
}

@-moz-document url-prefix() {
    @media (min-width: 1024px){
      #navbar {
        background: -moz-linear-gradient(90deg,#05020d,#373045);
        background-image: -webkit-linear-gradient(#373045,#05020d);
      }
      #static-gradient {
        box-shadow:inset 0 0 300px rgba(101,90,117,.5);
      }
      .bg-gradient {
        box-shadow:inset 0 0 300px rgba(101,90,117,.5);
      }
      #footer {
        background: -moz-linear-gradient(90deg,#373045,#05020d);
        background-image: -webkit-linear-gradient(#05020d,#373045);
      }
      #homequote {
        box-shadow:inset 0 0 50px rgba(101,90,117,.1);
      }
      .card {
        box-shadow:inset 0 0 150px rgba(150,120,170,.1);
        box-shadow:1px 1px 1px rgba(0,0,0,0.1); 
      }
      .wysp-footer {
        box-shadow: -3px 0px 0px rgba(0,0,0,0.2);
        background: -moz-linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.2));
        background-image: -webkit-linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0));
      }
      /* hide navbar button titles */
    }
}
@media (max-width: 1024px) {
    .navbar-btn-title {
        display: none;
    }
}

#navbar {
    width:100%;
    min-width:650px;
    height:45px;
    background-color: #201c29;
    border-bottom: solid 1px #eee;
    position:fixed;
    top:0;
    z-index:3;
    border-radius: 0;
    box-shadow: 0 0 15px rgba(101,90,117,.9);
}
.navbar-btn-title {
    margin-left:10px;
}
#footer {
    width:100%;
    height:100px;
    border-top: solid 1px #e2dfdb;
    background-color: #201c29;
}
.home-half {
    position:absolute;
}
.halves {
    width:94%; 
    margin:auto;
    margin-top:30px;
}
#home-half-left {
    width:40%; 
    left:0; 
    position: fixed;
    top:45px; 
    height:100%;
    /*box-shadow:inset 0 0 300px rgba(101,90,117,.5);*/
}
#static-gradient {
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    
}
@media only screen and (max-height: 700px) { 
    #home-half-left {
        overflow:scroll;
    }
}
@media only screen and (max-width: 1160px) { 
    #home-half-left {
        overflow:scroll;
    }
}

#home-half-right {
    width:60%; 
    left:40%; 
    top:45px; 
    z-index:-10;
}
@media only screen and (max-width: 800px) { 
    #home-half-left {
        position:relative;
        top:45px;
        left:0;
        overflow:default;
        width:100%; 
        height:auto;
        min-width:0;
        margin-bottom: 0;
        overflow:auto;
    }
    #home-half-right {
        position:relative;
        left:0;
        width:100%;
        min-width:0;
        margin-top:0;
    }
}

::-webkit-input-placeholder {
    font-size:12px;
    letter-spacing: 1px;
    line-height: 20px;
}

:-moz-placeholder { /* Firefox 18- */
    font-size:12px;
    letter-spacing: 1px; 
    margin-top:5px;
}

::-moz-placeholder {  /* Firefox 19+ */
    font-size:12px;
    letter-spacing: 1px;  
}

:-ms-input-placeholder {  
    font-size:12px;
    letter-spacing: 1px; 
}
.input-group {
    margin-bottom:10px;
}
h1,h2 {
    text-shadow: 0px 1px 0px #fff, 0px -1px 0px rgba(0, 0, 0, 0.7);
    color:#494754;
}
.navbar-link {
    padding:10px;
    margin-top:3px;
    float:left;
    font-size:16px;
    border-left:solid 1px #aaa;
    padding-left:15px;
    padding-right:15px;
    color:#eee;
}
.navbar-link:hover{
    color:#fff;
}
.navbar-link-on {
    color:#fff;
    border-bottom:solid 3px #fff;
    text-shadow: 0px 0px 6px rgba(255,255,255,0.4), 0px 0px 7px rgba(89,32,79,0.7), 0px 0px 7px rgba(140,104,130,1), 0px 0px 8px rgba(140,104,130,1);
}
.navbar-rightelem {
    margin-top:2px;
    padding:6px;
    padding-right:8px;
    height:42px;
    overflow:hidden;
    float:left;
}
#navbar-right {
    float:left; 
    margin-left:5%;
    position:relative;
    min-width:380px;
}

.navbar-rightelem-icon {
    font-size:28px; 
    color:#eee; 
    margin-top:2px; 
    margin-left:0px;
    border-left:solid 1px #aaa;
    padding-left:15px;
    padding-right:0px;
}
.navbar-rightelem-icon:hover {
    color:#fff;
}
#navbar-searchbox {
    width:80%; 
    max-width:200px; 
    float:left;
}
.search-btn {
    color:#eee;
    cursor:pointer;
}
.search-btn:hover {
    color:#fff;
    background-color: #3e3369;
}
#navbar-search-input {
    background-color: #eee;
}
#navbar-search-input:focus {
    background-color: #fff;
}


#homequote {
    margin:20px;
    margin-top:30px;
    font-size:15px;
    border:solid 1px #eee;
    border-radius: 7px;
    padding:15px;
    border-left: solid 4px #373045;
    margin-bottom:20px;
}
#homequote-body {
    font-size:25px;
    color: #62606d;
    text-shadow: 0px 1px 0px #fff, 0px -1px 0px #000;
}
#register-btn {
    margin-bottom: 5px;
}
.fb-login-btn {
    background-color:#4c66a4;
    border:solid 1px #29396e;
    margin-left:0px; 
    margin-bottom: 5px;
    font-style:'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif !important;
}
.fb-login-btn:hover {
    background-color:#5772b3;
}




.card {
    border-radius:5px; 
    background-color:rgba(255,255,255,0.5); 
    margin-bottom:10px;
    border:solid 1px #e7e7e7;
    position: relative;
    overflow:hidden;
}
.card-title {
    width:100%;
    border-bottom: solid 1px #e7e7e7;
    padding:10px;
    height:40px;
    font-size:16px;
    text-align: center;
    text-shadow: 0px 1px 0px rgba(255,255,255,1), 0px -1px 0px rgba(0,0,0,0.7);
    color: #837d8b;
    letter-spacing: 1px;
}

.card-separator {
    width:100%;
    border-bottom: solid 1px #ddd;
}

.card-title-free {
    letter-spacing: 2px;
    margin-bottom: 30px;
    margin-top: 20px;
    font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
    font-size: 28px;
    text-shadow: 0px 1px 0px rgba(255,255,255,1), 0px -1px 0px rgba(0,0,0,0.7);
}
.card-message {
    margin:15px;
    text-align: center;
}
.card-content {
    margin:15px;
    text-align: left;
}
.default-container {
    width:80%;
    margin:auto;
    margin-bottom:20px;
}
.card-subtitle {
    margin-top:15px;
    margin-bottom:15px;
    font-size:20px;
}
.default-card {
    width:700px;
    margin:auto;
    margin-top:30px;
}
.wysp-corner-logo {
    float:right;
}
.text-content {
    font-size: 13px;
    color:#46454b;
}
.fancy-card-subtitle {
    text-decoration: none;
    color: #56525c;
    width: 90%;
    margin: auto;
    box-shadow: 0px 1px 0px rgba(0,0,0,0.15), 0px 2px 0px rgba(255,255,255,1);
    margin-bottom: 12px;
    font-size: 16px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 1), 0px -1px 0px rgba(0, 0, 0, 0.6);
}
.paragraph {
    font-size:12px;
    color:#6d6a74;
    margin-bottom:10px;
}
.block {
    margin-top:10px;
    margin-bottom:15px;
}
.content{
    margin:15px;
}


.daily-pick {
    float:left; 
    background-position:center; 
    margin:0; 
    width:25%; 
    height:300px; 
    background-image:url('https://s3.amazonaws.com/wyspstore/posts/134221002v3.png'); 
    background-repeat:no-repeat; 
    background-size:cover;
}
.menu-inner {
    margin-left:50px;
}
.menu-item {
    float:left;
    margin-left:30px;
    margin-top:6px;
    cursor:pointer;
}
.menu-item-active {
    border-bottom:5px solid #009ecc;
}
.menu-item:hover {
    border-bottom:5px solid #009ecc;
}

.card-link-btn {
    width:100%;
    height:30px;
    float:left;
    border-top:solid 1px #eee;
    text-align: center;
    padding-top:5px;
}


.wysp-footer {
    float:left;
    width: 100%;
    border-top: solid 1px #e7e7e7;
    margin-top: 40px;
    max-height: 200px;
}
.footer-links {
    width: 400px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 30px;
    text-shadow: 0px 1px 0px rgba(255,255,255,1), 0px -1px 0px rgba(0,0,0,0.9);
    font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
    font-size: 10px;
    color: #888;
}
.footer-link {
    text-decoration: none;
    color: #888;
    font-size: 14px;
    margin-right: 20px;
    margin-left: 20px;
}
.footer-link:hover {
    text-decoration: none;
    color: #3a3257;
}
.center {
    text-align: center;
    width:100%;
    margin:auto;
}

.main-narrow {
    width:800px;
    margin:auto;
    margin-top:40px;
}
.error {
    font-weight:bold;
    color:#bd1616;
}
.success {
    font-weight:bold;
    color:#2e9655;
}
.sub-error-message {
    margin-top:15px;
    margin-bottom:15px;
    font-size:12px;
    color:#636269;
}
.invisible-hide {
    display:none;
}
#theaterBG {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.7);
    margin: 0;
    text-align: center;
    z-index:2;
}
#theaterFront{
    z-index:12;
    border-radius:5px;
    width:70%;
    max-width:70%;
    margin:auto;  
    margin-bottom:50px;
    margin-top:70px;
    min-width:740px;
}

.theme {
    text-align: left;
    margin-left: 30px;
    margin-right: 20px;
    letter-spacing: 1px;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #56525c;
}
.theaterCard {
    background-color: #efeef3;
    margin:auto;
    margin-top:70px;
}
.card-edit-btn {
    float:right;
    font-size: 18px;
    color:#bebdc6;
    cursor:pointer;
    text-shadow: 0px 1px 0px #fff, 0px -1px 0px #000;
}
.card-edit-btn:hover {
    color:#9c9ba8;
}
.lineFull {
    margin-top:15px;
    margin-bottom:15px;
    width:100%;
    border-top:1px solid #cdccd3;
    border-bottom:1px solid #fff;
}
#exitTheater {
    height:40px;
    width:40px;
    margin:20px;
    margin-top:70px;
    float:right;
    position:fixed;
    top:0px;
    right:20px;
    background-image:url('https://s3.amazonaws.com/wyspimg/cross-close.png');
    background-repeat:no-repeat;
    z-index:1;
    cursor:pointer;
}
.loadingFiller{
    width:100%;
    background-image: url('https://s3.amazonaws.com/wyspimg/loading.gif');
    background-position: center;
    background-repeat: no-repeat;
    height:16px;
}
.imgLoadingBG {
    background-image: url('https://s3.amazonaws.com/wyspimg/wysploader-large.gif');
    background-position: center;
    background-repeat: no-repeat;
}



.userSearchResult {
    margin:5px;
    border:solid #cbc6d2 1px;
    border-radius:5px;
    float:left;
    height:70px;
    width:220px;
    padding:2px 2px 2px;
    overflow:hidden;
    text-align:left;
}
.userSearchResult:hover{
    background-color: rgba(255,255,255,0.4);
}
.userResultName {
    width:120px;
    margin-top:2px;
    overflow: hidden;
    font-size:14px;
    text-shadow: 0px 1px 0px rgba(255,255,255,1), 0px -1px 0px rgba(0,0,0,1);
}
.userSearchResult a:hover {
    text-decoration: none;
}
.userResultLocation {
    width:120px;
    overflow: hidden;
    font-size:11px;
}
.searchAvatar {
    margin: 5px;
    margin-right: 10px;
    width: 55px;
    height: 55px;
    float:left;
    box-shadow: 1px 1px 0px rgba(255,255,255,1), -1px -1px 0px rgba(0,0,0,0.3);
}
.cardCenteredLink{
    text-decoration: none;
    font-size: 13px;
    text-align:center;
    cursor:pointer;
    color:#341361;
    font-style: italic;
    margin-bottom:20px;
    margin-top:20px;
    
}



.bubble {
    width:16px;
    height:15px;
    border-radius:9px;
    border: solid 1px white;
    color:white;
    font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
    font-size:11px;
    cursor:pointer;
    text-align:center;
    display:none;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.5), 0px -1px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 5px rgba(255,255,255,1);
    z-index:2;
}
#notifBubble {
    position:absolute;
    margin-left:5px;
    margin-top:3px;
    background-color:#A70303;
}
#msgBubble {
    position:absolute;
    background-color:#08a6d4;
    margin-left:35px;
    margin-top:-12px;
}

.def-error {
    padding: 1em;
}

.def-success {
    padding: 1em;
}