html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td  {
	border:0;margin:0;padding:0;text-align:left;
}

@font-face { 
    font-family:"Junction"; 
    src:url('http://nataliafisher.net/Junction.otf'); 
}
/*  Woooo go @font-face! thank you to The League of
    Movable Type (http://www.theleagueofmoveabletype.com/) */



body { 
	width:100%;
	font-size:16px;
	background-color:#e3d3d3;  
	font-family: Calibri, Helvetica, Arial, sans-serif; 
	text-align:center;
	color:#1f1f1f; 
}

html { overflow-x:hidden; width:100%; }


/* Formatting, colors and whatnot */
strong { 
	font-weight:bold;
}

blockquote { 
	font-size:.85em;
	margin:auto;
	padding:.5em 2em 1em 2em;
	margin-right:3em; 
	border:2px;
	background-color:#eaeaea;
}

h3 { 
	font-family:"Junction",Calibri, Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	margin:.9em 0em;
}

h3+p { 
	margin-top:10px;
}

h4 { 
	font-family:"Junction", Calibri, Helvetica, Arial, sans-serif; 
	font-weight:bold; 
	color:#416E4F;
}

h3 { 
	color:#000;
}


p, dd, dt {
	line-height:1.4em; 
}



#wrapper { width:100%; margin:auto; text-align:center;}



/* Header title*/
#title {
	background-color: #BBE7B6;
	height:50px; 
	width:500px;
	padding:1.5em 1.65em; 
}
 
 
/* Header text*/
h1 a {
	z-index:500;  
	position:absolute;
	background-color:#3d3d3d; 
	display:inline; 
	color:#eaeaea; 
	text-decoration:none;
	font-family: "Junction", Calibri, Helvetica, Arial, sans-serif; 
	width:auto;
	padding:10px 5px 5px 5px;
	cursor:pointer;
	cursor:pointer; 
	font-weight:normal; 
	border-bottom:none;
	font-size:30px;
}

h2  { 
	color:#df1f1f1;
	line-height:38px;
	text-align:left;
	font-family:"Junction", Calibri, Helvetica, Arial, sans-serif;
	font-weight:bold;
    font-size:1.38em;
}
  
a { color:#000;   }




/* Top Navigation */

#topnav { 
	position: relative;
	width:600px; 
}


#navlinks { 
   width:220px; 
   z-index:600;
   position:absolute;
   left:525px;    
   padding:10px 5px 5px 5px;
   height:30px;
 }
  
#navlinks a { 
	display:inline; 
	float:right;
	color:#eaeaea; 
	margin-top:5px;
	text-decoration:none;
	font-family: "Junction", Calibri, Helvetica, Arial, sans-serif;; 
	width:auto;
	padding:10px 5px 5px 5px;
	margin-left:5px;
	cursor:pointer;
	cursor:pointer; 
	font-weight:normal; 
	border-bottom:none;
	background-color:#3d3d3d; 
	font-size:15px;
}

#navlinks a:hover { 
	background-color:#000;
	color:#fff;
}

#navlinks a.active {  
	background-color:#E3D3D3;
	color:#1f1f1f;
}

#navlinks a.active:hover { 
	background-color:#fff;
	color:#1f1f1f;
}



/* Intro chunk */
#intro p, #intro span { 
	line-height:1.6em; 
	font-size:1.1em; 
}

#intro a { 
	text-decoration:underline;
}


/* Recent/Current  */
div.thumbs {
	margin-top:15px; 
}
.thumbs a { 
	border:none;
}
.thumbs a img {
	width:100px;
	background-color:#eaeaea; 
	margin-right:0px;
	border:1px #000 solid; 
	padding:2px; 
	margin-bottom: 5px;
}
#projects h2 a { 
	text-decoration:none !important;
	font-weight:bold; 
}

#projects, #intro {   
	padding:1.2em 1.8em 1em 2em;
}


#projects {
	color:#1f1f1f; 
}

#projects a { 
	text-decoration:underline;
	color:#000; 
}

#projects a:hover { 
	color:#2D4F38;
}
#projects a.active {
	text-decoration:none !important;
	color: #C2DFEF;

}

br.clear { 
	clear:both;
	line-height:.2em;
}

#recent_projects { 
	width:500px !important;
	float:left;
	margin-left:0px;
}

#recent_projects h2, #currently h2 {
	text-align:left;
	margin-left:0px;
	line-height:1.3em;
}
#currently { 
	width:210px;
	float:right
	;margin-left:0px;
	padding-left:0px;
}

#currently p {
	font-size:.75em;
}

dl {
	margin-top:15px;
	clear:both;
	width:500px;
	font-size:.98em;
	margin-left:0px;
	padding:0px;
	margin-bottom:0;
}

dt { 
	float:left; 
	text-align:right;
	margin-right:20px;
	height:80px;
}

