/*
Theme Name: Kil-a-Bytes
Theme URI: http://mckenzierobotics.org

Author: Luke Shumaker
Author URI: http://lukeshu.ath.cx

License: GNU General Public License
License URI: license.txt

Description: HTML5 Theme for FRC team 1024, a child theme of Twenty-Eleven
Version: 0.1

Template: twentyeleven
*/

@import "../twentyeleven/style.css";
@import "logo-style.scss";

$yellow         : #FFFF00;
$background-blue: #2210D2;
$highlight-blue : #0000FF; //<-lighter that background, darker than light
$light-blue     : #1E90FF;

@mixin gradient($color1, $color2) {
	background-color: $color1;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#{$color1}, endColorstr=#{$color2});
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from($color1), to($color2)); // older syntax
	background-image: -webkit-linear-gradient($color1, $color2);
	background-image:    -moz-linear-gradient($color1, $color2);
	background-image:      -o-linear-gradient($color1, $color2);
	background-image:         linear-gradient($color1, $color2);
}

body {
	background-color: $background-blue;		
	#page {
		box-shadow: 0 .1em 0 #AAAAFF inset;
		border: {
			style: solid;
			width: 0.1em;
			color: #000099;
			radius: 2em 2em 0 0;
		}
		header#branding {
			border: none;
			hgroup {
				margin: 0;
				
				min-height: 175px;
				background: {
					//color: $background-blue;
					image: url('img/swoosh.png');
					repeat: no-repeat;
					position: right bottom;
				}
				
				padding: 2em 50% 0 3em;
				overflow: hidden;
				/* border: solid 1px red; */
				a {
					text-decoration: inherit;
					color: inherit;
				}
				#team-name {
					@extend .logo-nowhite;
					font-size: 80px;
				}
				h2 {
					@extend .logo-nowhite;
					font-size: 40px;
				}
				#team-number {
					@extend .logo-white;
					position: absolute;
					bottom: 0.2em;
					right: 0.4em;
					font-size: 130px;
					line-height: 1em;
				}
			}
		}
		#access {
			box-shadow: none;
			border-top: solid 0.2em $yellow;
			@include gradient($light-blue, $highlight-blue);
		}
	}	
}

/*div.menu-wp_nav_menu-container {
	margin: 0 .5em !important;
}
*/