﻿/*
Description: Dingwall wordpress theme.
Version: 1.0
Author: Eden von Garcia
Author URI: http://jessej.net/
Tags: brown, dark, fixed width, grid layout, widgets
*/


/*--- CSS Reset ---*/

img.alignright {float:right; margin:10px 10px 10px 10px}
img.alignleft {float:left; margin:10px 5px 10px 5px}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.alignnone {float:left; margin:10px 5px 10px 5px}
a img.alignright {float:right; margin:10px 10px 10px 10px}
a img.alignleft {float:left; margin:10px 10px 10px 5px}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignnone {float:left; margin:10px 5px 10px 5px}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0px;padding: 0px;border: 0;outline: 0;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: top;}
:focus {outline: 0;}
body {line-height: 20px; background:#000; color:#fff; font-family:Arial,Helvetica,"Sans Serif"; font-size:12px;}
ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.left {float:left}
.right {float:right;margin-right:0!important;}
.clear {clear:both}
.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}

/* Hides from IE-max \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*--- 1. Common ---*/

html {}
h1, h2, h3, h4, h5, h6 {margin-top: 4px;margin-bottom: 0px;padding-top:4px;padding-bottom: 0px; color:#e4e2e0;}
hr {height: 1px; margin:20px 0 0 0; padding: 0; border: 0; border-bottom: 3px solid #3B2405; clear:both; }
a {color:#fff; text-decoration:none; font-weight:bold;}
a:hover {color:#900;}
ul, li {list-style-type:none;}
#page {float:left;width:992px;padding-left:30px;}
#header {float:left;background:url('images/header_short.jpg') no-repeat;width:992px;height:105px;}
#topnav {float:right;}
#topnav ul {margin-top:20px;float:right;}
#topnav ul li {display:inline;float:left;}
#topnav ul li a {text-decoration:none;padding:5px 10px;color:#fff;font-weight:bold;border:solid 1px transparent;font-size:12px;}
#topnav ul li a:hover {border:solid 1px #fff;}
#navigator_right {float:left;width:730px;}
#navigator {float:left;width:595px;margin-top:31px;}
#slideshow {float:left;height:992px;height:310px;padding-bottom:20px;}
#body {float:left;width:940px;border-bottom:6px solid #3B2405;border-left:6px solid #3B2405;border-right:6px solid #3B2405;padding:10px 20px 50px 20px;}
#body2 {float:left;width:960px;border-bottom:6px solid #3B2405;border-left:6px solid #3B2405;border-right:6px solid #3B2405;padding:20px 0 20px 20px;}
#content {float:left;width:945px;}
#content2 {float:left;width:800px;}
#content3 {float:left;width:800px;}
#content4 {float:left;width:970px;}
#content5 {float:left;width:720px;}
#content3 span {padding:10px;}
#content h1, #content2 h1, #content3 h1, #content5 h1 {text-transform:uppercase;font-size:16px;font-weight:bold;color:#e4e2e0;}
#content h2, #content2 h2 , #content3 h2, #content5 h2 {font-size:14px;font-weight:bold;color:#e4e2e0;}
#content p, #content2 p,  #content3 p, #content5 p{margin-top:4px;}
#footer {float:left;text-align:right;width:972px;margin-top:15px;margin-bottom:35px;color: #232323; font-size:10px; padding-right:20px;}
.post {padding-bottom:20px; }
#footer ul li{display:inline;color: #232323;}
#footer a {text-decoration:none;color:#232323;font-weight:bold;}
#footer a:hover {color:#990000;}

/*navigator*/
#suckerfishnav {font-size:12px;font-family:verdana,sans-serif;font-weight:bold;width:100%;}
#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;padding:0;margin:0;width:100%;}
#suckerfishnav a {display:block;color:#000000;text-decoration:none;font-family:Tahoma,sans-serif;}
#suckerfishnav li a {text-align:center;width:99px;padding:7px 0; text-transform:uppercase;}
#suckerfishnav li {float:left;padding:0;background:url('images/button_bg.png') no-repeat;}
#suckerfishnav ul {position:absolute;left:-999em;height:auto;width:101px;font-weight:normal;margin:0;line-height:1;border:0;z-index:100;}
#suckerfishnav li li, .current_page_parent .current_page_item, .current_page_ancestor .current_page_parent .current_page_item {font-weight:bold;background:none!important;}
#suckerfishnav li li a {padding:10px;font-size:11px;color:#000!important;background:#fff!important;text-align:left;border-bottom:solid 1px #000;border-left:solid 1px #000;border-right:solid 1px #000;width:150px;opacity: .8;filter: alpha(opacity=80);text-transform:none;}
#suckerfishnav li li a:hover {color:#fff!important;background:#744b1f!important;opacity: 1;filter: alpha(opacity=100);}
#suckerfishnav li ul ul {margin:-32px 0 0 171px; border-top:solid 1px #000}
#suckerfishnav li li:hover {background:transparent;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {color:#000000;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#ffffff;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#ffffff;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {left:-999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {left:auto;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {border:0!important;   }
#suckerfishnav .current_page_item, #suckerfishnav .current_page_parent, #suckerfishnav .current_page_ancestor  {background:url('images/button_bg_on.png') no-repeat -23px 3px;}
.current_page_item a:hover, .current_page_parent a:hover, .current_page_ancestor a:hover  {color:#ccc!important;}
.current_page_item a, .current_page_parent a, .current_page_ancestor a  {color:#fff!important;}


/*about main*/
#about_mainleft {float:left;width:245px;}
#about_mainright {float:left;width:672px;padding-left:20px;border-left:solid 1px #fff;}
#tour_theshop {float:left;width:100%;}
#endorsers {float:left;width:100%;}
#endorsers span {float:left;width:20%;}
#endorsers table {width:100%;}
#endorsers table td {padding:15px!important;vertical-align:top;border-right:solid 1px #fff;width:15%!important;}
#endorsers table td.noborder {border:0;}
#tour_theshop img, #content3 img, #content3 span img {border:solid 5px #fff;margin-left:10px;}

/*press article*/
.pressarticle-background {float:left;padding:29px;background:#333;width:94%;margin-top:20px;}
.pressarticle-plain {float:left;padding:29px;width:94%;}
.vertical_bar {width:100%;background:url('images/vertical-bar.gif') repeat-y;overflow:hidden;float:left;}
.pressarticle_article {float:left;width:50%;}
.pressarticle_publisher {float:left;width:30%;padding-left:20px;}
.pressarticle_image {float:left;width:15%;padding-left:20px;}

/*misc*/
.textbox, select {padding:4px 6px; border:0; background:#fff; color:#000; }
.textbox_small { width:50px!important; padding:4px 6px; border:0; background:#fff; color:#000; }
.textbox2 {padding:2px;background:#fff;border:solid 1px #ccc; }
.captcha, #captcha_code {width:50px;padding:2px;background:#fff;border:solid 1px #ccc;}
.textarea {width:300px;padding:2px;background:#fff;border:solid 1px #ccc;}
.textarea, .captcha, #captcha_code, .textbox, .textbox2, .textbox_small, select {-webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius 3px; border-radius:3px;}
.martop20 {margin-top:20px!important; }
.text-right {text-align:right; }
.text-center {text-align:center; }
.check_out, .continue { float:left; width:143px; height:32px; border:0; cursor:pointer; }
.check_out { float:right; background:url(images/checkout.gif) no-repeat; }
.continue { float:left; background:url(images/backtoshop.gif) no-repeat; }
.submit_order, .confirm_order { width:143px; height:32px; border:0; cursor:pointer;}
.submit_order { background:url(images/submit-order.gif) no-repeat; }
.confirm_order { background:url(images/confirm-order.gif) no-repeat; }

/*rightnav*/
#sidebar {float:right;width:160px;}
#sidebar .sidebutton  li, .pagenav .current_page_item {background:url('images/side_button.png') no-repeat!important;width:155px!important;height:31px!important;text-align:right!important;padding-top:11px!important;padding-right:5px!important; letter-spacing:0.0px; }
#sidebar ul li a {text-decoration:none;font-weight:regular;color:#fff;font-size: 10px;}
#sidebar ul li a:hover {color:#ccc;}
#sidebar h2 {color:#e4e2e0; padding:10px 10px 0 10px;}
#sidebar .category_updates {padding:0 10px 20px 10px; }
#sidebar .category_updates li a {font-weight:normal!important; }
#sidebar .category_updates li {padding-left:10px!important; }
#home_sidebar .widget { padding-bottom:20px; }
#home_sidebar {float:left; width:200px; padding-left:20px; }
#home_sidebar h2 {text-transform:uppercase;font-size:16px;font-weight:bold; color:#e4e2e0; margin-bottom:0!important; }
#wp-calendar {width:100%; }
#wp-calendar th {text-align: center; font-weight:bold; font-size:11px; }
#wp-calendar td {padding:3px; }
#wp-calendar td a {color:#a89873; }
#wp-calendar #next { text-align:right; } 
#wp-calendar caption { text-align:center; font-size:14px; font-weight:bold; padding-bottom:10px; }
.zseries_column {float:left;width:270px;padding:20px;}
#content table {width:100%;}
#content table td {padding:5px;width:16%;}
#content object {margin:10px 25px;}
.hide {display:none;}
.inline {display:inline;}
.block {display:block;}
.padding10 {margin:10px;}
.center {text-align:center;}
#grid {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #fff;}
#grid2 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #fff;margin: 10px;padding: 10px;}
#grid3 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #fff;margin: 10px;padding: 10px;font-weight: bold;}
.grid {/*font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #fff;border-left-width: thin;border-left-style: solid;border-left-color: #393838;*/}
#grid:active {text-decoration: none; 	font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #fff;	font-weight: normal;}
.grid2 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #fff;margin: 10px;padding: 10px;}
.grid3 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #fff;margin: 10px;padding: 10px;font-weight: bold;}
.grid_header {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #fff;font-weight: bold;margin-bottom: 25px;padding-bottom: 25px;line-height: 22px;}

/*search*/
#searchform #s {width:124px; padding:4px 6px; border:0; background:#fff; color:#000; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius 3px; border-radius:3px;}
#searchform #searchsubmit {background:url(images/button-bg.jpg) repeat-x; width:60px; height:26px; cursor:pointer;  border:0; font-size:11px; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius 3px; border-radius:3px;}
#searchform .screen-reader-text {display:none;}
.search-excerpt {background:#74491c; padding:2px 4px; color:#fff; }
.button, .update-button  {background:url(images/button-bg.jpg) repeat-x; cursor:pointer;  border:0; font-size:11px; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius 3px; border-radius:3px; padding:5px 10px;}

/*Comment*/
.commentlist {float:left; width:99.7%; padding-bottom:10px; }
.comment {float:left; margin-top:10px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius 3px; border-radius:3px; border:solid 1px #74491c; width:99.7%; background:#6d4318; }
.comment em {padding-left:5px; color:#841615; font-size:11px; font-weight:bold; }
.commentlist li .avatar { float:left; margin:5px 10px 20px 5px; }
.commentmetadata, .commentmetadata a {font-size:11px; }
.comment p {padding:10px; margin-top:0!important; }
.comment , .comment a {text-decoration:none; font-style:normal; }
.comment .fn, .comment .fn a {text-transform:uppercase; font-weight:bold; color:#fff }
#sk2-footer { display:none; }

/*pagination*/
.navigation {margin:20px 20px 10px 0; padding-top:10px; }
.navigation a:hover  {color:#fff; background:#99c942;}

/*faq*/
.thanks {background:#f00;}
.thank-you {background:#865e33}
.thanks, .thank-you {-webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color:#fff; padding:5px 10px 10px 10px; margin:20px 0; }

/*shopp*/
.product_area { float:left; width:700px; padding-right:15px; }
.product_area p { margin-top:10px; }
.product_area h1 { text-transform:uppercase;font-size:16px;font-weight:bold;color:#e4e2e0; }
.product_wrapper {float:left; width:250px; text-align:center; margin-top:20px; padding:0 30px 20px 30px; }
.product_wrapper h4 { text-transform:uppercase; padding:0 0 20px 0; }
#product_right { float:left; width:300px; padding:20px 0 0 20px; }
#shopp * { vertical-align:middle; }
#shopp .gallery { margin-top:20px!important; }
#same-shipping { width:20px!important; }
#shopp .xcheckout  { padding-top:5px; }

#shop_sidebar { float:left; width:225px; }
#your_cart { float:left; width:170px; height:58px; background:url(images/cart.jpg) no-repeat; padding-left:60px; }
#your_cart h2 { text-transform:uppercase; font-size:15px; font-size:18px; font-weight:normal; }
.shop_row { float:left; width:230px; margin-top:10px; }
.shop_row ul { margin-top:15px; }
.shop_row ul li { padding-bottom:5px; font-size:17px; }
.checkout_viewcart { float:left; background:url(images/checkout-viewcart.gif) no-repeat; color:#fff!important; font-size:12px; font-weight:bold; margin-right:5px; width:83px; height:21px; text-align:center; cursor:pointer; border:0; }

/*Post Ratings*/
.post-ratings * { vertical-align:top; }
.post-ratings { float:left; margin-top:20px; }