body{
	background-color:#000;
	background-image:url(images/iss-isabelle.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	background-attachment:fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	position:relative;
	height:100%;
	margin:0;
	padding:0
}

table{
	color:#EDC;
	width:100%;
	height:90%;
	font-size:90%;
	text-align:center
}

span{
	font-size: 1.6em;
}

td{
	height:20px
}

td#blade{
	height:100px
}

div#content{
	background:transparent
	url(images/iss-isabelle-dark.jpg) 
	-0 
	-0 no-repeat fixed;
	background-size:inherit;
	position:absolute;
	right:25px;
	color:#EED;
	font:13px Verdana,sans-serif;
	padding:10px;
	border:solid #FC9
}

div#picture{
	text-align:center
}

div#java{
	text-align:center
}

div#content p{
	margin:0 1em 1em
}

div#content h3{
	margin-bottom:.25em
}

div#content a:link{
	color:#fff
}

div#content a:visited{
	color:#BBC
}

div#content a:link:hover{
	color:#FF0
}

div#content a:visited:hover{
	color:#CC0
}

code,pre{
	color:#EDC;
	background:#024;
	font:100% monospace;
	border:1px solid #FC9;
	border-width:1px;
	margin:0 1em 1em
}

img{
	max-width:100%;
	height:auto
}

dt{
	font-weight:700
}

dd{
	margin-bottom:.66em
}

@media screen and (min-device-width: 480px){
	div#content{
		left:165px
	}

	div#links{
		position:absolute;
		top:52px;
		left:0;
		width:160px;
		height:300px;
		font:16px Verdana,sans-serif
	}

	div#links a{
		display:block;
		text-align:center;
		font:bold 1em sans-serif;
		padding:5px 10px;
		margin:0 0 2px;
		border-width:0;
		text-decoration:none;
		color:#FFC
	}

	div#links a:hover{
		color:#411
	}

	h1{
		margin:-9px -9px .5em;
		padding:15px 0 5px;
		text-align:right;
		background:#024;
		letter-spacing:.5em;
		text-transform:lowercase;
		font:bold 25px sans-serif;
		height:28px;
		vertical-align:middle;
		white-space:nowrap
	}
}

@media only screen and (max-width: 480px){
	body{
		-webkit-text-size-adjust:none;
		font-family:Helvetica,Arial,Verdana,sans-serif;
		padding:5px
	}

	div{
		clear:both!important;
		display:block!important;
		width:98%!important;
		float:none!important;
		margin:0!important;
		padding:0!important;
		left:0!important
	}

	div#links{
		float:none!important;
		clear:both!important;
		margin:0 0 20px!important;
		display:block;
		text-align:left!important;
		width:100%;
		border:1px solid #ccc;
		padding:5px;
		-webkit-border-radius:5px
	}

	div#links a{
		display:block;
		color:#FFC
	}

	h1{
		margin:-0 -0 .5em;
		padding:15px 0 5px;
		text-align:right;
		background:#024;
		letter-spacing:.5em;
		text-transform:lowercase;
		font:bold 25px sans-serif;
		height:28px;
		vertical-align:middle;
		white-space:nowrap
	}
}

@media print{
	body{
		-webkit-text-size-adjust:none;
		font-family:Helvetica,Arial,Verdana,sans-serif;
		padding:5px
	}

	div{
		clear:both!important;
		display:block!important;
		width:98%!important;
		float:none!important;
		margin:0!important;
		padding:0!important;
		left:0!important
	}

	div#links{
		float:none!important;
		clear:both!important;
		margin:0 0 20px!important;
		display:block;
		text-align:left!important;
		width:100%;
		border:1px solid #ccc;
		padding:5px;
		-webkit-border-radius:5px
	}

	div#links a{
		display:block;
		color:#FFC
	}

	h1{
		margin:-0 -0 .5em;
		padding:15px 0 5px;
		text-align:right;
		background:#024;
		letter-spacing:.5em;
		text-transform:lowercase;
		font:bold 25px sans-serif;
		height:28px;
		vertical-align:middle;
		white-space:nowrap
	}
}