/* ------------ © Eric Dubois ----------- */
/* ------ http://www.ericdubois.com ----- */

/* -- Styles Liz Goulet Dubois website -- */
/* ------------- 2011 Update ------------ */

/* ------- Styles for page layout ------- */
body { margin: 0; border: none; padding: 0px; background: #fff; text-align: center; font-size: 10px; font-family: Trebuchet MS, sans serif; color: #000; }
#column { margin: 10px auto 0px auto; border: none; padding: 0px; width: 960px; background: overflow: hidden; background: url('images/page_bkgd.gif') repeat-y; }
#page { margin: 0; border: none; padding: 0px; width: 730px; float: right; display: inline; position: relative; z-index: 100; }
#footer { margin: 0; border: none; padding: 0; text-align: center; width: 100%; height: 125px; clear: both; background: url('images/footer_bkgd.gif') repeat-x center; position: relative; top: -10px; }
#copyright { margin: 0 auto; border: none; padding: 0; width: 960px; height: 125px; background: url('images/copyright_bkgd.gif') no-repeat; }
#copyright p { margin: 0; border: none; padding: 65px 0 0 0; color: #fff; font-size: 1.2em; font-weight: bold; position: relative; z-index: 200; }

/* ------- Left Nav ------- */
#navigation { margin: 0; border: none; padding: 0; width: 230px; overflow: hidden; text-align: center; float: left; display: inline; }
.btn_home, .btn_illus, .btn_books, .btn_toys, .btn_products, .btn_licensing { margin: 0; border: none; padding: 0; width: 230px; height: 100px; display: block; overflow: hidden; }
.btn_home { background: url('images/btn_home.gif') no-repeat; height: 150px; }
.btn_illus { background: url('images/btn_illus.gif') no-repeat; }
.home .btn_illus { background: url('images/btn_illus2.gif') no-repeat; }
.btn_books { background: url('images/btn_books.gif') no-repeat; }
.btn_toys { background: url('images/btn_toys.gif') no-repeat; }
.btn_products { background: url('images/btn_products.gif') no-repeat; }
.btn_licensing { background: url('images/btn_licensing.gif') no-repeat; }
#navigation a:hover { background-position: -230px 0; }
.tree_branch { margin: 0; border: none; padding: 0; width: 230px; height: 75px; display: block; background: url('images/tree-branch.gif') no-repeat; }

/* ------- Top Nav ------- */
#topNav { margin: 10px 0; border: none; padding: 0; width: 730px; height: 40px; overflow: hidden; text-align: center; vertical-align: top; }
.btn_about, .btn_clients, .btn_press, .btn_blog, .btn_links, .btn_shop, .btn_contact { margin: 0; border: none; padding: 0; height: 40px; display: inline-block; overflow: hidden; }
.btn_about { background: url('images/btn_about.gif') no-repeat; width: 90px; }
.btn_clients { background: url('images/btn_clients.gif') no-repeat; width: 100px; }
.btn_press { background: url('images/btn_press.gif') no-repeat; width: 85px; }
.btn_blog { background: url('images/btn_blog.gif') no-repeat; width: 75px; }
.btn_links { background: url('images/btn_links.gif') no-repeat; width: 85px; }
.btn_shop { background: url('images/btn_shop.gif') no-repeat; width: 80px; }
.btn_contact { background: url('images/btn_contact.gif') no-repeat; width: 100px; }
#topNav a:hover { background-position: 0 -40px; }

a.buttonTwitter, a.buttonFacebook { display: inline-block; width: 16px; height: 16px; background-position: 0 0; padding: 0; margin: 2px; position: relative; top: -10px; }
a.buttonTwitter { background: url(images/button_twitter.gif) no-repeat; }
a.buttonFacebook { background: url(images/button_facebook.gif) no-repeat; }
a.buttonFacebook:hover, a.buttonTwitter:hover { background-position: 0 -16px !important; }

#mainContent { margin: 0 auto; border: none; padding: 0; width: 730px; display: block; clear: both; position: relative; z-index: 100; top: 0px; }
#home_bkgd { margin: 40px 0 -125px 0; border: none; padding: 0; width: 730px; height: 530px; display: block; clear: both; background: url('images/home_bkgd.jpg') no-repeat; text-align: left; position: relative; z-index: 100; }
#home_show { margin: 0; border: none; padding: 0; width: 210px; height: 100px; position: relative; top: 410px; left: 65px; display: block; }

/* ------- Text ------- */
a { text-decoration: none; color: #811; border: none; }
a:link, a:visited { color: #811; }
a:hover { color: #922; text-decoration: underline; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

/* ------- Main pages ------- */
#mainContent h1 { font-family: Arial Black, arial, verdana, sans-serif; font-style: normal; font-weight: bold; font-size: 2em; line-height: 1.5em; text-align: center; padding: 0px 20px 0 20px; color: #192; clear: left; }
#mainContent h2 { font-family: arial, verdana, sans-serif; font-style: normal; font-weight: bold; font-size: 1.5em; line-height: 1.2em; text-align: left; padding: 10px 20px 0 20px; color: #192; clear: left; }
#mainContent h3 { font-family: arial, verdana, sans-serif; font-style: normal; font-weight: bold; font-size: 1.2em; line-height: 1.2em; text-align: left; padding: 10px 20px 0 20px; color: #192; clear: left; }
#mainContent p, #mainContent ul, #mainContent ol { font-family: arial, verdana, sans-serif; font-style: normal; font-weight: normal; font-size: 1.2em; line-height: 1.5em; text-align: left; padding: 0px 20px 0 20px; }
#mainContent blockquote p { font-family: arial, verdana, sans-serif; font-style: normal; font-weight: normal; font-size: 1em; text-align: left; padding: 5px 20px 0 40px; }
#mainContent ul { list-style-type: square; padding: 5px 20px 0 20px; }
#mainContent p.center { text-align: center; }
.code { font-family: 'Courier New', Courier, monospace; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1.2em; text-align: center;color: #003366; }

/* ------- Pop-up pages ------- */
#popContent h1 { font-family: Arial Black, arial, verdana, sans-serif; font-style: normal; font-weight: bold; font-size: 2em; line-height: 1.5em; text-align: center; padding: 0px 20px 0 20px; color: #347; }
#popContent h2 { font-family: arial, verdana, sans-serif; font-style: normal; font-weight: bold; font-size: 1.5em; line-height: 1.5em; text-align: left; padding: 10px 20px 0 20px; color: #347; }
#popContent p, #popContent ul, #popContent ol { font-family: arial, verdana, sans-serif; font-style: normal; font-weight: normal; font-size: 1.2em; line-height: 1.5em; text-align: left; padding: 0px 20px 0 20px; margin-top: 0; }
#popContent blockquote p { font-family: arial, verdana, sans-serif; font-style: normal; font-weight: normal; font-size: 1em; text-align: left; padding: 5px 20px 0 20px; }
#popContent ul { list-style-type: square; padding: 5px 20px 0 40px; }
#popContent p.copyright { font-size: 0.9em; line-height: 1em; text-align: right; padding: 0px 20px 0 20px; }
#popContent p.center { text-align: center; }

/* ------- Footer ------- */
.webmaster { padding: 50px 80px 0 0; float: right; }
.webmaster a { font-family: georgia, serif; font-style: normal; font-weight: normal; font-size: 0.9em; line-height: 1.2em; color: #338; text-decoration: none; }
.webmaster a:hover { color: #449; }

/* ------- Gallery ------- */
#gallery { padding: 0; margin: 0; clear: both; }
#gallery img { margin: 0px; border: 3px solid #fff; }
#gallery img:hover { border: 3px solid #8d5; }
#gallery img:active { border: 3px solid #192; }
#mainContent.about #gallery img:hover { margin: 0px; border: 3px solid #fff; position: relative; top: -1px; left: 0px; }
#mainContent.about #gallery img:active { margin: 0px; border: 3px solid #fff; position: relative; top: 2px; left: 1px; }
#mainContent.books #gallery img:hover { margin: 0px; border: 3px solid #fff; position: relative; top: -1px; left: 0px; }
#mainContent.books #gallery img:active { margin: 0px; border: 3px solid #fff; position: relative; top: 2px; left: 1px; }
#mainContent.toys #gallery img { margin: 2px; border: 1px solid #ccc; width: 130px; height: 130px; }
#mainContent.toys #gallery img:hover { margin: 0px; border: 3px solid #8d5; }
#mainContent.toys #gallery img:active { margin: 0px; border: 3px solid #192; }
#mainContent.products #gallery img { margin: 2px; border: 1px solid #ccc; width: 130px; height: 130px; }
#mainContent.products #gallery img:hover { margin: 0px; border: 3px solid #8d5; }
#mainContent.products #gallery img:active { margin: 0px; border: 3px solid #192; }
#mainContent.illustration #gallery img { margin: 2px; border: 1px solid #ccc; width: 130px; height: 130px; }
#mainContent.illustration #gallery img:hover { margin: 0px; border: 3px solid #8d5; }
#mainContent.illustration #gallery img:active { margin: 0px; border: 3px solid #192; }

/* ------- Images ------- */
img { margin: 0px; border: none; padding: 0px; }
img.floatright { float: right; margin: 0 0 10px 10px; }
img.floatleft { float: left; margin: 0 10px 10px 0; }
.hiddenPic { display: none; }
.clear { clear: both; }

/* ------- JS Warning ------- */

.warning { margin: 5px auto; border: 3px solid white; padding: 20px; width: 600px; background: red; clear: both; font: 2em bold; color: white; }