@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body {
  font-size:62.5%;
  background-color:#eeeeee;
  margin:0 3em;
  background-image:url("../images/backgroundgradient.jpg");
  background-repeat:repeat-x;
  
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;  
  }

/*a:link {outline:none;} 
a:visited {outline:none;} 
a:hover {outline:none;}  
a:active {outline:none;}*/

img {border:none;} /*remove stupid firefox border on image links*/

/*formatting classes*/
.center {
	text-align:center;}
.left {
	text-align:left;}
.meat {
	min-height:350px;}

/*font styles*/

.navfont {
  font-size:1.1em;}
.title {font-style:italic;}
.meat /*p, .meat li, h3, label*/
  {font-size:1.1em;}
  
.submit {font-size:1em;}
h3 {text-transform:uppercase; font-weight:normal; font-size:1em;}

/*span#ryanHeader {color:#000000;}*/

.greytext {color:#8f8888; text-decoration:none;}
.greylines {border-width:1px; border-color:#bbbbbb;}

.floatcenter
	{margin:0 auto;
/*width:100em;*/
position:relative;}

#grid {text-align:left; max-width:975px; }
#grid img {
	margin:.3em;}

/*Header*/
#header {height: 15em; white-space:nowrap;}

h3#ryanHeader {text-transform:none; letter-spacing:.5em; font-size:1.8em; margin:1em 0 0 0; }

#logo
  {float:left; margin-right:10%; } 
#logo img
  {padding:1.5em 0 0 0; height:3.26em }

#navcontainer
  {text-align:right; margin-right:0}
  
.navtable {
  display:table; border-spacing:.2em;}
  
.navindex {
  display: inline-block; margin:1.3em 0 0 0; /*border-collapse:collapse;*/
}

.navcell {display:table-cell; width:6em; border-style:solid; text-align:center; padding:.4em 1em;text-decoration:none;}


/*LINK STYLES*/

#navcontainer a:link {color:#8f8888;}
#navcontainer a:visited {color:#8f8888;}
#navcontainer a:hover {color:#99FF33;}
#navcontainer a:active {color: #99FF33; border-color:#99FF33; }  

/*style current page link, remember to add new nav bar links here.*/
#news a#navnews:link, 
#work a#navwork:link,
#about a#navabout:link,
#contact a#navcontact:link, 
#links a#navlinks:link  
  {border-color:transparent; color:#000000;}
  
#news a#navnews:visited,
#work a#navwork:visited,
#about a#navabout:visited,
#contact a#navcontact:visited, 
#links a#navlinks:visited 
 {border-color:transparent; color:#000000;}

#news a#navnews:hover,
#work a#navwork:hover,
#about a#navabout:hover,
#contact a#navcontact:hover, 
#links a#navlinks:hover
  {border-color:transparent; color:#99FF33;}

#news a#navnews:active,
#work a#navwork:active,
#about a#navabout:active,
#contact a#navcontact:active, 
#links a#navlinks:active
  {border-color:#transparent; color: #99FF33; } 

/*Meat aka portfolio*/
.caption {
	 margin-top:2em; width:30em; text-align:justify;}

.meat a:link {color:#000000;}      /* unvisited link */
.meat a:visited {color:#000000;}  /* visited link */
.meat a:hover {color:#FF9900;}  /* mouse over link */
.meat a:active {color:#000000;}  /* selected link */

/*footer*/

#footer {clear:both; margin:20em 0 2em;}
#footer hr {margin-bottom:1em; height: 1px; border-style:
solid none solid none;}