// ---------------------------------------------------------------------------
// Imports

@import "base";
@import "sassybuttons";

// Import compass/typography for horizontal menu
@import "compass/typography/lists/horizontal-list";
@import "compass/typography/links/unstyled-link";
//@import "compass/typography/lists/bullets";
//@import "blueprint/typography";

/* -------------------------------------------------------*/
/* Colors */

$html-background-color: $color-cornsilk3;
$page-background-color: $html-background-color;
$top-bar-background-color: $color-cornsilk4;
$top-bar-text-color: $color-cornsilk1;
$menu-header-bg-color: $top-bar-background-color;
$menu-header-text-color: $top-bar-text-color;
$menu-background-color: $page-background-color;
$menu-text-color: $page-text-color;
$sidebar-menu-hover-color: $color-cornsilk2;
$page-text-color: $color-gray13;

/* -------------------------------------------------------*/
/* Layout */

html {
   background: $html-background-color;
}

.page {
    @include container;
    @include susy-grid-background;
    background: $page-background-color;
    font-family: Arial,Sans-Serif;
    @include unstyled-link;
    @include no-bullets;
    color: $page-text-color;
    a {
	text-decoration: none;
    color: $page-text-color;
    }
    a:link {
	text-decoration: none;
    }
    a:visited {
	text-decoration: none;
    }
    #top-bar {
	background: $top-bar-background-color;
	color: $top-bar-text-color;
	opacity: 0.6;
	.horizontal-menu {
	    @include horizontal-list;
	    @include omega;
	    font-weight: bold;
	    font-family: sans-serif;
	    a {
		@include sassy-button("simple");
	    }
	    a:hover {
		@include sassy-button;
	    }
	}
	.header {
	    h1 {
		font-size: 2.5em;
	    }
	    h2 {
		font-size: 1.3em;
	    }
	}
    }

    .two-col {
	.sidebar {
	    @include span-columns($total-columns / 4, $total-columns);
	    //@include blueprint-typography;
	    font-size: 1.2em;
	    background: $top-bar-background-color;
	    text-align: center;
	    a:hover {
		background: $sidebar-menu-hover-color;
		font-size: 1.1em;
	    }
	    .menu-header {
		background: $menu-header-bg-color;
		color: $menu-header-text-color;
	    }
	}
	.content {
	    @include span-columns(3 * $total-columns / 4, $total-columns);
	    @include omega;
	}
    }
    .footer {
	font-size: 1.2em;
    }
}



