html {
	height: 100%;
}

a{
	text-decoration:none;
}

a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration:none;
}

img {
	border:0;
}

body {
	margin: 0px;
	background-color: #333333;
	height: 100%;
	overflow: hidden;
	font-family: 'Londrina Solid', cursive; 
/*	color: white; */
}

div#wrapper {
	position: absolute;
	background-color:#CCCCCC;
	height: 500px;
	width: 100%;
	top: 93px;
	overflow-y:scroll;
}

div#header {
	position: absolute;
	display: block;
	margin: 0px;
	background-color: #111111;
	border-bottom: solid 5px #888888;
	width: 100%;
	top: 0px;
/*	visibility: hidden;*/
	z-index: 2;
}

div#connect {
	color: white;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	
	font-family: 'Londrina Solid', cursive; 
	color: white; 
	font-size: 22px;
	
}

img.connect {
/*	vertical-align:middle;*/
}

div#subheader {
	position: relative;
	top: 93px;
	z-index: 1;
	margin: 0px;
}

div#sidebar {
	display: inline;
	float: left;
}

div#sidebar_content {
	position: relative;
	font-family: 'Londrina Solid', cursive; 
	color: white; 
}

div#panel {
	position: absolute;
	background-color: blue;
	display: none;
	left: 148px; /* placed with JS */
}

a.links {
	color:white;
}

a.links:hover {
	color:black;
	text-decoration:none;
}

div#links {
	position:absolute;
/*	float: right;*/
	margin: 0px;
	width: 100px;
	left: -15px;
	text-align: center;
}

div#links_content {
/*	position: relative;*/
/*	top: 100px;*/
}

div#links_main {
	background-color: red;
	border: solid 1px red;
	width: 100px;
/*	display: inline;*/
	padding: 17px;
	box-shadow: 10px 10px 5px #888888;
	
	transition: width .5s, padding-left .5s;
	-moz-transition: width .5s, padding-left .5s; /* Firefox 4 */
	-webkit-transition: width .5s, padding-left .5s; /* Safari and Chrome */
	-o-transition: width .5s, padding-left .5s; /* Opera */
	transition-property: width;
	transition-duration: .5s;
	
	border-radius: 10px;
	-moz-border-radius: 10px; /* Old Firefox */

	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

div#links_main:hover {
	width: 150px;
	padding-left: 40px;
}

div#links_resume {
	background-color: #ffcc44;
	border: solid 1px #ffcc44;
	width: 100px;
	padding: 17px;
	box-shadow: 10px 10px 5px #888888;
	
	transition: width .5s, padding-left .5s;
	-moz-transition: width .5s, padding-left .5s; /* Firefox 4 */
	-webkit-transition: width .5s, padding-left .5s; /* Safari and Chrome */
	-o-transition: width .5s, padding-left .5s; /* Opera */
	
	border-radius: 10px;
	-moz-border-radius: 10px; /* Old Firefox */

	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

div#links_resume:hover {
	width: 150px;
	padding-left: 40px;
}

div#links_past_work {
	background-color: green;
	border: solid 1px green;
	width: 100px;
	padding: 17px;
	box-shadow: 10px 10px 5px #888888;
	
	transition: width .5s, padding-left .5s;
	-moz-transition: width .5s, padding-left .5s; /* Firefox 4 */
	-webkit-transition: width .5s, padding-left .5s; /* Safari and Chrome */
	-o-transition: width .5s, padding-left .5s; /* Opera */
	
	border-radius: 10px;
	-moz-border-radius: 10px; /* Old Firefox */

	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

div#links_past_work:hover {
	width: 150px;
	padding-left: 40px;
}

div#main {
	text-align: center;
	width: 760px;
	margin: 0px auto;
}

h1#main_hi {
	display: inline;
}

div#main_content {
	position: relative;
	top: 100px;
}

div#main_blurb {
	display: none;
	
	background-color: #EEEEEE;
	box-shadow: 10px 10px 5px #888888;
	position: relative;
	border: solid 2px black;
	width: 100%;
	height: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 40px;
	padding-right: 40px;
	
	text-align: justify;
	
	border-radius: 10px;
	-moz-border-radius: 10px; /* Old Firefox */

	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

div#main_section_resume {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

div#resumeContent {
	box-shadow: 10px 10px 5px #888888;
	background-color: #EEEEEE;
	border: solid 2px black;
	text-align: left;
	padding: 30px;
	
	border-radius: 10px;
	-moz-border-radius: 10px; /* Old Firefox */

	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

div#main_section_past_work {
	position: relative;
	display: none;
}

div#innerWrapper {
	box-shadow: 10px 10px 5px #888888;
	border-radius: 10px;
	-moz-border-radius: 10px; /* Old Firefox */
}