/************************************************************

	Work.css - Style rules specific to the Work section.
	
	Copyright (c) 2006 Craig Cook and Focal Curve

*************************************************************/

/*** =Work ***/
body.work dl { clear: both; }
body.work dl dt { float: right; width: 78%; text-align: left; font-size: 1.3em; font-weight: bold; }
body.work dl dd { margin: 0; padding-left: 0; float: right; width: 78%; text-align: left; }
body.work dl dd.img { float: left; width: 90px; clear: left; margin-bottom: 1em; }
body.work dl a img { border: none; }

body.work img.centered { display: block; margin: 1em auto; padding: 2px; border: 1px solid #ccc; }

#thumbs { float: left; width: 100%; margin: .7em auto; }
#thumbs ol { list-style: none; float: left; margin: 0; }
#thumbs ol li { float: left; margin: 0; }
#thumbs ol li a { outline: none; margin: 5px;	padding: 0; display: block; text-indent: -9999px;	text-decoration: none; width: 30px; height: 30px;	background: transparent url(/img/work/web/th_momentago.png) 50% 50% no-repeat; }
#thumbs ol li a:link { padding: 0; border: 1px solid #066; }
#thumbs ol li a:visited { padding: 0; border: 1px solid #ccc; }
#thumbs ol li a:hover { padding: 3px; border: 1px solid #000; background-position: 50% 50%; margin: 2px; }
	
#thumbs li.current { background: #dfdfdf; }

/* web */
#thumbs a#beginninghtml { background-image: url(/img/work/web/th_beginninghtml.png); }
#thumbs a#middlesexfmrp { background-image: url(/img/work/web/th_middlesexfmrp.png); }
#thumbs a#officedragon { background-image: url(/img/work/web/th_officedragon.png); }
#thumbs a#acmeauto { background-image: url(/img/work/web/th_acmeauto.png); }
#thumbs a#insurancescore { background-image: url(/img/work/web/th_insurancescore.png); }
#thumbs a#momentago { background-image: url(/img/work/web/th_momentago.png); }
#thumbs a#payitdown { background-image: url(/img/work/web/th_payitdown.png); }
#thumbs a#cineme { background-image: url(/img/work/web/th_cineme.png); }
#thumbs a#memberhome { background-image: url(/img/work/web/th_memberhome.png); }
#thumbs a#myfico { background-image: url(/img/work/web/th_myfico.png); }
#thumbs a#focalcurve2 { background-image: url(/img/work/web/th_focalcurve2.png); }
#thumbs a#gfc2 { background-image: url(/img/work/web/th_gfc2.png); }
#thumbs a#focalcurve1 { background-image: url(/img/work/web/th_focalcurve1.png); }

/* other */
#thumbs a#odicons { background-image: url(/img/work/other/th_officedragonicons.png); }
#thumbs a#typewriter { background-image: url(/img/work/other/th_typewriter.png); }
#thumbs a#infovault { background-image: url(/img/work/other/th_infovault.png); }
#thumbs a#jolene { background-image: url(/img/work/other/th_jolene.png); }
#thumbs a#robot { background-image: url(/img/work/other/th_robot.png); }
#thumbs a#lizard404 { background-image: url(/img/work/other/th_lizard404.png); }
#thumbs a#peacock { background-image: url(/img/work/other/th_peacock.png); }
#thumbs a#shadowy { background-image: url(/img/work/other/th_shadowy.png); }
#thumbs a#fiicons { background-image: url(/img/work/other/th_fiicons.png); }
#thumbs a#suzeflash { background-image: url(/img/work/other/th_suzeflash.png); }
#thumbs a#mortgageicons { background-image: url(/img/work/other/th_mortgageicons.png); }
#thumbs a#simulatoricons { background-image: url(/img/work/other/th_simulatoricons.png); }
#thumbs a#wolf { background-image: url(/img/work/other/th_wolf.png); }
#thumbs a#hand { background-image: url(/img/work/other/th_hand.png); }
#thumbs a#impact { background-image: url(/img/work/other/th_impact.png); }

/* identity */
#thumbs a#ecsstender { background-image: url(/img/work/identity/th_ecsstender.png); }
#thumbs a#scorewatch { background-image: url(/img/work/identity/th_scorewatch.png); }
#thumbs a#cinemelogo { background-image: url(/img/work/identity/th_cinemelogo.png); }
#thumbs a#colonial { background-image: url(/img/work/identity/th_colonial.png); }
#thumbs a#fhalogo { background-image: url(/img/work/identity/th_fhalogo.png); }

/* print */
#thumbs a#alphasoft { background-image: url(/img/work/print/th_alphasoft.png); }
#thumbs a#metrics { background-image: url(/img/work/print/th_metrics.png); }
#thumbs a#pangea { background-image: url(/img/work/print/th_pangea.png); }
#thumbs a#ginix { background-image: url(/img/work/print/th_ginix.png); }