@background-color:		#003399;
@background-hilite:		#0b9fea;
@accent-color:			#aa1627;
@light-color:			#e1dfdf;
@dark-color:			#303030;




body {
    background: #003399 url(/images/gradient.png) center top repeat-x;
}
#container {
	width: 960px;
	margin: 30px auto;
	padding-bottom: 40px;
	background: #fff;
	box-shadow: 0px 2px 8px darken(@background-color,10%);
	behavior: url('/js/mylibs/PIE.htc');
}
#header {
	height: 110px;
	padding: 5px;
	position: relative;
}
.highslide-header, .highslide-footer {
	display: none;
}
h1 {
	display: block;
	float: right;
	margin: 10px; margin-bottom: 0;
	width: 700px;
	font-family: 'DarrenBlackRegular';
	font-weight: normal;
	font-size: 30px;
	color: @background-color;
	text-shadow: 1px 2px 3px @light-color;
}
.ie6 h1 {
	margin: 10px 5px 0 5px;
}
#nav {
	position: relative;
	height: 24px;
	margin: 0 -10px;
    background: @light-color;
    background: -moz-linear-gradient(center top, lighten(@light-color,5%) 0%, darken(@light-color,5%) 10%);
    background: -webkit-gradient(linear,
		left top, left bottom, color-stop(0, lighten(@light-color,5%)), color-stop(1, darken(@light-color,5%)));
	border-top: 1px solid #fff;
	box-shadow: 0px 1px 3px rgba(0,0,0,.45);
}
.ie7 #nav, .ie8 #nav, .ie9 #nav {
	-pie-background: linear-gradient(lighten(@light-color,5%), darken(@light-color,5%)); 
	box-shadow: 0px 1px 3px rgba(0,0,0,.45);
	behavior: url('/js/mylibs/PIE.htc');
}
#nav .fl {
	position: absolute;
	left: 0; top: 24px;
	width: 0; height: 0;
	font-size: 1px;
	overflow: hidden;
	border: 10px solid #00216a;
	border-top-color: @background-hilite;
	z-index: -1;
}
#nav .fr {
	position: absolute;
	right: 0; top: 24px;
	width: 0; height: 0;
	font-size: 1px;
	overflow: hidden;
	border: 10px solid #00216a;
	border-top-color: @background-hilite;
	z-index: -1;
}
#nav .ml {
	position: absolute;
	left: 10px; top: 24px;
	width: 10px; height: 20px;
	background: #fff;
	z-index: -1;
}
#nav .mr {
	position: absolute;
	right: 10px; top: 24px;
	width: 10px; height: 20px;
	background: #fff;
	z-index: -1;
}
#nav ul {
	margin: 0; padding: 0;
	height: 17px;
	margin-top: 4px;
	list-style: none;
	font-family: 'DarrenMed', sans-serif;
	font-weight: normal;
	font-size: 108%;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #fff;
}
#nav ul li {
	display: inline;
	float: left;
	padding-left: 20px;
}
#nav ul li a {
	color: #444;
	text-decoration: none;
}
#nav ul li a.here {
	color: darken(@background-color,10%);
}
#nav ul li a:hover {
	color: @background-color;
}

#left {
	float: left;
	width: 240px;
}
#right {
	float: right;
	width: 710px;
}

