/*****************************************************************************/
/*
 /* Common
/*
/*****************************************************************************/

/*****************************************************************************/
/*
/* Home
/*
/*****************************************************************************/
ul.posts {
  list-style-type: none;
  margin-bottom: 2em;
}

ul.posts li {
  line-height: 1.75em;
}

ul.posts span {
  color: #aaa;
  font-family: Monaco, "Courier New", monospace;
  font-size: 80%;
}

/*****************************************************************************/
/*
/* Site
/*
/*****************************************************************************/

.site {
  font-size: 115%;
  width: 42em;
  margin: 3em auto 2em;
  line-height: 1.5em;
}

.site .header a {
  font-weight: bold;
  text-decoration: none;
}

.site .header h1.title {
  display: inline-block;
  margin-bottom: 2em;
}

.site .header h1.title a {
  color: #a00;
}

.site .header h1.title a:hover {
  color: #000;
}

.site .header a.extra {
  color: #aaa;
  margin-left: 1em;
}

.site .header a.extra:hover {
  color: #000;
}

.site .meta {
  color: #aaa;
}

.site .footer {
  font-size: 80%;
  color: #666;
  border-top: 4px solid #eee;
  margin-top: 2em;
  overflow: hidden;
}

.site .footer .contact {
  float: left;
  margin-right: 3em;
}

.site .footer .contact a {
  color: #8085C1;
}

.site .footer .rss {
  margin-top: 1.1em;
  margin-right: -.2em;
  float: right;
}

.site .footer .rss img {
  border: 0;
}

/*****************************************************************************/
/*
/* Posts
/*
/*****************************************************************************/

/* standard */
.post pre {
  border: 1px solid #ddd;
  background-color: #eef;
  padding: 0 .4em;
}

.post ul, .post ol {
  margin-left: 1.35em;
}

.post code {
  border: 1px solid #ddd;
  background-color: #eef;
  padding: 0 .2em;
}

.post pre code {
  border: none;
}

/* terminal */
.post pre.terminal {
  border: 1px solid #000;
  background-color: #333;
  color: #FFF;
}

.post pre.terminal code {
  background-color: #333;
}

/*****************************************************************************/
/*
/* Main Pages
/*
/*****************************************************************************/

/* start index */

.hero-unit{
  overflow: auto;
}
iframe {
  max-width:100%;
  max-height:100%;
}
#twitter_results{
  margin-right:20px;
}
img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
}
#twitter-button {
  margin-top:3%;
}
.hero-unit h1 p{
  height:2%;
}

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
.featurette{
  padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  margin-top: -100px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
  max-height:580px;
}



.featurette-image img{
  display: block;
  margin-left:auto;
  margin-right:auto;
}

.featurette-image img:nth-of-type(1){
  max-height:480px;
}

@media(min-width: 480px){
  .featurette.hidden-desktop{
    padding-top:0;
  }

  .featurette.hidden-desktop .featurette-image{
    margin-top: 20px;
  }
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
}


/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
  margin-top:-45px;
}

/* end index */

/* special books page stuff */

#twitter-button {
  margin-top:3%;
}
img{
  max-width: 100%;
  max-height: 100%;
}
.book{
  padding-top:1%;
  max-height:200px;
  padding-left:10%;
}

.book_list{
  margin-top: 3%;
}

/* end special books page stuff */

/* fix for other page? */
.content{
  margin-top:3%;
}

/* about page stuff */

#bio{
  padding-left:5%;
}
#bio-content{
}

/* end about page stuff */

p,h2{
  color: inherit;
}

.lead{
  color:white;
  padding-left:16px;
  font-size:1.4em;
}

.featurette .front-words{
  visibility:hidden;
}

h2.featurette-heading{
  color:white;
  padding-left:16px;
}

.lead>h4>a{
  color:#e0e0e0;
}

.lead>a{
  color:white;
}

.featurette{
}

.featurette div{
  padding:15px;
  color:white;
}

.main-content{
  margin-top:66px;
  padding-left: 7%;
  padding-right:7%;
}

.marketing{
  color:white;
}

.news{
  background: rgba(0, 0, 0, 0.5);
}

.post {

  padding-bottom: 30px;
  border-bottom: 1px dotted #eee;
  margin-bottom: 30px;

}

.post p {
  font-size: 1.3em;
}

.post hr {
  width: 68%;
}

.media-body{
}

.rounded {
  border: 1px solid #999;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url(path/to/PIE.htc);
}

.navbar {
  background: white;
  border-bottom: black 1px solid;
  -webkit-box-shadow: 3px 3px 8px #333;
}

.navbar a, .navbar li a{
  color: black;
}

.cover-div> *{
  margin-bottom: 15px;
}

.twitter-follow-button{
  vertical-align: middle !important;
  display: inline-block ;
  margin-top: 10px;
}

.cover{
  max-width: 88%;
  max-height:475px;
}

@media (min-width: 768px) and (max-width:991px){
  .twitter-follow-button{
    display:none;
  }
}

h2>a,h2>a:hover{
  color:white;
}