﻿
html {
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	line-height: normal;
	background: 
	url(../images/image1.png) no-repeat 0 500px,
	url(../images/image2.png) no-repeat 100% 1000px,
	url(../images/image3.png) no-repeat 0 1500px,
	url(../images/image4.png) no-repeat 100% 2000px,
	url(../images/image1.png) no-repeat 0 2500px,
	url(../images/image2.png) no-repeat 100% 3000px,
	url(../images/image3.png) no-repeat 0 3500px,
	url(../images/image4.png) no-repeat 100% 4000px,
	
	url(../images/header_snow.png) repeat-x 50% 0,
    url(../images/pattern.png) repeat 50% 0,	
	url(../images/header_blot.png) repeat-x 0 0,
	url(../images/wood_texture.jpg) repeat	
	 ;

}

header {
	font-family: "Amatic SC", cursive;
	font-size: 20px;
	line-height: normal;
	font-weight: bold;
}

header a{
	
}
header a:hover{
	
}

.title {
	font-family: "Amatic SC", cursive;
	color: #FFF;
	margin-top: 1.5em;
	text-shadow: 3px 2px #000;
	font-weight: bold;
}

.gold-text {
	color: #D5BA7B;	
}

.gold {
	background-color: #E7D8B4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #685322;
	padding: 15px;
}

.slider {

outline: 3px solid #C7A551;
outline-offset: -8px;
}



[class*='uk-icon-'] {
	color: #0052CA;
}

.uk-button [class*='uk-icon-'] {
	color: #FFFFFF;
	font-size: 1.3rem !important;
}

.sort-back {
	color: #FFF;
	background-color: #C7A551;
	margin-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}





footer{
background: url(../images/header_snow_footer.png) repeat-x 50% 0, 
url(../images/header_blot_footer.png) repeat-x 0 10%;
	font-size: 14px;
	padding-top: 12em;
	position: relative;	
}
footer a{
}
footer a:hover{
}

footer [class*='uk-icon-'] {
	
}
button {
}




nav {
}
nav a{
}
nav a:hover{
}
nav a:active{
	
}

section {
	position: relative;
	margin-bottom: 30px;
	padding-top: 25px;
	padding-right: 2.5em;
	padding-bottom: 25px;
	padding-left: 2.5em;
	
}


label {
	display: block;
	font-size: 16px;
	font-weight: normal;
	color: #666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}.error {	font-weight: bold;	color: #FF3300;}
a {
}
a:visited {
}
a:hover {
}
a:active {
}
button {
}


h1 {
	font-size: 2em;
	text-align: center;
	color: #0052CA;
	line-height: 1em;
	padding-bottom: 0.5em;
	font-family: "Amatic SC", cursive;
	font-weight: bold;
	
}

h2 {
	font-size: 3em !important;
	text-align: left;
	color: #0052CA;
	line-height: 1em;
	font-family: "Amatic SC", cursive;
	font-weight: bold;
}


h3 {
	font-size: 1.2em;
	color: #0052CA;
	text-align: center;
	line-height: 1em;
	font-weight: bold;
	
}

.uk-panel-title {
	font-size: 2em;
line-height: 1em;	
	color: #0052CA !important;
		font-weight: bold !important;


}

h4 {
	font-size: 1em;
	line-height: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
}

h5 {

}

ul {
}


hand {	cursor: pointer;}

.medium {
	font-size: 1.5em;
	line-height: normal;
}

.large {
	font-size: 3em;
	line-height: normal;
}

.xlarge {
	font-size: 5em;
	line-height: normal;
}
.small {
	font-size: 0.85em;
	line-height: normal;
	
}

.uk-button {
	text-transform: uppercase;
	font-family: "Amatic SC", cursive;
	font-weight: bold;
}

.black-text {
	color: #000;	
}

.black-text a {
	color: #000;	
}

.white-text {
	color: #FFF;
}

.white-text a {
	color: #FFF;
}

.grey-text {
	color: #666666;
}

.uk-button-danger {
    background-color: #fff9e6;
    color: #FF3300;
}

.uk-button-danger:hover, .uk-button-danger:focus {
    background-color: #fffcf2;
    color: #FF5024;
}

.uk-button-danger:active, .uk-button-danger.uk-active {
    background-color: #ffeaaa;
    color: #E12D00;
}

.uk-button-danger [class*='uk-icon-'] {
    color: #FF3300;
	
}

.uk-button-large {
min-height: 60px;
font-size: 20px;
line-height: 58px;
}


.uk-panel-box-primary {
    background-color: #FF3300;
    color: #fff9e6;
    border-color: rgba(198, 36, 8, 0.3);
}

.uk-panel-teaser{
margin-bottom: -16px !important;	
}


.uk-panel-box {
box-shadow: 0px 2px 10px 0px #666;}

@media all and (max-width: 960px) {

}

@media all and (max-width: 768px) {

	
.uk-button-large {
    line-height: 40px;
}	

section {
    padding-right: 1em;
    padding-left: 1em;
}

.large {
    font-size: 1.2em;
}

.xlarge {
    font-size: 1.5em;
}

}