/*
   New Perspectives on HTML and CSS
   Tutorial 7&8
   Case Problem

   Media Style Sheet
   Author: Conor Moore
   Date:   10/18/2015

*/

/* Multimedia control styles */

audio, video {
   background-color: white;
   background-color: rgba(255,255,255,.5);
   display: block;
   margin: 5px auto;
}

#backaudio {
   width: 300px;
   position: absolute;
   top: 0px;
   right: 0px;
}

#back {
   width: 300px;
}

#v1 {
   width: 460px;
}

#audio1 {
   width: 700px;
   margin-left: 100px;
}

/* Multimedia page styles */

header label {
   float:right;
   text-shadow: white 0px 0px 10px;
}


#video1 {
   width: 500px;
   clear: right;
   float: left;
   margin: 5px 50px 10px 100px;
}

#video2 {
   clear: none;
   float: left;
   width: 700px;
   margin: 5px 100px 10px 50px;
}

article h1, section h1 {
   font-weight: bold;
   text-shadow: white 5px 5px 10px;
   text-align: center;
}

#section1 {
   float: left;
   clear: left;
   width: 700px;
   padding-top: 50px;
}


figure {
   width: 200px;
   float: left;
   position: relative;
   top: -100px;
   right: -100px;
   margin: 100px 100px 0px 100px;
}

#photo1 {
   -o-transform: rotate(-10deg);
   -moz-transform: rotate(-10deg);
   -webkit-transform: rotate(-10deg);
   -ms-transform: rotate(-10deg);
   transform: rotate(-10deg);
}