/*
//  *********************************************************
//  ****                                                  ***
//  ****    created by and copyright to Nicky Ellakirk    ***
//  ****    wicked developments, 2016, nicky@ck26.net     ***
//  ****                                                  ***
//  *********************************************************
*/  

* {
    box-sizing: border-box;
}

@font-face
{
font-family: Avenir-book;
src: url(../content/fonts/Avenir-Book.ttf);
}

@font-face
{
font-family: Comfortaa-Regular;
src: url(../content/fonts/Comfortaa-Regular.ttf);
}

body {
	background-color:#A9A9A9;
}

.content {
    color:#BFBFBF;
    background-color:#000000;
    max-width:960px;
    width:99%;
    border-width:3px;
    border-style:solid;
    border-color:#000000;
    margin:0 auto;
    padding:10px;
    font-family:Avenir-Book,sans-serif;
    text-align:justify;
}
@media only screen and (min-width: 550px) {
    .content {
        text-align:left;
    }
}

.port-item {
    padding:3px;
    margin:5px 0px;
    border-style:solid;
    border-width:1px;
    border-color:#BFBFBF;
    overflow:auto;
    text-align:justify;
}
.port-item h4 {
    margin-top:0px;
}

h1 {
    color:#00FF08;
}
h2 {
    color:#00FF08;
}
h3 {
    color:#00FF08;
}
footer {
    font-family: Comfortaa-Regular,sans-serif;
    margin:10px 0 0 0;
    font-size:90%;
    clear:both;
}
.clear {
    clear: both;
}
.centered {
    text-align:center;
}
.link_space {
    width:30%;
    float:right;
    padding:6px;
}
.text_space {
    color:#00FF08;
    border-right-color:#BFBFBF;
    border-right-style:solid;
    border-right-width:1px;
    padding:6px;
    width:65%;
    float:right;
    text-align:right;
}
.thin_line {
    /* css styling used to replace <hr> because <hr> attributes have been removed in html 5 
     * can be used on and empty div or a content div with no other border in use */
    margin:5px auto;
    border-bottom-color:#BFBFBF;
    border-bottom-style:solid;
    border-bottom-width:1px;
    width:100%;
}