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


body{
	background-image: url(../images/background.gif);
	background-repeat: repeat;
	color:#FFFFFF;
	}

#motionToggle{
  display: block;
  width: 189px;
  height: 13px;
  background: url("../images/slices/motion.png") no-repeat 0 0;
}

#motionToggle:hover
{ 
  background-position: 0 -13px;
  cursor:pointer;
}

#intToggle{
  display: block;
  width: 189px;
  height: 13px;
  background: url("../images/slices/interactive.png") no-repeat 0 0;
}

#intToggle:hover
{ 
  background-position: 0 -13px;
  cursor:pointer;
}

#printToggle{
  display: block;
  width: 189px;
  height: 13px;
  background: url("../images/slices/print.png") no-repeat 0 0;
}

#printToggle:hover
{ 
  background-position: 0 -13px;
  cursor:pointer;
}

#expToggle{
  display: block;
  width: 189px;
  height: 16px;
  background: url("../images/slices/experiments.png") no-repeat 0 0;
}

#expToggle:hover
{ 
  background-position: 0 -16px;
  cursor:pointer;
}

#resumeLink{
  display: block;
  width: 189px;
  height: 13px;
  background: url("../images/slices/resume.png") no-repeat 0 0;
}

#resumeLink:hover
{ 
  background-position: 0 -13px;
  cursor:pointer;
}



.post
{
 z-index:1;
 margin-top:5%;
 margin-left:auto;
 margin-right:auto;

}

#title
{
	display: block;
  	width: 500px;
  	height: 282px;
	background:url("../images/bio/thumb.jpg") no-repeat 0 0;
}
#title:hover
{ 
  background-position: 0 -282px;
}

.thumb
{
	display: block;
  	width: 500px;
  	height: 282px;
}

.thumb:hover
{
  	cursor:pointer;
}

#betweenThumb{
  background: url("../images/between/thumb.jpg") no-repeat 0 0;
}
#betweenThumb:hover{
background-position: 0 -282px;
}

#infographicThumb{
  background: url("../images/infographic/thumb.jpg") no-repeat 0 0;
}
#infographicThumb:hover{
background-position: 0 -282px;
}

#inventThumb{
  background: url("../images/invent/thumb.jpg") no-repeat 0 0;
}
#inventThumb:hover{
background-position: 0 -282px;
}

#forgeThumb{
  background: url("../images/forge/thumb.jpg") no-repeat 0 0;
}
#forgeThumb:hover{
background-position: 0 -282px;
}

#antipartisanThumb{
  background: url("../images/antipartisan/thumb.jpg") no-repeat 0 0;
}
#antipartisanThumb:hover{
background-position: 0 -282px;
}

#photoThumb{
  background: url("../images/photo/thumb.jpg") no-repeat 0 0;
}
#photoThumb:hover{
background-position: 0 -282px;
}

#lingerThumb{
  background: url("../images/linger/thumb.jpg") no-repeat 0 0;
}
#lingerThumb:hover{
background-position: 0 -282px;
}

#jdkThumb{
  background: url("../images/jdk/thumb.jpg") no-repeat 0 0;
}
#jdkThumb:hover{
background-position: 0 -282px;
}

#faceThumb{
  background: url("../images/face/thumb.jpg") no-repeat 0 0;
}
#faceThumb:hover{
background-position: 0 -282px;
}

#collegeThumb{
  background: url("../images/college/thumb.jpg") no-repeat 0 0;
}
#collegeThumb:hover{
background-position: 0 -282px;
}

#installationThumb{
  background: url("../images/installation/thumb.jpg") no-repeat 0 0;
}
#installationThumb:hover{
background-position: 0 -282px;
}

#ThreeDThumb{
  background: url("../images/3d/thumb.jpg") no-repeat 0 0;
}
#ThreeDThumb:hover{
background-position: 0 -282px;
}

#printingThumb{
  background: url("../images/printing/thumb.jpg") no-repeat 0 0;
}
#printingThumb:hover{
background-position: 0 -282px;
}

#illustrationThumb{
  background: url("../images/illustration/thumb.jpg") no-repeat 0 0;
}
#illustrationThumb:hover{
background-position: 0 -282px;
}

#particlesThumb{
  background: url("../images/particles/thumb.jpg") no-repeat 0 0;
}
#particlesThumb:hover{
background-position: 0 -282px;
}

#processingThumb{
  background: url("../images/processing/thumb.jpg") no-repeat 0 0;
}
#processingThumb:hover{
background-position: 0 -282px;
}

#brainstormThumb{
  background: url("../images/brainstorm/thumb.jpg") no-repeat 0 0;
}
#brainstormThumb:hover{
background-position: 0 -282px;
}

#nav{
z-index:2;
position:fixed;
top:143px;
left:900px;
}

#content{
z-index:1;
position:absolute;
top:145px;
left:390px;

}

a img {border:0;}

#socialmediaCaratOff{
position:relative;
left:9px;
}

#socialmediaCaratOn{
position:relative;
left:9px;
}

.socialMediaLinks{
cursor:pointer;
margin-left:15px;
margin-top:3px;
}

#socialmediaToggle{
cursor:pointer;
}

#motionCarat {
display:none;
}
#interactiveCarat {
display:none;
}
#printCarat {
display:none;
}
#experimentsCarat {
display:none;
}


#footer{
font-family:Arial, Helvetica, sans-serif;
color:#222222;
font-size:12px;
text-align:center;
width:300px;
margin-left:23%;
}