html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}







/* Universal */

body{
	margin-bottom:20px;
	font-family: 'Quicksand', sans-serif;
	width: 100%;
	background-image: url('images/topWave.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100%;
}

/*
body{
	background-image:url('images/topWave.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size: 100%;
}
*/
	
		
body a:link, a:visited{
	font-family: 'Quicksand', sans-serif;
	text-decoration:none;
	color:#04d899;
}

body a:hover{
	text-decoration:none;
	color:#04D0D8;
}

h1 {
	font-family: 'Quicksand', sans-serif;	
	font-size: 95%;
	text-decoration:none;
	/* font-size:95%; */
}

ol, ul{
	list-style: none outside none;
	text-decoration:none;
	margin: 0;
	padding: 0;
	border: 0;
}

p#footer{
	clear:both;
	padding-top:45px;
	margin-bottom:50px;
	margin-left: 10px;
	margin-right:20px;
	height:40px;
	width: 100%;
	font-family: 'Quicksand', sans-serif;	
	font-size: 90%;
	background: white;
	color: #033866;
}

hr#footer{
	height: 4px;
	border: none;
	background-color: #d5e0f2;
	margin-top: 30px;
	margin-bottom: 20px;
}

div{
	float:left;
}


/* 
img#footerLine{
	width: 100%;
	height: 1.5px;
	margin-top: 5px;
	margin-left: 0px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

}
 */







/* Top of Page */

section#topNameClearBox{
	width: 100%;
	height: 400px;
	background: none;
}

img#topName{
	width: 50%;
	margin-left: 25%;
	margin-top: 15%;
}		












/*Navigation Menus */

nav.topMenu{
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	margin-right: 20px;
	padding-top: 15px;
	padding-bottom: 7px;
	height: 40px;
	width: 100%;
	background-color: white;
	filter: alpha(opacity=50);
	opacity: .8;
}

nav.topMenu a{
	color: #033866;
	opacity: 50;
}

nav.topMenu a:hover{
	color:#10a1e9;
	opacity: 50;
}

img#menuLine{
	width: 95%;
	height: 2px;
	margin-top: 5px;
}
	
a#topMenuHome{
	margin-left: 20px;
	font-size:175%;
}

a#topMenuWork{
	position:relative;
	font-size: 122%;
	left:65%;
}

a#topMenuResume{
	position:relative;
	font-size: 122%;
	left:68%;
}


nav.sideMenu{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:25px;
	margin-right:10px;
	width:150px;
	font-size: 98%;
	background: white;
}

nav.resumeSideMenu{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:10px;
	width:150px;
	font-size: 100%;
	background: white;
}

li#everythingButton {
/* 	margin-bottom: 12.5px; */
}

li#playButton {
	margin-bottom: 12.5px;
}

nav.sideMenu li a{
	text-decoration:none;
	color:black;
}

nav.sideMenu li a:visited{
	text-decoration:none;
	color:black;
}

nav.sideMenu li a:hover{
	font-style: italic;
	text-decoration:none;
	color:#04d899;	
}

li.sub{
	font-size: .93em;
	margin-left: 5px;
}

nav.sideMenu li.sub a{
	color:#5a5a5a;
}

nav.sideMenu li.sub a:visited{
	color:#5a5a5a;
}

nav.sideMenu li.sub a:hover{
	color:#10a1e9;
}






/* Everything Grid */

section.work{
	position: absolute;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 175px;
	margin-right: 0px;
	width: 80%;
	height: 800px;
	background: white;
}

section#sorted{
	width: 80%;
}

article.year{
	margin-top:10px;
	margin-bottom:20px;
	width: 100%
	
}

h1.h1sGridView{
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
}

.work img.thumb{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
/* 	height:188px; */
/* 	width:188px; */
/* 	box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.25); */
/* 	webkit-box-shadow: 2 3px 8px rgba(0, 0, 0, 0.25); */
/* 	moz-box-shadow: 2 3px 8px rgba(0, 0, 0, 0.25); */
}

.work img{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	height:225px;
	width:225px;
}



div#content{
	width: 100%;
}

h1.year{
	width: 90%;
}




/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}






/* Sorted Grids */

h1.category{
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
	font-style: italic;
}










/* Content Pages */

h1.projectHeading{
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
	font-Size: 150%;
	font-weight: 400;

}

section.project{
	float: left;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 10px;
	margin-right: 10px;
	width: 82%;
}

article.content{
	margin-top: 10px;
	margin-bottom: 20px;	
}

article.content h1.projectHeading a{
	font-family: 'Quicksand', sans-serif;
}

article.content a{
	font-family: 'Quattrocento', serif;
}

article.content h2.contentHeading{
	margin-top: 35px;
	margin-bottom: -20px;
	margin-left: 10px;
	margin-right: 0px;
	width: 650px;
	font-style:italic;
	font-family: 'Quattrocento', serif;
}

h2.tags{
	margin-top: 25px;
	margin-bottom: -5px;
	margin-left: 10px;
	margin-right: 0px;
	width: 100%;
	font-weight: 500;
/* 	font-style: italic; */
	font-family: 'Quicksand', sans-serif;
}

a.tags{
	margin-top: 25px;
	margin-bottom: -5px;
	margin-left: 10px;
	margin-right: 0px;
	width: 100%;
	font-weight: 500;
	font-family: 'Quicksand', sans-serif;
}

