// IMPORTS

@import "../../lib/bootstrap/less/mixins.less";
@import "highlight.less";

// VARIABLES

body {
    padding-top: 100px;
	padding-bottom: 60px;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.6em;
}

p {
	font-size: 14px;
	margin-bottom: 1.6em;
}

.hero-unit {
    margin-bottom: 0;

    h1 {
        margin-bottom: 0.4em;
    }

	p {
		text-align: justify;

        &:last-child {
            margin-bottom: 0;
        }
	}
}

.navbar {
	.add-this {
	    margin: 6px 0 6px 10px;
		padding: 6px 0;
	}
}

.navbar-subnav-fixed .nav {
    max-width: 1170px !important;
}

footer {
	.powered {
		color: #888;
		margin-bottom: 20px;
	}

	.copy {
		color: #666;
	}
}

span.required {
	color: #F00;
}

.popover h3.popover-title {
	margin-bottom: 0;
}

section {
	padding-top: 80px;

	a.top {
		display: block;
		text-align: right;
	}
}

#bootNavbar .navbar-inner > .container {
	width: auto;
}

#bootMenu .menuCol {
	min-height: 140px;
}

#bootTabbable .tabbable {
	margin-bottom: 20px;

	.tab-content {
		width: auto;
	}

	&.tabbable-placed {
		width: 340px;
	}
}

#bootThumbnails .list-view {
	padding-top: 30px;
}

#bootActiveForm .form-vertical .control-group > label {
	font-weight: bold;
}

#bootHero .hero-unit {
	width: 650px;

	h1 {
		margin-bottom: 0;
	}

	p {
		margin-bottom: 9px;

		&:last-child {
			margin-bottom: 0;
		}
	}
}

#bootCarousel .carousel {
	width: 770px;

	.carousel-caption p {
		margin-bottom: 9px;
	}
}

#bootTypeahead input {
	margin-bottom: 0;
}

.php-hl-main,
.html-hl-main,
.javascript-hl-main {
	margin-bottom: 20px;

	pre {
	    background: #FCFCFC;
	    border-color: #EEE transparent #EEE;
		font-family: "Menlo", "Consolas", "Courier New", Courier, mono;
		.border-radius(0);
	}
}

.maintenance .hero-unit {
	text-align: center;

	p {
		text-align: inherit;
	}
}

@media (max-width: 980px) {
	body {
		padding-top: 0px;
	}
}
