@import "/style.css";
@import "/apps.css";
A.button {
    padding:8px;border-radius:4px;
    border-color: rgba(0,0,0, 0.4);
    border-width: thin;
    border-style: solid;
    color:#FFFFFF;
    display: inline-block;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}
A.purchase{
    background-color:rgba(64,128,255,1);
}
A.download:active, A.purchase:active,A.download:hover, A.purchase:hover {
    text-shadow: 0 0 1px rgba(0,0,0,0.2);  /*for antialiasing text*/
    border-color: rgba(255,255,255, 0.7);
}
.bodypanel {
    clear:both; vertical-align: top;    width:80%;  text-align: center;
    margin-left:auto;   margin-right:auto;
    min-height: calc(100% - 110px);
}
a.logoicon{
    float:left; font-size: 1.5em; font-weight: 100; margin-left: 10%;  margin-top: 0.4em;
    letter-spacing: -2px;   color: #fff;
}

.hkhead{
    background-color: rgba(0,0,0,0.5);
    width: 100%; clear: both; height: 50px;
}
.hk3col{
	width:29%; min-width: 250px;
	text-align:left;	padding:1%;
    display: inline-block; float:none; vertical-align: top;
}
.divLeft{
	width:40%; min-width: 350px;
	text-align:left;    vertical-align:top;
    padding:1em;    background-color:rgba(0,0,0,0.5);
    display: inline-block; float:none; vertical-align: top;
    border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;
    line-height:1.5em;  color:#FFFFFF;
}
.divRight{
	width:50%; min-width: 450px;
	text-align:left;	padding:2%;
    vertical-align:middle;  clear: right;
    display: inline-block; float:none; vertical-align: top;
}

@media all and (max-width:400px) {
    a.logoicon{
        margin-left: 0px;
    }
    .divLeft,.divRight{
        min-width: 250px;
    }
 }