@import 'compass/css3/border-radius';
@import 'compass/css3/box-shadow';
@import 'compass/css3/images';
@import 'inktank_colors';

$it-nav-active-color: $itaqua;
$it-nav-color: $itdarkred;
$it-nav-hover-color: $itred;
$it-nav-active-hover-color: $itlightaqua;
$it-background-color: $itdarkgray;

$it-tab-background: lighten($itlightgray, 9%);
.navbar {
    margin-bottom:0;
    .navbar-inner {
        @include background(linear-gradient(to bottom, darken($itdarkred, 20%), darken($itred, 40%)));
        @include border-radius(3px);
        @include box-shadow(0 2px 4px rgba(0, 0, 0, .2));
        border: 1px solid darken($itdarkred, 15%);
    }
}
.modal-header {
    font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
}
ul.nav {
    a {
        color: $it-nav-color;
    }
    a:hover {
        color: $it-nav-hover-color;
    }
}
ul.nav li.active {
    a {
        color: $it-nav-active-color;
	background: $it-tab-background;
	@include border-radius(3px);
    }
    a:hover {
        color: $it-nav-active-hover-color;
    }
}
.nav.nav-tabs {
	margin-right: 0px;
}
.container {
	margin-bottom: 10px;
}
.tab-content {
    min-height: 600px;
    padding: 12px 2em 0;
    margin: 0;
    background: $it-tab-background;
}
input {
    font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
}
table.users td {
    font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
    vertical-align: bottom;
}
table.users input {
	margin-top: -4px;
}
table.users th {
    font-size: 1.1em;
}
.users-uid {
    width: 1em;
    overflow: hidden;
}
.users-username {
    width: 1em;
}
.users-email {
    width: 10em;
}
.users-twitter {
    width: 5em;
}
h4 {
    font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
	font-size: 2em;
	min-height: 29px;
	vertical-align: middle;
	.spacing-hack {
	    visibility: hidden;
    	}
}
hr.settings-separator {
    border: 0;
    margin: 0 0 30px 0;
    height: 1px;
    background: darken($itlightgray, 20%);
}
