/*---------- General CSS ----------*/
.rounded-corners {
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border: 2px solid #000000;
	padding:0.5%;
}

.rounded-corners-tight {
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border: 2px solid #000000;
	padding:0.1%;
}

.rounded-corners2 {
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	border: 2px solid #000000;
	padding:0.5%;
}

.button-there {
	background-color:#efebc0;
	color:#735805;
}

.button-here {
	background-color:#ffffaa;
	color:#735805;
}

.button-forum {
	background-color:#ffffe0;
	color:#735805;
}

#main-box {
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	border:solid 1px #735805;
	background-color:#ffffd0;
}

button { font-size:1.2em;  }



/*---------- Screen wider than 600px ----------*/

@media screen and (min-width:601px){

#header-box {
	position:fixed; 
	width:100%; 
	height:10%;
	text-align:center; 
	vertical-align:middle;
	background-position: center; 
/*	border:solid 2px;	*/
	background-repeat: no-repeat;
	background-size: auto;
	padding-top:20px;
}

#nav-box-L {
	position:absolute; 
	left:5px;
	top:15%;
	width:17.5%;
	height:auto;
	background-color:#ffffd8;
	float:left;
	z-index:2;
}

#media-box-R {
	position:absolute; 
	right:5px;
	top:15%;
	width:78%;
	bottom:5px;
	/*background-color:white;*/
	float:right;
	overflow:auto;
}
.gap { margin:2px; margin-left:30px; }
} /*---------- End ----------*/

/*---------- Screen narrower than 600px ----------*/

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

#header-box {
	position:fixed; 
	width:100%; 
	height:9%;
	text-align:center; 
	vertical-align:middle;
}

#nav-box-L {
	position:absolute; 
	left:5px;
	right:5px;
	top:11%;
	height:30%;
	background-color:#ffffd0;
	float:left;
	z-index:2;
	overflow:auto;
}

#media-box-R {
	position:absolute; 
	left:5px;
	right:5px;
	top:43%;
	bottom:5px;
	/*background-color:white;*/
	float:left;
	overflow:auto;
}
.gap { margin:2px; margin-left:0px; }
} /*---------- End ----------*/