@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,300italic,300,400);
@import url("http://fonts.googleapis.com/css?family=Inconsolata");
	
body {
	background-color:#FDFDFD;
	}	
	
a:link,a:visited {
	color:#0060ff;
	text-decoration:none;
	border-bottom:1px solid #fdfdfd;
	/* CSS 3 Fade on Hover */
	/* Firefox */
	-moz-transition-property:border-bottom .5s ease-in-out;
	-moz-transition-duration:.5s;
	-moz-transition-timing-function:ease-in-out;
	-moz-transition-delay:0s;
	/* Webkit */
	-webkit-transition-property:border-bottom;
	-webkit-transition-duration:.5s;
	-webkit-transition-timing-function:ease-in-out;
	-webkit-transition-delay:0s;
	/* Opera */
	-o-transition-property:border-bottom;
	-o-transition-duration:.5s;
	-o-transition-timing-function: ease-in-out;
	-o-transition-delay:0s;
	/* Standard CSS 3 */
	transition-property:border-bottom;
	transition-duration:.5s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
	}

a:hover {
	text-decoration:none;
	border-bottom:1px solid #0c71d6;
	}

a:active {
	color:#0A1EBA;
	border-bottom:1px solid #0A1EBA;
	}
	
.content {
	font-family:Open Sans, sans-serif;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	}
	
p {
	font-family:Open Sans, sans-serif;
	font-size:13px;
	color:#222222;
	text-align:justify;
	line-height:20px;
	margin-top:8px;
	}

td {
	font-family:Open Sans, sans-serif;
	font-size:13px;
	color:#222222;
	line-height:20px;
}
	
.header,.head {
	font-family:Open Sans, sans-serif;
	text-align:center;
	font-size:36px;
	color:#222222;
	width:900px;
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:1px solid #222222;
	margin-bottom:10px;
	font-weight:300;
	}
	
.head a,.header a {
	text-decoration:none;
	color:#222222;
	border:0px;
	}

.left {
	float:left;
	width:246px;
	font-size:13px;
	margin-right:5px;
	min-height:500px;
	}

.right {
	border-left:1px solid #222222;
	margin-left:250px;
	padding-left:30px;
	}
	
.title {
	font-family:Open Sans, sans-serif;
	font-size:18px;
	font-weight:300;
	}

.tt {
	font-weight:300;
	}
	
hr {
	border:0px;
	border-bottom:1px solid #222222;
	width:0px;
	}
	
.footer {
	margin-top:10px;
	font-family:Open Sans, sans-serif;
	border-top:1px solid #222222;
	font-size:11px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	}

#black {
	color:#222222;
	cursor:pointer;
	}
	
.s_title {
	padding-top:10px;
	text-transform:uppercase;
	list-style-type:none;
	font-size:13px;
	font-weight:300;
	}
	
b {
	text-transform:uppercase;
	font-weight: 300;
	}

	
.code {
	background-color:#F0F0F0;
	font-family:Inconsolata, monospace;
	font-size:12px;
	padding:1px;
	border:1px solid #DADADA;
	}
	
#url {
	background-color:#F0F0F0;
	font-family:Inconsolata, monospace;
	font-size:13px;
	padding:2px;
	border:1px solid #DADADA;
	border-radius:2px;
	}
	
address {
	font-family:Open Sans, sans-serif;
	font-size:12px;
	}
	
pre {
	font-family:Inconsolata, monospace;
	font-size:14px;
	}
	
.expand {
	border:1px solid #eaeaea;
	border-radius:2px;
	font-size:11px;
	line-height:13px;
	color:#454545;
	padding-left:3px;
	padding-right:3px;
	padding-top:0px;
	padding-bottom:2px;
	display:inline;
	text-align:center;
	float:right;
	margin-right:60px;
	cursor:pointer;
	}

aside {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	width: 200px;
}
aside h3 {
	margin: 0;
	cursor: pointer;
	text-transform:uppercase;
	font-weight:300;
	padding:5px;
	padding-left:0px;
	font-size:13px;
	width:50px;
}

aside ul {
	margin: 0px 0 0px 0;
	overflow: hidden;
}

aside ul li {
	margin-top: -15%;
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition:all .5s;  
	padding-bottom:5px;
	list-style-type:square;
}

aside:hover ul li {
	margin-top: 0;
	opacity: 1;
	list-style-type:square;
	font-weight:normal;
}
	
aside h3:after{
	content:"+";
	font-size:14px;
	position:absolute;
	right:11px;
	top:3px;
	border:1px solid #CCC;
	border-radius:3px;
	line-height:12px;
	padding:2px 4px 2px 4px;
  	color:#aaa;
  	font-family:Inconsolata, monospace;
}

aside:hover h3:after{
	content:"-";
  	color:#aaa;
	background-color:#efefef;
}