/*
CSS styles for UW

Chris Brown

CHANGES

202406281222: Created.

*/



/**************************************************************************
 * HTML Elements
 **************************************************************************/


html, p, input, textarea
{
  color: #100020;
}


input[type="text"],
input[type="password"],
input[type="file"],
input[type="checkbox"],
input[type="button"],
input[type="submit"],
select,
textarea
{
  background-color: rgba(128, 128, 255, 0.25);
  border: 1px solid rgba(0, 0, 128, 0.25);
}
input[type="button"],
input[type="submit"]
{
  border: 1px solid #6060C0;
  color: #000040;
  background-image :    -moz-linear-gradient(rgba(200,200,255,0.5),rgba(100,100,255,0.5));
  background-image :     -ms-linear-gradient(rgba(200,200,255,0.5),rgba(100,100,255,0.5));
  background-image :      -o-linear-gradient(rgba(200,200,255,0.5),rgba(100,100,255,0.5));
  background-image : -webkit-linear-gradient(rgba(200,200,255,0.5),rgba(100,100,255,0.5));
  background-image :         linear-gradient(rgba(200,200,255,0.5),rgba(100,100,255,0.5));
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="button"]:active,
input[type="submit"]:active
{
  background-color: rgba(128, 128, 255, 0.75);
}
input[type="text"][disabled],
input[type="button"][disabled],
input[type="submit"][disabled]
{
  background-color: rgba(224, 224, 224, 0.75);
  border: 1px solid #808080;
  color: #404040;
}


/**************************************************************************
 * The Masthead
 **************************************************************************/

#masthead
{
  background: #300060;
  color: #FFC0FF;
}
#masthead a
{
  color: #FFFFFF;
}
#masthead_logo
{
  background-image: url(../images/logo512.png);
}


#nav
{
  line-height: 24px;
  background: rgba(28, 28, 68, 0.75);
  color: #FFFFFF;
}
#nav a
{
  font-weight: bold;
  color: #E0E0FF;  
}
#nav a:hover
{
  color: #FFFFFF;  
}



#footer
{
  background: #300060;
  color: #FFC0FF;
}
#footer a
{
  color: #FFFFFF;
}



#intro
{
  background-color: #f8f0ff;
}


#why
{
  background-color: #d0c0ff;
}


#how
{
  background-color: #f8f0ff;
}