/**************************************
General
**************************************/
a {
	text-decoration: none;
	color: #00bfff;
}

p {
	padding: 0 5%;
}

a:hover {
	color:red;
}

h3 {
	margin-left: 5%;
}

html, body {
	height: 100%;
	margin: 0;
}

.wrapper {
	min-height: 100%;
	margin-bottom: -50px;
	margin-top: -50px;
}

/*.header, .pull {
	height: 50px;
}*/

.footer, .push {
	height: 50px;
}
/**************************************
Header
**************************************/

header {
	width: 100%;
	margin-top: 50px;
	background-color: white;
}

header h1 {
	margin-left: 2.5%;
	padding-top: 20px;
}

nav {
  text-align: left;
  padding-bottom: 20px;
}

nav ul {
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

nav li {
  display: inline-block;
}

nav a {
  font-weight: 800;
  padding: 10px 2.5%;
}

 nav ul a:hover {
	color: red;
}

.selected-page {
	color: red;
	border: 1px solid #00bfff;
	padding: 6px;
}

/**************************************
Home Page
**************************************/

/*#home-body {
	background-color: #00bfff;
	margin-top: 0;
}*/

/**************************************
About Page
**************************************/

.about-ps {
	color: #fff;
}


#download-div a:hover {
	color: red;
}

#about-body {
	background-color: #00bfff;
}

section, #about-div, #work-div {
	padding-top: 100px;
}

/**************************************
Work Page
**************************************/

#work-div {
	margin-top: -120px;
}

#work-div p:hover {
	color: #00bfff
}

#work-div p {
	color: #fff;
}

#work-div u {
	color: #00bfff;
	text-decoration: none;
}

#work-body {
	color: slategrey;
	background-color: white;

}

.work-contact {
  list-style: none;
  padding: 0;
  margin: 0;
}

.work-contact a {
  display: inline-block;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 30px;
  margin: 0 0 10px 5%;
  color: slategrey
}
.work-contact li.phone a {
  background-image: url('../img/phone.png');
}

.work-contact li.email a {
  background-image: url('../img/mail.png');
}

.work-contact li.twitter a {
  background-image: url('../img/twitter.png');
}

#work-list {
	list-style: none;
}
#fuck-off {
	text-decoration: none;
	color: red;
}

.about-download {
	color: #00bfff;
}

#work-list li {
	padding-bottom: 15px;
	color: red;
}

#work-list #last-work-li {
	padding-bottom: 0px;
}

/**************************************
Homepage: projects
**************************************/

#home-projects {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: -25px;
}

#dope-website {
	width: 42.5%;
	height: auto;
	padding: 2.5% 5% 2.5% 2.5%;
	float: left;
	display: block;
}

#lil-boat {
	width: 42.5%;
	height: auto;
	padding: 2.5% 2.5% 2.5% 5%;
	float: left;
	display: block;
}

#dcf {
	width: 42.5%;
	height: auto;
	padding: 2.5% 2.5% 2.5% 5%;
	float: left;
	display: block;
}

#notes {
	width: 42.5%;
	height: auto;
	padding: 2.5% 5% 2.5% 2.5%;
	float: left;
	display: block;
}
#search {
	width: 42.5%;
	height: auto;
	padding: 2.5% 2.5% 2.5% 5%;
	float: left;
	display: block;
}
#supreme {
	width: 42.5%;
	height: auto;
	padding: 2.5% 5% 2.5% 2.5%;
	float: left;
	display: block;
}
/**************************************
About: profile picture
**************************************/

#portrait {
	width: 90%;
	height: auto;
	margin: -80px 5% 20px 5%;
}

/**************************************
Footer
**************************************/

footer {
	text-align: center;
	background-color: #fff;
	color: white;
	clear:both;
	margin-top: 50px;
	padding-bottom: 15px;
}

.social-icon {
	width: 30px;
	height: 30px;
	margin: 20px  35px 5px 32px;
	position: center;
}