/*CSS for parsons website
*/

body {
    font-family: "TypoSlabserif-LightRegular","Helvetica Neue",Courier, Helvetica, Verdana, Arial;
    font-weight: normal;
    font-size: 12px;
    color: #000;
    display: block;
    background-image:url("imgs/textureBG2.jpg");
    margin: 0px 0 0px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px 0px;
	text-align: left;
	
}


h1 {
	font-family: "TypoSlabserif-LightRegular","Helvetica Neue",Courier, Helvetica, Verdana, Arial;
    font-weight: normal;
    margin:0;
    padding:0px 5px;
    position: absolute;
    background: #ffff00;  //yellow
    border: 0px solid #ccc;
	color: black;
	font-size: 22px;
}

h3 {
	font-size: 13px;
	font-family: "TypoSlabserif-LightRegular","Helvetica Neue",Courier, Helvetica, Verdana, Arial;
  	font-weight: inherit;
    margin: 0px;
    padding: 0px;
    position: absolute;
    background: #fff;
    border: 1px dotted #ffff00;
	color: #ffff00; //light yellow
	line-height: 1.em;
}
h4 {
	padding: 4px 4px;
  	font-family: "TypoSlabserif-LightRegular","Helvetica Neue",Courier, Helvetica, Verdana, Arial;
	font-weight: inherit;
	font-size: 13px;
    color: black;
    border: 1px dotted #ffff00;  //yellow
    
}

h5 {
	padding: 0px;
  	font-family: "TypoSlabserif-LightRegular","Helvetica Neue",Courier, Helvetica, Verdana, Arial;
	font-weight: normal;
	font-size: 175px;
    color: black;
    margin: 0px 30px;
    border: none  
}

h6 {
	background:url("/web/wing.png") no-repeat scroll 0 0 transparent;
	border:0 solid #CCCCCC;
	color:black;
	font-family:"TypoSlabserif-LightRegular","Helvetica Neue",Courier,Helvetica,Verdana,Arial;
	font-size:17px;
	font-weight:normal;
	margin:0px 0px -40px 0px;
	padding:5px 0px 15px 5px;
	position:relative;
}

#page{
	background: #ffffff;
	padding: 10px 10px;
	height: 100%;	
}
	

content{
	position:absolute;
	margin-right:20px;
	margin-left:225px;
	margin-bottom:0px;
}

a {text-decoration:none}



a:link {
	font-family: "TypoSlabserif-LightRegular","Helvetica Neue",Courier, Helvetica, Verdana, Arial;
    font-weight: normal;
    font-size: 12px;
	color: #000;
    background: #ff0;
	text-align: left;
	text-decoration: none;
  	padding: 0px;
  	margin: 0px;
}

a:visited {
	font-family: "TypoSlabserif-LightRegular","Helvetica Neue",Courier, Helvetica, Verdana, Arial;
    font-weight: normal;
    font-size: 12px;
	color: #000000;
	background: #FFFFBB;
	text-align: left;
	border: none;
	text-decoration: none;
  	padding: 0px;
  	margin: 0px;
}



a:hover {
	font-family: "TypoSlabserif-LightRegular","Helvetica Neue",Courier, Helvetica, Verdana, Arial;
    font-weight: normal;
    font-size: 12px;
	color: #000; 
    background: #FA0;
	text-decoration: none;
  	padding: 0px;
  	margin: 0px;
}


a img {
	display: block;
	background-color: transparent;
	border:none;
	color: #fff;
	margin: 0px 0px;
	padding: 0px;
} 
	
/*#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 1em;
}

#nav li, #nav li ul {
	position; absolute:
	float: left;
	width: 10em;
	left: -999em;
	clear: left;
}*/

#header{ 	
background: #fff;
filter: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: .8;
opacity:0.8;
position: fixed;
font-family: "TypoSlabserif-LightRegular","Helvetica Neue",Courier, Helvetica, Verdana, Arial;
height:63px;
padding: 0px;
margin: 0px 0px;
width: 1024px;

}


#footer{
position:fixed; 
bottom:0; left:0; 
width:100%; 
background: #FF0;
filter: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: .8;
opacity:0.8;
font-family: "TypoSlabserif-LightRegular","Helvetica Neue",Courier, Helvetica, Verdana, Arial;
padding: 0px 20px;
margin: 0px;


}


 
  /*--------OLD VERSION--------------*/
/*
.project {
width: 230px;
}
.project img {
float:left;
}
.project a div {
display: none;
font:  12px
}
.project a:hover div {
display:block;
font:  10px "Courier",sans-serif;
color:#000000;
background-color:#ffff00;
float:right;
width: 130px;
margin: -5px 0px -1px 0px;
}
*/
  /*--------NEW VERSION--------------*/

.project {
width: 100px;
height: 75px;
}
.project img {
float:left;	
margin: 5px;
}


.project a div {
display: none;
font:  11px
}


.project a:hover div {
background-image:url("imgs/nametagBG.png");
color:#000000;
display:block;
font:  11px "TypoSlabserif-LightRegular","Helvetica Neue",Courier, Helvetica, Verdana, Arial;
margin: -116px 0px 0px;
padding: 15px;
position: absolute;
float:left;
width: 170px;
height: 90px;





/* hack for an IE bug that requires you to make some change on hover in order 
for it to work properly */
.project a:hover {font-size: 100%;}
.project a div {font-size: 50%;}

/* hack to make the outer div (div.project) wrap in standardscompliant browsers */
.project:after {
	content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
} 

-->