/*
	AUTHOR: Murtuza Shaikh
	DATE CREATED: August 16, 2013 2:30 P.M.
	LAST EDITED: August 19, 2013 8:42 P.M.
*/
body {
	background-color:#000000;
}
#body {
  text-align: center;
}
header, section, footer, aside, nav, article, hgroup{
  display : block;
}
video {
	margin-left: 28px;
}
#skin {
  width: 700px; /*of whole player*/
  margin: 10px auto; /*from top*/
  padding: 5px;
  background: rgba(0);
  border: 4px solid black;
  border-radius: 10px; /*rounded corners*/
}
nav {
  margin: 5px 0px; /*control bar on bottom*/
}
#buttons {
  float: left; 
  width: 70px;
  height: 22px;
}
#defaultBar {
  position: relative;
  float: left;
  width: 600px; /*bar+button widths, dont make bigger than skin*/
  height: 16px;
  padding: 4px; /*progress bar will show up inside here*/
  border: 2px solid black; /*border around bar*/
  background: #00FBFF; /*default color of bar*/
}
#progressBar{
  position: absolute;
  width: 0px; /*0 by defualt*/
  height: 16px;
  background: #004e4f; /*color of the progress bar, size changes as video plays*/
}
pre[id = "content"] {
	color:rgb(0, 251, 255);
}
[name = "about"] {
	-webkit-border-radius: 25px;
	-webkit-box-shadow:rgb(110, 110, 110) 10px 10px 50px;
	background: -webkit-radial-gradient(center, circle, #00FBFF 0%, #00A4A9 50%);
	-webkit-transform: translate(0px, 50px) rotate(5deg) scale(.8);
	-webkit-transition: -webkit-transform 1s;
}
[name = "about"]:hover {
	-webkit-transform: translate(0px, 50px) rotate(9deg) scale(.85);
}
pre[id = "headers"] {
	text-shadow: rgb(30, 30, 30) 3px 3px 5px;
}
footer {
	-webkit-border-radius: 15px;
	-webkit-box-shadow:rgb(110, 110, 110) 10px 5px 20px;
}