/* DEFAULTS */
body {font-family:verdana,arial,sans-serif; font-size:11px; color:#666666; text-align:center; 
  background-image:url(./images/site/bg.gif); background-repeat:repeat; 
}
h1 { font-family:arial,verdana,sans-serif; font-size:250%; font-weight:bold; }
h2 { font-family:arial,verdana,sans-serif; font-size:190%; font-weight:bold; margin:20px 0 7px 0; }
h3 { font-family:arial,verdana,sans-serif; font-size:145%; font-weight:normal; margin:20px 0 7px 0; }
h2 + h3 { margin-top:10px; }
p { margin-bottom:7px; letter-spacing:0pt; line-height:1.5em; }
ul { list-style-type:none; }
ul li { margin-bottom:5px; }
a:link, a:visited { color:#000000; font-weight:bold; text-decoration:none; }
a:hover, a:active { color:#999999; font-weight:bold; text-decoration:none; }
label { display:block; margin-bottom:10px; }
input { display:block; font-size:120%; }
textarea { display:block; width:400px; font-size:120%; }

/* HEADER */
#header { width:840px; margin:0px auto; text-align:left; }
  #topbar { height:10px; background:#000000; margin-bottom:14px; }
  #navbar { height:46px; }
#whitearea { background:#FFFFFF; }
  #middle { width:840px; margin:0px auto; padding-bottom:40px; text-align:left; }

/* #FOOTER */
#footer { width:840px; margin:0px auto; text-align:left; padding:20px 0 50px 0; text-align:right; }
#footer #col1 { float:left; width:130px; padding-top:20px; }
#footer #col2 { float:right; text-align:right; padding-top:20px; }
#footer { color:#666666; }
#footer p { margin:0px; line-height:120%; }
#footer p a:link, #footer p a:visited { color:#FFFFFF; text-decoration:none; font-weight:bold; }
#footer p a:hover, #footer p a:active{ color:#999999; text-decoration:none; }

/* GENERAL */
.column { float:left; width:190px; padding:0 10px; }
.wide-column { float:left; width:400px; margin:0 10px; }
.extra-wide-column { float:left; width:610px; margin:0 10px; }

.column h3:first-child { margin-top:0; }
.section-title { color:#000000; padding:40px 0 10px 10px; }
img.entry-thumb { width:65px; height:65px; float:left; margin-left:-75px; }
.clearall { clear:both; }


/* HOMEPAGE */
#homepage { background-image:url(./images/site/homepage-top-bg.jpg); background-repeat:no-repeat; }
#homepage #intro { padding-bottom:30px; }
#homepage #intro p { font-size:130%; }
#homepage .column .entry { height:65px; border-bottom:1px dotted #BFBFBF; margin-bottom:10px; }
#homepage .column .entry:hover { color:#000000; background-color:#F5F5F5; }


/* PORTFOLIO */
#portfolio>.wide-column { padding-bottom:20px; }
#portfolio .wide-column .entry { margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #BFBFBF; }
#portfolio .wide-column .entry-title { font-size:132%; }
#portfolio .wide-column h3:first-child { margin-top:0; }
#portfolio .column h3:first-child { margin-top:0; }
#portfolio .project-name { color:#000000; margin:0; padding:0 0 20px 10px; }
#portfolio .project-name:first-child { color:#000000; margin:0; padding:0 0 20px 10px; }


/* BLOG */
#blog .wide-column .entry { margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #BFBFBF; }
#blog .wide-column .entry-title { font-size:132%; }
#blog .column h3:first-child { margin-top:0; }

/* BLOG/ENTRY */
#blog-entry .extra-wide-column .entry { width:400px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #BFBFBF;}
#blog-entry .extra-wide-column .entry-title { font-size:132%; }
#blog-entry .extra-wide-column .column h2:first-child { margin-top:0; }
.comment { border-top:1px dotted #BFBFBF; padding:10px 0 14px 0; }
.comment .inner-column1 { float:left; width:400px; margin-right:20px; }
.comment .inner-column2 { float:left; width:190px; }
.comment .inner-column2 img { float:left; margin-right:10px; }


/* CONTACT FORM */
#contact_form textarea { display:block; width:400px; font-size:120%; }
#contact_form div:first-child { display:none; }