ul#cat_list {
	float: left;
	list-style: none;
	margin: 0 0 10px 10px; padding: 0;
	padding-top: 9px;
	width: 230px;
}
.ie6 ul#cat_list {
	margin-left: 5px;
}
ul#cat_list li {
	margin: 0; padding: 0;
	padding-top: 5px;
	height: 18px;
	overflow: hidden;
	color: @accent-color;
	font-family: 'DarrenMed', sans-serif;
	font-weight: normal;
	font-size: 108%;
	text-indent: 26px;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #fff;
	border-top: 1px solid lighten(@light-color,50%);
	border-bottom: 1px solid darken(@light-color,5%);
	//box-shadow: 0px 1px 0px #fff;
	//behavior: url('/js/mylibs/PIE.htc');
	background: lighten(@light-color,5%);
}
ul#cat_list li a {
	color: @accent-color;
	text-decoration: none;
}
ul#cat_list li a.here {
	color: darken(@background-color,10%);
}
ul#cat_list li a:hover {
	color: @background-color;
}
div.hr {
	display: none;
}
div#text_blocks, div#form_blocks, div#contact_blocks {
	float: right;
	margin: 10px; padding: 0;
	margin-left: 0;
	width: 700px;
	
	ul#text, ul#form, ul#contact {
		margin: 0; padding: 0;
		list-style: none;
		
		li.text, li.form, li.contact {
			display: block;
			list-style: none;
		}
		
		h2 {
			height: 33px;
			padding-top: 4px;
			margin-bottom: 10px;
			background: @dark-color;
			color: #fff;
			font-family: 'DarrenBlackRegular';
			font-weight: normal;
			font-size: 24px;
			text-shadow: 0px -1px 0px #000;
			text-indent: 12px;
			-webkit-font-smoothing: subpixel-antialiased;
		}
		p {
			margin: 0; padding: 0;
			margin-bottom: 10px;
		}
		ul {
			margin-bottom: 10px;
		}
		li {
			list-style-type: disc;
			list-style-position: inside;
		}
	}
}
.ie6 div#text_blocks, .ie6 div#form_blocks, .ie6 div#contact_blocks {
	margin-right: 5px;
}

div#contact_blocks {
	width: 283px;
	padding: 15px 30px;
	border: 1px solid @light-color;
}
div#form_blocks {
	float: left;
	width: 343px;
}
#form_blocks form {
	width: 343px;
	border: 1px solid @light-color;
	background: #f9f9f9;

	p {
		margin: 10px;
	}
	#err {
		color: @accent-color;
	}
	input[type="submit"] {
		display: block;
		margin: 3px 0 10px 10px;
		font-size: 16px;
		color: #444;
	}
}
ul#form {
	list-style: none;
	li {
		margin: 10px;
		list-style: none;
	}
	label {
		display: block;
		font-size: 77%; font-weight: bold;
		text-transform: uppercase;
		color: darken(@light-color,40%);
	}
	input[type="text"] {
		display: block;
		margin: 3px 0 7px 0;
		width: 317px;
		border: 2px solid @light-color;
		font-size: 16px;
		color: #444;
	}
	select {
		display: block;
		margin: 3px 0 7px 0;
		background: #fffffe;
		font-size: 16px;
	}
	textarea {
		display: block;
		margin: 3px 0 7px 0;
		width: 317px; height: 75px;
		border: 2px solid @light-color;
		font-size: 16px;
		color: #444;
	}
}

div#side_blocks {
	clear: both;
	margin: 10px; padding: 0;
	margin-right: 0; padding-top: 10px;
	width: 230px;
	
	ul#side {
		margin: 0; padding: 0;
		list-style: none;
		
		li.side {
			display: block;
			list-style: none;
		}
		
		h2 {
			color: @dark-color;
			font-family: 'DarrenBlackRegular';
			font-weight: normal;
			font-size: 24px;
		}
		p {
			margin: 0; padding: 0;
			margin-bottom: 10px;
		}
		ul {
			margin-bottom: 10px;
		}
		li {
			list-style-type: disc;
			list-style-position: inside;
		}
	}
}
.ie6 div#side_blocks {
	margin-right: 5px;
}
div#slideshow_blocks {
	float: right;
	margin: 10px; padding: 0;
	margin-left: 0;
	width: 700px;
}
.ie6 div#slideshow_blocks {
	margin-right: 5px;
}
div#slideshow {
	float: left;
	margin: 0; padding: 0;
	width: 700px; height: 374px;
    background: #000;
	position: relative;
}
div#slideshow img { 
	position: absolute; 
	left: 0; top: 0; 
}
div#gallery {
	clear: both;
	float: right;
	margin: 10px; padding: 0;
	margin-left: 0;
	width: 700px;
}
.ie6 div#gallery {
	margin-right: 5px;
}
div#gallery h2 {
	width: 100%; height: 33px;
	padding-top: 4px;
	background: @dark-color;
	color: #fff;
	font-family: 'DarrenBlackRegular';
	font-weight: normal;
	font-size: 24px;
	text-shadow: 0px -1px 0px #000;
	text-indent: 12px;
	-webkit-font-smoothing: subpixel-antialiased;
}
ul#photos {
	display: relative;
	margin: 0 -10px; padding: 0;
	list-style: none;
}
.ie6 ul#photos {
	padding-left: 5px;
}
ul#photos li {
	display: inline;
	float: left;
	margin: 10px;
}
.ie6 ul#photos li {
	margin: 10px 5px;
}
ul#photos img {
	display: block;
	width: 220px; height: 220px;
}
ul#photos h3 {
	width: 210px; height: 17px;
	margin: 5px 0 0 0; padding: 0 5px;
	overflow: hidden;
	color: @accent-color;
	font-family: 'DarrenMed', sans-serif;
	font-weight: normal;
	font-size: 108%;
	text-transform: uppercase;
}
ul#photos h3 a {
	color: @accent-color;
	text-decoration: none;
}
ul#photos p {
	width: 210px; height: 28px;
	margin: 0; padding: 0 5px;
	overflow: hidden;
	font-size: 85%;
}



