/*
Theme Name: Johnny's Petshop
Author: Steve Roelens
*/

/* General */
body { color:#6b6059; background-image:url('../images/body-bg.jpg'); }
body.page-popup a { color:#5b3e2c; }

div.category-content ol,
div.category-content ul { clear:both; margin-left:30px; margin-bottom:20px; list-style:disc outside; }
div.category-content ol { list-style:decimal; }
div.category-content hr { margin-bottom:25px; }

/* Header */
div.wrapper-top div.header { background-color:#4f6f0f; background-image:url('../images/header-reptile.jpg'); }
div.wrapper-top div.header li { background-color:#2f1a0c; background-image:url('../images/header-menu-li.jpg'); }
div.wrapper-top div.header li a { color:#e1e2d9; }
div.wrapper-top div.header li.home a { background-image:url('../images/header-menu-home.jpg'); }
div.wrapper-top div.header li:hover { background-color:#5b3e2c; }
div.wrapper-top div.header li:hover a { color:#ffffff; }
div.wrapper-top div.header li.home:hover a { background-image:url('../images/header-menu-home-active.jpg'); }
div.wrapper-top div.header li.menu-sub div { background-color:#5b3e2c; }
div.wrapper-top div.header li.menu-sub div li { background-image:url('../images/header-menu-sub-li.gif'); }
div.wrapper-top div.header li.menu-sub div a { color:#e1e2d9; }
div.wrapper-top div.header li.menu-sub div a:hover { color:#ffffff; }
div.wrapper-top div.search input.keyword { border:1px solid #5b3e2c; }
div.wrapper-top div.menu-top { width:760px; color:#baad9e; text-align:right; }
div.wrapper-top div.menu-top a { color:#baad9e; }
div.wrapper-top div.menu-top a.newsletter { padding:15px; font-weight:bold; color:#ffffff; background-color:#4F6F0F; border:7px solid #ffffff; }
div.header-sub div.breadcrumbs { color:#baad9e; }
div.header-sub div.breadcrumbs a { color:#baad9e; }
div.header-sub div.website a { color:#baad9e; }

/* Left */
div.col-left div.category { background-color:#e1e2d9; }
div.col-left div.category li { background-image:url('../images/left-menu-li.jpg'); }
div.col-left div.category li li { background:none; }
div.col-left div.category li a { color:#5b3e2c; background-image:url('../images/left-menu-a.jpg'); }
div.col-left div.category li li a { color:#5b3e2c; }

/* Form Elements */
button.button { background-color:#4f6f0f; }
button.button span { color:#ffffff; }

/* Category Page */
.category-intro { color:#e1e2d9; background-color:#5b3e2c; }
.category-intro a { color:#e1e2d9; }
.category-tip { color:#e1e2d9; background-color:#4f6f0f; background-image:url('../images/tip-bg.jpg'); }

/* Sidebar */
.block { color:#5b3e2c; background-color:#e1e2d9; border:1px solid #b4b9ab; }
.block a { color:#5b3e2c; }
.sidebar .newsletter a { display:block; margin-bottom:18px; padding:13px 10px 14px 10px; font-weight:bold; color:#ffffff; text-align:center; text-decoration:none; background-color:#4F6F0F; }
.sidebar .list-links { margin-top:18px; list-style:inside; }

/* Gravity Forms general */
div#gforms_confirmation_message { padding:8px; color:#4F6F0F; border:1px solid #4F6F0F; }
.gform_wrapper .validation_error { margin-bottom:18px; padding:8px; color:#ff0000; border:1px solid #ff0000; }
.gform_wrapper .validation_message { color:#ff0000; }
.gform_wrapper .gform_heading { margin-bottom:18px; }

/* Contact Form */
div.category-content .gform_wrapper ul { margin-left:0px; list-style:none; }
div.category-content .gform_wrapper li { margin-bottom:18px; }
div.category-content .gform_wrapper label { font-weight:bold; }
div.category-content .gform_wrapper .small { width:100px; }
div.category-content .gform_wrapper .medium { width:250px; }
div.category-content .gform_wrapper .large { width:400px; }
div.category-content .gform_wrapper .gfield_required { color:#ff0000; }
div.category-content .gform_wrapper .button { padding:4px 8px; cursor:pointer; }

/* Newsletter Form */
div.sidebar .gform_wrapper { margin-bottom:18px; padding:18px; color:#ffffff; background-color:#4F6F0F; }
div.sidebar .gform_wrapper .gform_heading { font-weight:bold; text-align:center; }

div.sidebar .gform_wrapper ul { margin-left:0px; list-style:none; }
div.sidebar .gform_wrapper li { margin-bottom:18px; }
div.sidebar .gform_wrapper label { font-weight:bold; }
div.sidebar .gform_wrapper .medium { width:190px; }
div.sidebar .gform_wrapper .gfield_required { color:#ff0000; }
div.sidebar .gform_wrapper .gform_footer { text-align:center; }
div.sidebar .gform_wrapper .button { padding:4px 8px; font-weight:bold; color:#ffffff; border:0px; background-color:#5B3E2C; cursor:pointer; }