/*
Theme Name: WordPress Classic
Theme URI: http://wordpress.org/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.5
Author: Dave Shea
Tags: mantle color, variable width, two columns, widgets

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

/* Style Reset */
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,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body { background: #fff; color: #000; font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 11px; }

/* Generic Classes */
.clearleft { clear:left; }
.floatleft { clear:left; float:left; }
.nopadbot { padding: 10px 20px 0 20px; }
.pad10top { padding: 10px 20px 20px 20px; }

/* Typography */
h1 { margin: 0; padding: 0; font-size: 12px; font-family: Helvetica,Verdana,sans-serif; font-weight: bold; }
h2 { margin: 0; padding: 0; font-size: 18px; font-family: Helvetica,Verdana,sans-serif; font-weight: normal; }
h3 { margin: 0; padding: 0; font-size: 11px; font-family: Helvetica,Verdana,sans-serif; font-weight: normal; }
h4 { margin: 0; padding: 0; font-size: 14px; font-family: Helvetica,Verdana,sans-serif; font-weight: normal; }

p { color: #000; font-size: 11px; line-height: 13px; }

a { color: #999; text-decoration: none; }
a:hover { font-style: italic; }


#container { overflow: hidden; width: 900px; margin: 100px auto; }

#left_col { float: left; padding: 0 9px; width: 142px; }
#left_col p { margin-top: 6px; }

#bio { margin-top: 60px; }

#work { margin-top: 40px; }

#art { display: none; position: absolute; top: -21px; left:0px; width: 100px; }
#identity { display: none; position: absolute; top: -21px; left:-21px; width: 100px; }
#print { display: none; position: absolute; top: -21px; left:-42px; width: 100px; }
#products { display: none; position: absolute; top: -21px; left:-63px; width: 100px; }
#credits { display: none; position: absolute; top: -21px; left:-84px; width: 100px; }

ul#categories { margin: 30px 0 10px 0; }
ul#categories li { position: relative; display: inline-block; margin-right: 9px; width:9px; height:9px; background: #ccc; }
ul#categories li:hover { }
ul#categories li a { display: block; color: #000; }
ul#categories li a.art:hover #art { display: block; }
ul#categories li a.identity:hover #identity { display: block; }
ul#categories li a.print:hover #print { display: block; }
ul#categories li a.products:hover #products { display: block; }
ul#categories li a.credits:hover #credits { display: block; }

ul#nav { margin-top: 40px; color: #000; }
ul#nav a { color: #000; }

#content { float: left; overflow: hidden; margin-bottom: 9px; width: 730px; height: 440px; border: 1px solid #ccc; }

#photos { overflow:hidden; position: relative; width: 730px; height: 440px;}
#photocontrol { position: absolute; display: none; margin: -30px 0 0 0; width: 730px; height: 20px; z-index: 20; }
#photocontrol a#prev{ display: block; float: left; padding: 10px; font-size: 13px; }
#photocontrol a#next{ display: block; float: right;  padding: 10px; font-size: 13px; }

#footer { clear:both; width: 900px; height: 110px; background: url('/wp-content/uploads/2010/02/footer.png') -2px top no-repeat; }
#footer p { font-size: 8px; padding: 20px 10px; letter-spacing: 2px; color: #999; }