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;font-family:inherit;font-style:normal;font-weight:400;margin:0;padding:0;text-align:left;}

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





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


html { overflow-x:hidden;}


p, dd, dt { line-height:1.4em; }
#wrapper { width:100%; margin:auto; text-align:center;}


h1 a {
z-index:500;  
position:absolute;
background-color:#3E516F; 
display:inline; 
color:#fff; 

font-family: "Junction",Helvetica,Arial,sans-serif; 
width:auto;

padding:10px 5px 5px 5px;
cursor:pointer;
cursor:pointer; 
font-weight:normal; 
border-bottom:none;

}

h2  { color:#df1f1f1;
text-align:left;
 font-family:"Junction",Helvetica,Arial,sans-serif;
font-weight:bold;
 margin-bottom:10px; 
 font-size:1.38em;
  }
  

a { color:#000; text-decoration:none;  }



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;}

body { font-family:Arial, Geneva, sans;}

#title { background-color: #BBE7B6; height:50px;
 padding:1.5em 1.65em; }
#intro { 
background-color: #8EB8CF;
  }
#intro p { line-height:1.6em; font-size:1.1em; }

#intro a { text-decoration:underline;}

#projects h2 a { text-decoration:none !important; font-weight:bold; color:#C2DFEF; }

#projects, #intro {   padding:1.2em 1.8em 1.8em 1.8em;}
 #projects {
 background-color:#3E516F;
color:#efefef; color: #C2DFEF; }
#projects a { text-decoration:underline; color:#d8d8d8; }

#projects a:hover { color:#eaeaea;}
#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;
}

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

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

canvas { background-color: #BBE7B6;}



strong { font-weight:bold;}
blockquote { font-size:.85em;margin:auto;padding:.5em 2em 1em 2em;
border:2px; background-color:#35455F;}


h3 { font-family:"Junction", Helvetica, Arial, sans-serif; font-weight:bold; font-size:1.1em;
margin:.9em 0em;}
h3+p { margin-top:10px;}
h4 { font-family:"Junction",Helvetica,Arial,sans-serif; font-weight:bold; color:#7DBCDF; }
h3 { color:#eaeaea;}

#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 strong {font-size:1.15em;}

.proj p, .proj blockquote {margin-bottom:1em; font-size:.8em; }
.proj p {width:400px;}
.proj {border-top:1px #000 solid; min-height:230px;margin-bottom:2.5em;}
.proj img { padding:4px;  border-top:0px; background-color:#eaeaea;  margin-left:10px; }
div.proj_img {float:right; width:340px; margin-top:10px;}
div.proj h3 { padding-top:0px; line-height:.4em;}
div#nextext { min-height:480px;}

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