article.content h3{
	margin-top: 35px;
	margin-bottom: -20px;
	margin-left: 20px;
	margin-right: 0px;
	width: 650px;
	font-style:italic;
	font-weight: 700;
	font-family: 'Quattrocento', serif;
}

h3.agency{
	font-family: 'Quicksand', sans-serif;
	font-size: 90%;
}

article.content p{
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
	width: 650px;
	font-size: 95%;
	font-family: 'Quattrocento', serif;
	line-height:125%
}

article.content p.artTitle{
	margin-top: 0px;
	font-family: 'Quicksand', sans-serif;
	font-style:italic;
	font-size: 85%;	
	line-height: 100%;
}

p.citation{
	font-size:10px; 
	color: gray;
}

a#codeLink{
	color: #F10BE8;
}

a#codeLink:visited{
	color: #F10BE8;
}

a#codeLink:hover{
	color: #8C0BF1;
}

.content img{
	width: 700px;
	margin-top: 35px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right:10px;
	}

img.relatedWork{
	width:200px;
	box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.25);
	webkit-box-shadow: 2 3px 8px rgba(0, 0, 0, 0.25);
	moz-box-shadow: 2 3px 8px rgba(0, 0, 0, 0.25);
}

img#tallImg{
	width: 600px;	
}

img#dog{
	width: 524px;
}

img#fingerPainting{
	width: 505px;
}

img#bigGrid{
	width: 520px;
}

img#wineGlasses{
	width: 520px;
}

img#stillLife2{
	width: 610px;
}

img#ribbon{
	width: 250px;
}

img.contentVertical{
	width: 480px;
}

img.megamoonPic{
	width: 600px;
}

img.webScreenShot{
	box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.25);
}

img.wireframes{
	width: 500px;
}

img.HPGamePrecedents{
	width: 300px;
}

img.isfs{
	width: 550px;
}

img#beeGame{
	width: 325px;
}

img#Slide01, img#Slide02, img#Slide05, img#Slide06, img#Slide07, img#Slide08, 
img#Slide10, img#Slide12, img#Slide13, img#Slide14, img#Slide15, img#Slide17,
img#brick, img#computerTicker, img#finalPrototype, img#hourGlass, img#prototype1,
img#prototypeInside, img#wallPaper{
	width: 500px;
}
img#Slide03{
	width: 429px;
}
img#Slide04{
	width: 365px;
}
img#Slide09{
	width: 434px;
}
img#Slide11{
	width: 275px;
}
img#drawings{
	width: 316px;
}
img#prototype2{
	width: 311px;
}

canvas.processing{
	margin: 10px;
}

canvas#sledderCanvas{
	border:4px solid black;
}

img.shadow{
	box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.25);
	webkit-box-shadow: 2 3px 8px rgba(0, 0, 0, 0.25);
	moz-box-shadow: 2 3px 8px rgba(0, 0, 0, 0.25);
}


/* Major Studio 1 Page */

section#projectProposal ul{
	margin-left: 10px;
	font-family: 'Quattrocento', serif;
	font-size: 95%;
}

section#projectProposal ul li{
	margin-left: 40px;
	font-family: 'Quattrocento', serif;
	font-size: 95%;
}

section#projectProposal{
	width: 650px;
	border: 1px dotted;
	padding: 8px; 
	margin-bottom: 10px; 
}

section#projectProposal p#smallMargin{
	margin-top: 10px;
}

article#research{
	width: 650px;
	padding: 8px; 
	margin-bottom: 10px; 
}

article#research ul{
	margin-left: 10px;
	font-family: 'Quattrocento', serif;
	font-size: 95%;
}

article#research ul li{
	margin-left: 40px;
	font-family: 'Quattrocento', serif;
	font-size: 95%;
}

a hr.small{
	height: 1px;
	border: none;
	background-color: black;
	margin-right: 840px;
	margin-left: 280px;
	margin-top: 30px;
	margin-bottom: 20px;
}

a hr.medium{
	height: 2.5px;
	border: none;
	background-color: black;
	margin-right: 840px;
	margin-left: 280px;
	margin-top: 50px;
	margin-bottom: 50px;
}

a hr.large {
	height: 5px;
	border: none;
	background-color: black;
	margin-right: 840px;
	margin-left: 280px;
	margin-top: 70px;
	margin-bottom: 70px;
}

nav#backToTop{
	margin-left: -49px;
	margin-top: 35px;
	position: fixed;
	font-size: 95%;
	font-family: 'Quattrocento', serif;
	line-height: 125%;
}

nav#ms1fpSections{
	margin-left: -15px;
}

nav#ms1fpSections a{
	padding-left: 10px;
	padding-right: 10px;
}


/* Resume */


section.resume{
	position: absolute;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 200px;
	margin-right: 0px;
	width: 82%;
}

nav.resumeSideMenu a{
	color:black;
}

nav.resumeSideMenu a:visited{
	color:black;
}

nav.resumeSideMenu a:hover{
	font-style: italic;	
	color:#049999;
}

section#thesisInfo h2{
	font-weight: 600;
}

section#thesisInfo p{
	margin-top: 10px;
	margin-bottom: 30px;
	
}

section#thesisInfo h3{
	font-family: Quicksand, sans-serif;
	font-size: 16.363636016845703px;
	font-weight: normal;
	margin-top: -10px;
	margin-bottom: -5px;
	margin-left: 7px;
}