@import url("/media/fonts/Quicksand.css");@import url("/media/fonts/Lobster.css");@import url("/media/fonts/Colaborate.css");@import url("/media/fonts/Boycott.css");@import url("/media/fonts/Marketing.css");@import url("/media/fonts/JunkosTypewriter.css");@import url("/media/fonts/Journal.css");@import url("/media/fonts/PTSans.css");@import url("/media/fonts/Vollkorn.css");@import url("/media/fonts/Walkway.css");@import url("/media/fonts/Windsong.css");@import url("/media/fonts/Sansation.css");@import url("/media/fonts/UpperEastSide.css");
/* Body */
html, body {
  height: 100%;
  margin: 0px;
}
* {
	margin: 0px;
  padding: 0px;
}

/* Container */
#container {
	background: rgb(245, 245, 245);
  background: -moz-linear-gradient( left, rgb(255, 255, 255), rgb(235, 235, 235) );
  background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgb(255, 255, 255) ), color-stop( 1, rgb(235, 235, 235) ) );
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#ebebeb');
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#ebebeb')";
  
  min-height: 100%;
  position: relative;
}
#container>hr {
  display: none;
}
#container>br {
  display: none;
}

/* Header */
#header a {
	outline-color: rgb(250, 240, 90);
}
#header {
  margin: 0px;
  height: 200px;
  min-width: 940px;
  
  border-bottom: 1px solid rgb(255, 255, 255);
  
  background: rgb(5, 40, 65);
  background-image: url(/media/header-main.svg);
  background-image: url(/media/header-main.svg), -moz-linear-gradient( top, rgb(90, 130, 190), rgb(5, 40, 65) );
  background-image: url(/media/header-main.svg), -webkit-gradient( linear, left top, right top, color-stop( 0, rgb(90, 130, 190) ), color-stop( 1, rgb(5, 40, 65) ) );
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#5a82be', endColorstr='#052841');
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#5a82be', endColorstr='#052841')";
  
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.8);
  
  background-position: center center;
  background-repeat: no-repeat;
  
  font-family: Quicksand, Tahoma, Geneva, sans-serif;
}
#header hr {
  display: none;
}
#header br {
  display: none;
}
#header .center {
	width: 900px;
  margin: 0px auto;
}

/* Title */
#title a {
	overflow: auto;
	display: block;
  height: 50px;
  padding: 23px 30px 7px;
  text-decoration: none;
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#title a:hover, #title a:focus {
  background-color: rgba(255, 255, 255, 0.1);
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
#title h1 {
  margin: 0px;
  font-size: 38px;
  line-height: 28px;
  height: 28px;
  
  color: rgb(5, 40, 65);
               
  text-shadow: -1px -1px 1px rgb(5, 40, 65),
  						 1px 1px 1px rgb(140, 180, 250),
               0px 0px 6px rgb(140, 180, 250);
  
  font-family: Walkway, Lucida Sans Unicode, Lucida Grande, sans-serif;
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#title a:hover h1, #title a:focus h1 {
	line-height: 18px;
  
  -color: rgb(5, 40, 65);
  -text-shadow: 1px 1px 4px rgb(240, 220, 50);
  
  color: rgb(250, 240, 90);
  text-shadow: -1px -1px 1px rgb(5, 40, 65),
  						 1px 1px 1px rgb(140, 180, 250),
               0px 0px 6px rgb(250, 240, 90);
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
#title h2 {
  margin: 0px;
  font-size: 16px;
  line-height: 18px;
  
  font-weight: bold;
  
  color: rgb(250, 240, 90);
  text-shadow: 1px 1px 3px rgb(5, 40, 65);
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#title a:hover h2, #title a:focus h2 {
	line-height: 8px;
  
  color: rgb(250, 240, 90);
  text-shadow: 0px 0px 4px rgb(240, 220, 50);
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}

