/*  LESS CSS  *********************************************/
@PageContentWidth: 700px;
@FontHeadline: Verdana, Geneva, sans-serif;
@FontText: Verdana, Geneva, sans-serif;
@PrimaryColor: #ffffff;
@SecondaryColor: #ffffff;
@TextColor: #ffffff;
@BrightColor: #fcfcfc;
@BorderSize: 1px;
@BorderStyle: solid #6f6056;
@BorderRadius: 2px;
@ImagePadding: 5px;
@LineHeight: 17px;
@TextShadow: 1px 1px 1px #4c3b2e;
/***********************************************************/

html, body 		{ background-color:#000000; height:100%; margin:0; padding:0; }

/*  SITE LAYOUT  *******************************************/
.sitecontent {
	
	/*  BODY  */
	background:url(/gfx/layout/bgrepeat.gif) repeat left top; font-family:@FontHeadline; font-size:11px; height:100%; color:@TextColor;
	
	/*  TEXT  */
	h1, h2, h3, h4, h5, h6			{ text-shadow:@TextShadow; float:left; width:100%; }
	h1								{ text-transform:uppercase; font-size:24px; color:@PrimaryColor; margin-bottom:@LineHeight; }
	h2								{ font-size:18px; color:@PrimaryColor; margin-bottom:@LineHeight - 10px; }
	h3								{ font-size:16px; color:@SecondaryColor; margin-bottom:@LineHeight - 10px; }
	h4								{ font-size:14px; color:@SecondaryColor; }
	h5								{ font-size:12px; color:@SecondaryColor; }
	h6								{ font-size:10px; color:@SecondaryColor; }
	p								{ font-size:11px; line-height:@LineHeight; color:@TextColor; margin-bottom:@LineHeight; float:left; width:100%; }
	a								{ color:@PrimaryColor; text-decoration:none; }
	a:hover							{ text-decoration:underline; }
	
	/*  MENU  */
	.menu							{ margin-top:100px; float:right; }
	.menu li						{ float:left; }
	.menu li a						{ background:url(/gfx/layout/menu.png) repeat-x 0px 0px; padding:0px 10px; line-height:40px - @BorderSize*2; color:@SecondaryColor; text-transform:uppercase; text-decoration:none; display:block; }
	.menu li a:hover				{}		
	.menu li.selected a				{ color:@PrimaryColor; background:url('/gfx/layout/selected.png') no-repeat center top; margin-top:-25px; padding-top:25px; }
	
	/*  SUBMENU  */
	.submenu						{ margin-top:50px; }
	.submenu h1						{ display:none; }
	.submenu ul li a				{ line-height:30px; display:block; border-bottom:1px dashed #976f4c; padding-left:10px; color:@SecondaryColor; font-size:13px; }
	.submenu ul li:first-child a	{ border-top:1px dashed #976f4c; }
	.submenu ul li a:hover			{ background-color:#533f31; text-decoration:none; color:@PrimaryColor; }
	.submenu ul li.selected a		{ color:@PrimaryColor; background-color:#533f31; }
	.submenu ul li i a				{ padding-left:20px; font-style:normal; }
	
	/*  FLASH  */
	.flashShadow					{ background:url('/gfx/layout/flashshadow.png') no-repeat center top; width:927px; height:443px; position:relative; top:5px; left:6px; }
	.flash							{ height:435px; width:919px; overflow:hidden; margin:0 auto; position:relative; top:4px; left:0px; }
	
	/*  LANGUAGES  */
	.languages						{ float:left; }
	.languages li					{ float:left; margin:0px 5px; }
	
	/*  FRONTPAGELINKS  */
	.frontpagelinks > a				{ width:220px - 10px - @BorderSize*2; height:110px - 10px - @BorderSize*2; padding:@ImagePadding; border:@BorderSize @BorderStyle; border-radius:@BorderRadius; background:@BrightColor; display:block; }
	.frontpagelinks > a:hover		{ border-color:@PrimaryColor; }
	.frontpagelinks h3 a			{ color:@SecondaryColor; text-decoration:none; }
	.frontpagelinks h3 a:hover		{ color:@PrimaryColor; text-decoration:none; }
	
	/*  FOOTER */
	.footer							{ font-size:11px; color:@SecondaryColor; text-transform:uppercase; font-weight:bold; padding-top:15px; padding-bottom:20px; line-height:@LineHeight; }
	.footer h2, .footer a			{ color:@SecondaryColor; }
	.footer a:hover					{ color:@PrimaryColor; text-decoration:none; }
	.footer ul						{ float:left; }
	
	/*  USER SET  */
	.space							{ margin-top:30px; }
	.footerWrapper					{ background:#000000 url('/gfx/layout/bottom.gif') repeat-x left top; width:100%; }
	.stitches						{ background:url('/gfx/layout/stitches.png') repeat-y left top; height:100%; padding-bottom:20px; }
	.topLogo						{ margin-top:20px; margin-left:20px; }
	
	.topShades						{ background:url('/gfx/layout/headerShades.png') no-repeat left top; width:958px; height:96px; margin-bottom:-96px; }
	
	.calendarButton					{ float:right; margin-top:80px; margin-right:120px; }
	.frontText h1					{ font-size:18px; font-weight:bold; padding-left:38px; padding-top:54px; line-height:20px; }
	.frontText p					{ padding-left:38px; padding-top:0px; }
	
	.sponsors						{ margin:0 auto; }
	.sponsors h2						{ float:left; color:#888888; }
	.sponsorContainer ul				{ }
	.sponsorContainer li				{ float:left; border:7px solid #333333; }
	
	.copyright						{ padding-top:50px; text-align:center; color:#888888; }
	.copyright a					{ color:#888888; }
	
	.stickyFooter					{ min-height:100%; height:100%; position:relative; }
	
	.backgroundColor				{ background:url(/gfx/layout/bgrepeat.gif) repeat left top; }
	
	.clearfix:after {
	content:"."; 
	display:block; 
	height:0;
	clear:both; 
	visibility:hidden; 
}
	
}
/***********************************************************/


/*  CONTENT LAYOUT  ****************************************/
.subcontent {
	
	background:url(/gfx/layout/bgrepeat.gif) repeat left top;
	
	float:left; width:@PageContentWidth;
	
	/*  PAGEOPTIONS  */
	#pageContents_divPageOptions		{ float:left; clear:both; width:@PageContentWidth; padding-bottom:10px; border-bottom:@BorderSize @BorderStyle; margin-bottom:@LineHeight; }
	#pageContents_divPageOptions > span	{ margin-left:20px; float:right; cursor:pointer; }
	#pageContents_divPageOptions span span	{ float:left; display:block; line-height:16px; margin-left:5px; }
	#pageContents_divPageOptions span span:hover { color:@PrimaryColor; }
	#pageContents_divPageOptions span img	{ float:left; }
	
	/*  INPUT MODULS  */
	input, textarea					{ outline:none; border:@BorderSize @BorderStyle; height:30px - 10px - @BorderSize*2; width:200px - 20px - @BorderSize*2; float:left; padding:5px 10px; color:@SecondaryColor; background:@BrightColor; border-radius:@BorderRadius; }
	.field							{ float:left; position:relative; width:200px; }
	.field + .field					{ margin-left:10px; }
	.field + .field input			{ *margin-left:-10px; }
	input:focus, textarea:focus		{ border-color:#000000; }
	input[type=submit]				{ filter:chroma(color=#000000); width:auto; height:30px; color:@BrightColor; background-color:#4a372a; cursor:pointer; margin-left:10px; }
	input[type=submit]:active		{ border-color:#6f6056; background-color:#4a372a; color:@BrightColor; }
	input[type=submit]:hover		{ border-color:@PrimaryColor; }
	.watermark						{ position:absolute; margin:7px 10px; color:@SecondaryColor; left:0px; }
	.watermark label				{ cursor:text; }
	
	/*  IMAGE MODULS  */
	p span, p span img				{ float:left; border-radius:@BorderRadius; }
	p span.fl						{ margin:0px 20px 20px 0px; float:left; }
	p span.fr						{ margin:0px 0px 20px 20px; float:right; }
	p span + span 					{ float:left; margin-left:20px; }
	p span i						{ float:left; clear:both; width:100%; }
	p span img[style] 				{ border:5px solid #4a372a !important; }
	
	/*  NEWS MODULS  */
	.news							{ float:left; margin-bottom:@LineHeight; }
	.news .newssearch				{ width:@PageContentWidth; float:left; }
	.newslist						{ float:left; }
	.newslist .newsitem				{ float:left; padding:20px 0px; width:@PageContentWidth; border-bottom:1px dashed #976f4c; }
	.newslist .newsitem:first-child	{ border-top:1px dashed #976f4c; margin-top:20px; }
	.newsitem > a					{ float:left; margin-right:20px; border:1px solid #4a372a; padding:@ImagePadding; background:#4a372a; border-radius:@BorderRadius; }
	.newsitem > a:hover				{ border-color:#6f6056; }
	.newsitem .newstext				{ float:left; width:@PageContentWidth - 160px - 20px - @BorderSize*2 - @ImagePadding*2; }
	.newsitem .newstext p			{ margin-bottom:0px; }
	.newsitem .newstext h2 a		{ float:left; }
	.newsitem .newstext h2 em		{ font-size:11px; color:@SecondaryColor; float:right; }
	.news .newspage					{ float:left; width:@PageContentWidth; text-align:center; padding-top:10px; height:28px; display:block; }
	.news .newspage a			{ padding:5px 10px; text-align:center; background:#4a372a; display:inline-block; color:@BrightColor; border:1px solid #6f6056; }
	.news .newspage a:hover			{ text-decoration:none; color:@PrimaryColor; border-color:@PrimaryColor; }
	.news .newspage a.active		{ background:#4a372a; color:@BrightColor; }
	.news .newspage a:active		{ background:#4a372a; color:@BrightColor; }
	
	/*  NEWS VIEW  */
	.newsview						{ float:left; }
	.viewback						{ width:@PageContentWidth; display:block; float:left; text-align:left; border-bottom:@BorderSize @BorderStyle; line-height:28px; margin-bottom:@LineHeight; }
	.viewback.bottom				{ border-bottom:0px; border-top:@BorderSize @BorderStyle; }
	.newsview h1 em					{ font-size:11px; color:@SecondaryColor; float:right; }
	.newsview .newsimages			{ float:left; margin-bottom:@LineHeight; width:@PageContentWidth; }
	.newsview .newsimages .image	{ float:left; display:block; max-width:@PageContentWidth - @BorderSize*2 - @ImagePadding*2; max-height:350px - @BorderSize*2 - @ImagePadding*2; padding:@ImagePadding; overflow:hidden; border:@BorderSize @BorderStyle; background:@BrightColor; border-radius:@BorderRadius; }
	.newsview .newsimages .image:hover { border-color:@PrimaryColor; }
	.newsview .newsimages .image a	{ display:block; max-height:350px - @BorderSize*2 - @ImagePadding*2; overflow:hidden; }
	.newsview .newsimages .image img{ max-width:@PageContentWidth - @BorderSize*2 - @ImagePadding*2; height:auto; }
	.newsview .newsimages .list		{ float:left; width:@PageContentWidth; clear:both; }
	.newsimages .list ul			{ margin:10px 0px 0px -10px; float:left; }
	.newsimages .list li			{ width:108px - @BorderSize*2 - @ImagePadding*2; border:@BorderSize @BorderStyle; padding:@ImagePadding; background:@BrightColor; height:75px - @BorderSize*2 - @ImagePadding*2; float:left; margin:0px 0px 10px 10px; border-radius:@BorderRadius; }
	.newsimages .list li:hover		{ border-color:@PrimaryColor; }
	.newsimages .list li a			{ display:block; height:75px - @BorderSize*2 - @ImagePadding*2; overflow:hidden; }
	.newsimages .list li a img		{ width:108px - @BorderSize*2 - @ImagePadding*2; height:auto; }
	.newsview .newsimages a:hover	{ border-color:@PrimaryColor; }
	.newsview .newscomment			{ float:left; margin-bottom:@LineHeight; }
	
	@FormWidth: @PageContentWidth - 150px - 20px;
	.newscomment, .guestbook-entries{ float:left; clear:both; width:@PageContentWidth; margin-bottom:@LineHeight; }
	.newscomment .textarea			{ margin-top:10px; }
	.newscomment textarea			{ width:@FormWidth - 20px - @BorderSize*2; height:150px - 10px - @BorderSize*2; }
	.newscomment .form .field		{ width:200px; }
	.newscomment input[type=text]	{ width:200px - 20px - @BorderSize*2; }
	.newscomment input[type=submit] { width:45px; }
	.newscomment .form				{ width:@FormWidth; float:left; }
	.newscomment .error				{ width:150px; float:left; margin-left:20px; }
	.newscomment .error span		{ background:url(/gfx/Modules/starerror.png) no-repeat 0px 4px; padding-left:15px; color:#c28484 !important; line-height:20px; }
	
	/*  GALLERY MODULS  */
	@GalleryWidth: (@PageContentWidth - 20px*3) / 4; /* content width - margin*3 / 4 images */
	@GalleryHeight: @GalleryWidth * 0.75;
	.gallery						{ float:left; width:@PageContentWidth; *margin-bottom:@LineHeight; }
	.gallery ul						{ margin-left:-20px; float:left; }
	.gallery li						{ width:@GalleryWidth - @BorderSize*2 - @ImagePadding*2; border:1px solid #4a372a; padding: @ImagePadding @ImagePadding 36px @ImagePadding; background:#4a372a; height:@GalleryHeight - @BorderSize*2 - @ImagePadding*2; float:left; margin:0px 0px 40px 20px; border-radius:@BorderRadius; }
	.gallery li a					{ display:block; height:@GalleryHeight - @BorderSize*2 - @ImagePadding*2; overflow:hidden; }
	.gallery li a img				{ width:@GalleryWidth - @BorderSize*2 - @ImagePadding*2; height:auto; }
	.gallery li:hover				{ border-color:#6f6056; }
	.gallery li i					{ text-align:center; line-height:24px; float:left; width:@GalleryWidth; height:25px; background-color:#4a372a; border-left:5px solid #4a372a; border-right:5px solid #4a372a; border-top:1px solid #6f6056; border-bottom:1px solid #6f6056; width:149px; margin-left:-5px; margin-top:5px; margin-bottom:5px; }
	
	/*  LOGIN MODULS  */
	.login							{ float:left; width:@PageContentWidth; margin-bottom:@LineHeight; }
	.login .inputs					{ clear:both; width:100%; float:left; margin-top:10px; }
	.login input:focus				{ border-color:@PrimaryColor; }
	.login .inputs a				{ float:left; }
	.login .inputs a + a			{ margin-left:20px; }
	span.loggedInHeader				{ display:block; float:left; height:30px - 10px - @BorderSize*2; border:@BorderSize @BorderStyle; width:auto - 20px; outline:none; padding:5px 10px; color:@SecondaryColor; background:@BrightColor; }
	
	/*  FILE MODULS  */
	.fileContainer					{ float:left; margin-bottom:@LineHeight; clear:both; width:@PageContentWidth; }
	.fileContainer ul				{ float:left; width:100%; }
	.fileContainer li				{ padding:15px 0 15px 0; float:left; width:100%; position:relative; }
	.fileContainer ul li a			{ float:left; padding-left:40px; }
	.fileContainer ul li a img		{ position:absolute; top:6px; left:0px; }
	
	/*  CALENDAR MODULS  */
	.calendar						{ float:left; clear:both; width:@PageContentWidth; margin-bottom:@LineHeight; }
	.calendar > table				{ float:left; width:300px; border:1px @BorderStyle; background:none; border-radius:@BorderRadius; }
	.calendar table.header			{ border:0px; background:@BrightColor; }
	.calendar table.header td		{ border:0 none; text-transform:uppercase; text-align:center; color:@PrimaryColor; }
	.calendar table.header td a		{ color:@SecondaryColor !important; }
	.calendar table.header td a:hover{ color:@PrimaryColor !important; text-decoration:none; }
	.calendar table td				{ height:40px; border:@BorderSize @BorderStyle; color:@SecondaryColor; font-weight:bold; }
	.calendar table th				{ height:20px; border:@BorderSize @BorderStyle; color:@SecondaryColor; font-weight:bold; text-align:center; }
	.calendar table td.day a		{ display:block; line-height:40px; height:40px; vertical-align:middle; width:42px; position:relative; color:@SecondaryColor; }
	.calendar table td.day a:hover	{ color:@PrimaryColor; text-decoration:none; }
	.calendar table td.day a span	{ display:block; position:absolute; height:7px; width:7px; top:2px; left:2px; border-top:3px solid @PrimaryColor; border-left:3px solid @PrimaryColor; }
	.calendar table td.today		{ background:@PrimaryColor; color:@BrightColor; }
	.calendar table td.today.event a { color:@BrightColor; }
	.calendar table td.today.event span	{ border-color:@BrightColor; }
	.calendar table .today.event a:hover{ color:@BrightColor; }
	.calendar ul					{ float:left; width:@PageContentWidth - 300px - 20px; margin-left:20px; }
	.calendar ul li					{ float:left; width:100%; margin-bottom:10px; }
	.calendar ul li h3 a			{ float:left; }
	.calendar ul li h3 em			{ font-size:11px; color:@SecondaryColor; float:right; }
	
	/*  COUNTER MODULS  */
	.view-counter					{ float:left; clear:both; margin-bottom:@LineHeight; }
	
	/*  VIDEO MODULS  */
	p a.movie						{ position:relative; display:block; float:left; }
	p a.movie .moviebutton			{ position:absolute; left:280px; bottom:150px; }
	
	/*  GUESTBOOK MODULS  */
	@InputBookWidth: (@PageContentWidth - 10*2 - 45px - 20px - 150px) / 2; /* content width - margin*2 - submit width - margin - error div width / 2 inputs */
	.guestbook-form, .guestbook-entries	{ float:left; clear:both; width:@PageContentWidth; margin-bottom:@LineHeight; }
	.guestbook-form .textarea		{ margin-top:10px; }
	.guestbook-form textarea		{ width:@FormWidth - 20px - @BorderSize*2; height:150px - 10px - @BorderSize*2; }
	.guestbook-form .form .field	{ width:@InputBookWidth; }
	.guestbook-form input[type=text]{ width:@InputBookWidth - 20px - @BorderSize*2; }
	.guestbook-form input[type=submit] { width:45px; }
	.guestbook-form .form			{ width:@FormWidth; float:left; }
	.guestbook-form .error			{ width:150px; float:left; margin-left:20px; }
	.guestbook-form .error span		{ background:url(/gfx/Modules/starerror.png) no-repeat 0px 4px; padding-left:15px; color:#c28484 !important; line-height:20px; }
	
	.guestbook-gravatar				{ display:none }
	
	/*  FAMILY MODULS  */
	.FamilyTree						{ float:left; clear:both; width:@PageContentWidth; margin-bottom:@LineHeight; }
	.FamilyTree td					{ border:1px dashed #976f4c; background-color:#4a372a; padding:5px; }
	
	/* HORSE VIEW */
	.horseview                      { float:left; }
	
	/* WYSIWYG */
	.wysiwyg						{ float:left; width:@PageContentWidth; margin-bottom:@LineHeight; }
	.wysiwyg span					{ color:#ffffff !important; }
	.wysiwyg table tr td			{ border:none; padding:10px; }	
}
/***********************************************************/


/*  ADMINISTRATION LAYOUT  ****************************************/
.admincontent {
	
	width:@PageContentWidth;
    .playButton		{ position:absolute; left:50%; top:50%; margin:-42px 0px 0px -42px; }
}
/***********************************************************/