/* Pretty print */

.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #D14; }
.kwd, .prettyprint .tag { color: #1e347b; }
.typ, .atn, .dec, .var { color: teal; }
.pln { color: #48484c; }

code, pre.prettyprint {
  font-family: "Consolas", "Monaco", monospace;
}

.content pre.prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  line-height: 1.4285 !important; /* 20/14 */
  margin: 0 0 20px 0;
}

.prettyprint.linenums {
  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
     -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}

.content ol.linenums {
  margin: 0 0 0 33px;
  padding: 0;
}

.content ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 20px;
  text-shadow: 0 1px 0 #fff;
  margin: 0;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  line-height: 1.4285 !important; /* 20/14 */
}

code {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #dd1144;
  margin: 0 1px;
  padding: 2px 4px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

.example {
  margin: 0 0 30px 0;
}

  .example .output {
    padding: 20px;
    border: 1px solid #e1e1e8;
  }

  .output .media {
    margin-top: 0 !important;
  }

  .example .prettyprint {
    border-top: 0 !important;
  }

    .example.no-output .prettyprint {
      border: 1px solid #e1e1e8 !important;
    }

  .example .no-float {
    padding-bottom: 10px;
  }

.example-grids {
  overflow: hidden;
  margin: 0 0 32px 0;
  padding: 16px 0 0 0;
}
  .ie-6 .example-grids,
  .ie-7 .example-grids,
  .ie-8 .example-grids {
    background: transparent;
  }

  .example-grids .dummy {
    background: #bfeaff;
    height: 128px;
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter:alpha(opacity=60);
    margin-bottom: 16px;
  }

  .example-grids .dummy.sidebar {
    height: 638px;
  }

  .example-grids.combination {
    padding: 16px 0 0 0;
  }

  .example-grids .dummy.double-high {
    height: 272px;
  }

  html.ie-7 .example-grids .row {
    margin-bottom: 16px;
  }

.download-templates {
  float: right !important;
  margin-left: 20px;
  margin-top: -40px;
}

.home-slideshow {
  margin-top: 10px;
  margin-bottom: 30px;
}

/* For docs */
.blocks select,
.blocks input[type="text"] {
  display: block;
  margin-bottom: 10px;
}
table {
  margin: 20px 0;
}


@media print {
  .prettyprint.linenums {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  }
}

.breaker {
  display: none !important;
}

.warn {
	background-color: #F2DEDE;
}
.warn .alert-error {
	margin: 0;
	border: 0;
}
.warn a {
	color: #B94A48;
	text-decoration: underline;
}
.row-spaced {
	margin-bottom: 30px;
}
.margin-top {
	margin-top: 20px;
}
.home h1 {
	margin-top: 15px;
}
.alert-danny {
	background-image: url("../images/danny.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 115px;
	display: block;
	min-height: 75px;
}

.alert.alert-error {
	margin-top: 30px;	
}

.alert.alert-error h3 {
	font-size: 1.6rem;
    margin: 5px 0 15px;
}

.bs {
	background: url("../images/bs-small.png") no-repeat scroll 25px 23px #F7F7F9;
    border: 1px solid #E1E1E8;
    border-radius: 4px 4px 4px 4px;
    display: block;
    line-height: 20px;
    margin: 30px 0;
    padding: 9.5px 9.5px 9.5px 96px;
}
.bs h2 {
	font-size: 16px;
	font-size: 1.6rem;
}
.fa {
	background: url("../images/fa-small.png") no-repeat scroll 25px 23px #F7F7F9;
    border: 1px solid #E1E1E8;
    border-radius: 4px 4px 4px 4px;
    display: block;
    line-height: 20px;
    margin: 30px 0;
    padding: 9.5px 9.5px 9.5px 96px;
}
.fa h2 {
	font-size: 16px;
	font-size: 1.6rem;
}
.footer {
	margin-top: 60px;
}
.content a.btn {
	color: #FFF;
}	

/* Responsive */
@media (max-width: 979px) {
  .download-templates {
    margin-top: 0;
  }
  .bs, .fa {
	background-image: none;
	padding-left: 9.5px;  
  }
 
}