/* Navigation */
#navbar {
  float: right;
}
#navbar ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  height: 80px;
}
#navbar li {
  float: left;
  
  font-weight: bold;
  font-size: 16px;
  line-height: 80px;
  text-transform: lowercase;
}
#navbar a {
  float: right;
  height: 80px;
  padding: 0px 20px;
  
  text-decoration: none;
  
  color: rgb(250, 240, 90);
  text-shadow: 1px 1px 3px rgb(5, 40, 65);
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#navbar a:hover, #navbar a:focus {
	line-height: 70px;
  
  background: rgba(255, 255, 255, 0.1);
    
  color: rgb(250, 240, 90);
  text-shadow: 0px 0px 4px rgb(240, 220, 50);
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
#navbar a.current, #navbar a.parent {
	line-height: 90px;
  
  background: rgba(255, 255, 255, 0.2);
  
  color: rgb(255, 255, 255);
  text-shadow: 1px 1px 3px rgb(5, 40, 65);
}
#navbar a.current:hover, #navbar a.current:focus, #navbar a.parent:hover, #navbar a.parent:focus {
	line-height: 80px;
	
  color: rgb(250, 240, 90);
  text-shadow: 0px 0px 4px rgb(240, 220, 50);
}
#description {
  background: rgba(255, 255, 255, 0.2);
  background: -moz-linear-gradient( top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1) );
  background: -webkit-gradient( linear, left top, right top, color-stop( 0, rgba(255, 255, 255, 0.2) ), color-stop( 1, rgba(255, 255, 255, 0.1) ) );
  -filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#ffffff33', endColorstr='#ffffff17');
  --ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#ffffff33', endColorstr='#ffffff17')";
  
  height: 120px;
}
#description p {
	color: rgb(255, 255, 255);
	text-shadow: 1px 1px 3px rgb(5, 40, 65);
  
  font-weight: bold;
  font-size: 26px;
  line-height: 32px;
  
  padding: 10px 20px;
  margin: 0px;
  height: 105px;
}
#description span {
	text-shadow: 0.5px 0.5px 0px rgb(5, 40, 65);
  
  font-family: Quicksand, Tahoma, Geneva, sans-serif;
  font-weight: 100;
  font-size: 30px;
  line-height: 32px;
}

