// PRE-IMPORTS

@import "../../lib/bootstrap/less/bootstrap.less";
//@import "../yii/vendors/TextHighlighter/highlight.css";

// VARIABLES

@imageUrl: "../../../demo/images/";

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

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

.subnav {
    border: 1px solid #E5E5E5;
    .border-radius(4px);
    .size(36px, 100%);
    #gradient > .vertical(#F5F5F5, #EEE);

    &.subnav-fixed {
        border-color: #D5D5D5;
        border-width: 0 0 1px;
        left: 0;
        position: fixed;
        right: 0;
        top: 40px;
        z-index: 1030;
		.border-radius(0);
		.box-shadow(inset 0 1px 0 #FFF, 0 1px 5px rgba(0, 0, 0, .1));
    }

    .nav {
        margin: 0 auto;
        width: 1170px;

        & > li > a {
            margin: 0;
            padding-top: 11px;
            padding-bottom: 11px;
            border-left: 1px solid whiteSmoke;
            border-right: 1px solid #E5E5E5;
            .border-radius(0);
        }
        
        & > li:first-child > a {
            border-left: 0;
        }
        
        & > li:last-child > a {
            border-right: 0;
        }
        
        & > .active >a, & .action > a:hover {
            background-color: #E9E9E9;
            border-right-color: #DDD;
            color: #777;
            .box-shadow(inset 0 3px 5px rgba(0, 0, 0, .05));
        }
    }
}

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

	.copy {
		color: #666;
	}
}

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

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

span.required {
	color: #F00;
}

.version {
	color: #CCC;
	margin: 10px 10px 10px;
}

section {
	padding-top: 80px;

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

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

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

#bootTabbed .tabbed {
	margin-bottom: 20px;
}

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

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

// POST-IMPORTS

// Responsive style must be included after the body padding has been set.
@import "../../lib/bootstrap/less/responsive.less";