h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,pre,form,body,html,blockquote,fieldset,input { margin:0; padding:0; }
ol li { list-style:decimal; }
ul { list-style-type: none; }
img, a img,:link img,:visited img { border:none; }
address { font-style:normal; }
abbr, acronym { font-style:normal; border-bottom:1px dotted #333; cursor:help; }

body {
font:normal 62.5%/1.6 "Lucida Grande",Helvetica,Arial,sans-serif;
text-align:center;
color:#000;
background:#FFF url(http://www.armentas.com/l/i/back.gif) top left repeat-x scroll; }

/* ---------------------------------------------------
LAYOUT */

#container {
position:relative;
width:780px;
text-align: left;
margin: 0 auto;
padding-left:10px; }

#content {
position:relative;
clear:both;
width:780px;
padding-top:10px;
overflow:hidden; }

/* ---------------------------------------------------
NAV */

#nav { width:780px; height:30px; padding-top:2px; }

#nav ul { float:left; font-weight:bold; font-size:1.5em; }

#nav ul li { display:inline; text-decoration:none; padding-right:24px; }

#nav ul li a:hover {
text-decoration:none;
background:#F2F0F1 url(http://www.armentas.com/l/i/underline.gif) bottom left no-repeat scroll;
padding-bottom:2px; }

#home a.home, #web a.web, #print a.print, #misc a.misc, #resume a.resume, #contact a.contact {
color:#330000;
text-decoration:none;
background:#F2F0F1 url(http://www.armentas.com/l/i/underline.gif) bottom left no-repeat scroll;
padding-bottom:2px; }

/* ---------------------------------------------------
HEADINGS */

h1 { float:left; text-indent:-9999px; }

#home #masthead, #web #masthead, #print #masthead, #misc #masthead, #resume #masthead, #contact #masthead {
background-position:center left; }

