/*
Theme Name: kateceramics
Theme URI: http://www.katevanputten.co.za
Description: WordPress theme for Kate v. Putten Ceramics
Version: 1.0
Author: Elzette Roelofse
Author URI: http://www.semblance.co.za

-- import CSS
-- default styles
-- navigation
-- intro
-- posts
-- products
-- sidebar
-- slideshow
-- floats and images
-- archive
-- misc
-- footer
-- widgets
-- search 
*/

/* import CSS */
@import url("css/screen.css");

/* default styles */
body {color:#535252; background:#eee; font-family:"helvetica", Arial, sans-serif;}
.container-inner {width:900px; margin:0 auto;}
h1 {color:#a5a5a5;font-family:"helvetica", Arial, sans-serif;}
h2,h3,h4,h5,h6 {color:#7e7c7c;font-family:"helvetica", Arial, sans-serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#000000;}
a {color:#9f1604;font-size:110%;text-decoration:none;}
a:hover, a:focus{color:#9f1604; text-decoration:underline;}

/* navigation */
#navcontainer {padding: 0; text-align: left;background-color: #000;height:80px;margin:0 0 30px;}
#menu-main-nav {height:80px}
#navcontainer img {float:left; margin: 0;padding: 0;}
ul#menu-main-nav {list-style: none; overflow:hidden; padding: 0;margin: 0px;background-color: #000;font-size: 1.2em;}
ul#menu-main-nav li {text-align: left;float: left;height: 80px;margin: 0;background: #000;border-left:1px solid #ccc;padding: 0;}
ul#menu-main-nav li { width: 104px; voice-family: "\"}\""; voice-family:inherit; width: 117px;}
html>body ul#menu-main-nav li {width: 117px; }
ul#menu-main-nav li a {display: block;padding: 52px 5px 16px 10px;color:#ddd;font-size:14px;font-weight:700; text-transform: uppercase; text-decoration: none;height: 1%;height:80px;text-shadow: 0 0 0 #000;}
#navcontainer>ul#menu-main-nav li a {width: auto;height: auto;height: 8px}
ul#menu-main-nav li#active a {background: #eee;color: #<?php echo $ss_nav_hover_color; ?>;}
ul#menu-main-nav li a:hover,ul#menu-main-nav li#active a:hover {display: block; color: #fff;background-color: #323131; height: 1%;height:80px; padding: 52px 5px 16px 10px;}
ul#menu-main-nav li#empty	{width: 117px;}
ul#menu-main-nav li.current_page_item a {color:#fff; font-weight: bold;}

/* intro */
div.hr {height: 3px; background-color: #000; border: 0; margin: 36px 0 70px; width: 100%;}
.home {margin-top: 30px; border-top:3px solid #000; padding-top:70px;}
#intro {padding: 0; border-top:3px solid #000; margin:30px 0 70px 0;}
#intro h1, #intro h2, #intro p {margin-left:35px;width:515px;}
#intro h1 {font-size:2.8em;margin-bottom:0.5em;margin-top:30px;}
#intro h2 {font-size:1.8em;}

/* posts */
.about {float:left; margin:0 35px; width:475px;}
.gallery {float:left; margin:0 30px 65px 30px; width:600px;}
/* .post {clear:both;display:block;min-height:500px;height:auto !important;height:500px;} */
.post {float:left; margin:0 35px 35px 35px;min-height:500px;height:auto !important;height:500px;width:590px;}
.post p img {margin:0;padding:0;margin-bottom:20px;}
.postmetadata {color:#ccc;}
.postmetadata a {color:#ccc;}
.postmetadata a:hover {color:#000;}
.underlined {border-bottom:1px solid #000;}
h2.underlined {margin:0 0 20px;}

/* products */
.shopside {float:right;margin-bottom:35px;width:235px;}
.products {clear:both;float:left;margin-bottom:35px;width:630px;}
ul.tabs {border-left:1px solid #bfbdbd;border-bottom:1px solid #bfbdbd;float:left;height:82px;margin:0;padding:0;list-style:none;width:100%;}
ul.tabs li {background:#e0e0e0;border:1px solid #bfbdbd;border-left:none;float:left;height:81px;line-height:31px;margin:0;margin-bottom:-1px;padding:0;position:relative;overflow:hidden;width:82px;}
ul.tabs li.clmugs, ul.tabs li.clmugs {background:url(images/mug-nav.gif) #e0e0e0 no-repeat left;border:1px solid #bfbdbd;border-left:none;float:left;height:81px;line-height:31px;margin:0;margin-bottom:-1px;padding:0;position:relative;overflow:hidden;text-indent:-9999px;width:82px;}
ul.tabs li.clbowls, ul.tabs li.clbowls {background:url(images/bowl-nav.gif) #e0e0e0 no-repeat left;border:1px solid #bfbdbd;border-left:none;float:left;height:81px;line-height:31px;margin:0;margin-bottom:-1px;padding:0;position:relative;overflow:hidden;text-indent:-9999px;width:82px;}
ul.tabs li.clvases, ul.tabs li.clvases {background:url(images/vase-nav.gif) #e0e0e0 no-repeat left;border:1px solid #bfbdbd;border-left:none;float:left;height:81px;line-height:31px;margin:0;margin-bottom:-1px;padding:0;position:relative;overflow:hidden;text-indent:-9999px;width:82px;}
ul.tabs li.clmisc, ul.tabs li.clmisc {background:url(images/star-nav.gif) #e0e0e0 no-repeat left;border:1px solid #bfbdbd;border-left:none;float:left;height:81px;line-height:31px;margin:0;margin-bottom:-1px;padding:0;position:relative;overflow:hidden;text-indent:-9999px;width:82px;}
ul.tabs li a {background:none;border: 1px solid #fff;color: #000;display: block;font-size: 1.2em;height:81px;padding: 0 20px;outline: none;text-decoration: none;}
ul.tabs li a:hover {background: #ccc;}
ul.tabs li.clmugs a:hover {background:url(images/mug-nav-h.gif) #ccc no-repeat left;height:82px;}
ul.tabs li.clbowls a:hover {background:url(images/bowl-nav-h.gif) #ccc no-repeat left;height:82px;}
ul.tabs li.clvases a:hover {background:url(images/vase-nav-h.gif) #ccc no-repeat left;height:82px;}
ul.tabs li.clmisc a:hover {background:url(images/star-nav-h.gif) #ccc no-repeat left;height:82px;}
html ul.tabs span.clmugs2 li.active, html ul.tabs span.clmugs2 li.active a:hover {background:url(images/mug-nav-a.gif) #fff no-repeat left;border-bottom: 1px solid #fff;}
html ul.tabs span.clbowls2 li.active, html ul.tabs span.clbowls2 li.active a:hover {background:url(images/bowl-nav-a.gif) #fff no-repeat left;border-bottom: 1px solid #fff;}
html ul.tabs span.clvases2 li.active, html ul.tabs span.clvases2 li.active a:hover {background:url(images/vase-nav-a.gif) #fff no-repeat left;border-bottom: 1px solid #fff;}
html ul.tabs span.clmisc2 li.active, html ul.tabs span.clmisc2 li.active a:hover {background:url(images/star-nav-a.gif) #fff no-repeat left;border-bottom: 1px solid #fff;}

#tab_container{background: #fff;border: 1px solid #bfbdbd;border-top: none;clear: both;float: left;overflow: hidden;width: 100%;}
#tab_container h3.wpsc_category_boundary {border-bottom: #000 2px solid;color:#000;font-size:150%;margin-bottom:30px;padding-bottom:15px;}
#tab_container div.productdisplay {border-bottom: #bfbdbd 1px solid;margin-bottom:30px;padding-bottom:10px;}
#tab_container div.productdisplay:last-child {border-bottom:none;margin-bottom:30px;padding-bottom:0;}
#tab_container div.productdisplay div.imagecol a {background:none;}
#tab_container div.productdisplay div.producttext {background:none;margin-left:30px;}
#tab_container h2.prodtitles span {border-bottom: #bfbdbd 1px solid;clear:both;display:block;float:left;font-size:150%;margin-bottom:15px;width:320px;}
#tab_container p.wpsc_description {clear:both;display:block;float:left;font-size:14px;margin-bottom:30px;}
#tab_container div.productdisplay div.wpsc_product_price {line-height:20px;}
#tab_container span.pricedisplay {color:#000;font-family:"edita-1","edita-2", Georgia, Times, Times New Roman, serif;font-size:18px;font-weight:500;transform:uppercase;}
#tab_container input.wpsc_buy_button {background-color:#000;border:none;color:#fff;font-family:"edita-1","edita-2", Georgia, Times, Times New Roman, serif;font-size:14px;font-weight:700;height:35px;margin-top:30px;text-transform:uppercase;text-align:center;width:110px;}
#tab_container input:hover.wpsc_buy_button {background-color:#ccc;color:#000;}
#tab_container input:active.wpsc_buy_button {background-color:#535252;color:#532f49;}
.tab_content {font-size:110%;padding:35px;}

.nav-image-left, .nav-image-up, .nav-image-right {text-align:center;float:left;width:25px;margin:0 10px 0 2px;}
.nav-image-left a, .nav-image-up a, .nav-image-right a {background:#eee;padding:2px 48% 2px 48%;text-decoration:none;color:#000;}
.nav-image-left a:hover, .nav-image-up a:hover, .nav-image-right a:hover {background:#000;color:#fff;}

.nav {background:#eee;margin:0 0 1em 0;}
.nav:hover {background:#ccc;}
.prev a, .next a {color:#000;text-decoration:none;padding:.2em 1em;}

.nav-interior {margin:0;padding:0;clear:both;display:inline;}
.nav-interior .next {color:#000;text-decoration:none;float:right;}
.nav-interior .prev {color:#000;text-decoration:none;float:left;}

/* sidebar */
.sidebar {float:right; margin:0 35px 50px 0; width:280px;}
.sidepost {border-top: 1px solid #bfbdbd; padding-top:25px;}
.sidepost a {font-size:12px; font-weight:700; color:#9f1604; text-decoration:underline; text-transform:uppercase;}
.sidepost a:hover, a:focus {background-color: #9f1604; color:#fff; padding: 2px; text-decoration:none;}
.sidepost .meta {font-size:12px; font-style:italic; line-height:0.5em; text-align:right; }

/* albums */
.albums {float:right;margin:0 35px 50px 0;width:200px;}
ul#menu-gallery-nav {margin: 0; padding-top: 9px;}
#menu-gallery-nav li {border-top: 1px solid #bfbdbd; border-bottom: 1px solid #bfbdbd; padding: 16px 0 16px 16px;}
#menu-gallery-nav li a {letter-spacing: 0.2em; text-transform: uppercase;}

/* footer */
#footer {margin:1em 0 0;padding:1em;}
#footer p {text-align:center;color:#ccc;}
#footer a {font-size:100%;color:#ccc;}
#footer a:hover {color:#666;}

/* slideshow */
#slideshow {padding:0;margin:0 0 1em;overflow:hidden;max-height:400px;}
#slideshow .slide img {max-width:900px;text-align:center;margin:0;}

/* floats and images */
.right { float: right; }
.left { float: left; }
.middle {margin: 0 auto;float:left;}
.clear { clear: both; }
img.centered{display: block;margin-left: auto;margin-right: auto;}
img.alignright{padding: 4px;margin: 3px 0 2px 10px;display: inline;}
img.alignleft{padding: 4px;margin: 3px 10px 2px 0;display: inline;}
.alignleft{float: left;}
.alignright{float: right;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
.thumbnail {width:310px;height:150px;background:#eee url('images/x.png') no-repeat center;max-width:310px;max-height:150px;overflow:hidden;}

/* archive */
h6.archive-header {display:block;border-bottom:#000 1px solid;margin:0 0 .5em;}
.archive-stack {width:100%; height:1em;}

/* misc */
#filters {clear: both;height: 2em;margin-bottom: 1em;}
#filters li {float: left;margin-right: 2em;}
.prev {}
.next {}
:focus {outline: 0;} /* define focus styles! */

/* form */
form.wpcf7-form {margin-bottom:35px;}
form.wpcf7-form p {color:#000;font-weight:bold;text-transform:uppercase;}
form.wpcf7-form em {color:#535252;font-weight:normal;text-transform:none;}
form.wpcf7-form input{border:none;border-bottom:1px solid #bfbdbd;color:#535252;font-size:100%;height:25px;line-height:30px;width:400px;}
form.wpcf7-form textarea{border:none;border-bottom:1px solid #bfbdbd;border-top:thin solid #bfbdbd;color:#535252;font-size:100%;line-height:1.2em;padding:10px 0;width:400px;}
form.wpcf7-form input.wpcf7-submit {background-color:#000;border:none;color:#fff;font-family:"edita-1","edita-2", Georgia, Times, Times New Roman, serif;font-size:14px;font-weight:700;height:35px;letter-spacing:2px;margin-left:110px;text-transform:uppercase;text-align:center;width:100px;}
form.wpcf7-form input:hover.wpcf7-submit {background-color:#ccc;color:#000;}
form.wpcf7-form input:active.wpcf7-submit {background-color:#535252;color:#532f49;}
form.wpcf7-form input:focus {background: url(images/form-star.gif) no-repeat right;}
form.wpcf7-form textarea:focus {background: url(images/form-star2.gif) no-repeat top right;}
form.wpcf7-form span.wpcf7-not-valid-tip-no-ajax {color: #9f1604;}
form.wpcf7-form .wpcf7-validation-errors {float:left; width: 74%;}

/* widgets */
.widgetright {border-bottom: 1px solid #000; padding:25px 0;}
.widgetright a {font-size:12px; font-weight:700; color:#9f1604;padding-bottom:20px;text-decoration:none;text-transform:uppercase;}
.widgetright a:last-child {padding-bottom:0;}
.widgetright h6 {border-bottom: 1px solid #bfbdbd;font-size:1.5em;font-weight:normal;line-height:1.5;margin-bottom:1em;}

/* search */
#search {float: right;margin:15px 0 0;}
#search #s {background: transparent url('images/search.gif') 0px center no-repeat;color: #666;font-size: 0.9em;margin:0 0 0 10px;padding: 2px 0 2px 17px;width: 100px;}
#search input {border:1px solid #222;}
#search #s:hover {color: #666;}
.search-excerpt {margin: 0;}