/*
 KLorg.com INTRO style sheet
*/
body {
    font-family: Arial, Helvetica, sans-serif ;
    color : #ffe ;
    background-color: #101 ;
    background-image: url(https://klorg.com/blips/vector.jpg);
    background-size: cover;
}

img#logo {
    padding: 0 ;
}

img {
    display: inline;
    max-width: 100% ;
    height: auto ;
    border-radius: .5em;
}

a {
    color : #fe0 ;
    font-weight : bold ;
    text-decoration : none;
}

a:hover {
    color : #f92 ;
    border-bottom : 2px solid #fbf
}

a:active {
    color : #f4f ;
    border-bottom : 2px solid #fbf
}

h1 {
    color : #fbf ;
}

h2 {
    color : #f6f ;
}

p {
    line-height: 1.3;
    text-align : justify ;
}

div#ksidecol {
    float: right ;
    width: 22% ;
}

div#kcontent {
    float: left ;
    width: 76% ;
}

@media only screen and (max-width: 780px) {
    div#ksidecol {
        float: none ;
        width: 100% ;
    }

    div#kcontent {
        float: none ;
        width: 100% ;
    }
}

div#kcontproper {
    padding-left: 1px ;
    padding-right: 1px ;
}

div#ksideproper, div#kothersideproper {
    padding-left: 15px ;
    padding-right: 2px ;

}

div#kheader {
    font-size: 12px;
    color: #fe0;
    border-radius: .3em;
    background-image: linear-gradient(#f4f, #101);
    height:30px;
}