/*
style.css - main stylesheet for jakesherman.github.io
Inspired (and in some cases copied from) ryanboye.com
*/

html, body{
  width:100%;
  height:100%
}

body {
    font-size: 24px;
    font-weight: 200;
    color: #666666;
    position: relative;
    background-color: #f6f6f6;
}

#container{
  background:-webkit-linear-gradient(45deg,#1A282E 0%,#16272B 38%,#133028 65%,#4D2040 100%);
  background:linear-gradient(45deg,#1A282E 0%,#16272B 38%,#133028 65%,#4D2040 100%);
  background:#1b1429;
  background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,#1b1429),color-stop(48%,#0e121a),color-stop(76%,#1d1c1a),color-stop(100%,#1f1f1f));
  background:-webkit-linear-gradient(45deg,#1b1429 0%,#0e121a 48%,#1d1c1a 76%,#1f1f1f 100%);
  background:linear-gradient(45deg,#1b1429 0%,#0e121a 48%,#1d1c1a 76%,#1f1f1f 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b1429',endColorstr='#1f1f1f',GradientType=1);
  line-height:35px;
  position:relative;
  color:#999;
  min-height:100%;
  transition:padding 1s;
  -webkit-transition:padding 1s;
  overflow-x: hidden;
}

#subcont {
  background: url(images/lines1.png) center top no-repeat;
  padding-top:2%;
  padding-bottom:10px;
  transition:padding 1s;
  -webkit-transition:padding 1s;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.row{
  z-index:1;
  position:relative;
  margin-left:7px;
  margin-right:7px;
}

.introduction{
  text-align:center;
}

.introduction h1{
  font-size:70px;
  font-family: 'Lobster Two', cursive;
  color:#ffffff;
  margin-top:0px;
  margin-bottom:25px
}

.statement {
  text-align:center;
  margin-bottom: 20px;
}

.statement h1{
  font-size:35px;
  font-family: 'Raleway', sans-serif;
  color:#ffffff;
  margin-top:0px;
  margin-bottom:35px;
  line-height:140%;
}

.statement p{
  font-family: 'Merriweather', serif;
  font-size:18px;
  padding-bottom: 20px;
}

.statement a{
  color:#bfbfbf;
  border-bottom: dashed 1px #666666;
}

.statement a:hover{
  color:#bfbfbf;
  border-bottom: dashed 1px #666666;
  text-decoration:none;
  background: #212121;
}

.jakephoto {
  text-align:center;
  margin-bottom:40px;
  margin-top: 5px;
}

.jakephoto img{
  width:100%;
  max-width:160px
}

a.data:link {
  padding-bottom:3px;
  text-decoration:none;
  color:#E8E8E8;
  border-bottom: none;
  background: rgb(31, 136, 189);
  background: rgba(31, 136, 189, 0.7);
}

a.data:visited {
  padding-bottom:3px;
  text-decoration:none;
  color:#E8E8E8;
  border-bottom: none;
  background: rgb(31, 136, 189);
  background: rgba(31, 136, 189, 0.7);
}

a.data:hover {
  padding-bottom:3px;
  text-decoration:none;
  background: rgb(31, 136, 189);
  background: rgba(31, 136, 189, 1);
}

a.programming:link {
  padding-bottom:3px;
  text-decoration:none;
  color:#E8E8E8;
  border-bottom: none;
  background: rgb(69, 57, 114);
  background: rgba(69, 57, 114, 0.7);
}

a.programming:visited {
  padding-bottom:3px;
  text-decoration:none;
  color:#E8E8E8;
  border-bottom: none;
  background: rgb(69, 57, 114);
  background: rgba(69, 57, 114, 0.7);
}

a.programming:hover {
  padding-bottom:3px;
  text-decoration:none;
  background: rgb(69, 57, 114);
  background: rgba(69, 57, 114, 1);
}

a.music:link {
  padding-bottom:3px;
  border-bottom: none;
  text-decoration:none;
  color:#ffffff;
  background: rgb(245, 82, 25);
  background: rgba(245, 82, 25, 0.8);
}

a.music:visited {
  padding-bottom:3px;
  border-bottom: none;
  text-decoration:none;
  color:#ffffff;
  background: rgb(245, 82, 25);
  background: rgba(245, 82, 25, 0.8);
}

a.music:hover {
  padding-bottom:3px;
  text-decoration:none;
  background: rgb(245, 82, 25);
  background: rgba(245, 82, 25, 1);
}

a.photo:link {
  padding-bottom:3px;
  border-bottom:none;
  text-decoration:none;
  color:#ffffff;
  background: rgb(44, 44, 48);
  background: rgba(44, 44, 48, 0.7);
}

a.photo:visited {
  padding-bottom:3px;
  border-bottom:none;
  text-decoration:none;
  color:#ffffff;
  background: rgb(44, 44, 48);
  background: rgba(44, 44, 48, 0.7);
}

a.photo:hover {
  padding-bottom:3px;
  text-decoration:none;
  background: rgb(59, 59, 65);
  background: rgba(59, 59, 65, 1);
}

.buttons {
  text-align:center;
  margin-top: 0px;
  line-height: 50px;
}

.button {
  padding:0px 17px;
  color:#fff;
  border-radius:5px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size:22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-left: 2px;
  margin-right: 2px;
  box-shadow: 2px 0px 2px 1px rgba(36, 36, 36, 0.1);
  white-space: nowrap;
  display: inline-block;
}

a.button:link {
  color: #fff;
}

a.button:hover {
  color: #fff;
  text-decoration: none;
  outline-offset: 20px;
  opacity: 0.7;
}

a.button:visited {
  color: #fff;
  text-decoration: none;
}

#linkedin{
  background-color: #1F88BD;
}

#github{
  background-color:#453972;
}

#soundcloud{
  background-color: #F55219;
}

#flickr{
  background-color: #2c2c30;
}

.footer {
  text-align:center;
  margin-top: 35px;
  font-family: 'Merriweather', serif;
  font-size:14px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.footer a{
  color:#bfbfbf;
  border-bottom: dashed 1px #666666;
}

.footer a:hover{
  color:#bfbfbf;
  border-bottom: dashed 1px #666666;
  text-decoration:none;
  background: #212121;
}