@charset "UTF-8";
/* CSS Document */

/* =The style for the lab
-------------------------------------------------------------- */
#sidebar {
    width:300px;
    float:left;
}

#content {
    width:724px;
    float:right;
    padding-left:24px;
}


/* navigation */
nav {
    background-color:rgb(0,0,0);
    padding:0 12px;
	margin-top:15px;
}

nav.stick {
	width:100%;
    position: fixed;
    top: 0;
    z-index: 10000;
    margin-top:0px;
}


nav ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

nav li { 
	float:right;
	color:#333;
	cursor:pointer;
	font-family:'Oswald Regular';
}

nav li a {
	color:#ccc;
    font-weight:700;
	text-decoration:none;
	padding:5px 15px;
	margin:5px;
	border-radius:5px;
	font-weight:lighter;
}

nav li a:hover{ 
	background:#4fd3b5;
	color:#333
}

a.nav-active {
	background:#333;
}

hr {
    border:none;
    background-color:rgb(220,220,220);
    height:12px;
    margin-bottom:18px;
}

@media (max-width: 768px) {
	nav li a {padding:2px 6px; margin:5px 2px:}
	
}