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

body{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#333;
}

#container{
	width:1200px;
	background-color:#D7E5F4;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}
	
#content{
	font-family:Verdana, Geneva, sans-serif;
	font-size:95%;
	clear:both;
}

#content p{
	padding-left:10px;
	padding-right:10px;
}

#banner{
	width:1200px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

#topImages{
	/*width:1200px;*/
	height:250px;
	/*margin:0 auto 0 auto;*/
	text-align:center;
	/*margin-left:auto;
	margin-right:auto;*/
	clear:both;
	margin-top:10px;
	
}

.alignMiddle{
	display:inline;
	/*margin-left:auto;
    margin-right:auto;*/
	padding-left:50px;
	padding-right:50px;	
}
	 

.space{
	background-color:#000000;
	height:20px;
}

#content a:link{
	text-decoration:none;
}

#content a:hover{
	color:#0F0;
}

#content a:visited{
	color:#F00;
}

#content a:hover{
	color:#060;
}
	
/*#test{
	font-family:Tahoma, Geneva, sans-serif;
}*/

#formEntireZodiac{
	display:block;
	text-align:center;
	background-color:#d4dcf9;
	
	
}

#tableEntireZodiac{
	width:400px;
	margin-left:auto;
	margin-right:auto;
	background-color:#bbb;
	border:3px black thin;
	
}	

#name{
	border:2px gray solid;
	background-color:#f8f899;
}

#symbol{
	border:2px gray solid;
	background-color:#f8f899;
}

#period{
	border:2px gray solid;
	background-color:#f8f899;
}

#element{
	border:2px gray solid;
	background-color:#f8f899;
}

#personalitygroup{
	border:2px gray solid;
	background-color:#f8f899;
	
}

#polarity{
	border:2px gray solid;
	background-color:#f8f899;
}

#favorablecolors{
	border:2px gray solid;
	background-color:#f8f899;
}

#chineseequivalent{
	border:2px gray solid;
	background-color:#f8f899;
}

#rulingplanet{
	border:2px gray solid;
	background-color:#f8f899;
}

#crossquality{
	border:2px gray solid;
	background-color:#f8f899;
}

#houseruled{
	border:2px gray solid;
	background-color:#f8f899;
}

#oppositesign{
	border:2px gray solid;
	background-color:#f8f899;
}


#luckygem{
	border:2px gray solid;
	background-color:#f8f899;
}
#strengths{
	border:2px gray solid;
	background-color:#f8f899;
}

#weaknesses{
	border:2px gray solid;
	background-color:#f8f899;
}

#charismaticmarks{
	border:2px gray solid;
	background-color:#f8f899;
}

#likes{
	border:2px gray solid;
	background-color:#f8f899;
}

#dislikes{
	border:2px gray solid;
	background-color:#f8f899;
}

#bestenvironment{
	border:2px gray solid;
	background-color:#f8f899;
}

#mainImages{
	/*width:1200px;*/
	height:250px;
	/*margin:0 auto 0 auto;*/
	text-align:center;
	/*margin-left:auto;
	margin-right:auto;*/
	clear:both;
	
}

.centering{
	display:inline;
	/*margin-left:auto;
    margin-right:auto;*/
	padding-left:50px;
	padding-right:50px;	
}
	 


/*#tableEntireZodiac td{
	border:2px gray solid;
}

#tableEntireZodiac th{
	border:2px gray solid;
}*/	

/*#tableDelete{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	background-color:#d4d3d3;
	border:3px black thin;
}

#tableDelete td{
	border:2px gray solid;
}

#tableDelete th{
	border:2px gray solid;
}	*/
	
table.result{
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	border:#333 4px solid;
	background-color:#FFC;
}

table.result td{
	border:0;
	text-align:center;
	font-size:95%;
	padding:4px;
	}

table.result th{
	border:0;
	text-align:center;
	padding:5px;
	}
	
.blue{
	background-color:#d4dcf9;
}

p{
	padding-left:10px;
	padding-right:10px;
}

.error{
	text-align:center;
	color:#F00;
}

.entered{
	text-align:center;
	color:#00F;
}

.success{
	text-align:center;
	color:#086208;
}

#button{
	width:auto;
	height:25px;
	background-color:#89c6c6;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px
}

.mainPhotosAlign{
	clear:both;
}

.mainPhotos{
    /*padding-left:5em;
    margin:1em;*/
	text-align:center;
	width:50%;
	height:auto;
	float:left;
	/*margin-top:60px;*/

}

.mainPhotos.img:hover {
    width: 110%;
	hheight:110%;
}

/*.mainLeftImage{
	display:inline-block;
	float:left;
}

.mainRightImage{
	display:inline-block;
	float:left;
}*/
	
figure{
    text-align:center;
    display:inline-block;
    /*max-width:30%; */
    /*margin:10px auto;*/
    
}

.normalSize{
	width:auto;
    height:auto;
}

.enlarge.img{
	
}

.enlarge.img:hover {
	 -webkit-transform:scale(1.25); /* Safari and Chrome */
     -moz-transform:scale(1.25); /* Firefox */
     -ms-transform:scale(1.25); /* IE 9 */
     -o-transform:scale(1.25); /* Opera */
      transform:scale(1.25);
}

img.homepageMainPhoto{
	width:100%;
    height:100%; 
	 -webkit-transition: all 2s ease; /* Safari and Chrome */
    -moz-transition: all 2s ease; /* Firefox */
    -ms-transition: all 2s ease; /* IE 9 */
    -o-transition: all 2s ease; /* Opera */
    transition: all 2s ease;
}

img.homepageMainPhoto:hover{
	 -webkit-transform:scale(1.40); /* Safari and Chrome */
     -moz-transform:scale(1.40); /* Firefox */
     -ms-transform:scale(1.40); /* IE 9 */
     -o-transform:scale(1.40); /* Opera */
      transform:scale(1.40);

}

/*figure.image{
    width: 100%;
}*/



/*.mainPhotos{
	display:block;
	/*margin-left:auto;
    margin-right:auto;*/
	/*margin-right:10px;
	}*/

figcaption{
	font-family:"Boookman Old", serif;
	font-style:italic;
}

#disclaimer{
	clear:both;
	height:auto;
}

#disclaimer p{
	font-family:"Boookman Old", serif;
	font-style:italic;
	font-size:100%;
}
#copyright{
    bottom: 0;
    /*position: fixed;*/
    text-align: center;
    width: 100%;
	color:#000;
	font-family:"Boookman Old", serif;
	font-style:italic;
	/*background:rgba(255,255,255,0.5);*/
	clear:both;
	
}

#copyrightText{
	height: 10%;
    margin: auto;
    width: 40%;
	
}