div.edit {
	font-size: 85%;
	color: darken(@light-color,20%);
	a {
		color: darken(@light-color,20%);
	}
}



#footer {
	clear: both;
	position: relative;
	height: 49px;
	margin: 0 -10px; padding: 11px 0 0 0;
	cursor: pointer;
    background: @accent-color;
    background: -moz-linear-gradient(center top, lighten(@accent-color,5%) 0%, darken(@accent-color,5%) 10%);
    background: -webkit-gradient(linear,
		left top, left bottom, color-stop(0, lighten(@accent-color,5%)), color-stop(1, darken(@accent-color,5%)));
	box-shadow: 0px 1px 3px rgba(0,0,0,.45);
}
.ie7 #footer, .ie8 #footer, .ie9 #footer {
	-pie-background: linear-gradient(lighten(@accent-color,5%), darken(@accent-color,5%)); 
	box-shadow: 0px 1px 3px rgba(0,0,0,.45);
	behavior: url('/js/mylibs/PIE.htc');
}
#footer:hover {
    background: lighten(@accent-color,5%);
    background: -moz-linear-gradient(center top, lighten(@accent-color,10%) 0%, darken(@accent-color,1%) 10%);
    background: -webkit-gradient(linear,
		left top, left bottom, color-stop(0, lighten(@accent-color,10%)), color-stop(1, darken(@accent-color,1%)));
}
.ie7 #footer:hover, .ie8 #footer:hover, .ie9 #footer:hover {
	-pie-background: linear-gradient(lighten(@accent-color,10%), darken(@accent-color,1%)); 
	behavior: url('/js/mylibs/PIE.htc');
}
#footer p {
	color: #fff;
	font-family: 'DarrenBlackRegular';
	font-weight: normal;
	font-size: 30px;
	text-align: center;
	text-shadow: 0px -1px 0px #000;
}
#footer .fl {
	position: absolute;
	top: 0; top: 60px;
	width: 0; height: 0;
	font-size: 1px;
	overflow: hidden;
	border: 10px solid @background-color;
	border-top-color: @background-hilite;
	z-index: -1;
}
#footer .fr {
	position: absolute;
	right: 0; top: 60px;
	width: 0; height: 0;
	font-size: 1px;
	overflow: hidden;
	border: 10px solid @background-color;
	border-top-color: @background-hilite;
	z-index: -1;
}
#footer .ml {
	position: absolute;
	left: 10px; top: 60px;
	width: 10px; height: 20px;
	background: #fff;
	z-index: -1;
}
#footer .mr {
	position: absolute;
	right: 10px; top: 60px;
	width: 10px; height: 20px;
	background: #fff;
	z-index: -1;
}
#copyright {
	position: relative;
	margin: -20px auto 30px auto;
	width: 960px;
	font-size: 85%;
	color: @background-hilite;
}
#login {
	position: absolute;
	top: 0; right: 0;
	a {
		color: @background-hilite;
		text-decoration: none;
	}
}
#editmode {
	position: fixed;
	top: 0; right: 0;
	cursor: pointer;
	z-index: 200;
}