@font-face {font-family: 'MuseoSlab-500';src: url('webfonts/234FE2_0_0.eot');src: url('webfonts/234FE2_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/234FE2_0_0.woff') format('woff'),url('webfonts/234FE2_0_0.ttf') format('truetype');}
 
  
 @font-face {font-family: 'MuseoSlab-500Italic';src: url('webfonts/234FE2_1_0.eot');src: url('webfonts/234FE2_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/234FE2_1_0.woff') format('woff'),url('webfonts/234FE2_1_0.ttf') format('truetype');}
 
 @font-face {font-family: 'MuseoSans-500';src: url('webfonts/220795_0_0.eot');src: url('webfonts/220795_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/220795_0_0.woff') format('woff'),url('webfonts/220795_0_0.ttf') format('truetype');}
 
  @import url(http://fonts.googleapis.com/css?family=Anonymous+Pro:400,400italic,700,700italic);
 

body{
	background-color:#FFF;
}

#holder{
	margin: 70px auto auto auto;
	width:1000px;
	text-align:center;
	background-color:#FFF;
	padding:25px;
}
#title{
	font-family: MuseoSlab-500;
	font-size: 48px;
	color:#8CC63F;
	letter-spacing:1px;
	text-align:center;
	}
	
#title a{
	color:#8CC63F;
	text-decoration:none;
}
	
#subtitle{
	font-family: MuseoSlab-500Italic;
	font-size: 14px;
	color:#333;
	text-align:center;
}

#nametitle{
	font-family: MuseoSlab-500;
	font-size: 14px;
	color:#000;
	margin-top: 40px;
	text-align:center;
}
#nametitle a{
	color:#8CC63F;
	text-decoration:none;
}
#quote-box{
	margin:20px;
	clear:both;
	width:900px;
}
.quote-border-l{
	font-family:"Trebuchet MS";
	font-size:50px;
	color:#CC465F;
	width:50px;
	float:left;
	margin:0px;
	padding:0px;
}

.quote-border-r{
	font-family:MuseoSlab-500;
	font-size:50px;
	color:#CC465F;
	width:50px;
	float:right;
	margin:0px;
	padding:0px;
}

#quote{
	font-family:MuseoSlab-500Italic;
	font-size:12px;
	color:#000;
	text-align:justify;
	padding-top:20px;
}

#quote-cite{
	font-family:MuseoSlab-500Italic;
	font-size:14px;
	color:#8CC63F;
	text-align:right;
	padding-top:10px;
}

.menubox{
	width:196px;
	height:196px;
	background-color:#8CC63F;
	color:#FFF;
	font-family:MuseoSlab-500;
	font-size:14px;
	margin:10px;
	padding:10px;
	float:left;
	text-align:left;
	cursor:pointer;
}

.menuboxhover{
	width:196px;
	height:196px;
	background-color:#000;
	color:#FFF;
	font-family:MuseoSlab-500;
	font-size:14px;
	margin:10px;
	padding:10px;
	float:left;
	text-align:left;
	cursor:pointer;
}

.menubox .caption{
	font-family:MuseoSlab-500Italic;
	font-size:11px;
}

.menubuttonb a{
	color:#FFF;
	text-decoration:none;
	display:block;
}

.menuboxsmall{
	width:196px;
	height:60px;
	background-color:#8CC63F;
	color:#FFF;
	font-family:MuseoSlab-500;
	font-size:14px;
	margin:10px;
	padding:10px;
	float:left;
	text-align:left;
	cursor:pointer;


	-webkit-transition: height .4s linear, margin-bottom 0.4s linear;
	-moz-transition: height .4s linear, margin-bottom 0.4s linear;
	-o-transition: height .4s linear, margin-bottom 0.4s linear;
	-ms-transition: height .4s linear, margin-bottom 0.4s linear;
	transition: height .4s linear, margin-bottom 0.4s linear;
}

.menuboxsmallhover{
	width:196px;
	height:80px;
	background-color:#000;
	color:#FFF;
	font-family:MuseoSlab-500;
	font-size:14px;
	margin:10px;
	padding:10px;
	float:left;
	text-align:left;
	cursor:pointer;
	margin-bottom: -20px;
	
	-webkit-transition: height 0.2s linear, margin-bottom 0.2s linear;
	-moz-transition: height 0.2s linear, margin-bottom 0.2s linear;
	-o-transition: height 0.2s linear, margin-bottom 0.2s linear;
	-ms-transition: height 0.2s linear, margin-bottom 0.2s linear;
	transition: height 0.2s linear, margin-bottom 0.2s linear;
}

.menubutton a{
	color:#FFF;
	text-decoration:none;
	display:block;
}

.menuboximage{
	margin:5px;
	padding:5px;
	width:300px;
	height:300px;
	background:#8CC63F;
	color:#FFF;
	font-family:MuseoSlab-500;
	font-size:14px;
	float:left;
	text-align:left;
	cursor:pointer;
}

.menuboximagehover{
	margin:5px;
	padding:5px;
	width:300px;
	height:300px;
	background:#CC465F;
	color:#FFF;
	font-family:MuseoSlab-500;
	font-size:14px;
	float:left;
	text-align:left;
	cursor:pointer;
}

.menuboximage .caption{
	font-family:MuseoSlab-500Italic;
	font-size:11px;
}

.menuboximage img{
	margin-bottom:5px;
}

.menuboximagehover img{
	margin-bottom:5px;
}

#menu{
	margin: 0 auto 30px auto;
	clear:both;
}

#content{
	clear:both;
	margin:20px;
	padding-top:50px;
	font-family:MuseoSlab-500;
	font-size:12px;
	text-align:justify;
	line-height:2em;
}

#content p{
	text-indent:2em;
}

#content .title{
	font-family:MuseoSans-500;
	font-size:18px;
	color:#8CC63F;
}

#content .subtitle{
	font-family:MuseoSans-500;
	font-size:14px;
	color:#999;
}

#content a{
	color:#CC465F;
}


.code{
	font-family:'Anonymous Pro';
	font-size:12px;
	color:#FBB040;
	padding-left: 4em;
}

.var {
	color:#EC008C;
	font-style:italic;
}

.equation{
	color:#8DC63F;
	font-weight:bold;
}

.function{
	color:#27AAE1;
	font-weight:bold;
}

.statement{
	color:#8DC63F;
	font-weight:bold;
}

.title{
	font-family:"Junction";
	font-size:16px;
	color:#000;
}

.texts{
	font-family:"Junction";
	font-size:12px;
	color:#333;
	width:500px;
	text-align:justify;
	
	line-height: 1.8em;
}


li{
	padding-bottom:13px;
}