/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    background-color: #020202;
    color: #F0F0F0;
    line-height: 25px;
	
	
    background-image: url("../img/banner.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover; /*for webKit*/
    -moz-background-size: cover; /*Mozilla*/
    -o-background-size: cover; /*opera*/
    background-size: cover; /*generic*/
    background-position: center; 
    margin: 0px 0px 0px 0px;
}

li {
    line-height: 25px;
}

::-moz-selection {
    background: #ff6a00;
    text-shadow: 2px 2px rgba(128, 128, 128, 0.5);
}

::selection {
    background: #ff6a00;
    text-shadow: 2px 2px rgba(128, 128, 128, 0.5);
}

a:hover {
    text-decoration: none;
}

.container {
    margin-top: 5%;
    padding: 30px 50px 10px;
    margin-bottom: 10px;
    background-color: #101010;
    border: 1px solid #ff6a00;
    background-image: url("../img/bg.gif");
    background-repeat: no-repeat;
    background-position: top;
    -webkit-background-size: contain; /*for webKit*/
    -moz-background-size: contain; /*Mozilla*/
    -o-background-size: contain; /*opera*/
    background-size: contain; /*generic*/
}

h1, h2, h3 {
    font-variant: small-caps;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}

/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .Flexible-container iframe,
    .Flexible-container object,
    .Flexible-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.space {
    margin: 10px 0px;
}

.profilepicture {
    max-width: 100%;
    margin-right: 10px;
}

.align-justify{
       text-align: justify;
}