@charset "utf-8";

/* CSS Document */

body{

	margin: 0;

	padding: 0;

	border: 0;

	overflow: hidden;

	height: 100%;

	max-height: 100%;

	font-size:10px;

	color:#673D0A;

	background:#673D0A;

	font-family: "Rubik Dirt", system-ui;

	font-optical-sizing: auto;

	font-weight: 400;

	font-style: normal;

}

a	{

	font-size:10px;

	color:#402606;

	text-decoration:none;

}

a:hover	{

	font-size:10px;

	color:#402606;

	text-decoration:none;

}

#framecontentTop, #framecontentBottom{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 40px; /*Height of top frame div*/

	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/

	background-color: #673D0A;

	background:url(/images/back.jpg);

	color:#673D0A;

}

#framecontentBottom{

	top: auto;

	bottom: 0;

	height: 40px; /*Height of bottom frame div*/

	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/

	text-align: center;

}

#maincontent{

	position: fixed;

	top: 40px; /*Set top value to HeightOfTopFrameDiv*/

	left: 0;

	right: 0;

	bottom: 40px; /*Set bottom value to HeightOfBottomFrameDiv*/

	overflow: auto;

	background:url(/images/back_dark.jpg);

}

* html body{ /*IE6 hack*/

	padding: 40px 0 40px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/

}

* html #maincontent{ /*IE6 hack*/

	height: 100%;

	width: 100%;

}



/*Menu Back*/

ul#seasonMenu	{

	position:absolute;

	top:1px;

	right:10px;

	width:400px;

	height:35px;

	padding:0px;

	margin:0px;

}

ul#seasonMenu li	{

	list-style: none;

	display: inline;

}

ul#seasonMenu li div	{

	float:right;

	width:30px;

	height:30px;

	margin:2px;

	background-position:0 0;

	background-repeat:no-repeat;

	cursor:pointer;

}

/*Menu Share*/

ul#socialMenu	{

	position:absolute;

	top:2px;

	left:10px;

	width:400px;

	height:34px;

	padding:0px;

	margin:0px;

}

ul#socialMenu li	{

	list-style: none;

	display: inline;

}

ul#socialMenu li div	{

	float:left;

	width:32px;

	height:32px;

	margin:2px;

	background-position:0 0;

	background-repeat:no-repeat;

	cursor:pointer;

}

#social1	{

	background-image:url(/images/social/facebook.png);

}

#social2	{

	background-image:url(/images/social/flickr.png);

}

#social3	{

	background-image:url(/images/social/youtube.png);

}

#social4	{

	background-image:url(/images/social/gmail.png);

}

div#logoHeader	{

	background-image:url(/images/back.jpg);

	background-position:center;

	background-repeat:no-repeat;

	width:100%;

	margin:auto;

	height:40px;

}

div#logoHeader ul {

	list-style-type: none;

	margin: 10px auto;

	padding: 0px;

	text-align: center;

}



div#logoHeader ul li {

	display: inline;

	margin-left: 15px;

}



@media only screen and (max-width: 800px) {

	#maincontent{

		bottom: 80px;

	}

	#framecontentBottom{

		height: 80px;

	}

	ul#socialMenu {

		top: 42px;

	}

}