/************************
 * blog specific styles *
 ************************/

.blog-body {
  padding-top: 40px;
}

.pure-menu.pure-menu-open {
  border: 0px;
}

.blog-categories {
  position: fixed;
}

.hfeed {
  list-style-type: none;
  padding-left: 0px;
}

.published {
  color: #BFBFBF;
  font-size: 0.8em;
  margin-top: 0px;
}

.entry-content {
  margin-bottom: 2.6em;
}

/*div.highlight pre { */
pre {
    border: 1px solid #CCCCCC; 
    border-radius: 4px 4px 4px 4px;

    background-color: #F5F5F5;
    font-size: 0.6em;
    font-family: "Courier New",monospace;
    line-height: 1.5em;

    display: block;
    margin: 0 0 10px;
    padding: 1.0em !important;
}

blockquote {
  border-left: 5px solid #DDDDDD;
  margin: 1.0em 1.0em;
  padding: 1.0em 1.0em;
  
}

.bb-hl {
  border: 0px !important;
}

//h2 a {
//  color: rgb(49, 55, 57); 
//}

.active {
  background: #EEEEEE;
}

.align-left {
  float: left;
}

.align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.align-right {
  float: right;
}

/*********************
 * shared styles     *
 *********************/

body {
  color: rgb(49, 55, 57); 
  font-size: 1.2em;
  line-height: 1.55em;
  transition:all .3s linear; 
  -o-transition:all .3s linear; 
  -moz-transition:all .3s linear; 
  -webkit-transition:all .3s linear;
  font-family: "Montserrat", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  line-height: 1.2em;
  font-weight: 300;
  letter-spacing: -1.5px;
}

h1 {
  font-size: 2.2em;
  margin: .4em 0 .4em 0;
}

#footer {
  text-align: center;
}

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

.value-prop-list {
  text-align: left;
  list-style-type: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: .6em;
}

.value-prop-list li {
  margin-bottom: 1.4em;
}

p {
  margin-top: 0px;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 2.0em;
}

.pure-menu {
  font-size:0.8em;
}

.pure-menu ul.dropdown-menu {
  top: 2.1em;
  left: -2.2em;
  visibility: visible;
  background-color: #ffffff;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border: 1px solid #cccccc;
}

#dd-menu {
  display: none;
}

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

.child {
  padding: 0.6em;
}

.brand {
  font-size: 1.6em;
}

.tiny-text {
  font-size: 0.7em;
  line-height: 1.2em;
}

.faded {
  color: #999999;
}

.round-corners {
  border-radius: 8px;
}

a {
  color: #454545;
  border-bottom: 1px dotted #BBBBBB;
  text-decoration: None;
  transition: all 0.2s ease-in-out 0s;
}

//a:hover {
//  color: #000000;
//}

@media screen and (max-width:1280px) {
  body {
    font-size: 1.1em;
  }
}


@media screen and (max-width:1024px) {
  .pure-hidden-tablet {display:none} 
}

@media screen and (max-width:768px) {
  body {
    font-size: 1em;
  }
  .main-menu {
    min-height: 6.0em;
  }
}

@media screen and (max-width:568px) {
  body {
    font-size: .9em;
  }
  .main-menu {
    min-height: 8.5em;
  }
  .pure-hidden-phone {display:none} 
}  

@media screen and (max-width:336px) {
  body {
    font-size: 0.8em;
  }
  .main-menu {
    min-height: 9.5em;
  }
  .pure-hidden-xs {display:none} 
}

.pure-button {
  border-radius: 8px;
}

.pure-button-success,
.pure-button-error,
.pure-button-warning,
.pure-button-secondary {
  color: white;
}

.pure-button-success {
  background: rgb(28, 184, 65); /* this is a green */
}

.pure-button-error {
  background: rgb(202, 60, 60); /* this is a maroon */
}

.pure-button-warning {
  background: rgb(223, 117, 20); /* this is an orange */
}

.pure-button-secondary {
  background: rgb(66, 184, 221); /* this is a light blue */
}

.alert {
  text-align: left;

  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.3em;
  //margin-top: 1.6em;

  background-color: #FCF8E3;
  border: 1px solid #FBEED5;
  border-radius: 4px 4px 4px 4px;
  padding: 0.5em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.alert-danger, .alert-error {
  background-color: #F2DEDE;
  border-color: #EED3D7;
  color: #B94A48;
}

.alert-success {
  background-color: #DFF0D8;
  border-color: #D6E9C6;
  color: #468847;
}

.alert-info {
  background-color: #D9EDF7;
  border-color: #BCE8F1;
  color: #3A87AD;
}

/********* signup page ****/
.signup-credit-form {
  background-color: #E6E6E6;
}

.signup-what-next {
  background-color: #D0D0D0;
  text-align: center;
}


/***************************
 * bitbucket embed overide *
 **************************/
.highlighttable .linenos {
    display: none;
}

.bb-hl {
  border: 0px !important;
}


.bb-hl #bb-disc {
  background: none !important;
  border-top: 0px !important;
  border-bottom: 1px solid #CCCCCC !important;
  display: None;
}

/****************
 * purecss hack *
 ****************/

.pure-g {
  display: block;
}