*{
padding: 0;
margin: 0;
}
body {
font-family:Helvetica, Arial, sans-serif;
font-size: .9em;
background:url('../images/bg.jpg');
}
#fadeBoxSidebar, .fadeBox{
display:none;
}
#page{
padding:40px 60px;
width:874px;
margin:0 auto;
}
#topNav{
background-color:#424242;
color:#fff;
width:200px;
height:16px;
top:0;
right:60px;
float:right;
font-size:.9em;
padding-left:1px;
margin-top:-40px;
}
#topNav ul li{
display:inline-block;
list-style:none;
float:left;
margin-right:1px;
}
#topHome, #topWork, #topAbout, #topNews{
height:16px;
float:left;
text-indent:-99999999px;
}
#topHome:hover, #topWork:hover, #topAbout:hover, #topNews:hover, .cancel:hover, .submit:hover, .topSelected{
opacity:.7;
moz-opacity:.7;
filter: alpha(opacity=70);
}
#topHome{
background:url('../images/tophome.jpg') no-repeat;
width:49px;
}
#topWork{
background:url('../images/topworks.jpg') no-repeat;
width:49px;
}
#topAbout{
background:url('../images/topabout.jpg') no-repeat;
width:51px;
}
#topNews{
background:url('../images/topnews.jpg') no-repeat;
width:45px;
}
#content{
float:left;
position:absolute;
top:220px;
margin-left:-3px;
width:630px;
}
#loading{
background:url('../images/loadingsmall.gif') 2px 2px no-repeat;
padding:5px 0 0 20px;
height:20px;
width:16px;
font-size:.8em;
display:none;
text-decoration:blink;
}
.right{
margin-left:630px;
min-width:200px;
}
#aboutBlurb{
float:right;
width:200px;
height:100px;
margin:40px 0 0 0;
}
#jasonsherwin{
background:url('../images/jasonsherwintxt.jpg') no-repeat;
text-indent:-99999999px;
height:16px;
width:114px;
float:left;
margin-left:.3em;
}
#jasonsherwin:hover, #moreArrow:hover{
background-position:0 -16px;
cursor:pointer;
}
#adj, #noun, .info a, .info a:hover, .tinythumbHead a:hover, #breadcrumbs a:hover{
color:#000;
outline:0;
}
#adj:hover, #noun:hover, .tinythumbHead a, #breadcrumbs a{
color:#777;
}
#tilde{
color:#999;
}
#selectedworks{
background:url('../images/selectedworks.jpg') no-repeat;
text-indent:-99999999px;
height:16px;
width:670px;
}
#jobDesc{
margin:1.5em 0 0 -.2em;
font-size:.9em;
}
#loadingSmall{
background:url('../images/loadingsmall.gif') no-repeat;
height:16px;
width:16px;
display:none;
}
#sidebar{
position:relative;
right:0px;
width:200px;
height:300px;
float:right;
margin-top:12px;
}
#morework{
margin:3px 0 0 0;
}
#moreWorkTitle{
background:url('../images/morework.jpg'); 
height:20px; 
width:70px; 
text-indent:-999999px; 
float:left;
margin-bottom:5px;
}
#logo{ 
height:98px;
width:250px;
float:left;
margin-left:-98px;
}
#logoNoJS{
background:url('../images/inrgblogo.jpg') 88px 0 no-repeat;
text-indent:-99999999px;
height:150px;
width:250px;
float:left;
}
#logoNoJS:hover{
background-position:88px -150px;
}
#noJSNotice{
position:fixed;
bottom:0;
left:0;
width:100%;
background-color:#ddd;
color:#333;
padding:4px 6px;
}
#noJSNotice span{
font-size:.8em;
}
#home{
margin-left:-3px;
width:630px;
}
.fadeBox{
float:left;
}
.homepageblurb{
line-height: 1.7em; 
margin-top:16px;
}
span.highlight, .tinyThumbType{
background-color:#fbf690;
color:#000;
}
.thumb{
width:200px; 
height:150px; 
background:url('../images/thumbbg.jpg') no-repeat; 
padding:5px; 
float:left;
}
.thumb:hover{
background-position:0 -160px;
}
.tinyThumb{
width:55px; 
height:41px; 
background:url('../images/tinybg.jpg') no-repeat;  
float:left;
padding:5px;
}
.tinyThumb img{
width:55px;
height:41px;
}
.tinyThumb:hover{
background-position:0 -51px;
cursor:pointer;
}
.mediumWrap{
width:410px;
height:325px;
background:url('../images/largebox.jpg') no-repeat;
margin:0 5px 5px -5px;
padding:5px;
float:left;
}
.largeWrap{
width:640px;
height:325px;
background:url('../images/hugebox.jpg') no-repeat;
margin:0 0 0 -5px;
padding:5px;
float:left;
}
#slideshowNav{
margin:5px 0 5px 165px;
float:left;
}
#prev, #next{
height:20px;
width:20px;
float:left;
text-indent:-99999px;
outline:0;
}
#prev{
background:url('../images/prev.jpg') no-repeat;
margin-right:5px;
}
#next{
background:url('../images/next.jpg') no-repeat;
}
#prev:hover, #next:hover{
background-position:0 -20px;
}
#imgNote{
float:left;
width:210px;
background-color:#fbf68f;
font-size:12px;
}
#imgNoteBot{
background:url('../images/slideshowinfobot.jpg') bottom no-repeat;
}
#imgTitle{
font-family:"Courier New", Courier, monospace;
line-height:1.2em;
padding:7px 7px 12px 7px;
}

