* {
	
}

body, html {
	font-family: Georgia;
	margin:0;
	padding:0;
	height:100%;
	font-size:16px;
}

body {
	min-width:1000px;
}

p {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:black;
}

ul{
	list-style-type:none;
}


/* Organization */
#floater {
	height:50%;
	margin-bottom:-255px;
}

#maincontent {
	width:1065px;
	position:relative;
	margin: 0 auto;	
}

nav {
	width: 490px;
	height:490px;

}

/* Navigation */

/* Matt */ 
#Matt {
	padding-left:50px;
	padding-top:150px;
}

.matttext {
	font-size: 140px;
	font-weight:200;
	letter-spacing:15px;
	position:relative;
	
}

#Matt li ul{
	display:none;
}

#Matt li:hover ul{
	display:block;
}

/* About */

#about {
	position:absolute;
	top: 145px;
	left:-20px;
	width:60px;
}

#about li {
	font-size:40px;
	line-height:45px;
	letter-spacing:5px;
	position:relative;
}

#about li .hidden-span {
	font-size:40px;
	line-height:45px;
	font-weight:200;
	display:none;
}

#about li:hover .hidden-span {
	display:block;
}

#bio {
	position:absolute;
	left:27px;
	top:0;
}

#resume1 {
	position:absolute;
	left:-66px;
	top:0;
	
}

#resume2 {
	position:absolute;
	left:26px;
	top:0;
	
}

#t {
	position: absolute;
	top:0;
	left:4px;
}

.active-menu-item{
	color: #B33434;
}

#portfolio1 {
	position:absolute;
	top:0px;
	left:-77px;
}


#portfolio2 {
	position:absolute;
	top:0px;
	left:19px;
}

/* Projects */
#projects {
	position:absolute;
	top: -210px;
	left:-26px;
	width:60px;
}

#projects li {
	font-size:35px;
	line-height:40px;
	letter-spacing:5px;
	position:relative;
}

#projects li .hidden-span {
	font-size:35px;
	line-height:40px;
	font-weight:200;
	display:none;
}

#projects li:hover .hidden-span {
	display:block;
}

#s {
	position:absolute;
	top:100px;
	left:1px;
}

#photo {
	position:absolute;
	top:0px;
	left:25px;
}

#android1 {
	position:absolute;
	top:0px;
	left:-75px;
}


#android2 {
	position:absolute;
	top:0px;
	left:22px;
}

#j {
	position:absolute;
	top:0px;
	left:4px;
}

#web1{
	position:absolute;
	top:0px;
	left:-30px;
}

#web2 {
	position:absolute;
	top:0px;
	left:22px;
}

#music {
	position:absolute;
	top:0px;
	left:-95px;
}

/* Write */

#thook span{
	display:none;
	position:relative;
}

#thook:hover span{
	display:block;
}

#writetop, #writebottom span {
	font-size:35px;
}

#writetop {
	position:absolute;
	top:-90px;
	left:12px;
}

#writebottom {
	position:absolute;
	top:140px;
	left:12px;
}

/* Text */

#text{
	width:490px;
	height:490px;
	border: dashed 2px black;
	background:white;
	position:relative;
	z-index:1;
	
}

#text-wrap{
	width: 490px;
}

#innertext{
	margin:10px;
	font-size:8px;
	font-family:Times;
	background:white;
	position:relative;
	z-index:1;
	
}

#innertext span{ 
	display:inline-block;
	height:10px;
	width:5px;
	line-height: 10px;
}

#textboxcontrols h3{
	font-size:16px;
	font-weight:100;
	line-height:7px;
	margin-right:30px;
	margin-left:65px;
	padding-bottom:6px;
}

#textboxcontrols h3:hover{
	border-bottom:solid 1px black;
	cursor:pointer;
}

/* Painting */
#paintpallet {
	width:75px;
	height:490px; 
	position:absolute;
	top:6px;
	right:90px;
}

.palletboxes {
	height:25px;
	width:25px;
	border:solid 1px black;
	margin-right:8px;
	margin-bottom:8px;
	opacity:0.3;
	position:relative;
}

#paint-colors{
	margin-top: 23px;	
}

#paint-tools{
	margin-top: 23px;
}

.paint-tool.tool-selected{
	opacity: 0.9;
}

.paint-tool:hover{
	opacity: 0.9;
}

.paint-function:hover{
	opacity: 0.9;
} 

#paint-brush{
	background: url("../images/paintbrush.png") no-repeat center center;
}

#flood-fill{
	background: url("../images/floodfill.png") no-repeat center center;
}

#open-file{
	background: url("../images/openfile.png") no-repeat center center;
	overflow: hidden;
}

#save-file{
	background: url("../images/savefile.png") no-repeat center center;
	overflow: hidden;
}

#open-file input{
	width: 25px;
	height: 25px;
	margin: 0;
	opacity: 0;
}

.paint-tool {
	height:25px;
	width: 25px;
	border:solid 1px black;
	margin-right:8px;
	margin-bottom:8px;
	opacity:0.3;
}

.paint-function {
	height:25px;
	width: 25px;
	border:solid 1px black;
	margin-right:8px;
	margin-bottom:8px;
	opacity:0.3;
}		

.paint-selected{
	opacity: 0.9;
}

.palletboxes:hover {
	opacity:0.9;
}

.whitecolor{
	background:white;
}

.blackcolor{
	background:black;
}

.redcolor{
	background:#b02d11;
}

.bluecolor{
	background:#0167a7;
}

.yellowcolor{
	background:#f7d90c;
}

.greencolor{
	background:#479968;
}

.orangecolor{
	background:#d36c18;
}

.purplecolor{
	background:#692573;
}

/* Classes */
.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.clear {
	clear:both;
}

.hide {
	display:none;
}

.hidden {
	visibility:hidden;
}

.textindent {
	position:absolute;
	left:-9999px;
}

/* Clearfix */

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

.clearfix { display: inline-block; }

.no-select{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}