html,body{
    color: rgb(38, 15, 44);
    background-color: #ffffff;
    font-size: 1.2em;
    font-family: Calibri, 'Trebuchet MS', sans-serif;
    margin-left: 0; margin-right:0;
}

/* LAYOUT START */
table.content td{
    vertical-align: top;
}
table.cols50 td{
    width: 50%;
    max-width: 50%;
    padding-left: 20px;
}
div.col_50_float{float:left;width:45%;}
div.col_50_float>h2{margin-top:0;}
.clearfix{
    content: "";
    clear: both;
    display: table;
}
/* LAYOUT END */

a {
    text-decoration: none;
    color: #de3cf3;
}
a:hover {
    text-decoration: underline;
}
.req { color:red; }
.prewrap { white-space: pre-wrap; }
input { border-radius: 5px; border-color:#bbb; border-width: 1px; font-size: 0.8em; color: #741699; }
input[type=password] { height: 2em; }
input[type=text] { height: 2em; }
select { height: 2.2em; border-radius: 7px; font-size: 0.8em; color: #741699; border-radius: 5px;   
    border-top:1px solid grey;
    border-bottom:1px solid lightgrey;
    border-left:1px solid grey;
    border-right:1px solid lightgrey;
}
textarea { 
    font-family: inherit;
    font-size: inherit;
    border-radius: 5px; border-color:#bbb; border-width: 1px; font-size: 0.9em; color: #741699; }
button { font-size: 0.8em; height: 2.2em; border-radius: 5px; color: #8d47a8; }
.fieldlabel { font-size: 0.8em; }
.fieldinput { margin-bottom: 20px; }
.fieldinput input {
    height:30px; 
    line-height: 30px;
}
.fieldinput textarea {
    line-height: 30px;
}
.formbutton>img { cursor: pointer; }
.title {
    background-image: url(/img/website-logo-2.jpg);
    background-position: left top;
    margin: 7px 7px 7px 7px;
    background-repeat: no-repeat;
    background-color: #fff;
    min-height: 80px;
}
.title_sci {
    background-image: url(/scicry/img/avatar-20221016-2-sm.jpg);
    background-position: left top;
    margin: 7px 7px 7px 7px;
    background-repeat: no-repeat;
    background-color: #fff;
    min-height: 80px;
}
.titlemenu{
    float:right;
    margin-top: 30px;
}
.titlemenu>a{
    margin-right: 20px;
}
.masthead{
    width: auto;
    /* height: 300px; */
    background-image: url(/img/clouds1-wide-rumble.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #ffeee1;
    padding-bottom: 40px;
}
.masthead-title{
    width: auto;
    padding-top: 40px;
    text-shadow:1px 1px 2px #f7f7f7;
    color: #543168;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 2em;
    font-weight:500;
    text-align: center;
}
.masthead-tiles{
    padding-top: 40px;
    text-align: center;
    position: relative;
}
.masthead-tiles-sm{
    padding-top: 25px;
}
.masthead-tile{
    display: inline-table;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 143px;
    height: 144px;
}
.masthead-tile-sm, .masthead-tile-sm img{
    margin-right: 10px;
    margin-bottom: 10px;
    width: 70px;
    height: 70px;
}
.masthead-tile-app{
    width: 543px;
}
.submasthead{
    width: auto;
    height: 120px;
    background-image: url(/img/clouds1-wide-rumble.jpg);
    background-position: center bottom;
}
.submasthead_sci{
    width: auto;
    height: 120px;
    background-image: url(/scicry/img/rumble-bg-2.jpg);
    background-position: center bottom;
}

.support-banner{
    margin-right:auto;
    margin-left:auto;
    width:1206px;
    margin-top: 20px;
}
.support-banner img{
    width:1206px;
    height:108px;
    border-radius: 7px;
}

.bodysection{
    margin: 20px 24px 7px 24px;
}
.bodysection h2{
    margin-top:50px;
}
.foot {
    color: gray;
    font-size: 0.6em;
    margin:20px;
}
div.video_container, img.img_container{
    float:right;
    width:450px;
    margin-left:20px;
    background-color: #ccc;
    padding: 7px;
    border-radius: 7px;
}
img.img_container_sm{
    width:250px;
}
.right{
    float:right;
}
.left{
    float:left;
}
img.right{
    margin-left:10px;
}
img.left{
    margin-right:10px;
}
img.img_thumb,img.thumb{
    height:70px;
    margin-right:10px;
    background-color: #ccc;
    padding: 7px;
    border-radius: 7px;
    vertical-align: middle;
}

.notable,a.notable{
    color: coral;
    font-weight:600;
    background-color: #f4dffc;
}

.message{
    font-size:2em;
}
.message-success{
    color:green;
}
.message-error{
    color:red;
}

div.gallery img{
    height:80px; 
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    cursor: pointer;
}
img.full{
    width:100%;
}
img.gallery{
    height:80px; 
    margin-right:10px;
    margin-bottom:10px;
    cursor: pointer;
}
.banned{color:red;font-size:2em;}

.alert{    
    padding: 10px 15px 10px 15px;
    margin-bottom: 15px;
    border-radius: 7px;
}
.alert>h2{
    margin-top:0;
}
.alert-notice,.alert-info{
    background-color: #8fd2ff;
    border: solid 1px #1470ad;
    color: #082b42;
}
.alert-success{
    background-color: #cfffc1;
    border: solid 1px #167a12;
    color: #073805;
}
.alert-danger{
    background-color: #ff8fc3;
    border: solid 1px #ad1421;
    color: #420812;
}
.danger{
    color: #ad1421;
}
.flex{
    display:flex;
}
.flex > * {
    margin-left:20px;
}
.flexme{
    display:flex;
    flex-direction: row;
}
@media (max-width: 800px) {
    .flexme {
        flex-direction: column;
    }
}
.flexcol{
    display:flex;
    flex-direction: column;
}

.searchbar { 
    text-align:center;
    padding: 10px;
    background-color: white;
    border-radius: 5px;
}

.spreadlist>li {
    margin-bottom: 1em;
}



.vid_gallery { 
        margin-bottom: 20px;
    }
    .vid_gallery > a { 
        float: left; 
        margin-right:7px; 
    }
    .vid_gallery img { 
        width: 250px; 
        height: 145px; 
        border-radius:5px; 
    }

.round{ border-radius:5px; }
.forceinline{ display: inline-block }