/* Content */
#content {
  width: 900px;
  margin: 0px auto;
  
  padding: 5px 20px 75px;
  font-family: Colaborate, Arial, Helvetica, sans-serif;
  color: rgb(0, 0, 0);
  font-weight: 200;
  font-size: 16px;
  
  display: block-inline;
}
#content h3 {
  margin: 0px -1px 10px;
  
  display: block;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
  background-repeat:  no-repeat;
  background-position: 412px 2px;
  padding: 0px 50px 0px 12px;
  font-size: 22px;
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  font-family: Vollkorn, Georgia, serif;
  
  text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.6);
  
	border-top: 1px solid rgb(235, 235, 235);
  border-bottom: 1px solid rgb(255, 255, 255);
}
#content h3[title="Web"] { background-image: url(/media/icons/web.svg); }
#content h3[title="Other Software"] { background-image: url(/media/icons/software.svg); }
#content h3[title="Music"] { background-image: url(/media/icons/music.svg); }
#content h3[title="Art"] { background-image: url(/media/icons/art.svg); }
#content h3[title="in"] { background-image: url(/media/icons/in.svg); }
#content h3[title="Out"] { background-image: url(/media/icons/out.svg); }
#content h4 {
  margin: 0px 4px 10px;
  padding-left: 10px;
  overflow: hidden;
  
  border-left: 10px solid rgb(240, 40, 100);
  
  border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  
  color: rgb(0, 0, 0);
  font-size: 18px;
  font-weight: bold;
  font-family: Vollkorn, Georgia, serif;
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#content a h4 {
	text-decoration: none;
}
#content a:hover h4, #content a:focus h4 {
	color: rgb(255, 255, 255);
  background-color: rgb(240, 40, 100);
  border-left: 10px solid rgb(255, 255, 255);
  
  padding-left: 20px;
  margin-right: -6px;
  
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
#content .left {
  float: left;
  width: 443px;
  margin-right: 5px;
  border-top: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid rgb(235, 235, 235);
  border-left: 1px solid rgb(255, 255, 255);
  border-right: 1px solid rgb(235, 235, 235);
  margin-top: 5px;
  margin-bottom: 0px;
  padding-top: 10px;
  
  overflow: visible;
  
  border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-bottom-left-radius: 3px;
 	-moz-border-radius-bottomleft: 3px
  border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  
  background: rgb(240, 240, 240);
  background: -moz-linear-gradient( left, rgb(235, 235, 235), rgb(255, 255, 255) );
  background: -webkit-gradient( linear, left top, right top, color-stop( 0, rgb(235, 235, 235) ), color-stop( 1, rgb(255, 255, 255) ) );
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorstr='#ebebeb', endColorstr='#ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorstr='#ebebeb', endColorstr='#ffffff')";
  
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
#content .right {
  float: right;
  width: 443px;
  margin-left: 5px;
  border-top: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid rgb(235, 235, 235);
  border-left: 1px solid rgb(255, 255, 255);
  border-right: 1px solid rgb(235, 235, 235);
  margin-top: 5px;
  margin-bottom: 0px;
  padding-top: 10px;
  
  overflow: visible;
  
  border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-bottom-left-radius: 3px;
 	-moz-border-radius-bottomleft: 3px
  border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  
  background: rgb(240, 240, 240);
  background: -moz-linear-gradient( left, rgb(235, 235, 235), rgb(255, 255, 255) );
  background: -webkit-gradient( linear, left top, right top, color-stop( 0, rgb(235, 235, 235) ), color-stop( 1, rgb(255, 255, 255) ) );
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorstr='#ebebeb', endColorstr='#ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorstr='#ebebeb', endColorstr='#ffffff')";
  
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
#content #updated {
  display: none;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 4px solid rgb(240, 40, 100);
}
#content .clear {
  clear: both;
  height: 0px;
  margin: 0px;
  width: 100%;
  
  border-bottom-left-radius: 10px;
 	-moz-border-radius-bottomleft: 10px
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  
  border-bottom: solid 0px; rgb(0, 0, 0);
}
#content a.iconlink {
	line-height: 50px;
  font-weight: bold;
  text-decoration: none;
  background-repeat: no-repeat;
  height: 50px;
  display: block;
  padding-left: 60px;
  padding-right: 10px;
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#content a.iconlink:hover, #content a.iconlink:focus {
	padding-left: 70px;
	padding-right: 0px;
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
#content a.iconlink span {
	display: inline-block;
}
#content a.iconlink span.description {
	margin-left: -50px;
  opacity: 0;
  color: rgb(0, 0, 0);
  font-weight: 200;
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#content a.iconlink:hover span.description, #content a.iconlink:focus span.description {
	margin-left: 10px;
  opacity: 1;
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
#content p {
	margin: 14px 15px 14px;
}
#content p a {
	display: inline-block;
}
#content a {
	color: rgb(90, 130, 190);
}
#content a:hover, #content a:focus {
	color: rgb(240, 40, 100);
}
#content a p {
	color: rgb(0, 0, 0);
  text-decoration: none;
}
#content a span.innerlink {
	color: rgb(90, 130, 190);
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#content a:hover span.innerlink, #contennt a:focus span.innerlink {
	color: rgb(240, 40, 100);
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
#content div.grid {
  margin: 12px 8px 3px;
}
#content div.grid .griditem {  
	display: inline-block;
	width: 198px;
  margin: 0px 4px 9px 5px;
  text-decoration: none;
  
  background-color: rgb(255, 255, 255);
  
  border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-bottom-left-radius: 3px;
 	-moz-border-radius-bottomleft: 3px
  border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  
  border: 3px solid rgb(255, 255, 255);
  
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#content div.grid a.griditem {
	border-bottom: 3px solid rgb(240, 40, 100);
}
#content div.grid a.griditem:hover, #content div.grid a.griditem:focus {
  border: 3px solid rgb(240, 40, 100);
  
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9);
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
#content div.grid .griditem img {
	width: 192px;
  padding: 3px;
  
	margin: 0px;
  display: block;
  
	border: none;
    
	opacity: 1;
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#content div.grid a.griditem {
	padding-bottom: 3px;
}
#content div.grid a.griditem:hover img, #content div.grid a.griditem:focus img {
	opacity: 0.5;
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
#content div.grid .griditem span {
  margin: 3px -3px -3px;
  height: 22px;
  display: block;
  overflow: hidden;
  text-align: center;
  
  border-bottom-left-radius: 3px;
 	-moz-border-radius-bottomleft: 3px
  border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  
  font-size: 16px;
}
#content div.grid div.griditem span {
  border: 3px solid rgb(255, 255, 255);
  border-top: none;
  background-color: rgb(255, 255, 255);
  
  line-height: 20px;
}
#content div.grid a.griditem span {
	margin-bottom: -9px;
  border: 3px solid rgb(240, 40, 100);
  border-top: none;
  background-color: rgb(240, 40, 100);
  color: rgb(255, 255, 255);
  
  line-height: 24px;
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#content div.grid a.griditem:hover span, #content div.grid a.griditem:focus span {
	background-color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
  
  line-height: 16px;
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}

