/* Shoplifter.us -- Design and code by Ethan Miller, 2008 */

html { overflow-x: auto; height:100%;}/* IE fix */

body {background-color:#f8f8f8;text-align: center;line-height: 1.6em; margin: 0; padding: 0;
	font-family: Helvetica, arial, sans-serif;}

.float-fix {height:1px; overflow:hidden; clear:both; margin:0; font-size:1px; line-height:1px;}

a, a:visited, a:active {color: #8e8e8e;}
a img {border-width: 0;}
em { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #8e8e8e;}
h2 {font-size: 1.5em; color: #8e8e8e;}
h3 {margin-bottom: 0;}
h4 {color: #8e8e8e; font-size: 1.2em; margin-bottom: 2px;}

/* PAGE LAYOUT */
#header, #content, #footer, #home {margin: 0 auto; width: 960px;}
#header {background: url(../images/headerbg.png) no-repeat 0 0; background-color:#f8f8f8; height: 119px; text-align: left; padding: 0; }
#content {background: url(../images/pagebg.png) repeat-y 0 0; padding: 8px 0 20px 0;}
#footer {background: url(../images/pagefooter.png) no-repeat top left; margin: 0 auto;  padding: 0 0 0 0px; text-align: left;}
div.col.left {float: left; width: 200px; margin: 0 40px 0 60px; display: inline;}
div.col.right {float: left; width: 601px; margin: 0; display: inline;}

/* NAV */
ul {margin: 0;padding: 0;}
ul li {list-style-type: none; }
li a {color: #8e8e8e; text-decoration: none; font-weight: bold;display: block; padding: 2px 0; margin: 0;}
li.on a, li.on a em {color: #363636;}
#topnav {padding: 45px 0 0 21px; font-size: .8em;}
#topnav li {display: block; float: left; margin: 0 43px 0 0 ; padding: 0;}
ul.sidenav li {text-align: right; padding: 0 0 2px 0; font-size: .75em; line-height: 1.4em;}
ul.sidenav li:first-child a {padding-top: 0;} /* unpad first item */
ul.sidenav small {font-family: Helvetica, arial, sans-serif; font-weight: normal; font-size: 1em;}
ul.sidenav li.date {margin-top: 15px;}
ul.sidenav li.date:first-child {margin-top: 0;}

/* ART */
div.artpiece {margin-bottom: 30px;}
div.artpiece img {margin-bottom: 18px;}
p.caption {display:none;}

/* CV */
div.cv {text-align: left; font-size: .8em;}

div.cv h4 {margin-top: 20px;}
div.cv h4:first-child {margin-top: 0;}
div.cv ul {position: relative; margin-left: 50px;}
div.cv ul li {line-height: 1.2em; padding-bottom: 10px;}
div.cv ul li.date {position: absolute; top: auto; left: -50px;font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #8e8e8e; width: 55px; line-height: 1em; padding-top: 0px;}

/* CONTACT */
div.contact {text-align: left; font-size: .8em; line-height: 1.4em;}
div.contact h2 {margin-bottom: 2px; font-size: 1.9em;}

/* FOOTER */
#footer p {padding: 15px 0 40px 20px; color: #8e8e8e; font-size: .7em; margin: 0;}