@import "normalize.less";


/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */

@font-face {
    font-family: 'TheanoDidotRegular';
    src: url('fonts/theanodidot-regular-webfont.eot');
    src: url('fonts/theanodidot-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/theanodidot-regular-webfont.woff') format('woff'),
         url('fonts/theanodidot-regular-webfont.ttf') format('truetype'),
         url('fonts/theanodidot-regular-webfont.svg#TheanoDidotRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@coffee: #a8813e;
@light: #ffffff;
@dark: #333333; 

.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}
.box-shadow(@size: 5px, @color: #888888) {
	-moz-box-shadow: 0px 0px @size @color;
	-webkit-box-shadow: 0px 0px @size @color;
	box-shadow: 0px 0px @size @color;
}
.gradient (@start: #554428, @finish: #A8813E) {
	background-image: linear-gradient(bottom, @start 0%, @finish 60%);
	background-image: -o-linear-gradient(bottom, @start 0%, @finish 60%);
	background-image: -moz-linear-gradient(bottom, @start 0%, @finish 60%);
	background-image: -webkit-linear-gradient(bottom, @start 0%, @finish 60%);
	background-image: -ms-linear-gradient(bottom, @start 0%, @finish 60%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, @start),
		color-stop(0.6, @finish)
	);
}
body {
	margin: 0px;
	padding: 0px;
	font-family: 'TheanoDidotRegular', arial, sans-serif;
	color: #666;
}

h1 {
	font-size: 26px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 13px;
}

h1, h2, h3, h4, h5 {
	padding: 0px;
	margin: 0.2em 0 0.3em;
	text-shadow: none;
}

a {
	text-decoration: none;
	color: #999;
}

.container {
	width: 1020px;
	margin: 0 auto;
	padding: 0px;
	background: @coffee;
}

header {
	nav {
		background: @coffee;
		height: 65px;

		a, a:hover, a:visited {
			color: #fff;
			text-transform: uppercase;
		}

		.logo {
			margin: 15px 0 0 30px;
			float: left;
		}

		ul {
			list-style: none;
			padding: 0px;
			margin: 0px;
			text-align: right;

			li {
				display: inline;

				a {
					padding: 27px 10px 15px 12px;
					display: inline-block;
					background: url("../images/separator.png") no-repeat left bottom;
				}
			}
		}
	}

	.homepage {
		height: 400px;
	}

	.subpage {
		height: 90px;
	}
}

.main {
	background: @light;

	nav {
		padding: 2px;
		background: @coffee;
		height: 45px;
		border-bottom: 4px solid @dark;

		h1 {
			color: @light;
			padding-left: 30px;
		}

		a {
			.rounded-corners(2px); 
			.gradient();
			.box-shadow();
			color: @light;
			border: 1px solid @dark;
			padding: 5px;
			float: right;
			margin: 0 20px 0;
			position: relative;
			bottom: -20px;
		}
	}

	nav.spacer {
		height: 10px;
	}

	aside {
		width: 300px;
		padding: 30px 0 10px;
		text-align: center;
		float: left;
	}

	.contents {
		width: 700px;
		float: right;
	}
}

footer {
	color: #fff;
	text-align: right;
	padding: 10px 40px;
	border-bottom: 15px solid #000;

	p {
		margin: 0px;
	}
}


#ContactForm {
	div {
		padding: 3px 0;
	}
	label {
		width: 130px;
		float: left;
	}
	.required label:after {
		color: red;
		content: "*";
	}
}
#message {
	margin: 10px 0; 
	padding: 0;

	.error {
		.rounded-corners();
		display: block; 
		height: 22px; 
		line-height: 22px; 
		background: #FBE3E4 url('../images/error.gif') no-repeat 10px center; 
		padding: 3px 10px 3px 35px; 
		color:#8a1f11;
		border: 1px solid #FBC2C4; 
	}
	.success { 
		padding: 3px 10px 3px 20px; 
		color: #006B15;
		border: 1px dotted #006B15; 
	}
}
.button, .button:visited, .button:hover {
	cursor: pointer;
	border: 1px solid #222;
	background: #333;
	color: #fff;
	padding: 4px 15px;
}

@import "media-queries.less";
@import "helpers.less";
@import "print.less";