/* CSS RESET */

body, article, section, header, aside, footer, h1, h2 {
    margin: 0;
    padding: 0;
    border: 0;
}







/* Image behind text goes here?, Text left aligned? */
body {
    text-align: justify;
    margin-top: 0.5%;
    margin-bottom: 0%;
    margin-left: 1%;
    margin-right: 2%;
    
    

}


/* Image behind text goes here?????, Text left aligned?A */
article {
    display: block;
    background-image: url("WidgetCoLogo.gif");
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0%;
    margin-bottom: 1.5%;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 1%;
    padding-bottom: 0%;
    padding-left: 7%;
    padding-right: 7%;
    font-size: 150%;
    line-height: 1.4;
    
    
    
}



/* Green side border, green top and bottom border, beige background color, blue links */
section {
    background-color: rgb(248, 248, 230);
    border-left: 40px solid orange;
    border-top: 3px solid orange;
    border-bottom: 3px solid orange;
    border-right: 3px solid orange;
    padding-top: 1%;
    padding-bottom: 0%;
    padding-left: 2%;
    padding-right: 2%;
    
    

   
}

section a:link {
    font-weight: bolder;
    color: rgb(8, 8, 192);
    
}





/* Center the header, all caps, top and bottom borders UHM there is a side border thats dark blue*/
header {
    font-variant: small-caps;
    text-align: center;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 20px solid black;
    padding-top: 0.2%;
    padding-bottom: 0.2%;

}


/* Right aligned, Press Contact: is bolded,  weird rectangle shape(UHM ACTUALLY that's a side border in weird blue gray) */
aside {
    text-align: right;
    border-right: 20px solid red;
    padding-right: 1.5%;
    float:right;
    line-height: 1.2;

    
}

aside::first-line {
    font-weight: bold;
}


/* Right align, opaque/gray text and link , Caps first letters, top border */
footer {
    text-align: right;
    font-style: italic;
    color: gray;
    border-top: 1px solid;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    

    
    
}

footer a:link {
    color: darkgray;
    font-weight: bold;
    
}




/* Font weight bold, left aligned, text wrapped */
h1 {
    text-align: left;
    font-size: 380%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 25%;
    
    
}

/* Center aligned, bold, italics,  */
h2 {
    text-align: center;
    font-style: italic;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 2%;
    

    
}