@charset "utf-8";

@import url("fonts/Windsong/stylesheet.css");
@import url("fonts/SEASRN/stylesheet.css");
@import url("fonts/Pacifico/stylesheet.css");
@import url("fonts/FFF_Tusj/stylesheet.css");
@import url("fonts/Capture_it/stylesheet.css");
@import url("fonts/cac_champagne/stylesheet.css");
@import url("fonts/AmaticSC_Regular/stylesheet.css");
@import url("fonts/AlexBrush_Regular/stylesheet.css");
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

html {
	font-size:100%;
	background-color:rgba(51,51,51,1);
}
body {
	background-color:white;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', 'Trebuchet MS', sans-serif;
	margin:0;
}
a:link,a:visited {
	text-decoration:underline;
	color:black; 
}
a:hover {
	color:rgb(91,96,140);
}
p {
	color:black;
	/*text-shadow:1px 1px black;*/
	font-size:0.8rem;
	text-align:justify;
}
header {
	color: rgb(0,0,0);
	font-size: 3rem;
	-webkit-transition: margin 0.5s;
	transition: margin 0.5s;
}
#header {
	padding: 50px 0 100px;
	text-align: center;
}
footer {
	color: white;
	font-size: 0.7rem;
}
#footer {
	background-color:rgba(51,51,51,1);
	margin:40px 0 0 0;
	padding: 10px 0 100px;
	text-align: center;
	-webkit-transition: margin 0.5s;
	transition: margin 0.5s;
}
h1 {
	color:rgb(255,255,255);
	font-size:2rem;
	text-align:center;
	text-shadow:1px 1px 1px black;
	margin-top:0px;
}
table {
	border-width:0px;
}
td {
	border-width:0px;
}
img {
	 margin:0 25px;
	 position:absolute;
	 -webkit-transition:margin 0.5s, opacity 0.5s;
	 transition:margin 0.5s, opacity 0.5s;
}
#global {
	margin:0 auto;
	width:644px;
	height:644px;
}
.description {
	visibility:hidden;
	width:280px;
	height:225px;
	margin:10px;
	-webkit-transition:margin 0.5s, visibility 0s 0.25s;
	transition:margin 0.5s, visibility 0s 0.25s;
	position:absolute;
}
.description img {
	 opacity:0;
	 position:absolute;
}
.description p {
	color:rgba(0,0,0,0);
	/*text-shadow:1px 1px rgba(0,0,0,0);*/
	position:absolute;
	width:280px;
	height:125px;
	-webkit-transition:color 0.25s, text-shadow 0.25s;
	transition:color 0.25s, text-shadow 0.25s;
}
.description a:link, .description a:visited {
	color:rgba(0,0,0,0);
	/*text-shadow:1px 1px rgba(0,0,0,0);*/
	-webkit-transition:color 0.25s, text-shadow 0.25s;
	transition:color 0.25s, text-shadow 0.25s;
}
.extension {
	visibility:hidden;
	width:582px;
	height:225px;
	margin:10px;
	-webkit-transition:margin 0.5s, visibility 0s 0.25s;
	transition:margin 0.5s, visibility 0s 0.25s;
	position:absolute;
}
.extension img {
	 opacity:0;
	 position:absolute;
}
.extension p{
	width:280px;
	height:125px;
	color:rgba(0,0,0,0);
	/*text-shadow:1px 1px rgba(0,0,0,0);*/
	-webkit-transition:color 0.25s, text-shadow 0.25s;
	transition:color 0.25s, text-shadow 0.25s;
	position:absolute;
}
.extension a:link, .extension a:visited {
	color:rgba(0,0,0,0);
	/*text-shadow:1px 1px rgba(0,0,0,0);*/
	-webkit-transition:color 0.25s, text-shadow 0.25s;
	transition:color 0.25s, text-shadow 0.25s;
}
.square {
	width:622px;
	height:622px;
	max-width:300px;
	max-height:300px;
	padding:10px;
	margin:1px;
	-webkit-transition:max-width 0.5s, max-height 0.5s, margin 0.5s, z-index 0s 0.5s;
	transition:max-width 0.5s, max-height 0.5s, margin 0.5s, z-index 0s 0.5s;
	position:absolute;
	z-index:2;
}
.square.entered { 
	-webkit-transition:max-width 0.5s, max-height 0.5s, margin 0.5s, z-index 0s 0s;
	transition:max-width 0.5s, max-height 0.5s, margin 0.5s, z-index 0s 0s;
	z-index:1; 
}
.description.display { 
	visibility:visible; 
	-webkit-transition:margin 0.5s, visibility 0s 0s;
	transition:margin 0.5s, visibility 0s 0s;
}
.description.display img { opacity:1; }
.description.display p { 
	color:black; 
	/*text-shadow:1px 1px rgba(0,0,0,1); */
}
.description.display a:link, .description.display a:visited { 
	color:black; 
	/*text-shadow:1px 1px rgba(0,0,0,1); */
}
.extension.display { 
	visibility:visible; 
	-webkit-transition:margin 0.5s, visibility 0s 0s; 
	transition:margin 0.5s, visibility 0s 0s; 
}
.extension.display img { opacity:1; }
.extension.display p { 
	color:black; 
	/*text-shadow:1px 1px rgba(0,0,0,1); */
}
.extension.display a:link, .extension.display a:visited { 
	color:black; 
	/*text-shadow:1px 1px rgba(0,0,0,1); */
}
.description.display a:hover, .extension.display a:hover { 
	color:rgb(91,96,140); 
	/*text-shadow:1px 1px rgba(0,0,0,1); */
}

