body{
    font-size:13px;
    font-family:"Arial";
}


.div-small-margin {
    display:inline-block;
    margin:5px;
}

.tag-container a {
    color:#FFFFFF;
}




/* list-group smaller code */
.list-group-item-public
{
  overflow:hidden;  
  position: relative;
  display: block;
  padding: 5px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #00CC00;
  color: #fff;
}

.list-group-item-private
{
  overflow:hidden;  
  position: relative;
  display: block;
  padding: 5px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}




/* START FONT AWESOME IMPLEMENATION SECTION */

/* show delete on hover for code snippets */

.ahref-story-snippet .fa-times{
    display:none;
}
.ahref-story-snippet:hover .fa-times{
    display:inline;
}



.ahref-chapter-snippet .fa-times{
    display:none;
}
.ahref-chapter-snippet:hover .fa-times{
    display:inline;
}





.ahref-code-snippet .fa-times{
    display:none;
}
.ahref-code-snippet:hover .fa-times{
    display:inline;
}
/* END FONT AWESOME IMPLEMENATION SECTION */


/* NOTIFICATIONS SECTION */
.notifications {
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 76px;
    z-index: 2;
}
.notifications li {
    background: none repeat scroll 0 0 #68A42B;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5);
    color: white;
    display: block;
    max-width: 320px;
    padding: 6px 10px;
    position: relative;
    border-radius:5px;
}
.notifications li:first-child {
    border-top: 0 none;
}

.dark {
    color:black;
}




/* TWITTER TYPEAHEAD CSS  SECTION */
/* TWITTER TYPEAHEAD CSS  SECTION */
/* TWITTER TYPEAHEAD CSS  SECTION */
/*
span.twitter-typeahead {
  width: 100%;
}
.input-group span.twitter-typeahead {
  display: block !important;
}
.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
}
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 44px !important;
}
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 28px !important;
}
*/

.typeahead, .tt-query, .tt-hint {
  width: 396px;
  /* height: 30px; */
  height: 49px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  outline: none;
}


.tt-query, /* UPDATE: newer versions use tt-input instead of tt-query */
.tt-hint {
    width: 396px;
    /* height: 30px; */
    height: 49px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
}

.tt-query { /* UPDATE: newer versions use tt-input instead of tt-query */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu { /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
    width: 422px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}
.tt-suggestion:hover  {
    padding: 3px 20px;
    font-size: 18px;
    background: blue;
    line-height: 24px;
    color:white;
}


.tt-suggestion.tt-is-under-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
    color: #fff;
    background-color: #0097cf;