#sidebarthumb, #sidebartext{
height:20px;
width:65px;
display:inline-block;
text-indent:-999999px;
outline:0;
float:right;
}
#sidebarthumb{
background:url('../images/sidebarthumbs.jpg') no-repeat;
background-position:0 -20px;
}
#sidebartext{
background:url('../images/sidebartext.jpg') no-repeat;
}
.thumbImg{
width:200px;
height:150px;
float:left;
}
.thumbImg:hover{
cursor:pointer;
}
.info{
font-size:.8em;
line-height:1.4em;
position:absolute;
z-index:300;
opacity:0;
moz-opacity:0;
filter: alpha(opacity=0);
padding:5px 20px;
width:160px;
height:140px;
background:url('../images/trans.png') bottom no-repeat;
}
.info:hover{
opacity:1;
moz-opacity:1;
filter: alpha(opacity=100);
}
.infoMed{
line-height:1.4em;
position:absolute;
z-index:300;
opacity:0;
moz-opacity:0;
filter: alpha(opacity=0);
padding:15px 10px;
width:610px;
height:285px;
background:url('../images/transmed.png') bottom no-repeat;
}
.infoMed:hover{
opacity:1;
moz-opacity:1;
filter: alpha(opacity=100);
cursor:pointer;
}
.info a, .infoMed a, .info a:hover, .infoMed a:hover{
color:#333;
}
.smallInfo{
display:none;
font-size:.8em;
margin:0px 15px 0 5px;
width:185px;
line-height:1.3em;
}
.tinyThumbType{
margin:4px 0;
}
.thumbHead{
color:#000;
font-size:1.2em;
}
.tinythumbHead{
font-size:1.2em;
float:left;
}
.thumbType{
font-size:1.1em;
font-weight:bold;
}
.thumbTools{
font-size:.9em;
}
.clearThis{
clear:both;
}
.clearLeft{
clear:left;
}
a, a:active, a:focus, .featuredLink{
color:#ff0020;
text-decoration:none;
outline:0;
}
a:hover, .featuredLink:hover{
color:#a60318;
cursor:pointer;
}
a img{
border:0;
}
#siteLink{
margin:3px 0;
}
#externallink{
background:url('../images/externallink.jpg') no-repeat;
padding-left:20px;
}
#externallink:hover{
background-position:0 -20px;
}
#breadcrumbs{
font-size:.9em;
color:#999;
padding:0 5px;
margin-left:-5px;
}
#breadcrumbs ul li{
display:inline-block;
list-style:none;
float:left;
margin-right:5px;
}
#singleDesc{
width:410px; 
margin:5px 10px 5px 0; 
float:left;
line-height: 1.7em;
}
#singleDesc input{
padding:5px;
font-family:"Courier New", Courier, monospace;
border:1px solid #fbf690;
}
#tags{
float:left;
font-size:.85em;
width:195px;
background:url('../images/toolstop.jpg') top left no-repeat;
padding:20px 7px 12px 7px;
margin-top:15px;
color:#b9539f;
line-height:1.4em;
}
#tags a{
color:#dda8cf;
}
#tags a:hover, .tinyThumbType:hover{
background-color:#fff;
color:#b9539f;
}
#homelink{
background:url('../images/homelink.jpg') top left no-repeat;
float:left;
margin:0 3px 0 0;
width:14px;
height:14px;
display:block;
text-indent:-999999px;
}
#homelink:hover{
background-position:0 -14px;
cursor:pointer;
}
#cvpdf, #cvdoc, #cvhtml{
float:left;
line-height:1.3em;
clear:both;
width:20px;
height:20px;
text-indent:-999999px;
}
#cvpdf:hover, #cvdoc:hover, #cvhtml:hover{
background-position:0 -20px;
}
#cvpdf{
background:url('../images/cvpdf.jpg') no-repeat;
}
#cvdoc{
background:url('../images/cvdoc.jpg') no-repeat;
}
#cvhtml{
background:url('../images/cvhtml.jpg') no-repeat;
}

