@import "imports/exampleImport";
@import "typo.css";

@nice-blue:#5B83AD;
@light-blue:@nice-blue + #111;

#header { color: @light-blue; }

.bordered {
	border-top: dotted 1px black;
	border-bottom: solid 2px black;
}

#menu a {
	color: #111;
	.bordered;
}

.post a {
	color: red;
	.bordered;
}

#header {
	color: black;

	.navigation {
		font-size: 12px;
	}
	.logo {
		width: 300px;
		a:hover { text-decoration: none }
	}
}

@base: 5%;
@filler: @base * 2;
@other: @base + @filler;

.stuff {
	color: #888 / 4;
	background-color: @base + #111;
	height: 100% / 2 + @filler;
}

@var: 1px + 5;

#bundle {
  .button {
    display: block;
    border: 1px solid black;
    background-color: grey;
    :hover { background-color: white }
  }
  .tab { color: red; }
  .citation { width: 47px; }
}

#header a {
  color: orange;
  #bundle > .button;
}

#defaults {
  @width: 960px;
  @color: black;
  
  .stuff {
    color: white;
  }
}

.article { color: #294366; }

@var: red;

/* One hell of a comment */
@var: red;

// Get in line!
@var: white;

.rounded_corners (@radius: 5px) {
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;
}

#header {
  .rounded_corners;
}

#footer {
  .rounded_corners(10px);
}