#home #masthead {
background:url(http://www.armentas.com/l/i/header-home.gif) center left no-repeat scroll; }

#web #masthead {
background:url(http://www.armentas.com/l/i/header-web.gif) center left no-repeat scroll; }

#print #masthead {
background:url(http://www.armentas.com/l/i/header-print.gif) center left no-repeat scroll; }

#misc #masthead {
background:url(http://www.armentas.com/l/i/header-misc.gif) center left no-repeat scroll; }

#resume #masthead {
background:url(http://www.armentas.com/l/i/header-resume.gif) center left no-repeat scroll; }

#contact #masthead {
background:url(http://www.armentas.com/l/i/header-resume.gif) center left no-repeat scroll; }

h1, h2 { color:#333; }

h3 { font-size:1.5em; color:#330000; }

/* ---------------------------------------------------
LINKS */

a { text-decoration:none; outline:0; margin:0; padding:0; }

a:link { color:#696969; }

a:visited { color:#696969; }

a:hover { color:#808080; }

a:active { color:#696969; }

/* ---------------------------------------------------
MASTHEAD */

#masthead { position:relative; clear:both; width:780px; height:120px; }

#masthead blockquote {
float:right;
border-left:3px solid #EAECEC;
width:420px;
height:100px;
margin-top:10px; }

#masthead p {
float:left;
font-size:1.2em;
line-height:1.5em;
letter-spacing:.1em;
color:#999;
padding-top:35px;
padding-left:10px; }

/* ---------------------------------------------------
CATEGORY */

.category { float:left; width:308px; }

.category h2, .category .thumbs h3 { display:none; }

.category p { font-size:1.5em; font-weight:bold; }

.category p a:link, .category p a:visited, #print #content .category p a:link, #print #content .category p a:visited {
display:block;
width:auto;
text-decoration:none;
background:#fff url(http://www.armentas.com/l/i/category-bg-on.png) top left repeat-x scroll;
padding:6px 0 5px 40px; }

.category p a:hover, #print #content .category p a:hover {
display:block;
width:auto;
text-decoration:none;
background:#fff url(http://www.armentas.com/l/i/category-bg-on.png) top left repeat-x scroll;
padding:6px 0 5px 40px; }

/* ---------------------------------------------------
THUMBS */

.thumbs { width:308px; margin-top:15px; }

.thumbs span {
float:left;
font-size:5em;
text-align:center;
background-image:url(http://www.armentas.com/l/i/bar.gif);
width:50px;
height:50px;
margin:0 14px 14px 0;
overflow:hidden; }

span.cl { margin-right:0; }

/* ---------------------------------------------------
DESCRIPTION */

.description {
float:right;
background:transparent url(http://www.armentas.com/l/i/web-gallery.jpg) top left no-repeat scroll;
width:400px;
padding:10px; }

.description h3 { background-color:#FFF; padding:0 10px 3px 10px; }

.description p, #resume .cv .margin p {
font-size:1.2em;
line-height:1.5em;
background-color:#FFF;
padding:0 10px;
white-space:normal; }

.description p span.comment {
display:block;
clear:left;
font-style:oblique;
letter-spacing:.1em;
color:#999;
margin-top:10px; }

.description img { margin:10px 0; }

.description p.hello {
display:block;
border-top:3px solid #EAECEC;
padding:10px 0 10px 10px; }

.description p.hello a:hover, .category p a:hover,#home #content .category .websites h3 a:hover , #home #content .category .prints h3 a:hover, 
#home #content .category .randomfun h3 a:hover, #print #content ul.printnav li a:hover, #resume .cv .margin #email a:hover, #resume .cv .margin h3 a:hover, 
#footer li a:hover, #print .category p a:hover {
text-decoration:underline !important; }

.description p.hello a.friend { clear:left; }

/* ---------------------------------------------------
HOME */

#home #content .category { width:780px; height:350px; }

#home #content .category .websites, #home #content .category .prints, #home #content .category .randomfun {
float:left;
width:260px;
height:350px;
overflow:auto; }

#home #content .category .websites {
background:transparent url(http://www.armentas.com/l/i/home-web.gif) top left no-repeat scroll; }

#home #content .category .prints {
background:transparent url(http://www.armentas.com/l/i/home-print.jpg) top left no-repeat scroll; }

#home #content .category .randomfun {
background:transparent url(http://www.armentas.com/l/i/home-misc.jpg) top left no-repeat scroll; }

#home #content .category .websites h3, #home #content .category .prints h3, #home #content .category .randomfun h3 {
background:#f5f5f5 url(http://www.armentas.com/l/i/category-bg-on.png);
color:#696969;
margin:150px 20px 0 20px;
padding:5px 10px 5px 30px; }

#home #content .category p {
font-size:1.2em;
background-color:#fff;
margin:0 20px 10px 20px;
padding:10px 30px 10px 30px; }

/* ---------------------------------------------------
WEB */

.thumbs a:hover span.wbg1 {
background-image:url(http://www.armentas.com/l/i/web/ross-simons.jpg); }

.thumbs a:hover span.wbg2 {
background-image:url(http://www.armentas.com/l/i/web/cutcaster.jpg); }

.thumbs a:hover span.wbg3 {
background-image:url(http://www.armentas.com/l/i/web/syracuse-plastic.jpg); }

.thumbs a:hover span.wbg4 {
background-image:url(http://www.armentas.com/l/i/web/epaintstore.jpg); }

.thumbs a:hover span.wbg5 {
background-image:url(http://www.armentas.com/l/i/web/little-wings.jpg); }

.thumbs a:hover span.wbg6 {
background-image:url(http://www.armentas.com/l/i/web/aln.jpg); }

.thumbs a:hover span.wbg7 {
background-image:url(http://www.armentas.com/l/i/web/walpolelink.jpg); }

.thumbs a:hover span.wbg8 {
background-image:url(http://www.armentas.com/l/i/web/ljbarch.jpg); }

.thumbs a:hover span.wbg9 {
background-image:url(http://www.armentas.com/l/i/web/newportweddingroom.jpg); }

.thumbs a:hover span.wbg10 {
background-image:url(http://www.armentas.com/l/i/web/cams-auto.jpg); }

/* ---------------------------------------------------
PRINT */

.thumbs a:hover span.pbg1 {
background-image:url(http://www.armentas.com/l/i/print/battlegroundale-12-sm.jpg); }

.thumbs a:hover span.pbg2 {
background-image:url(http://www.armentas.com/l/i/print/battleground-labels-sm.jpg); }

.thumbs a:hover span.pbg3 {
background-image:url(http://www.armentas.com/l/i/print/pumpkinhead-12-sm.jpg); }

.thumbs a:hover span.pbg4 {
background-image:url(http://www.armentas.com/l/i/print/Pumpkinhead_bottles-sm.jpg); }

.thumbs a:hover span.pbg5 {
background-image:url(http://www.armentas.com/l/i/print/mysterioso-sm.jpg); }

.thumbs a:hover span.pbg6 {
background-image:url(http://www.armentas.com/l/i/print/mollys-sm.jpg); }

.thumbs a:hover span.pbg7 {
background-image:url(http://www.armentas.com/l/i/print/ftr-postcard-sm.jpg); }

.thumbs a:hover span.pbg8 {
background-image:url(http://www.armentas.com/l/i/print/sugarloaf-poster-sm.jpg); }

#print.sub #content .category { position:relative; width:308px; }

#print.sub #content ul.printnav { position:relative; top:8px; left:271px; }

#print.sub #content ul.printnav li { font-size:1.5em; display:inline; padding-left:30px; }

#print.sub #content ul.printnav li a { background-color:#fff; padding:2px; }

#print.sub #content img.printwork { position:relative; top:10px; }

#print.sub #content .description {
position:absolute;
top:55px;
right:0;
background:transparent url(http://www.armentas.com/l/i/web-gallery.jpg) top left no-repeat scroll;
width:150px;
padding:10px; }

#print #content .description img { float:left; margin:10px 0 0 0; }

/* ---------------------------------------------------
MISC */

#misc .category p a:link, #misc .category p a:visited { margin-bottom:10px; }

#misc .category p a:hover { margin-bottom:10px; }

#misc #content .description { 
background:transparent url(http://www.armentas.com/l/i/by-the-lake.jpg) top left no-repeat scroll; }

#misc .swf { float:left; margin:0 55px 15px 0; }


/* ---------------------------------------------------
ARTWORK */

.thumbs a:hover span.abg1 {
background-image:url(http://www.armentas.com/l/i/fine-art/anna-tower-sm.jpg); }

.thumbs a:hover span.abg2 {
background-image:url(http://www.armentas.com/l/i/fine-art/seatedman-mylar-sm.jpg); }

.thumbs a:hover span.abg3 {
background-image:url(http://www.armentas.com/l/i/fine-art/boy-reading-sm.jpg); }

.thumbs a:hover span.abg4 {
background-image:url(http://www.armentas.com/l/i/fine-art/seated-woman-sm.jpg); }

.thumbs a:hover span.abg5 {
background-image:url(http://www.armentas.com/l/i/fine-art/desk-stillife-sm.jpg); }

.thumbs a:hover span.abg6 {
background-image:url(http://www.armentas.com/l/i/fine-art/forlorn-sm.jpg); }

.thumbs a:hover span.abg7 {
background-image:url(http://www.armentas.com/l/i/fine-art/woodcut-fish-sm.jpg); }

.thumbs a:hover span.abg8 {
background-image:url(http://www.armentas.com/l/i/fine-art/netherworld-taxi-sm.jpg); }

.thumbs a:hover span.abg9 {
background-image:url(http://www.armentas.com/l/i/fine-art/ominous-sky-sm2.jpg); }

/* ---------------------------------------------------
INFO */

#resume .cv { width:780px; }

#resume .cv .margin {
background:transparent url(http://www.armentas.com/l/i/postit.gif) bottom right no-repeat scroll;
width:650px;
min-height:200px;
padding:40px 0 80px 40px; }

#resume .cv .margin #email {
position:absolute;
top:50px;
right:191px;
font-size:1.4em;
padding:2px;
border:1px solid #330000;
background-color:#FDF5E6; }

#resume .cv .margin p { background-color:transparent; margin-top:5px; }

#resume #content .cv .margin ul { list-style-type:disc; width:550px; margin:10px 0; }

#resume #content .cv .margin li.ni { list-style-type:none; margin-left:0; }

#resume #content .cv .margin li { margin-left:10px; }

#resume #content .cv .margin li + li { color:#333333; }

#resume #content .cv .margin li strong { 
font-weight:bolder;
text-decoration:underline;
color:#330000; }

#resume #content .cv .margin li span { float:right; }

#resume #content .cv .margin form { margin:10px; }

#resume #content .cv .margin label {
font-size:1.2em;
display:block;
float:left;
width:90px;
padding-top:4px;
border:0; }

#resume #content .cv .margin input.formField { 
font-size:11px;
background-color:#F5F5F5;
border:1px solid #330000;
margin:5px 0 0 10px;
padding:2px; }

#resume #content .cv .margin input.formField br { clear:left; }

#resume #content .cv .margin .formButton {
font-size:1.4em;
border:1px solid #330000;
background-color:#FDF5E6;
margin:10px 0;
padding:2px; }

#resume #content .cv .margin fieldset { border: 0; }

/* ---------------------------------------------------
FOOTER */

#footer {
clear:both;
padding:55px 0 20px 0;
background:transparent url(http://www.armentas.com/l/i/footer_bg.gif) top right repeat-x scroll; }

#footer ul { float:left; }

#footer ul.rt { float:right; }

#footer li { display:inline; padding-right:38px; }

#footer ul.rt li { display:inline; }

#footer li a, #footer li a:hover { font-weight:bold; }

#footer li.h a:hover {
background:url(http://www.armentas.com/l/i/home.gif) top left no-repeat scroll;
padding-left:18px; }

#footer img { margin:5px 0 5px 5px; }

/* ---------------------------------------------------
MASHUP */

#mashup { position:relative; clear:left; }

#mashup h3 { clear:left; margin-bottom:15px; }

#mashup img { float:left; border:1px solid #330000; margin:0 5px 5px 0; padding:2px; }

/* -------------------------------------------------
MISCELLANEOUS */

.cleaner { clear:both; height:1px; font-size:.1em; background:transparent; border:none; margin:0; padding:0; }

.hide { display:none; }

.clearleft { clear:left; }

code { color:#7B9905; font-family:Monaco,monospace; font-size:110%; line-height:1.2em; text-align:left; }

abbr, acronym { border-bottom:1px dotted #333; cursor:help; }

/* -------------------------------------------------
TABLES */

table { border-collapse:collapse; }

th { text-align:left; }

td { padding:6px; }

/* -------------------------------------------------
SLIMBOX */

#lbOverlay {
position:absolute;
left:0;
width:100%;
background-color:#000;
cursor:pointer; }

#lbCenter, #lbBottomContainer {
position:absolute;
left:50%;
overflow:hidden;
background-color:#fff; }

.lbLoading { background:#fff url(http://www.armentas.com/l/i/loading.gif) no-repeat center; }

#lbImage {
position:absolute;
left:0;
top:0;
border:10px solid #fff;
background-repeat:no-repeat; }

#lbPrevLink, #lbNextLink {
display:block;
position:absolute;
top:0;
width:50%;
outline:none; }

#lbPrevLink { left:0; }

#lbPrevLink:hover {
background:transparent url(http://www.armentas.com/l/i/prevlabel.gif) no-repeat 0% 15%; }

#lbNextLink {right: 0; }

#lbNextLink:hover {
background:transparent url(http://www.armentas.com/l/i/nextlabel.gif) no-repeat 100% 15%; }

#lbBottom {
font-family:"Lucida Grande",Helvetica,Arial,sans-serif;
font-size:10px;
color:#666;
line-height:1.4em;
text-align:left;
border:10px solid #fff;
border-top-style:none; }

#lbCloseLink {
display:block;
float:right;
width:66px;
height:22px;
background:transparent url(http://www.armentas.com/l/i/closelabel.gif) no-repeat center;
margin:5px 0; }

#lbCaption, #lbNumber { margin-right:71px; }

#lbCaption { font-weight:bold; }