#meDescription { margin-left:330px; }
#meDescriptionP { margin-top:15px; height:205px }
#meDescriptionImg { margin-top:50px; margin-left:70px; }
#me {  }
#meExtension { margin-top:325px; }
#meExtensionP { margin-top:-45px; height:150px; }
#meExtensionP2 { margin-top:120px; margin-left:322px; height:100px }
#meExtensionImg { margin-top:-40px; margin-left:337px; }
#meExtensionImg2 { margin-top:115px; margin-left:15px; }
#me.entered { max-width:622px; }
#me.extended { max-height:622px; }
#meImg.stay {  }
#cursus.pushed { margin-left:645px; }

#cursusDescription { margin-top:330px; }
#cursusDescriptionP { margin-top:-25px; }
#cursusDescriptionImg { margin-top:50px; margin-left:70px; }
#cursusExtension { margin-top:0px; margin-left:-322px; width:280px; height:452px; }
#cursusExtensionP { margin-top:-5px; margin-left:10px; height:200px; }
#cursusExtensionP2 { margin-top:360px; margin-left:10px; height:65px; }
#cursusExtensionImg { margin-top:215px; margin-left:25px; }
#cursusExtensionImg2 { margin-top:442px; margin-left:25px; }
#cursus { margin-left:323px; }
#cursus.entered { max-height:622px; }
#misc.pushed { margin-top:645px; }
#footer.pushed { margin-top:323px; }
#cursus.extended { margin-left:1px; max-width:622px; }
#cursusImg.stay { margin-left:347px; }
#cursusDescription.extendedStay { margin-left:332px; }
#cursusExtension.extendedStay { margin-left:0px; }

#miscDescription { margin-left:-311px; }
#miscDescriptionP { margin-top:-0px; }
#miscDescriptionImg { margin-top:50px; margin-left:70px; }
#miscExtension { margin-top:-322px; }
#miscExtensionP { margin-top:0px; margin-left:310px; width:295px; }
#miscExtensionImg { margin-top:0px; margin-left:10px; }
#misc { margin:323px 0 0 323px; }
#misc.entered { max-width:622px; margin-left:1px; }	
#projects.pushed { margin-left:-321px; }
#misc.extended { margin-top:1px; max-height:622px; }
#miscImg.enteredStay { margin-left:347px; }
#miscImg.extendedStay {	margin-top:322px; }
#miscDescription.display { margin-left:10px; }
#miscDescription.extendedStay { margin-top:332px; }
#miscExtension.extendedStay { margin-top:0px; }

#projectsDescription { margin-top:-322px; }
#projectsDescriptionP { margin-top:0px; }
#projectsDescriptionImg { margin-top:50px; margin-left:70px; }
#projectsExtension { margin-top:0px; margin-left:332px; width:280px; height:452px; }
#projectsExtensionP { margin-top:160px; margin-left:-10px; height:135px }
#projectsExtensionP2 { margin-top:460px; margin-left:-10px; height:140px }
#projectsExtensionImg { margin-top:10px; margin-left:5px; }
#projectsExtensionImg2 { margin-top:305px; margin-left:5px; height:140px; border-radius:2px; }
#projects { margin-top:323px; }
#projects.entered { max-height:622px; margin-top:1px; }
#me.pushed { margin-top:-321px;	}
header.pushed {	margin-left:350px; }
#projects.extended { max-width:622px; }
#projectsImg.stay {	margin-top:322px; }
#projectsDescription.display { margin-top:0; }
