/*
Theme Name: Hammertime Kitchens
Theme URI: http://www.renegade-empire.com/
Description: Wordpress Theme created by Renegade Empire for Hammertime Kitchens
Author: Simon Kelly
Author URI: http://www.renegade-empire.com/
*/



/* Colours

orange: f47321

really light grey: dddddd
light grey text: aaaaaa
grey text: 666666
dark grey text: 474747

*/




/* Universal Styles */
body {background: #4a4a4a url(images/bg-outer.gif); color: #fff; font-family: Georgia, sans-serif; font-size:76%; line-height: 1.5em;}
img {border: 0;}
h1,h2,h3,h4,h5 {margin: 20px 0 0 0; font-weight: normal;}
h1 {font-size: 2.2em; line-height: 1.2em; padding-bottom: 12px;}
    h1 a {text-decoration: none;}
h2 {font-size: 1.9em; line-height: 2.0em;}
h3 {font-size: 1.6em; line-height: 1.8em;}
ul {list-style-type: circle; padding-left: 4.0em;}
a,
a:link,
a:visited {text-decoration: none; color: #f47321;}
a:hover {text-decoration: underline;}
p,ul,q,blockquote,form {margin: 10px 0;}
blockquote {padding-left: 20px; font-style: italic;}

/* Library */
.clear {clear: both;}
.clear_pad {clear: both; padding: 10px 0;}
.left {float: left;}
.right {float: right;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
blockquote.large {font-size: 1.5em; font-style: italic; line-height: 1.2em;}
.width15 {width: 15%;}
.width18 {width: 18%;}
.width20 {width: 20%;}
.width23 {width: 23%;}
.width25 {width: 25%;}
.width30 {width: 30%;}
.width33 {width: 33%;}
.width35 {width: 35%;}
.width40 {width: 40%;}
.width45 {width: 45%;}
.width50 {width: 50%;}

span.orange {color: #f47321;}

/* Template */
#wrap {margin: 0 auto 0 auto; width: 960px;}
    #header {}
        #logo {margin: 25px 0 25px 0;}
        #contact {padding: 10px 0 0 0;}
        #contact #address {padding: 0 0 5px 0;}
        #contact #number {color: #aaa; font-size: 3.5em; margin-left: 10px; padding: 10px 0 15px 0;}
        #contact #call-us {font-size: 1.5em; text-align: right; padding: 5px 0 0 0;}
    #main-menu {}
    #main-menu ul#menu {height: 58px; list-style-type: none; width: 958px; margin: 0; padding: 0;}
    #main-menu ul#menu li {float: left; width: 166px; height: 28px; text-align: center; font-variant: small-caps; font-size:2.4em; padding: 16px 0; background: url(images/main-menu-bg.png) repeat-x;}
    #main-menu ul#menu li#home {width: 118px; padding: 0; margin: 0; background: none;}
    #main-menu ul#menu li#home a:hover {background: none;}
    #main-menu ul#menu li a{color: #666;}
    #main-menu ul#menu li.current_page_item a,
    #main-menu ul#menu li.current_page_parent a{color: #000;}
    #main-menu ul#menu li#main-menu-corners {width: 10px;padding: 0; margin: 0; background: none;}
    #trail-wrap {width: 960px;}
    #trail {padding: 8px 0 8px 0; height: 20px; background: url(images/trail-bg.png) repeat-x; width: 940px;}
    #trail a {color: #fff;}
    #content-wrap {background: #fff; padding: 12px; color: #474747; }
        #sidebar {width: 230px; margin-right: 20px;}
        #sidebar img {border: 2px solid #ccc;}
        #sidebar li.current_page_item a,
        #sidebar li.current_page_parent a{color: #f47321;}
        #sidebar ul {list-style-type: none; padding: 0; margin: 0;}
        #sidebar ul li {padding-bottom: 20px;}
        #sidebar ul ul {margin: 0 0 20px 0;}
        #sidebar ul ul li {border-bottom: 1px dotted #ddd; padding: 10px 10px 10px 25px; background: url(images/arrow.png) left center no-repeat;} 
        #sidebar a {color: #666;}
        #sidebar a:hover {color: #f47321;}
        #sidebar h2 {background: url(images/side-heading-bg.png) no-repeat center; width: 225px; height: 43px; padding: 0 0 0 7px; font-variant: small-caps; color: #f47321; margin: 5px 0 5px 0;}
        #content {width: 670px; margin-left: 16px;}
    #content-home {width: 936px;}
    .coda-slider-wrapper {margin: 20px 0; color: #474747;}
   	    .coda-slider { background: #fff; border-top: 5px solid #666; }
        .coda-slider h2 {margin: 0; padding: 0; color: #f47321; line-height: 1.2em; font-size: 1.6em;}
        
        

/*Un organised */
h1.post-title {font-size: 3.0em; margin: 0 0 20px 0; padding: 0; border-bottom: 1px solid #ddd;}
p.postmetadata {font-size: 0.8em; color: #666;}

input[type="submit"] {background: url(images/button-bg.png) bottom; border: 0; height: 28px; width: 102px; color: #fff; font-family: Georgia, sans-serif;}
input:hover[type="submit"] {background: url(images/button-bg.png) top; border: 0; height: 28px; width: 102px; cursor: pointer;}

a.button {background: url(images/button-bg.png) bottom; border: 0; height: 28px; width: 102px; color: #fff; padding: 6px 13px;}
a.button:hover {background: url(images/button-bg.png) top; border: 0; height: 28px; width: 102px; color: #fff; text-decoration: none;}