@import "https://fonts.googleapis.com/css?family=PT+Serif";

body {
    font-family: 'PT Serif', serif;
    background-color: silver; /*rgb(235, 160, 60);*/
    margin: 0;
    font-size: 12pt;
}

#content {
    background: rgba(255,255,255,0.4);
    width: 1200px;
    margin: auto;
    padding: 30px;    
    border-radius: 10px 10px 10px 10px;
}

#footer {
    border-top: 3px solid black;
    padding: 15px;
}

/*forms*/

input[type=text], input[type=email], input[type=password] {
    border-radius: 5px 5px 5px 5px;
    border: 1px black solid;
    padding: 5px;
    width: 300px;
    font-family: Verdana;
    font-size: 100%;
}

input[type=submit], input[type=button], button {
    border-radius: 5px 5px 5px 5px;
    border: none;
    background: rgb(150, 3, 3);
    color: white;
    padding: 5px;
    /*box-shadow: 3px 3px 7px;*/
    margin: 5px;
    font-family: Garamond, Georgia;
    font-size: 100%;
}

input[type=submit]:hover, input[type=button]:hover, button:hover {
    background: white;
    color: rgb(150, 3, 3);
    cursor: pointer;
}

input[type=submit].smallbutton, input[type=button].smallbutton, button.smallbutton {
    padding: 0px;
    font-size: 80%;
    font-weight: bold;
    background: transparent;
    color: black;
    box-shadow: none;
    
}

select {
    font-family: Garamond, Georgia;
    border-radius: 5px 5px 5px 5px;
    border: 1px black solid;
}

.myselect {
    padding: 5px;
    font-size: 100%;
    width: 300px;
}

.simpleselect {
    width: 300px;
    border-radius: 5px 5px 5px 5px;
    border: 1px black solid;
    color: black;
    font-family: Verdana;
}

.simpleselect a, .simpleselect a:hover, .simpleselect span, .simpleselect .chosen-single {
    border: none;
    box-shadow: none;
    /*background: white;*/
    color: black;
}

.simpleselect .chosen-results, .simpleselect .chosen-search {
    border: none;
    box-shadow: none;
    background: white;
    color: black;
    font-weight: bold;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-radius: 5px 5px 5px 5px;
}

input[type=text].littleinput, input[type=email].littleinput, input[type=password].littleinput, select.simpleselect.littleinput {
    width: 100px;
}

textarea, td .mce-tinymce {
    border-radius: 5px 5px 5px 5px;
    border: 1px black solid;
    min-width: 300px;
    min-height: 100px;
}

.mce-panel, .mce-panel iframe {
    border-radius: 5px 5px 5px 5px;
}

/*spans*/
.warn, .msg {
    position: absolute;
    padding: 15px;
    font-size: 130%;
    width: 500px;
    margin-left: -250px;
    left: 50%;
    margin-top: 50px;
    border-radius: 10px 0px 10px 0px;
    z-index: 10;
}
.warn {
    border: 2px solid rgb(150, 3, 3);  
    background: rgb(219, 181, 135);
}

.msg {
    border: 2px solid black;
    background: silver;
}

/*href*/
a {
    color: rgb(150, 3, 3);
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: white;
}

/*tile view*/
#cols2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; 
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    /*width: 95%;*/
}

.text-tile {
    page-break-inside: avoid;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px 0px 10px 0px;
    border: black 1px solid;
    padding: 20px;
    margin-bottom: 20px;
    vertical-align: top;
    /*white-space: pre-line;*/
    text-align: center;
    /*max-width: 90%;*/
}

.text-over {
    position: absolute;
    background: white;
    border-radius: 10px 0px 10px 0px;
    border: rgb(150, 3, 3) 1px solid;
    padding: 40px;
    text-align: center;
    margin-left: -300px;
    left: 50%;
    width: 600px;
    margin-top: 50px;
    z-index: 10;
}

.text-over #close {
    position: absolute;
    right: 10px;
    top: 10px;
}

/*forms*/
form table {
    display: inline-block;
    text-align: left;
}

form table td:first-child {
    text-align: right;
    padding-right: 10px;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.bigtext {
    font-size: 130%;
}

.padded {
    padding: 5px;
    display: block;
}

.imgtable td{
    padding: 5px;
    background: rgba(255, 255, 255, 0.3);
}

.smallthumb {
    max-height: 60px;
    max-width: 60px;
}

.mediumthumb {
    max-height: 110px;
    max-width: 110px;
}

.bigthumb {
    max-height: 180px;
    max-width: 180px;
}