/*---------------------------------------------
color styles
www.davidjoel.com
February 2009
----------------------------------------------- */



/* page: our black background */
body, #page-bkgrd, #frame-content  { background-color:#000; }

/* header: high-end chicago photographer */
#frame-content h1 { color:#fff; }

/* header: phone number */
#frame-content h2 { font-size:1em; font-weight:bold; float:right; display:inline; padding-top:3.15em; color:#fff; }

/* header: email address */
#frame-content h2 a { color:#f00; }




/* navigation: nav bar background */
#nav ul { background-color:#222; }

/* navigation: small type and background of tabs at rest */
#nav ul li a { color:#666; background-color:#222; }

/* navigation: uppercase type of tabs at rest */
#nav ul li a strong { color:#ccc; }

/* sub navigation: white type links */
.section-left ul.subnav li a { color:#fff; }




/* page: top of page headline */
#main-content h1 { color:#eee; }

/* home page: gray text type */
.section-wrap-home p { color:#999; }

/* home page: buttons under images to the portfolio sections */
.section-wrap-home .button a, 
.section-wrap-home .button a:visited { background-color:#f00; color:#fff; }
.section-wrap-home .button a:hover { background-color:#222; color:#666; }

/* home page: the special separate button to many more samples  */
.section-wrap-home .special-button a, 
.section-wrap-home .special-button a:visited { width:auto; font-size:100%; text-decoration:none; font-weight:bold; background-color:#f00; color:#fff; padding:0.45em 1em 0.4em 1em; text-transform:uppercase; letter-spacing:1px; border:1px solid #ccc; }
.section-wrap-home .special-button a:hover { background-color:#222; color:#666; }




/* portfolio: background color of thumbnail containers */
.section-thumbs { background:#333; }




/* footer: black background and any white type */
#footer-wrap { color:#fff; background-color:#000; }

/* footer: navigation links */
#footer-nav a { color:#fff; }

/* footer: legal box and type */
#footer-legal { color:#fff; background-color:#222; }
