/**
 * Theme Name: Chappelli
 * Description: Wordpress Customisation for Chappelli Cycles.
 * Version: 1.0
 * Author: Andy Summerton and Kat Clark
 * Author URI: http://kat-hello.com
 *
 * Copyright (c) 2007 - 2009 Andy Summerton.  All rights reserved.
 * http://andysummerton.com
 *
 */

/* Kat Hello Reset stylesheet */
@import url('./style-hello.css');

/* GENERAL */
body { font-family: "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #615d5d; background: #000000 url(images/tile.gif) repeat center top; font-size: 15px; line-height: 24px;}

/* STRUCTURE */
div#body-container { overflow: hidden; width: 865px; margin: 0 auto 100px auto;  }
div#header { overflow: hidden; position: relative; height: 210px; width: 100%; display: block; }
div#main { min-height: 600px; overflow: visible; position: relative; width: 100%; display: block; background-color: #fbfbf6; padding: 37px 0px 0px 0px;}
div#content { margin: 0 45px 0 52px; padding: 24px 0px; }
div.line {width: 100%; display: block; overflow: hidden; margin: 0px 0px 30px 0px; }
 
/* TYPE */
h1#logo { text-indent: -3901px; width: 119px; height: 109px; margin: 55px 0px 0px 43px; float: left; display: inline; background: transparent url(images/chappelli_logo.gif) no-repeat top left;}
h1#logo a:link, h1#logo a:visited, h1#logo a:hover, h1#logo a:active { display: block; width: 100%; height: 100%; }
h2 { font-weight: normal; font-size: 40px; color: #bf1e2e; text-transform: uppercase; line-height: 40px; padding: 0px 0px 10px 0px; }
h3 { color: #463636; font-size: 30px; font-weight: normal; text-transform: uppercase; margin: 1px 0px 0px 0px; /* for cufon */}
h3 span { color: #bf1e2e; }
h3.price { margin: 1px 0px 20px 0px !important;}
h4 { color: #463636; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 10px 0px 0px 0px; }
.product h4 { color: #463636; font-size: 14px; font-weight: normal; text-transform: uppercase; padding: 0; margin: 0; }
#lil-checky h4 { color: #463636; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 0px 0px 0px 0px;} 
p { padding: 0px 0px 10px 0px;}
.small, .form-allowed-tags { font-size: 12px; line-height: 19px; }
a:link, a:visited { color: #b8112d; text-decoration: none; }
a:hover, a:active { color: #000; text-decoration: none; }
ul { list-style-position: outside; list-style-type: disc; margin: 0px 0px 0px 14px; padding: 0px 0px 10px 0px; }
ol { list-style-position: outside; list-style-type: decimal; margin: 0px 0px 0px 17px; padding: 0px 0px 10px 0px; }
li { padding: 0px 0px 4px 0px; }

/* BITS */
div#online-shop { position: absolute; top: 0; right: 0; width: 140px; height: 140px; background: transparent url(images/onlineshop.gif) no-repeat; text-indent: -9988px; }
div#online-shop a:link, div#online-shop a:visited, div#online-shop a:hover, div#online-shop a:active { width: 100%; height: 100%; display: block; }
span.fb-like { min-height: 25px; display: block; }
div#breadcrumb { position: absolute; z-index: 2; display: block; margin: 0; left: 52px; top: 22px; }
.dotted { border-bottom: 1px dotted #c9c9c5; }
.ngg-galleryoverview {padding: 0px 0px 20px 0px;}
div#lil-checky { position: absolute; top: 34px; right: 45px; width: 170px; z-index: 50;}
div#lil-checky h4 { text-align: right;}
div#lil-checky p.status { line-height: 16px; text-align: right; padding: 2px 0px 0px 0px; }
div.navigation { width: 100%; overflow: hidden; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
div.inline { padding: 20px 0px;}
div.navigation .alignright, div.navigation .alignleft { padding: 10px 0px 0px 0px;}
.clear { float: none; clear: both; }
.fb_edge_widget_with_comment { padding: 0px 0px 30px 0px; }

/* NAVIGATION */
ul#menu-main { float: right; display: inline; margin: 130px -6px 0px 0px;}
ul#menu-main li { float: left; display: inline; border-top: 4px solid #666666; border-bottom: 4px solid #666666; padding: 8px 6px 4px 0px; text-transform: uppercase; font-size: 22px; font-weight: bold; position: relative; }
ul#menu-main li a:link, ul#menu-main li a:visited { color: #ffffff; display: block; }
ul#menu-main li a:hover, ul#menu-main li a:active { color: #bf1e2e; display: block; }
ul#menu-main li.current-menu-item a:link, ul#menu-main li.current-menu-item a:visited, ul#menu-main li.current-menu-item a:hover, ul#menu-main li.current-menu-item a:active { color: #bf1e2e; }
ul#menu-main li.current-page-parent a:link, ul#menu-main li.current-page-parent a:visited, ul#menu-main li.current-page-parent a:hover, ul#menu-main li.current-page-parent a:active { color: #bf1e2e; }
ul#menu-main li.current-page-ancestor a:link, ul#menu-main li.current-page-ancestor a:visited, ul#menu-main li.current-page-ancestor a:hover, ul#menu-main li.current-page-ancestor a:active { color: #bf1e2e; }
ul#menu-main li.current-category-ancestor a:link, ul#menu-main li.current-category-ancestor a:visited, ul#menu-main li.current-category-ancestor a:hover, ul#menu-main li.current-category-ancestor a:active { color: #bf1e2e; }
ul#menu-main li.current-post-ancestor a:link, ul#menu-main li.current-post-ancestor a:visited, ul#menu-main li.current-post-ancestor a:hover, ul#menu-main li.current-post-ancestor a:active { color: #bf1e2e; }
ul#menu-main li.current_page_parent a:link, ul#menu-main li.current_page_parent a:visited, ul#menu-main li.current_page_parent a:hover, ul#menu-main li.current_page_parent a:active { color: #bf1e2e; }
div.page-link { width: 100%; overflow: hidden; padding: 20px 0px 0px 0px; }


/* HOME */
body.home div.top { overflow: visible !important; }
body.home div.line { width: 100%; float: left; display: inline; }
div#home-content { border-top: 6px double #ebeae6; padding: 7px 0px 0px 0px; }
div#home-content h2 { font-size: 60px; color: #d63333; text-transform: uppercase; line-height: 60px; text-indent: 5px; padding: 0; }
div#home-content div.thecontent { border-top: 6px double #ebeae6; padding: 14px 0px 0px 5px; margin: -8px 0px 0px 0px; }
div#home-content div.thecontent p { font-size: 24px; line-height: 30px; text-transform: uppercase; }
div#home-content div.thecontent cufon { padding: 0px 0px 6px 0px;}

div#email-signup { border-top: 3px double #c9c9c5;}
div#email-signup h3 {padding: 12px 0px 9px 4px;}
div#email-signup p {text-transform: uppercase; font-size: 14px; line-height: 20px; color: #7d6a6a; margin: -4px 0px 0px 4px;}
div#email-signup form#subForm {width: 100%; overflow: hidden; padding: 0px 0px 20px 0px;}
div#email-signup input#blrpi-blrpi { border: 1px solid #c9c9c5; background-color: #fff; width: 220px; height: 21px; float: left; display: inline; margin: 5px 0px 0px 4px;}
div#email-signup input#submit {float: left; display: inline; margin: 0px 0px 0px 8px;}

div#slideshow { width: 468px; height: 319px; margin: 0px 0px 0px 35px;}
div#slideshow div#rotator { width: 468px !important; height: 319px !important; }
div#slideshow div#rotator div { width: 468px; height: 319px; padding: 0px 0px 0px 11px; }
div#slideshow div#rotator div img { border: 1px solid #c9c9c5; padding: 5px; background-color: #fff;}
div#slideshow div#rotator div.buy { z-index: 50; position: absolute; bottom: 0 !important; left: 0 !important; width: 57px; height: 56px; background: transparent url(images/btn-buy.png) no-repeat top left; text-indent: -8898px;}
div#slideshow div#rotator div.buy a:link, div#slideshow div#rotator div.buy a:visited, div#slideshow div#rotator div.buy a:hover, div#slideshow div#rotator div.buy a:active { width: 100%; height: 100%; display: block;}

 
div#news { border-top: 3px double #c9c9c5; border-bottom: 3px double #c9c9c5; min-height: 302px; }
div#news h3 { padding: 12px 0px 0px 0px;}
div#news div.thecontent { border-top: 3px double #c9c9c5; margin: 4px 0px 0px 0px; padding: 12px 0px 0px 0px;  }
div#news p {text-transform: uppercase; font-size: 16px; line-height: 24px; color: #7d6a6a;}

div#buttons { background-color: #000; padding: 18px 0px 100px 0px; margin: 0;}
div#buttons div.box { float: left; display: inline; width: 214px; background: #000 url(images/bg_home_btn.gif) repeat-x top; margin: 0px 3px 0px 0px;}
div#buttons div#box-4 { margin: 0; }
div#buttons div.box h3 { font-weight: bold; font-size: 24px; margin: 15px 0px 50px 21px;}
div#buttons div.box img { margin: 0 auto 10px auto; display: block;}

div.left { float: left; display: inline; width: 460px; margin: 0px 0px 0px 52px;}
div.right { float: right; display: inline; width: 272px; margin: 0px 45px 0px 0px;}

body.home div#content { margin: 0; }
body.home div#body-container { margin: 0px auto; }

/* TABLES */

#shopp form table, table { border-top: 1px solid #615d5d !important; border-left: 1px solid #615d5d !important; width: 100%; margin: 0px 0px 10px 0px; empty-cells: show; }
table td, table th, #shopp form table td, #shopp form table th { border-right: 1px solid #615d5d !important; border-bottom: 1px solid #615d5d !important; padding: 5px; text-align: inherit;  }
#shopp #cart table { padding: 0 !important;}

/* FOOTER */
div#footer { text-align: right; }
div#footer a:link, div#footer a:visited { color: #bf1e2e;}
div#footer a:hover, div#footer a:active { color: #615D5D;}
div#footer p { float: right; display: inline; padding: 0px 5px 0px 0px; }
div#footer ul#menu-footer { float: right; display: inline; }
div#footer ul#menu-footer li { float: left; display: inline; }
div#footer ul#menu-footer li span { padding: 0px 3px; }

/* FORMS */
form#checkout input { margin: 0 !important; }
form#commentform p { width: 100%; overflow: hidden; }
form#commentform label { float: left; display: inline; width: 100px; text-transform: uppercase; font-size: 14px; line-height: 20px; color: #7d6a6a; }
input.wpcf7-text, form#commentform input { border: 1px solid #c9c9c5; background-color: #fff; width: 400px; height: 21px; float: left; display: inline; color: #615d5d;}
textarea { border: 1px solid #c9c9c5; background-color: #fff; width: 400px; height: 230px; float: left; display: inline; font-family: Lucida Grande, Arial, sans-serif; color: #615d5d; font-size: 11px; line-height: 14px; }
form#commentform input.wpcf7-submit, form#commentform input#submit { border: 0; background-color: transparent; width: auto; height: auto; font-size: 24px; color: #BF1E2E; font-size: 25px; font-weight: normal; text-transform: uppercase; cursor: pointer; padding: 0; font-family: "Arial Narrow", Lucida Grande, Arial, sans-serif; }
.wpcf7-form label { float: left; display: inline; width: 100px;  }
.wpcf7-form p { width: 100%; overflow: hidden; }
.wpcf7-form .wpcf7-submit { margin: 0px 0px 0px 100px; }

/* BLOG */
div#blog { width: 544px; border-top: 3px double #C9C9C5; padding: 0px 0px 40px 0px;}
h2.page-title { margin: 0px 0px 0px 52px; }
div#blog div.post { width: 100%; overflow: hidden; border-bottom: 3px double #C9C9C5; padding: 12px 0px 24px 0px; }
body.single div.post { border: 0; }

/* SIDEBAR */
div#primary { width: 188px; border-top: 6px double #EBEAE6; border-bottom: 6px double #EBEAE6; }
ul.xoxo { list-style-type: none; margin: 0;}
ul.xoxo h3 { padding: 12px 0px 0px 0px; } 
ul.xoxo li ul { padding: 0px 0px 10px 0px; }
li.current-cat a:link, li.current-cat a:hover, li.current-cat a:active, li.current-cat a:viisted { color: #000; }

/* COMMENTS */
div#comments { margin: 40px 0px 0px 0px; border-top: 3px double #C9C9C5; }
div#comments h3 { margin: 30px 0px 0px 0px;}

ol.commentlist {width: 100%; overflow: hidden; padding: 0px 0px 40px 0px; }
ol.commentlist li { width: 100%; overflow: hidden; border-bottom: 1px dotted #c9c9c5; padding: 10px 0px 0px 0px; }
p.comment-form-comment { width: 540px; float: left; }
p.form-allowed-tags { width: 200px; float: left; }

div.comment-author { float: left; display: inline; width: 100px; font-weight: bold; font-size: 14px; line-height: 20px; color: #7d6a6a; }
div.comment-body { float: left; display: inline; width: 400px; font-size: 14px; line-height: 20px; color: #7d6a6a; }
div.comment-meta { float: left; display: inline; width: 200px; margin-left: 40px; }

.fb_iframe_widget { margin: 0px 0px 30px 0px; float: left; display: inline; }
body.home .fb_iframe_widget { margin: 0px 0px 0px 0px; }
div#pluser { margin: 10px 0px 0px 0px; float: left; display: inline; width: 200px;  }