/* Player */
#content .player {
  background-color: rgb(255, 255, 255);
  display: inline-block;
  border: 2px solid rgb(240, 40, 100);
  margin: 0px -6px 5px;
  
  height: 24px;
  
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#content .player:hover, #content .player.focus { /* focus emulation class for when children are focused*/
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9);
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
#content .player a {
  display: inline-block;
  width: 32px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#content .player a:hover, #content .player a:focus {
  background-color: rgb(240, 40, 100);
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
#content .player a span {
	display: block;
  width: 32px;
  height: 24px;
	opacity: 0;
  background-position: center center;
  background-repeat: no-repeat;
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#content .player a:hover span, #content .player a:focus span {
	opacity: 1;
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
#content .player a.play {
  background-image: url(/media/icons/play-black.png);
}
#content .player a.play span {
  background-image: url(/media/icons/play-white.png);
}
#content .player a.pause {
  background-image: url(/media/icons/pause-black.png);
}
#content .player a.pause span {
  background-image: url(/media/icons/pause-white.png);
}
#content .player a.stop {
  background-image: url(/media/icons/stop-black.png);
}
#content .player a.stop span {
  background-image: url(/media/icons/stop-white.png);
}
#content .player .tracker {
  display: inline-block;
  width: 197px;
  height: 12px;
  margin: 6px 10px;
}
#content .player .tracker .ui-slider-horizontal {
  height: 10px;
  width: 197px;
  margin-top: -32px;
}
#content .player .tracker .ui-slider-handle {
  width: 10px;
  height: 18px;
  margin-left: -7px;
  margin-top: 2px;
}
#content .player .buffered {
  height: 12px;
  margin: 10px;
}
#content .player .volume {
  display: inline-block;
  width: 100px;
  height: 12px;
  margin: 6px 10px;
  
  opacity: 0;
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#content .player:hover .volume, #content .player.focus .volume {
  opacity: 1;
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
#content .player .volume .ui-slider-horizontal {
  height: 10px;
  width: 100px;
}
#content .player .volume .ui-slider-handle {
  width: 10px;
  height: 18px;
  margin-left: -7px;
  margin-top: 2px;
}
#content .player .timeleft {
  width: 40px;
  display: inline-block;
  position: relative;
  top: -7px;
  line-height: 24px;
  font-size: 16px;
}
#content .player .description {
  width: 120px;
  display: inline-block;
  position: relative;
  top: -7px;
  margin-left: -120px;
  line-height: 24px;
  font-size: 16px;
  text-align: center;
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#content .player:hover .description, #content .player.focus .description {
  opacity: 0;
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}

/* Footer */
#footer a {
	outline-color: rgb(250, 240, 90);
}
#footer {
  font-family: Quicksand, Tahoma, Geneva, sans-serif;
  font-weight: bold;
  font-size: 12px;
  
  position: absolute;
  bottom: 0px;
  min-width: 100%;
  height: 80px;
  
  border-top: 1px solid rgb(235, 235, 235);
  
  background: rgb(5, 40, 65);
  background: -moz-linear-gradient( top, rgb(5, 40, 65), rgb(90, 130, 190) );
  background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgb(5, 40, 65) ), color-stop( 1, rgb(90, 130, 190) ) );
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#052841', endColorstr='#5a82be');
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#052841', endColorstr='#5a82be')";
  
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.8);
}
#footer .center {
  width: 900px;
  margin: 0px auto;
  padding: 0px 20px;
  height: 80px;
}
#footer .links {
  text-align: center;
  width: 400px;
  height: 80px;
  float: left;
}
#footer .links a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 15px 15px;
  padding: 0px 15px;
  height: 80px;
  margin-bottom: -10px;
  width: 50px;
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#footer .links a:hover, #footer .links a:focus {
	background-position: 15px 20px;
	background-color: rgba(255, 255, 255, 0.1);
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
#footer .links .text {
  display: none;
}
#footer .links .hover {
  display: block;
  width: 50px;
  height: 50px;
  margin-top: 15px;
  
  opacity: 0;
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#footer .links a:hover .hover, #footer .links a:focus .hover {
	margin-top: 20px;
	opacity: 1;
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
#footer div.copyright {
  float: right;
  width: 500px;
  height: 80px;
  line-height: 80px;
  
  color: rgb(255, 255, 255);
  text-align: center;
}
#footer div.copyright a {
	display: block;
  
	height: 30px;
  line-height: 30px;
  padding: 5px 0px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  
  background-color: rgba(255, 255, 255, 0.1);
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#footer div.copyright a:hover, #footer div.copyright a:focus {
  padding: 8px 0px 2px;
  
  background-color: rgba(255, 255, 255, 0.2);
	
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}
#footer div.copyright a span {
	text-decoration: underline;
  
  color: rgb(250, 240, 90);
	text-shadow: 0px 0px 4px rgb(0, 0, 0);
  
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#footer div.copyright a:hover span, #footer div.copyright a:focus span {
	color: rgb(250, 240, 90);
  text-shadow: 0px 0px 4px rgb(240, 220, 50);
  
    -webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;}