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



/* Structure */


body{
margin: 0px;
padding: 0px;
}

#container{
max-width: 127vh;
min-width: 112vh;
height: ;
margin: auto;
padding-left: 2%;
padding-right:2%;
padding-bottom: 0;
	background-color: ;
}

#header{
background-color: ;
padding-top: 2%;
padding-bottom: 0;
height: ;
font-size: ;
}

#nav{
clear: both;
background-color: ;	
height: ;
font-family: "avenir", open sans;
font-weight: 100;
font-size: 2.1vh;
color: #c9c9c9;
padding-top: 1%;
padding-bottom: 1.9%;
padding-right: 2%;
padding-left: ;
line-height: ;
}

#sidebar-a{
float: left;
width: 20%;
height:;
background-color: ;	
border-right: 1px solid #000000;
font-family: "avenir", open sans;
font-weight: 100;
font-size: 1.8vh;
color: #c9c9c9;
padding-top: 2% ;
padding-bottom: 4%;
margin-bottom: 0;
}

#content-a{
background-color: ;
height: ;
width: 100%;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
	height: auto;
}

#content-b{
float: ;
width: 68%;
margin-left: 20%;
padding-left: 6%;
padding-right: 6%;
height: auto;
background-color: ;	
border-left: 1px solid #000000;
padding-bottom: 5%;
padding-top: 2.2%;
font-family: 'Open Sans', sans-serif;
font-weight: 100;
font-size: 1.9vh;
color: #000000;
text-align: center ; 
}

#footer{
	font-family: 'Open Sans', sans-serif;
font-weight: 100;
font-size: 1.5vh;
color: #ACACAC;
text-align: left ;
border-top: ;
border-right:  ;
padding-top: 1% ;
padding-left: 0;
padding-right: 0;
margin-left: 18.5%;
margin-right: 51.8%;
margin-top: 1%;
padding-bottom: 2%;
background-color:  ;	
}






/* Lists */



ul{
width:100%;
padding: 0;
margin-top: 0;
list-style-type: ;
background:  ;
}
li{
float: right;
padding-right: ; 
display:inline;
background-color: ;	
}
a{
float: center;
width: ;
text-decoration:none;
color: #000000;
background-color: ;
padding:  0 5.2vh;
margin-right: ;
border-right:1px solid white;
}
a:hover{
color: #33CCFF;
}


ul.header{
	display: inline;
	float: left;
	background-color: ;
	width: 100%;
	height:;
}
li.header{
display: inline;
float: left;
font-size: 2.4vh;
padding-bottom: 2%;
padding-left: 0;
background-color: ;	
}
a.header{
margin: 0  ;
padding: 0;
font-family: "Courier New", Courier, monospace;
font-weight: 100;
color: #000000;
width: 100%;
font-size: 4.9vh;
}
a.header: hover{
color: #33CCFF;
}


ul.works {
width:100%;
padding: 0;
margin: 0;
list-style-type: disc;
line-height: 1.5;
}
li.works {
float: left;
padding-left: 0px;
}
a.works {
float:;
text-decoration: none;
width: 105px ;
color: #000000;
}
a.works:hover{
color: #33CCFF;
}


ul.projects {
width:100%;
padding-top: 5%;
padding-bottom: 221%;
margin: 0;
list-style-type: ;
line-height: 1.5;
left: ;
position: ;
background-color: ;
}
li.projects {
position: relative;
float: left;
padding-bottom: 10%; 
width: 100%;
background-color: ;
}
a.projects {
position: relative;
float:left;
text-decoration: none;
width: ;
color: #000000;
background-color: ;
margin-left: 20%;
padding-left: 0;
padding-right: 0;
}
a.projects:hover{
color: #33CCFF;
}

a.projects1 {
float:;
text-decoration: ;
width: ;
color: #000000;
background-color: ;
margin-left: 25%;
padding-left: 0;
padding-right: 0;
font-size: 2.1vh;
color: #33CCFF;
}


ul.subworks {
width:100%;
padding-top: 5%;
margin: 0;
list-style-type: ;
line-height: 1.5;
left: ;
position: ;
background-color: ;
font-size: 1.6vh;
}
li.subworks {
float: left;
padding-bottom: 3%; 
width: 100%;
background-color: ;
}
a.subworks {
float:;
text-decoration: underline;
width: ;
color: #000000;
background-color: ;
margin-left: 28%;
padding-left: 0;
padding-right: 0;
font-size: 1.8vh;
}

a.subworks:hover{
color: #33CCFF;
}

a.subworks2 {
float:;
text-decoration: ;
width: ;
color: #000000;
background-color: ;
margin-left: 18%;
padding-left: 0;
padding-right: 0;
font-size: 1.8vh;
}

a.subworks2:hover{
color: #33CCFF;
}


li.under_projects {
float: left ;
padding-left: 14px ;
text-indent: 14px ;
line-height: 1.1 ;
;
}





/* a href and other classes */



.hidden{
display: none;
}

.activesection {
color: #33CCFF;
}

a.pdf {
float:left;
text-decoration: underline;
width: ;
color: #000000;
font-size: ;
padding-top: 80%;
padding-left: 0;
padding-right: 0;
margin-left: 25%;
padding-bottom: ;
background-color: ;	
}

a.pdf:hover{
color: #33CCFF;
}

.content-a{
	text-align: center;
	margin: 0.55% 0.2% ;	
	padding-bottom: ;
}

img.image{
	text-align: ;
	display: ;
	margin: 0;
	padding-left: 0.4%;	
}

img.symbol{
	position: absolute;
	padding-top: ;
	
}

img.symbol:hover{
	display: none;
	
}

img.symbol2{
	position: absolute;
	padding-top: ;
	
}

img.symbol2:hover{
	display: none;
	
}

img.symbol3{
	position: absolute;
	padding-top: ;
	
}

.text{
margin-left: 26%;
}

a.instagram{
width: ;
padding-right: 9.6vh;
background-color: ;
}

li.insta{
width: ;
height:;
background-color: ;

}

img.instush{
width: 3.85vh;
height: auto;
padding-top: 5%;
background-color: ;
}




/*text*/


p {
font-size: ;
font-family: "avenir", open sans;
font-weight: 100;
}

p1{
	font-size: 2.1vh;
	color: ;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	
}

p0 {
font-size: 1.4vh;
font-family: "avenir", open sans;
font-weight: 100;
}

p01 {
font-size: ;
font-family: "avenir", open sans;
font-weight: 100;
padding-right:0;
padding-left: 0;
}

h1{
margin: 0px;
padding: 0;
font-family: "Courier New", Courier, monospace;
font-weight: 100;
color: #000000;
}

h2 {
font-family: "Courier New", Courier, monospace;
font-weight: 100;
font-size: 2.5vh;
}

h3{
font-family: "avenir", open sans;
font-weight: 100;
font-size: 1.7vh;	
padding-bottom: 0.5%;
}






/* Responsive */



@media screen and (min-width: 133vh) {
  a.header {
     font-size: 5.75vh;
  }
	img.instush{ min-width: 4.5vh;
		
	}
	
}


@media screen and (min-width: 128.5vh) {
  #nav {
     font-size: 2.3vh;
  }
	li{ padding-right: 1.3vh;
		font-weight: 100;
		
	}	
}

@media screen and (min-width: 128.5vh) {
  a.projects {
     font-size: 2.00vh;
  }

	a.pdf{ 
	font-size: 1.6vh;
	}
	
	p{
		font-size: 2vh;
	}
	
	p01{
	font-size: 1.6vh;
		
	}
	
}

/* special for ... */