#deliciousicon, #facebookicon, #twittericon, #ffffoundicon, #tumblricon, #lastfmicon, #flickricon, #linkedinicon, #kivaicon{
float:left;
line-height:1.3em;
width:20px;
height:20px;
text-indent:-999999px;
margin-right:3px;
}
#deliciousicon:hover, #facebookicon:hover, #twittericon:hover, #ffffoundicon:hover, #tumblricon:hover, #lastfmicon:hover, #flickricon:hover, #linkedinicon:hover, #kivaicon:hover{
background-position:0 -20px;
}
#deliciousicon{
background:url('../images/deliciouslogo.jpg') no-repeat;
}
#facebookicon{
background:url('../images/facebooklogo.jpg') no-repeat;
}
#twittericon{
background:url('../images/twitterlogo.jpg') no-repeat;
}
#lastfmicon{
background:url('../images/lastfmlogo.jpg') no-repeat;
}
#flickricon{
background:url('../images/flickrlogo.jpg') no-repeat;
}
#linkedinicon{
background:url('../images/linkedinlogo.jpg') no-repeat;
}
#ffffoundicon{
background:url('../images/ffffoundlogo.jpg') no-repeat;
}
#tumblricon{
background:url('../images/tumblrlogo.jpg') no-repeat;
}
#kivaicon{
background:url('../images/kivalogo.jpg') no-repeat;	
}
.avantgarde{
font-size:24px;
}
.viewwork{
display:none;
position:absolute;
z-index:300;
margin:5px 0 0 385px;
width:10px;
height:300px;
}
#contactForm{
line-height:1.7em;
}
.cancel{
background:url('../images/close.gif') no-repeat; 
width:16px;
height:16px;
float:right;
border:0;
}
.submit{
background:url('../images/submit.gif') no-repeat; 
width:50px;
height:20px;
float:right;
border:0;
margin-top:10px; 
}
.cancel:hover, .submit:hover{
cursor:pointer;
}
.formInputs{
width:190px;
padding:5px;
background-color:#ccc;
border:none;
}
#disqus_thread{
width:400px;
margin:20px 0 0 220px;
padding-top:2.35em;
border-top:1px dotted #ccc;
}
.smallTxt{

}
.bloghr{
padding-top:2.35em; 
margin:5px 0; 
border-top:1px dotted #ccc;
}
.blogPost{
width:400px; 
margin-left:220px; 
margin-top:-85px; 
line-height:1.7em;
font-size:.9em;
color:#555;
}
hr{ 
margin:5px 0; 
border-top:1px dotted #ccc;
}
.greyLink{
color:#424242;
font-size:.9em;
}