/*-- Overall Document --*/

* {
	box-sizing: border-box;
}

::selection {
  /* WebKit/Blink Browsers */
  background: #161515;
  color: #FFFFFF;
}
::-moz-selection {
  /* Gecko Browsers */
  background: #161515;
  color: #FFFFFF;
}

/*-- Page Defaults --*/
header {
	padding: 140px 0 40px 0;
	position: relative;
}

footer {
	padding: 25px 0 70px 0;
}

body {
	padding: 0;
	margin: 0;
	background-color: #161515;
	background-image: url("dark_wood.png");
}

p {
	display: block;
	font-size: 16px;
	text-decoration: none;
}

p a { 
    color: #222;
    text-decoration: none;
    cursor: auto;
    border-bottom: 1px solid #468b88;
}

p a:hover { 
    color: #468b88;
}

/*-- Social Icons --*/

.social-container {
	margin: 5px;
}

.social-item {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0 0 0 10px;
	background-image:url("social.png");
}

.social-item.linkedin {
	background-position:-79px -40px;
	margin: 0;
}

.social-item.mail {
	background-position:-119px -40px;
}

.social-item.twitter {
	background-position:-40px -40px;
}

/*-- Navigation Bar --*/

.nav {
    list-style: none;
    margin: 0;
    margin-top: 20px;
    padding: 10px;
    text-align: center;
    text-transform: lowercase;
}

.nav li {
    display: inline;
    padding: 10px
}

.nav a {
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    font-weight: 100;
}

.nav a.underline {
	border-bottom: 1px solid #ffffff;
	bottom-padding: 10px;
}

.nav a:hover {
    border-bottom: 1px solid #ffffff;
	bottom-padding: 10px;
}

.nav::selection {
  /* WebKit/Blink Browsers */
  color: #161515;
  background: #FFFFFF;
}

.nav::-moz-selection {
  /* Gecko Browsers */
  color: #161515;
  background: #FFFFFF;
}

.nav a::selection {
  /* WebKit/Blink Browsers */
  color: #161515;
  background: #FFFFFF;
}

.nav a::-moz-selection {
  /* Gecko Browsers */
  color: #161515;
  background: #FFFFFF;
}

/*-- Fonts --*/

.roboto_font {
	font-family: "Roboto", sans-serif;
}

.lato_font {
	font-family: "Lato", sans-serif;
}

.indie_font {
	font-family: "Indie Flower", sans-serif;
}

.opensans_font {
	font-family: "Open Sans", sans-serif;
}

.light_font {
	font-weight: 300;
}

/*-- Content --*/

.main_content {
	padding: 50px 0 100px 0;
	background-color: white;
}

.center {
    margin-left: auto;
    margin-right: auto;
    /*width: 70%;*/
    text-align: center;
}

.center-text {
	text-align: center;
}

.header-title {
	letter-spacing: 10px;
	font-size: 3em;
	font-weight: 100;
	color: #ffffff;
	text-transform: uppercase;
}

.header-title::selection {
  /* WebKit/Blink Browsers */
  color: #161515;
  background: #FFFFFF;
}

.header-title::-moz-selection {
  /* Gecko Browsers */
  color: #161515;
  background: #FFFFFF;
}