.container{padding-bottom:30px;}
.display_var{font-weight: bold; text-decoration: underline;}

#mainav ul ul{z-index:9999; position:absolute; width:200px;}
#mainav li a{display:block; color: white; background-color: #860cb9; width: 250px; margin: 2px;}
#mainav li li a{border:solid; border-width:1px 1px 1px 1px;}

body{color:#F9F9F9; background-color:#e0b4f2;}

/* Rows */
.row0, .row0 a{color:#cf6211; background-color:#e0b4f2;}
.row1{color:#979797; padding-top:0; padding-bottom:0; background-color:#e0b4f2;}
.row1{color:#979797; padding-top:0; padding-bottom:0;
	background: -webkit-linear-gradient(#e0b4f2,#e0b4f2);
	background: -o-linear-gradient(#e0b4f2,#e0b4f2); /* Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#e0b4f2,#e0b4f2); /* Firefox 3.6 to 15 */
    	background: linear-gradient(#e0b4f2,#e0b4f2);}
.row1 a{color:#000000; background-color:inherit;}
.row2, .row2 a{color:#ffffff; background-color:#860cb9;}
.row3{color:#000000; background-color:#e0b4f2; padding: 10px;}
.row3{color:#000000; padding: 10px;
	background: -webkit-linear-gradient(#e0b4f2,#e0b4f2);
	background: -o-linear-gradient(#e0b4f2,#e0b4f2); /* Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#e0b4f2,#e0b4f2); /* Firefox 3.6 to 15 */
    	background: linear-gradient(#e0b4f2,#e0b4f2);}
.row4{color:#eeeeee; background-color:#860cb9;}
.row5, .row5 a{color:#55ABDA; background-color:#e0b4f2;}

table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#860cb9;}
th{color:#FFFFFF; background-color:#860cb9;}
tr:nth-child(odd){color:#000000; background-color:#d0b4f2;}
tr:nth-child(even){color:#000000; background-color:#c0b4f2;}


#row2nav{min-height: 40px;}
#row3content{
    min-height:75vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    /*
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    */
}
    
#row2nav a:hover {color: black; background-color: #ffccff; border: 2px solid #860cb9;}

h1{color:#08078d; font-size:25px; font-weight: 700; text-align: center; padding-top:20px; padding-bottom:20px;}
h2{color:#964B00; font-size:20px; font-weight: 600; text-align: center; padding-top:20px; padding-bottom:5px;}

select{width:250px; height: 35px;}
select:focus{border: 2px solid blue;}

button{width:250px; height: 35px;}
button:focus{border: 2px solid blue;}

button[type="submit"] {color: white; background-color: #860cb9; width:auto; padding-left:20px; padding-right:20px;}	
button[type="submit"]:hover {color: black; background-color: #ffccff; border: 2px solid #860cb9;}

input{width:250px; height: 35px;}
input:focus{border: 2px solid blue;}

input[type="text"] {text-transform:capitalize;}

input[type="submit"] {color: white; background-color: #860cb9; width:auto; padding-left:20px; padding-right:20px;}	
input[type="submit"]:hover {color: black; background-color: #ffccff; border: 2px solid #860cb9;}	

input[type="reset"] {color: white;	background-color: #860cb9; width:auto; padding-left:20px; padding-right:20px;}	
input[type="reset"]:hover {color: black; background-color: #ffccff; border: 2px solid #860cb9;}

input[readonly] {background-color: lightgray;}
input[readonly]:hover {background-color: darkgray;}
input[readonly]:focus {border: 3px solid gray;}

#namebar {color: white; background-color: #860cb9; width:auto; padding-left:10px; padding-right:10px;}
#namebar a:hover {color: black; background-color: #ffccff; border: 2px solid #860cb9;}

#userid, #memberid {text-transform:none;}
#areaLeft, #areaRight {border: 1px solid; background-color: #E0B4F2;}