dd, #content {
	padding-bottom:20px;
	padding-left:20px; 
}


#recent {
	width:743px;
	margin-left:auto;
	margin-right:auto; 
	border-top:1px #7f7f7f solid;
}

div.box { 
	background-color:#c0c0c0;
	height:80px;
	width:80px;
}


#pmenu {
	padding:10px;
	margin-top:0px;
	float:right;
	background-color:#35455F;
	width:140px;
	margin:0px;
}


#pcontent {
	width:550px;
	float:left;
}

#pcontent p {
	font-size:.95em;
	line-height:1.3em;
	margin-bottom:1.5em;
}

dd a { 
	text-decoration:underline;
}
#pmenu ul { 
	list-style-type:none;
	font-size:.9em;padding-top:2px;
}

#pmenu li {
	margin-top:5px;
}

#pmenu li a { 
	text-decoration:underline;
}

hr { 
	margin-bottom:0px;
}

dl img { padding-top:4px;}

dt img { border: 3px #1f1f1f solid; padding-top:0px;}

#wrapper {width:800px;margin-left:auto;margin-right:auto;}

#currently h2 + p {
	margin-top:12px;
	padding:0;
}

#currently strong {
	font-size:1.15em;
}

/* Portfolio */
.proj p, .proj blockquote {
	margin-bottom:1em;
	font-size:.8em; 
}

.proj p {
	width:400px;
}

.proj {
	min-height:230px;
	margin-bottom:2.5em;
}

.proj img {
	padding:4px; 
	border-top:0px;
	background-color:#eaeaea;
	border:1px #c0c0c0 solid;
	margin-left:10px;
}

div.proj_img {
	float:right;
	width:340px;
	margin-top:10px;
}

div.proj h3 { 
	padding-top:0px;
	line-height:1em;
}

div#nextext {
	min-height:480px;
}

#portlink {
	margin-top:0em;
	display:none;
}

#portlink a { 
	padding:10px;
	width:500px;
	display:block;
	text-decoration:none;
	width:484px;
	margin-top:.5em;
	color:#000;
}
	
#portlink a:hover { 
	background-color:#eaeaea;
	color:#1f1f1f;
}

canvas#freeix { 
	background-color: #4B7D5C;
	position:absolute;
	top:0;
	left:0;
}

#mintbar { 
	width:100%;
	height:100px;
	background-color: #4B7D5C;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
}

#tumblr #mintbar { display:block; }


/* Blog / Nixdlog! */
#nixlog, #resume {   
	padding:.8em 1.8em 1.8em 2em;
	display:block;
}



#nixlog h3 { 
	margin-bottom:0;
	padding-bottom:0;
	line-height: 1em;
}

#nixlog h3 a {
	color: #eaeaea;
}

#nixlog p {
	margin: 1em 0 1em 0;
	font-weight:100;
}

#nixlog h3 + p {
	margin-top:.5em;
}

#nixlog ul { 
	list-style-type: square;
	margin-left:1.5em;
}

#nixlog .post {
	margin:1em 0 2em 0;
}

#nixlog a { 
	color:#000;
}

div.postmeta {
	margin-top:-1em;
	padding-bottom:2em;
}

#nixlog div.photo a img, #nixlog div.post img {
	border: 6px solid #3d3d3d;
}

.postmeta a {
	font-size:.8em;
	color:#6e6e6e !important;
	border-bottom:none !important; 
}

#nixlog .post { 
	width:550px; 
}

#portlink, #intro  { 
	background-color:#C9B7A7;
}

#nixlog .post a {
	color: #000;
	border-bottom: 2px solid #C9B7A7;
}

#nixlog .post.photo a { border-bottom:0;}

#tumblr h2 { 
	color: #4A4643;
}
 
#nixlog .post a:hover { background-color: #C9B7A7;}


/*
acronym { border-bottom:1px #6e6e6e dotted; }*/


div#resume+ h3 { margin-top:0px; padding-top:0px; }
div#resume {  padding-top:0;}
#resume .left { width:550px; float:left; padding-bottom:3em;} 
#resume .right { width:150px; float:right; }
#resume .right br + h4 { margin-top:1em; }
#resume span.date { float:right; }
#resume h3 { margin-bottom:.2em;margin-top:2em; font-weight:800; font-size:1.2em; }
#resume ul + h4 { margin-top:1.5em; }
#resume h4 { font-size: 1.1em; font-weight:bold; font-family:Lucida, Calibri; }
#resume h5 { font-weight:600; font-size:1em; color: #3d3d3d;}
#resume li { margin-left:1.5em;}
h2 { width:100%; display:block;}
h2 small {font-size:.7em; font-weight:300; text-align:right; float:right; 

font-family:Calibri, Helvetica, Arial, sans-serif;}