/* CSS Document */
/* the height spawns a vertical scrollbar on all pages
 * to prevent short pages jumping to the left on Firefox */ 
html, body {
  height: 101%;
  }
  @media screen and (min-width : 700px) {
	  body{  
 	 background-color:#0F0; 
	  }
}
   @media (max-width:509px) {
  div#page {
	background-color:#0F0;
	margin:20px auto;
	width:100%;
	height:200px;
	 }
 }
/*To use web fonts, each form of the font family must be declared using the @font-face rule*/
@font-face {
	font-family: Mido;
	src: url('../fonts/Mido.otf');
}
@font-face {
	font-family: Chunkfive;
	src: url('../fonts/Chunkfive.otf');
}
body{
	font:1em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center;
	background-color:#ddd
}
br{
	font:.75em Verdana, Arial, Helvetica, sans-serif;
}
*{
	padding:0;
	margin:0;
}
div#mainouterwrapper{
	margin:2px auto;
	width:760px;
	background-color:#fff;
	text-align:left;
	border:1px solid #ccc;

}
div#mainwrapper{
	margin:4px auto;
	width:750px;
	background-color:#fff;
	border-top:10px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;

}
div#heading{
	
	/*color:#CC1F02;*/
	padding:30px 20px 10px 20px;
	/*font-variant:small-caps;*/
	width:710px;
	height:70px;
	font:   1.25em Mido, Georgia, "Times New Roman", Times, serif;
		color:#666;
}
	div#left{
	float:left;
	width:200px;
	}
div#content{
	float:left;
	width:400px;
	padding:0 0 10px 0px;
	background-color:#fff;
	min-height:400px;
}
div#contentGallery{
	float:left;
	width:550px;
	padding:0 0 10px 0px;
	background-color:#fff;
	min-height:550px;
}
div#footer{
	clear:both;
	width:550px;
	margin-top:40px;
	margin-left:200px;
}



	/*------------- text formatting------------------*/
	div#heading h1{
	/*	font:1.2em Georgia, "Times New Roman", Times, serif;
		font-variant:small-caps;
		font-weight:normal;*/

		/*letter-spacing:.25em;*/
		padding:20px 0 0 0px;
		font-weight:lighter;
	}
	div#content p{
		font:.75em/1.6em Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		margin-top:1em;
	}
		div#content p.first{
		margin:0;
	}
	div#content p.introCaptions{
		margin:0;
	}
		
		div#content h1.projects{
		font:bold 12px Verdana, Arial, Helvetica, sans-serif;
		padding:.75em 0 0 0;
	}
	
	.publication{
			border-bottom:1px solid #666666;
	}

	
		div#content tr{
		font:.7em Verdana, Arial, Helvetica, sans-serif;


	}
	div#content td{
		padding-bottom:1.5em;
	}
		div#content h1{
		font:bold 12px Verdana, Arial, Helvetica, sans-serif;
		padding:0 0 .75em 0;
	}
		div#content h2{
		font:bold 1em Verdana, Arial, Helvetica, sans-serif;
		padding:0;
	}

	/*--------------contentGallery--------------------------*/
		div#contentGallery img.gallery{
		margin:10px 0;
	}
	p{
		font-size:.75em;
		line-height:1.5em;
		
		}
	div#contentGallery .caption{
		font-style:italic;
		padding:20px 0 10px 0;
		}

/*---------------footer-----------------------*/	
	div#footer p{
		border-top:1px solid #ccc;
		padding:10px 0 10px 0px;
		font:.6em Verdana, Arial, Helvetica, sans-serif;
		}
		
/*---------------form text-----------------------*/
#name, #email{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	width:250px;
}
#message{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:380px;
	height:200px;
	color:#000;
}
.warnimg{
	color:#FF0000;
	font-weight:bold;
}