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

html{
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:22pt;
	margin:0;
	background-color:#EEE;}

select{
	font-size:1.2rem;}
input{
	font-size:1.2rem;}

#content{
	background-color:#EEE;
	position:absolute;
	top:125px;
	left:15px;
	right:15px;
	border:solid;
	border-width:5px;
	border-color:#0076b1;
	padding-top:3px;
	text-align: center;}
	
#logoImage{
	position:absolute;
	top:5px;
	left:80px;
	width: 130px;}

#mainmenu{
	display:none;
	position:absolute;
	padding:10px;
	top:95px;
	left:13px;
	right:5px;}

#menuHead{
	display:none;
	position:absolute;
	top:15px;
	left:90px;
	right:15px;
	padding-left:15px;
	background-color:#aaa;
	font-size:2rem;}

.menuControl {
	margin-top:15px;
	margin-left:15px;
	display: inline-block;
	cursor: pointer;
}

.mbar1, .mbar2, .mbar3 {
	width: 50px;
	height: 14px;
	background-color: #333;
	margin: 10px 0;
	transition: 0.4s;
}

/* Rotate first bar */
.change .mbar1 {
	transform: translate(0, 24px) rotate(-45deg);
}

/* Fade out the second bar */
.change .mbar2 {opacity: 0;}

/* Rotate last bar */
.change .mbar3 {
	transform: translate(0, -24px) rotate(45deg);
}

.menuSection{
	padding-top:20px;}

.menuTitle{
        font-size:1.5rem;
        font-weight:bold;
        padding-top:2px;
        padding-left:10px;
        border-right:solid thin;
        border-width:5px;
	background-color:#0076b1;
        border-color:#0076b1;}

.menuContents{
	border:solid thin;
	border-width:5px;
	border-color:#0076b1;
	padding:10px;
	}

#banner{
	position:absolute;
	top:40px;
	left: 200px;
	right:0px;
	text-align:left;
	font-stretch:extra-expanded;
	font-size:1.1rem;
	font-weight:bold;}

/* ------------ page ------------ */

.contentTitle{
        font-size:1.2rem;
        font-weight:bold;
        font-stretch:extra-expanded;
        text-align:center;}

.title{
	margin-top:5px;
	margin-left: 15%;
	width:70%;
	text-align: center;
	font-stretch:extra-expanded;
	font-size:1.2rem;
	font-weight:bold;}
	
span.threadTitle{
	font-size:1.1rem;
	font-weight:bold;
	text-align:center;
	color:#49c;}
		
font.small{
	font-size:0.8rem;}
	
.tableHeader{
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;}


/*  ----------------------------- class properties ----------------------------- */

/* ------------ posts ------------ */

.postTitle{
	position:relative;
	width:100%;
	font-size:1.2rem;
	font-weight:bold;
	background-color:#49c;}
	
.postDetails{
	position:relative;
	margin-left:60%;
	margin-right:5%;
	text-align:right;
	font-size:0.9rem;
	color:#888888;}

/* ----------------------------- link properties ----------------------------- */

a.heavy:link{
	text-decoration: none;
	color:#000000;
	font-style:normal;
	font-weight:bold;}
a.heavy:visited{
	text-decoration: none;
	color: #000000;
	font-style:normal;
	font-weight:bold;}
a.heavy:hover{
	text-decoration: none;
	color:#000099;
	font-style:normal;
	font-weight:bold;}
	
a.activate:link{
	text-decoration: none;
	color: #000000;}
a.activate:hover{
	text-decoration: none;
	color: #000099;}
a.activate:visited{
	text-decoration: none;
	color: #000000;}

a:link{
	text-decoration: none;
	color: #000000;
	font-style:italic;}
a:hover{
	text-decoration: none;
	color: #000099;
	font-style:italic;}
a:visited{
	text-decoration: none;
	color: #000;}

.menuLink:link{
	color: #000000;
	font-size:1.4rem;
	font-style:normal;}
.menuLink:hover{
	color: #000000;
	font-size:1.4rem;
	font-style:normal;}
.menuLink:visited{
	color: #000000;
	font-size:1.4rem;
	font-style:normal;}
}