/*
LESS CSS Features
Variables:  
	@nice-blue: #5B83AD;
	
Mixins: 
	#menu a {
	  color: #111;
	  .bordered;
	}
	
Parametric Mixins:
	.border-radius (@radius) {
	  border-radius: @radius;
	  -moz-border-radius: @radius;
	  -webkit-border-radius: @radius;
	}	
	#header {
	  .border-radius(4px);
	}
	
@arguments variable
	.box-shadow (@x: 0, @y: 0, @blur: 1px, @color: #000) {
	  box-shadow: @arguments;
	  -moz-box-shadow: @arguments;
	  -webkit-box-shadow: @arguments;
	}
	.box-shadow(2px, 5px);
	

*/

@font-face {
  font-family: 'FontDinerSparkle';
  src: url('type/FontdSpaTT.eot'); /* IE9 Compat Modes */
  src: url('type/FontdSpaTT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('type/FontdSpaTT.woff') format('woff'), /* Modern Browsers */
    url('type/FontdSpaTT.ttf') format('truetype'), /* Safari, Android, iOS */
    url('type/FontdSpaTT.svg#Franklin') format('svg'); /* Legacy iOS */
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
}

html {
	background: url(../images/bg-gray-texture.jpg);
/*	background: url(../images/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}

body{ background: none; }

.bg-squares {
	background: url(../images/rectangles.png) 0 0;
	background-repeat: repeat-x;
	display: block;
	width: 100%;
}

#bg-logo { background-position: 0 100px; }

.bg-amoebas {
	text-align: center;
	background: url(../images/amoebas.png) 0 0;
	background-repeat: repeat-x;
	display: block;
	width: 100%;
	height: 150px;
}

.section { margin-top: 60px; }

body,
h1,
/*h2,*/
h3,
h4,
h5,
h6,
textarea,
.navbar-search,
.search-query {
  font-family: 'Droid Serif', serif;
  font-size: 18px;
  line-height: 25px;
}

h1 {
	font-family: 'FontDinerSparkle', 'Droid Serif', arial;
	font-weight: normal;
	font-size: 100px;
	line-height: 150px;
}

h2 {
	font-family: 'FontDinerSparkle', 'Droid Serif', arial;
	font-weight: normal;
	font-size: 40px;
	line-height: 45px;
}

footer {
	font-size: 30px;
	font-family: 'FontDinerSparkle', 'Droid Serif', arial;
}


.navbar .nav {
	display: inline-block !important;
	float: none;
	font-family: 'FontDinerSparkle', 'Droid Serif', arial;
	font-weight: normal;
	margin: 0;
}

.navbar .nav > li > a {
	font-size: 35px;
	line-height: 40px;
	text-shadow: 0 2px 1px #fff;
	padding: 10px 15px;
}

.navbar-fixed-top { margin-bottom:0;}

.navbar-inner {
  min-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #2c2c2c;
  background-image: -moz-linear-gradient(top, #ffffff, #e0e0e0);
  background-image: -ms-linear-gradient(top, #ffffff, #e0e0e0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e0e0e0));
  background-image: -webkit-linear-gradient(top, #ffffff, #e0e0e0);
  background-image: -o-linear-gradient(top, #ffffff, #e0e0e0);
  background-image: linear-gradient(top, #ffffff, #e0e0e0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
}

.logo {
	display: block;
	margin: auto;
	position: relative;
	top: 40px;
	z-index: 2000;
}

@media (max-width: 979px) {
  .logo {top: -10px;}
  .navbar .nav > li > a {
    text-shadow: 1px 0 0 #fff !important;
	color: #000;
	font-weight: normal; /* iPad fix */
  }
}


.mixin (@a) when (lightness(@a) >= 50%) {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5f000000, endColorstr=#5f000000)"; /* IE8 ruelz */
	background-color: rgba(0,0,0,0.45);	/* IE9 renders this too dark so it has its own stylesheet */
	text-shadow: 0 1px #000;
}

.mixin (@a) when (lightness(@a) < 50%) {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5fffffff, endColorstr=#5fffffff)"; /* IE8 ruelz */
	background-color: rgba(255,255,255,0.45);	/* IE9 renders this too dark so it has its own stylesheet */
	text-shadow: 0 1px #fff;}

.mixin (@a) {
  color: @a;
}
.dark-trans-bg { .mixin(#fff) }
.light-trans-bg { .mixin(#111) }
.dark-type { color: #111; text-shadow: 0 1px #fff; }
.light-type { color: #fff; }