body{
	background: #fff;
	font-family: Calibri, Arial, Times New Roman;
}

.container_12{
	padding-bottom: 30px;
}

// VARIABLES
.standard_grade{
	background: #86ae8b; /* Old browsers */
	background: -moz-linear-gradient(top,  #86ae8b 15%, #47634c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#86ae8b), color-stop(100%,#47634c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #86ae8b 15%,#47634c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #86ae8b 15%,#47634c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #86ae8b 15%,#47634c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #86ae8b 15%,#47634c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86ae8b', endColorstr='#47634c',GradientType=0 ); /* IE6-9 */
}

.standard_inner_shadow{
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
}

.standard_outer_shadow{
	-webkit-box-shadow:  0px 1px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 1px 0px 0px rgba(0, 0, 0, 0.1);
}

.standard_box{
	.standard_grade;
	.standard_outer_shadow;
	.standard_inner_shadow;
	border: 0px 0px 1px 0px solid rgba(0, 0, 0, 0.2);
}

.dark_shadow{
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.35);
    filter: dropshadow(color=rgba(0, 0, 0, 0.35), offx=-1, offy=-1);
}

.hidden{
	display: none;
}

.clear{
	clear: both;
}

@standard_text: #47634c;

h1{
	font-size: 36px;
	font-weight: bold;
}

#header{
	min-height: 80px;
	.standard_box;
	padding-top: 20px;
	
		img{
			float: left;
		}
	
		nav{
			float: right;
			margin: 15px 0px 0px 0px;
			
			a{
				margin: 0px 5px 0px 0px;
				font-size: 20px;
				text-decoration: none;
				color: #fff;
				.dark_shadow;
				font-weight: bold;
				padding: 5px 10px;
				
				&:hover{
					background-color: rgba(0, 0, 0, 0.15);
					-webkit-border-radius: 5px;
    				border-radius: 5px;
				}
			}
		}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px){
	#header{
		nav{
			a{
				font-size: 14px;
			}
		}
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	#header{
		nav{
			a{
				font-size: 14px;
			}
		}
	}
}

#content{
	margin-top: 20px;
	
	article:last-of-type{
		margin-bottom: 30px;
	}
	
	article{
		float: left;
		font-size: 16px;
		width: 620px;
		color: @standard_text;
		
		h2{
			font-weight: bold;
			font-size: 24px;
			margin-top: 30px;
		}
		
		p{
			margin-top: 20px;
		}
		
		ul.equation{
			margin-top: 20px;
			margin-left: 20px;
			list-style: none;
			font-weight: bold;
		}
		
		img.centered{
			margin: 0 auto;
			max-width: 610px;
			margin-top: 20px;
		}
		
		img.left{
			float: left;
			padding-right: 15px;
		}
	}
	
	aside{
		border-left: 2px solid rgba(71, 99, 76, 0.3);
		float: right;
		color: @standard_text;
		padding-bottom: 50px;
		margin-top: 30px;
		
		h1{
			margin-left: 50px;
		}
		
		ul{
			margin: 20px 0px 0px 50px;
			list-style: none;
			
			li{
				margin-bottom: 20px;
				font-size: 16px;
				width: 230px;
				
				a{
					text-decoration: none;
					color: @standard_text;
				}
				
				a.active{
					font-weight: bold;
				}
				
				span{
					font-weight: bold;
					float: left;
					padding-right: 20px;
					width: 50px;
				}
			}
		}
		
		ul.sub_menu{
			li{
				margin-bottom: 5px;
			}
		}
		
		button{
			.standard_box;
			border: 1px solid rgba(0, 0, 0, 0.2);
			margin-left: 50px;
			padding: 15px 0px 15px 0px;
			width: 200px;
			font-size: 24px;
			color: #fff;
			.dark_shadow;
			
			&:hover{
				cursor: pointer;
			}
		}
		
		button.login{
			margin-left: 0px;
			margin-top: 10px;
		}
	}
}

.peKenBurns {
		margin-top: 5px!important;
        width: 920px;
        height: 400px;
        margin: 0 auto;
        border: 1px;
}
.peKenBurns .peKb_slides{
	padding: 3px;
	border-radius: 0;
	-webkit-border-radius: 0;
}

.peKenBurns .peKb_slides .peKb_caption .peKb_real{
    padding: 5px!important;
}

.peKb_mainPanel{
	height: 45px!important;	
}

article{
	ul{
		margin-bottom: 5px;
		
		li{
			list-style: disc;
			
			ul{
				li{
					list-style: circle;
					margin-left: 20px;
				}
			}
		}
	}
}