/* @override 
	http://localhost/~ryan/_staging/staging.fountain.io/css/fountain.css
	http://localhost/~ryan/_staging/staging.fountain.io/_css/fountain.css
	http://staging.fountain.io/_css/fountain.css
	http://fountain.io/_css/fountain.css */

@import "../_fonts/highwaygothic/stylesheet.css";

body {
	padding-top: 80px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

h1, h2, h3 {
	font-family: 'HighwayGothicRegular' !important;
	font-weight: normal !important;
}
h1 small,
h2 small {
	-webkit-font-smoothing: antialiased;
}
.hero-unit {
	background: url(../_img/fountain-hero.jpg) no-repeat center top #ceecb8;
}
a.brand img {
	margin-top: -40px;
	position: relative;
	top: 9px;
	margin-right: 6px;
	float: left;
}
a.brand {
	background: url(../_img/fountain-sign-32.png) no-repeat left 15px;
	padding-left: 44px !important;
}
pre {
	line-height: 1.5 !important;
}
.navbar li a,
a.brand {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
footer {
	padding-top: 20px;
}
pre code {
	border-style: none;
	color: #333333;
	padding: 0;
	margin: 0;
	white-space: pre;
	white-space: pre-wrap;
	word-break: break-all;
	font: 12px Menlo, Monaco, "Courier New", monospace;
}
/* @group Home page */
#home .hero-unit small {
	display: inline;
	word-break: none;
}
#home .hero-unit h1 {
	xoverflow: hidden;
	xfloat: left;
	background: url(../_img/fountain-icon-example2-large.png) no-repeat right top;
	padding-right: 170px;
	padding-top: 8px;
	padding-bottom: 70px;
	margin-bottom: -45px;
	margin-top: -3px;
	min-height: 80px;
}
#home .hero-unit p {
	clear: both;
	padding-right: 160px;
}
#home .hero-unit h1 small {
	color: black;
}
#fountain-sign {
	float: right !important;
	margin-left: 60px;
}
.quo-right,
.quo-left {
	font: 150%/1px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	position: relative;
	top: 23px;
	color: black;
	margin-left: 0;
}
#fountain-for {
	padding-top: 0;
}
#forscreenwriters h1 {
	background: url(../_img/icon-pen-32.png) no-repeat 0 2px;
	padding-left: 40px;
}
#fordevelopers h1 {
	background: url(../_img/icon-gear-32.png) no-repeat;
	padding-left: 40px;
}
#fountain-source {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}
/* @end */

/* @group Syntax */
#syntax-content section {
	padding-top: 60px;
}
#syntax-content section:first-child {
	padding-top: 0;
}
#syntax h2 {
	border-bottom: 1px solid #eee;
	margin-bottom: 13px;
}

/* @end */
/* @group Apps */

/* @end */
/* @group Developers */
#developers #sidebar-icons img {
	margin-left: -17px;
	margin-bottom: 20px;
}
#developers .hero-unit {
	background-size:70%;
	background: url(../_img/map-folded-shaded.jpg) no-repeat center bottom;
	padding-bottom: 35%;
	padding-top: 20;
}
#developers .well {
	overflow: hidden;
}
/* @end */
/* @group Dingus */
textarea#scrippet {
	xdisplay: none;
	width: auto;
}
/* @end */
/* @group Faq */
#faq h2 {
	line-height: 1.2 !important;
}
/* @end */
/* @group Syntax Floating Menu */

#syntax .nav-wrapper {
  position: relative;
}
#syntax #menu { /* required to avoid jumping */
  xposition: absolute;
  xwidth:280px;
}
#syntax #menu.fixed {
  position: fixed;
  top:  60px;
}
#syntax .nav-list {
  position: absolute;
  top: 0;
  xmargin-top: 20px;
  xpadding-top: 40px;
  width: 271px;
}

x@media (min-width: 768px) and (max-width: 980px) {

#syntax .nav-list {
    padding-top: 0px;
    margin-top: 0px;
    width: 199px;
  }
#syntax #menu.fixed {
	margin-top: 1;
	}
}

x@media (min-width: 1200px) {
#syntax .nav-list {
    width: 341px;
  }
}

x@media (max-width: 768px) {
#syntax #menu.fixed,
#syntax .nav-list {
	padding-top: 0 !important;
	margin-top: 0 !important;
	position: relative !important;
	width: auto;
	top: 0 !important;
	}
}
x@media (max-width: 480px) {
body {
	padding-top: 0;
}
#syntax #menu.fixed,
#syntax .nav-list {
	margin-top: 0 !important;
	position: relative !important;
	width: auto;
	top: 0 !important;
	}
}
/* @end */

/* @group Shortcuts */
.floatright {
	float: right !important;
}
.floatleft {
	float: left !important;
}
.clearboth {
	clear: both;
}
/* @end */