/*
color theme:
yellow: fef200
Menu background: 1c1c1a
Menu text: 	color: white;
Body background: fdfdfd
p color: #d9d9d9;
h# color: #686868

Primary text: ccc
Secondary text: d3d4d6
*/

::-moz-selection { background: #fef200; }
::selection { background: #fef200; }


h1{
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	color: #686868;
	letter-spacing: normal;
}
	
h2{
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	color: black;
	letter-spacing: normal;
}

h3{
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	color: black;
	margin-bottom:-0.5em;
	letter-spacing: normal;
}

li{
	color:#686868;
	font-family: 'Roboto Slab', serif;
}

p{
	color:#686868;
	font-family: 'Roboto Slab', serif;
	font-size: 0.9em;
	letter-spacing: normal;
	
}

.blackbox {
	text-align: left;
	display:inline-block;
	background-color: #1c1c1a;
}
	.blackbox h1{
		font-weight:800;
		color: #fef200;
		font-size: 1.7em;
		padding:0.15em 0.5em 0.15em 0.5em;
	}

	.blackbox h2{
		font-weight:800;
		color: #fef200;
		font-size: 1.5em;
		padding:0.3em 0.5em 0.3em 0.5em;
	}

.header {
	padding: 3em 0 2em 0;
     text-align: left;
 }

	
.line {
	border-bottom: 0.15em solid #1c1c1a;
	padding-bottom:2.25em !Important; 
	margin-bottom:3.5em;
}

/* QUOTES */
.blockquote {
  border-left: 0.4em solid #fef200;
  margin: 1.4em 10px;
  padding: 0.5em 10px;
}
.blockquote:before {
  content: open-quote;
  font-size: 3em;
  line-height: 0.1em;
  margin-right: 0.1em;
  vertical-align: -0.45em;
}

.blockquote:after{
content: close-quote;
  font-size: 3em;
  line-height: 0.1em;
margin-left: 0.1em;
  vertical-align: -0.4em;
}

.blockquote p {
  display: inline;
  font-family: 'Roboto Slab', serif;
  padding-left: 0.7em;
}

.ingress {
		font-family: 'Roboto Slab', serif;
		font-weight: 800;
		font-size: 1.4em;
		line-height: 1.1em;
		position:relative;
}

.link{
	margin-right:0.4em;
	display: inline-block;
}

.onepage-image-text{
	margin: 0 1em;

}

.portfolio-text{
	margin-bottom: 2em;
}
	

/* SKILL ELEMENTS ------- */
.skill{
	margin-top:10px;
	margin-bottom:30px;
	margin-right:10px;

	/*
	
	-moz-box-shadow: 1px 1px 0px #999,
                2px 2px 0px #999,
                3px 3px 0px #999,
                4px 4px 0px #999,
                5px 5px 0px #999,
                6px 6px 0px #999,
				7px 7px 0px #999;
				
	-webkit-box-shadow: 1px 1px 0px #999,
                2px 2px 0px #999,
                3px 3px 0px #999,
                4px 4px 0px #999,
                5px 5px 0px #999,
                6px 6px 0px #999,
				7px 7px 0px #999;

	box-shadow: 1px 1px 0px #393935,
                2px 2px 0px #393935,
                3px 3px 0px #393935,
                4px 4px 0px #393935,
                5px 5px 0px #393935,
                6px 6px 0px #393935,
				7px 7px 0px #393935;    */
}
.skillimg{
	display:inline;
}


.skill img, png{
	max-width:75px;
	height:auto;
	display:inline;
}							

.skill h3{
	font-weight: 700;
	color:black;
	margin:0px;
	margin-left:10px;
	display:inline;
}

.skill p{
	display:block;
	margin:0;
	margin-left:10px;
}


.id{
	border-left-color: #e83c9e;
}
	.id h3{
		color:#e83c9e;
	}
	
.c4d{
	border-left-color: #7582d2;
}
	.c4d h3{
		color:#7582d2;
	}

.photo{
	border-left-color: #eeec45;
}
	.photo h3{
		color:#eeec45;
	}

.csshtml{
	border-left-color: #6af90b;
}
	.csshtml h3{
		color:#6af90b;
	}
	
body {
background-color:#fdfdfd;

}

/*MENU STUFF*/

#menu {
	background-color: #1c1c1a;
	height:100%;
	overflow:hidden;

}

#menu a {
font-family: 'Roboto Slab', serif;
font-weight: 400;

}



#menu .pure-menu li a:hover,
#menu .pure-menu li a:focus {
	color: #fef200;
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s;
    }
		
#menu .pure-menu-heading{
				background-color: inherit;
				margin:2em 0 2em 1.3em; /* adapted to the menu heading image */
				
}

#menu .pure-menu-footer{

	font-size: 0.7em;
	text-align: center;
	margin:0 0em 0em 4.4em;
	position:absolute;
	bottom: 0;
	height: 50px;
	width:auto;
}



#menu .pure-menu-item .pure-menu-link{
	padding:0 2.7em;
	font-size: 0.85em;
	
}

#menu .pure-menu-item .sub{
	color:#999;
	font-size: 0.72em;
	margin: 0.2em 0.6em;

}
/* location indication NAV NAV NAV NAV */

#menu .listpage{
	margin-right:0.4em;
	border-right: 0em solid #fef200;
	
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s;
}

/* UNFINISHED UNFINISHED UNFINISHED

#menu .listpage:hover{
	margin-right:0em;
	border-right: 0.4em solid #fef200;
}
*/


#menu .currentpage {
	margin-right:0em;
	color: #fef200;
	/*border-right: 0.4em solid #fef200;*/
}

#menu .currentpage:after{
    background-color: white;
	position:absolute;
    content: ' ';
    display: block;
	
	/* size */
    height: 20px;
    width: 20px;
	
	/* placement */
	left: 258px;
	margin: -18px;
	
	/* rotation */
	 -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg); 
}

/* NAV NAV NAV END */


/* FORM STUFF */

.pure-button-primary {
    font-family: inherit;
    font-size: 100%;
    color: #ffffff; /* rgba not supported (IE 8) */
    color: rgba(255, 255, 255, 1); /* rgba supported */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/

    text-decoration: none;
    border-radius: 2px;
}

/* Lightbox shit */