@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,400italic);

/* ==========================================================================
   Author's reset
   ========================================================================== */
   
body {
  background: rgba(249, 249, 247, 1); /* url('../images/concrete.jpg') repeat; */
  color: rgba(0, 24, 30, 0.9);
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  padding-bottom: 50px;  
}
h1, h2, h3, h4, h5, h6 {
  color: rgb(0, 24, 30);
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
}
h2 { font-size: 24px; margin: -2px 0 9px; }
h3 { color: rgba(0, 0, 0, 0.7); font-size: 15px; font-weight: 400; margin: 0 0 5px; }
h4 { padding: 8px 0 5px; }
hr { border-top: 2px solid rgba(0, 0, 0, 0.4); width: 250px; left: 0; margin-bottom: 30px; }
p { margin-bottom: 25px; -webkit-font-smoothing: antialiased; }
a { color: rgba(179, 2, 2, 1); }
a:hover, a:active { color: rgba(191, 10, 10, 1); text-decoration: none; }
blockquote {
  border-left: 1px solid rgba(0, 87, 108, 0.5);
  padding: 0 0 0 15px;
  margin: 0 0 25px;
  font-size: 16px;
  line-height: 25px;
}
a i.fa { 
  background: rgba(179, 2, 2, 1);
  border-radius: 50%; 
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px; 
  height: 35px; 
  margin: 0 10px 0 0; 
  padding: 8px 0 0 2px; 
  text-align: center;
  width: 35px; 
}
a i.fa:hover, a i.fa:active {
  color: rgba(255, 255, 255, 1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 5px rgba(0, 0, 0, 0.3);
}


/* Custom styles ============================================================ */

#header {
  background: rgba(0, 87, 108, 1) url("../images/background.jpg");
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 250, 1) !important;
  height: 80px;
}
.logo { height: 60px; margin: 10px 0 0; }
.weather { color: rgba(255, 255, 255, 0.9); margin: 45px 0 0; text-transform: uppercase; display: none;}
.weather h4 { color: rgba(255, 255, 255, 1); font-weight: 300; margin-bottom: 0; }
.weather h4 span { color: rgba(255, 255, 255, 0.4); font-size: 0.6em; padding-left: 10px; display: none;  }
.chart {
  background: rgba(245, 243, 242, 0.05);
  height: 120px;
  margin: 0 0 0 15px;
  width: 300px;
}

#feed {
  background: rgb(255, 255, 255); /* url("../images/vertical.png"); */
  border-top: 1px solid rgba(235, 233, 232, 0.9);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
  min-height: 100px;
  padding: 10px 20px 20px;
  margin-top: 30px;
}
.intro-mobile {
  padding: 28px 0px 24px;
  margin-left: 15px;
}
.btn-more {
  background: rgba(179, 2, 2, 1);
  border-radius: 3px;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.95);  
  font-family: 'Oswald', sans-serif;
  font-size: 14px; 
  font-weight: 400;
  text-transform: uppercase; 
  height: 35px;
  padding: 7px 20px 0; 
  /* padding: 35px 15px 50px; */
  text-align: center;
  letter-spacing: 1px;
  vertical-align: middle;
  margin: -5px 30px 0 0;
}
.btn-more a.btn {
  background: rgb(0, 87, 108);
  border: 1px solid rgb(179, 2, 2);
  border-radius: 5px;
  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);*/
  color: rgb(179, 2, 2);
  font-family: 'Oswald' sans-serif;
  font-size: 18px; 
  font-weight: 400;
  height: 40px;
  padding-top: 8px; 
  text-transform: uppercase;
  vertical-align: middle;
  width: 180px;
}
.btn-more a.btn:hover {
  background: rgba(179, 2, 2, 1);
  color: rgb(255, 255, 255);
}

#sidebar {
  /*background: url("../images/vertical.png");*/
  display: block;
  height: 100%;
  padding: 0px 0 0 15px;
}
#sidebar .photos {
  margin: 11px 0 42px;
}
#sidebar .photos a img {
  border-radius: 2px;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
  height: 140px;
  width: 140px;
}
#sidebar .photos a {
  margin-right: 10px; 
}
#sidebar .photos a:first-child {
  display: none; 
}
.reading {
  color: rgba(0, 0, 0, 0.7); 
  font-size: 0.9em; 
  margin-bottom: 0;
}
.reading a {
  font-size: 16px;
  margin-right: 0px;
}
.copyright { font-size: 0.8em; margin: 26px 0 0; }


/* =====================================
   Small devices (tablets, 768px and up) 
   ===================================== */
@media (min-width: 768px) { 
#sidebar h4 { padding: 25px 30px 5px 0; }

#header {
  height: 100px;
}  
.logo { margin: 20px 0 0 0; }
.weather { margin: 45px 0 0 15px; }

a i.fa { 
  font-size: 18px; 
  height: 38px;
  margin: -8px 15px 25px 0; 
  padding: 10px 0 0 2px; 
  width: 38px;
}
  
#feed {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  border-top: 0px;
  min-height: 500px;
  border-radius: 3px; 
  margin-top: 10px;
}

.btn-more {
  padding: 35px 15px 49px;
}
#sidebar {
  /* padding: 25px 0 0 30px; */
  /*width: 280px;*/
}
#sidebar h4.portfolio {
  margin: -32px 0 0;
}
.download {
  margin: 0 10px 0 0;
  float: left;
}
.btn-more, .btn-project {
  background: rgba(179, 2, 2, 1);
  border-radius: 3px;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.95);  
  font-family: 'Oswald', sans-serif;
  font-size: 14px; 
  font-weight: 400;
  height: 35px;
  padding: 7px 20px 0; 
  text-align: center;
  letter-spacing: 1px;
  vertical-align: middle;
  margin: -5px 30px 0 0;
;
}
.btn-more:hover, .btn-more:active {
  background: rgba(179, 2, 2, 1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 5px rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 1) !important;  
}
.btn-project {
  /*background: rgb(0, 87, 108); */
  background: rgb(255, 255, 255);
  border: 2px solid rgb(179, 2, 2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  color: rgb(179, 2, 2);
  font-family: 'Oswald', sans-serif;
  font-size: 16px; 
  font-weight: 400;
  height: 35px;
  padding: 6px 30px 0; 
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
.btn-project:hover {
  background: rgba(179, 2, 2, 1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 2px 7px rgba(0, 0, 0, 0.4);
  color: rgb(255, 255, 255);
}
.btn-project {
  margin-top: 7px;
}
.download span {
  display: block;
  font-size: 12px;
  font-weight: bold;
  font-weight: 400;
  line-height: 14px;
  margin: -30px 0 0 205px;
}

#sidebar .photos {
  margin: 5px 0 25px;
}
#sidebar .photos a img {
  height: 100px;
  width: 100px;
}
.copyright { margin: 25px 0 0; }


}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {    
body {
  /*background: rgba(245, 243, 242, 1) url('../images/concrete.jpg') repeat center center;
  background-size: cover; */
}
#sidebar .photos a img {
  height: 120px;
  width: 120px;
}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
ol.tumblr_posts { 
  max-width: 730px;
}
li.tumblr_photo_post { max-width: 700px; overflow: hidden; }
li.tumblr_photo_post img { height: 450px !important; }
li.tumblr_video_post .tumblr_video iframe { width: 700px; height: 390px; margin-left: -15px;}
.btn-more a.btn {
  margin-left: 40px;
}
}