/*Inline Border*/

#top, #bottom, #left, #right {
	background: blue;
	opacity: .1;
	position: fixed;
	}
	#top {
		position: absolute;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 10px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 10px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }

/*Hovers*/

a    {
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: linear;
  text-decoration:  none;
  font-weight:      bold;
  color:            gray;
    font-size: 20px;

  } 
a:hover   {
  /* Applies to links under the pointer */
  font-size: 20px;
  font-weight:      bold;
  color:            #000000;
  } 
  
a:active  {
  /* Applies to activated links */
  animation
  font-style: italic;
    font-size: 20px;

  font-weight:      bold;
  color:            aqua;
  } 

  
/*Styling*/  

ul
{
    font: bold 34px "Helvetica", Georgia, Times, serif;
	color: #333;
	list-style-type:none;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 0px;
}

li
{
padding-right: 12px;
display:inline;
}

#image {
position: relative;
top: 6;
	width: 100px;
}

 {
	background: rgb(245, 245, 245);
	background: rgb(235, 235, 235) -webkit-linear-gradient(left, #eaf3f5 0%, rgb(245, 245, 245) 10%, rgb(245, 245, 245) 90%, #eaf3f5 100%);
	background: rgb(235, 235, 235) -moz-linear-gradient(left, #eaf3f5 0%, rgb(245, 245, 245) 10%, rgb(245, 245, 245) 90%, #eaf3f5 100%);
	background: rgb(235, 235, 235) -o-linear-gradient(left, #eaf3f5 0%, rgb(245, 245, 245) 10%, rgb(245, 245, 245) 90%, #eaf3f5 100%);
	background: rgb(235, 235, 235) -ms-linear-gradient(left, #eaf3f5 0%, rgb(245, 245, 245) 10%, rgb(245, 245, 245) 90%, #eaf3f5 100%);
	background: rgb(235, 235, 235) linear-gradient(left, #eaf3f5 0%, rgb(245, 245, 245) 10%, rgb(245, 245, 245) 90%, #eaf3f5 100%);
}

body {
	background: rgba(255, 255, 255, 1);
}