@charset 'utf-8';
/* CSS Document */




 body {
    margin: 0;
    padding: 0;

}



#wrapper {
    display: block;
    position: fixed;
    top:4px;
    min-width: 325px;
    max-width:700px;
    max-height:900px;
    background-image:url(graphics/greyback_1.jpg);
    background-repeat:repeat;
    border: 2px solid blue !important;
        z-index: 1;
}

#vidspace {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 600px;
    height: 200px;
    background-color: #000;
    z-index: 5;
}
#myvid {
    margin-left: 0 auto;
    margin-right 0 auto;

}
#maincontent {

    display: block;
    position: relative;
    width: 700px;
    height: 500px;

    overflow: scroll;
    z-index: 2;
    margin-top:1%;
   margin-right: 2%;

}
.p1 {
    display: block;
    float:right;
    font-size: 1vw;
    font-family: 'Unna', serif;
    position: relative;
    text-align: justify;
    hyphens: auto;
  /*  overflow-wrap: break-word;      */
    width:600px;
    height: auto;
    top:1%;
    vertical-align: text-top;
    padding-left: 1%;
    padding-right: 3%

}

.covers {
    display: block;
    width: 50%;
    height: auto;
        /*   box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); */
    position: relative;
    float: left;
    margin-right:5%;
    margin-bottom: 1%;
}

a {
    z-index: 1;
    position: relative;
    left: 10px;
    font-family: 'Unna', serif;
}