/*
Theme Name: Jane Field Makeup
Theme URI: http://janefield.co.za
Description: Custom template design for Jane Field Makeup
Version: 1.0
Author: Byron Rode
Author URI: http://www.thecreativefoundation.com
*/

body { background: #952d48 url('images/bg.gif') repeat 0 0; font-family: Helvetica, Arial, sans-serif, serif; font-size: 14px; }
.clear { clear: both; margin: 0; }
#logo {  }
#logo div { display: none; }
#logo h1 a { background: transparent url('images/logo.png') no-repeat 0 0; display: block; margin: 25px auto 0 auto; width: 130px; height: 190px; text-indent: -9999px; }
#logo h1 a:hover { box-shadow: 10px 10px 5px #888; }

#navigation { width: 472px; margin: 0 auto; }
#navigation ul { list-style: none; margin: 40px 0 0 0; padding: 0; }
#navigation ul li { float: left; display: block; text-indent: -9999px; padding: 0 0 0 0; margin: 0; }
#navigation ul li a { background: transparent url('images/navigation.png') no-repeat; height: 58px; display: block; }
#navigation ul li a.home { width: 72px; background-position: 0px -58px; margin-right: 20px; }
#navigation ul li a.about { width: 76px; background-position: -92px -58px; }
#navigation ul li a.portfolio { width: 124px; background-position: -176px -58px; margin-right: 10px; }
#navigation ul li a.blog { width: 58px; background-position: -318px -58px; margin-right: 15px;}
#navigation ul li a.contact { width: 96px; background-position: -402px -58px; }
#navigation ul li#current a.home,
#navigation ul li a.home:hover { background-position: 0px 0px; }
#navigation ul li#current a.about,
#navigation ul li a.about:hover { background-position: -92px 0px; }
#navigation ul li#current a.portfolio,
#navigation ul li a.portfolio:hover { background-position: -176px 0px; }
#navigation ul li#current a.blog,
#navigation ul li a.blog:hover { background-position: -318px 0px; }
#navigation ul li#current a.contact,
#navigation ul li a.contact:hover { background-position: -402px 0px; }

#content { width: 496px; margin: 0 auto; text-align: justify; color: #fff; background: transparent; }
#content a { font-weight: bold; color: #fff; }

#content ul.categories { list-style: none; padding: 0; margin: 0; }
#content ul.categories li { display: block; padding: 0.5em 1em; margin-right: 10px; float: left; background: #d65a7b; }

#content .gallery-icon a img { padding: 1px; background: #d65a7b; border: 4px solid #752339; }

#content .wpcf7-form { width: 100%; }
#content .wpcf7-form p { text-shadow: 1px 1px 1px #000; font-size: 16px; }
#content .wpcf7-form p label span { border: 6px solid #d65a7b; display: block; height: 38px; width: 300px; }
#content .wpcf7-form input { background: #f1a5b9; padding: 0; margin: 0; height: 36px; width: 100%; padding: 0 5px; border: 4px solid #752339; font-size: 20px; line-height: 36px; }
#content .wpcf7-form input.contact-send { background: #752339; padding: 0; margin: 0; height: 36px; width: 100px; padding: 0 5px; border: 3px solid #f1a5b9; text-shadow: 1px 1px 1px #000; color: #fff; font-size: 20px; line-height: 36px; }
#content .wpcf7-form input.contact-send:hover { background: #f1a5b9; border: 3px solid #752339; }
#content .wpcf7-form textarea { background: #f1a5b9; padding: 0; margin: 0; width: 100%; padding: 0 5px; border: 4px solid #752339; font-size: 14px; height: 200px; }

#footer { width: 496px; margin: 50px auto 0 auto; text-align: center; color: #c92d55; background: transparent; font-size: 10px; }
#footer a { text-decoration: none; font-weight: bold; color: #c92d55; background: transparent; }
#footer a:hover { text-decoration: underline; }