/* ---------------------------- *\
   curtisharvey.com stylesheet
   Curtis Harvey
   curtis@curtisharvey.com
\* ---------------------------- */

body { margin: 0; padding: 0; font: 13px/1.5 Tahoma, Helvetica, Arial, sans-serif; background: #F5F5F5 url(../img/bg.png) repeat-y top; color: #333; }

h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; }

/* links */
a:link, a:visited { color: #36C; }
a:hover, a:active { color: #339; }
a img { border: 0; }

/* container */
#container { width: 620px; margin: 0 auto; padding: 0 40px; }

/* header */
#header { display: block; overflow: hidden; margin: 0 -42px 0 -38px; padding-top: 40px;
    background: url("../img/header.jpg") no-repeat 50% 0%; border: solid #333; border-width: 2px 0; }

/* sections */
.section { margin-top: 20px; overflow: hidden; zoom: 1; }

.section h2 { margin: 1em -40px; padding-left: 40px; font-size: 1.5em; font-weight: normal; color: #333; border-bottom: 1px solid #666; }
.section h3 { font-size: 1.25em; color: #333; }

/* welcome */
#lastphoto { float: right; position: relative; margin-left: 1em; width: 247px; }

/* experiments, work */
#experiments { width: 49%; float: left; clear: left; }
#work { width: 49%; float: right; }
#experiments dl, #work dl { margin: 0 30px 0 0; }
#experiments dt, #work dt { clear: both; font-weight: bold; }
#experiments dt img, #work dt img { float: left; margin: 5px 10px 10px 0; }
#experiments dd, #work dd { margin: 0 0 25px 70px; padding: 0; font-size: 0.85em; }

/* footer */
#copy { margin: 40px -40px 0 -37px; padding: 1em 0; clear: both; border-top: 2px solid #666; background-color: #FFF; text-align: center; font-size: 0.95em; }


/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000;padding-right:5px;}
#flickr_badge_wrapper img {margin:5px 0 5px 5px;}

/* Hacks & Fixes */

/*  IE5 does not support auto left/right margin for centering
    but will incorrectly center a block level element when parent is set to text-align: center */
body { text-align: center; }
#container { text-align: left; }

/*  image replacement */
#header { height: 0 !important; height /**/: 40px; }