/* ============================== */
/* HyeIn Kim - CSE 455, WIN 2012 */
/* ============================== */


    body {
        font-family: "Times New Roman", serif;
        font-weight: normal;
		margin: 5% 10% 5% 10%;   /* top right bottom left */
        background-color: #FFFFCC;
    }
    
	/* Style info for header */
    .header {
        border-width: 2px 0;
        border-style: ridge;
        border-color: black;
        padding: 1.0em 0;
    }

	 .prjdata {
        margin: 0 0 1.0em 0;
    }

    .prjdata p {
        margin: 0;
    }

    .pageHead {
		padding: 0;
        font-weight: bold;
        font-size: 3em;
        margin: 0 0 0.5em 0;
    }
	
	
	/* Style info for section */
    .section {
        padding: 1.0em 0 0 0;
        margin: 0 0 1.0em 0;
        border-width: 0 0 2px 0;
        border-style: ridge;
        border-color: black;
		clear:both;
    }
	
	.tophead {
		font-weight: bold;
        font-size: xx-large;
        margin: 2em 0 2em 0;   /* top right bottom left */
	}
	
	.subhead {
        font-weight: bold;
        font-size: large;
        margin: 2em 0 2em 0;
		text-decoration: underline;
    }
	
	.faceImage {
		width: 80px;
		height: 100px;
		margin-right: 1em;
		margin-bottom: 1em;
		border: 1px solid gray;
		float: left;
	}
	
	.eigImage {
		width: 40px;
		height: 45px;
		margin-left: 1em;
		margin-right: 1em;
		margin-bottom: 1em;
		border: 1px solid gray;
		float: left;
	}
	
	#plot {
		display: block;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid gray;
	}
	
	.image {
		display: block;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
		margin-left: auto;
		margin-right: auto;
		width: 920px;
		height: 60px;
	}
	
	.image p {
		float: left;
		margin-right: 2em;
	}
	
	#original, #reconstruction {
		width: 500px;
	}
	
	#original p {
		margin-right: 4.5em;
	} 
	
	#findFaceSection {
		height: 2250px;
	}
	
	#matches {
		margin-left: auto;
		margin-right: auto;
		width: 1120px;
		height: 130px;
	}
	
	.match {
		width: 170px;
		float: left;
		margin-right: 1em;
	}
	
	.match img {
		width: 80px;
		height: 100px;
		border: 1px solid gray;
	}
	
	.result {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1em;
		width: 400px;
		float: left;
	}
	
	span {
		border: 2px solid orange;
	}
	
	.find {
		margin-left: auto;
		margin-right: auto;
	}
	
	.find img {
		border: 1px solid gray;
	}
	
	#f1 {
		width: 500px;
	}
	
	#f1 img {
		margin-left: 30px;
	}
	
	#f2 {
		width: 900px;
	}
	
	#f3 {
		width: 600px;
	}
	
	.plot {
		width: 630px;
		height: 420px;
	}
	
	#verifyFaceSection {
		height: 1600px;
	}
	
	#eigenFace6 {
		width: 690px;
	}
	
	.question {
		margin-top: 1.5em;
		margin-bottom: 1em;
		font-weight: bold;
	}
	
    .caption {
        font-size: small;
        text-align: center;
		margin-top: 1em;
		margin-bottom: 2em;
    }

    #imgSection {
		height: 1450px;
	}
	
	.clearFloating {
		clear: both;
	}
	
	.spacing {
		height: 1em;
	}
	.halfpano img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 50%;
    }

	#validation {
		float: right;
		padding: 2%;
		text-decoration: none;
	}