/*
Theme Name: Steve Watson
Description: Bespoke Theme
Version: 1.0
Author: Ian Atkins
Author URI: http://www.kith-kin.co.uk
Tags:


*/
*{margin: 0px; padding: 0px;}
.left {float: left;}
.right {float: right;}
a,img {outline: none; border: 0px;}
.clear {clear: both;}

body,html { height:100%;} 
body {margin-left: auto; margin-right: auto; margin-top: 0px; padding:0px; background-color: #FFFFFF; color: #000000; font-family: Verdana,Arial; font-size: 11px; position: relative;}
/* body.home, body.page-id-6, body.page-id-8, body.page-id-7, .blog, .archive, .single, .page-id-167  {overflow: auto;} */

#container { clear: both; text-align: left;}

/* black or white background */
.logo, .black .logo {position: absolute; z-index: 100; position:fixed; top:40px; left: 50px; width: 250px; height: 65px; display: block; background-image: url('images/steve-watson.png'); z-index: 3; clear: both}
html.white {background-color: #000000;}
.white #info {color: #FFFFFF;}
.white .logo {background-image: url('images/steve-watson-white.png');}
.white ul li a {color: #FFFFFF;}
.white ul li a:hover {color: #EFEFEF;}
.white ul li a.active, .white ul li a.active:hover {background-color: #FFFFFF; color: #000000;}
.white #nav a {color: #FFFFFF;}
.white #nav a.active {background-color: #FFFFFF; color:#000000;}

/* menu */
ul#menu {position: fixed; top:120px; left:65px; width: 150px; padding-top: 10px; padding-bottom: 10px; z-index: 3}
ul li {list-style-type: none; text-align: left;}
ul li a { font-size: 11px;color: #000000; text-decoration: none; line-height: 16px; text-align: left; padding-left: 3px; padding-right: 3px;}
ul li a:hover {color: #000000;}
ul li a:hover {color: #9117f9;}
ul li a.active, ul li a.active:hover, ul li.current-cat a {background-color: #000000; color: #FFFFFF; margin-right: 10px;}
ul#menu li b {padding-left: 3px; font-size: 10px;}
ul#menu li.title {margin-top: 20px;}

/* mask */
#mask {width: 100%; height: 100%; z-index: 1; background-color: #000000; position: absolute; left: 0px; top: 0px; display: none;}
#mask .logo {background-image: url('images/steve-watson-white.png');}
#mask.loading {background-image: url('images/loading.gif'); background-repeat: no-repeat; background-position: center; display: block; height: 100%; z-index: 101;}

/* footer */
#footer {line-height: 30px; height: 60px; background-color: #000000; position: fixed; bottom: 0px; left: 0px; z-index: 100; width: 100%; border-top:1px solid #FFFFFF; clear: both;}

#footer a {background-image:url("images/vert.gif");background-position:right center;background-repeat:repeat-y;color:#FFFFFF;display:block; float:left;line-height:15px;margin-top:10px;padding-left:15px;padding-right:15px;text-decoration:none;}
#footer ul {padding-left: 50px;}
#footer a.active, #footer a:hover, #footer li.current_page_item a,  #footer li.current_page_parent a {color: #9117f9;}
#footer li {display: inline;}
#footer li.checkout {float: right;}
#footer li.checkout img { margin-right: -15px;}
#footer li.checkout a {background-image: none; margin-top: 0px;}
#footer .page-item-8 a {background-image: none;}

/* images */
#image {width: 100%; height: 100%;}
#images img {min-height:50%; min-width:50%; margin-left: auto; margin-right: auto; outline: none; z-index:1; border: 0px; position: absolute; top:0px; right:0px; background-color: #FFFFFF; height: 100%;}
#images img.portrait {min-width:inherit;}
a {outline:none;}
#images img.active {z-index: 2;}

/* image numbered nav */
#nav {position: absolute; left: 610px; top:130px; z-index: 3; width: 15px;}
#nav a {display: block; color: #000000; font-size: 10px; line-height: 15px; width: 15px; height: 15px; margin-bottom: 5px; cursor: pointer; text-align: center;}
#nav a.active {background-color: #000000; color: #FFFFFF;}

/* next image hover */
#next {width: 250px; position: absolute; right: 0px; z-index: 100; top:0px; height: 100%; display: block; background-image: url(images/ie.gif);}
#next a {width: 100px; position: absolute; right: 0px; z-index: 100; top:0px; height: 100%; display: none; background-image: url(images/black.png); cursor: pointer;}
#next a span{width: 100px; position: absolute; right: 0px; z-index: 100; top:0px; height: 100%; background-image: url(images/next.png); background-position: right center; background-repeat: no-repeat; cursor: pointer; margin-top: -30px;}

/* changed from display none */
#info {width: 250px; position: absolute; display: block; z-index: 3; top:130px; left: 330px; text-align: left; line-height: 15px;}
#info p {margin-bottom: 20px;}
#info a {background-color: #000000; color: #FFFFFF; padding-left: 3px; margin-left: -3px; padding-right: 3px; text-decoration: none;}
#info a:hover {background-color: #9117f9; color: #FFFFFF;}
input {border: 0px; background-color: #000000; color: #FFFFFF; padding-left: 3px; margin-left: -3px; padding-right: 3px; text-decoration: none;font-size: 11px; font-family: Arial;} 
#info ul {position: relative; margin: 0px; padding: 0px; top:auto; left: auto; margin-top: 5px; margin-bottom: 26px;}
#info ul li span {float: right; font-size: 9px;}
#info small {font-size: 10px;}
#info small strong {display: block;}

  
/* basket */
#basket {position: absolute; bottom:0px; right: 0px; background-color: #FFFFFF; width: 200px; z-index: 101;}
#basket {text-align: left; font-size: 11px}
#basket h2 {text-align: left; font-weight: bold; font-size: 11px; display: none;}
#basket input {display: none;}
#basket table {width: 200px; border: 0px; padding: 0px;}
#basket table input {display: inherit; border: 0px; font-size: 11px;}
#basket table td {line-height: 20px; padding: 2px;}
#basket table td a {color:#9117f9; text-decoration: none;  }
#basket table tr.total { background-color: #EFEFEF;}
#basket table tr.total td { font-weight: bold;}
#basket table td form input {float: right;}
#basket th, #basket br {display: none;}
#basket .wp_cart_checkout_button {margin-left: -2px; margin-bottom: -2px; border: 0px;}
#basket #pinfo {font-style: italic; color: #999999; padding: 2px;}

/* homepage */
.home #next {display: none;}
#home {display: none;}
body.home #home, body.page-id-5 #home {position: relative; padding-top: 130px; margin-left: 330px; width: 650px; position: relative; left: 0px; top:0px; clear: both; padding-bottom: 80px; display: block;}
#previews {width: 650px; clear: both; font-size:0px; }
#previews li {float: left; position: relative; width: 160px; height: 160px; font-size:0px;}
#previews li img {margin-right: 20px; margin-bottom: 20px; border: 1px solid #FFFFFF;}
#home #previews li a {border: 0px; padding-left: 0px; padding-right: 0px; margin-left: 0px; line-height: normal; background-color: transparent; width: 140px; height: 140px; display: block;}
#home #previews li div {background-color: #000000; top:1px; left:1px; width: 140px; height: 140px; position: absolute; display: none;}
#home #previews li div a {padding:10px; color: #FFFFFF; font-size: 24px; font-family: Georgia; font-weight: normal; display: block; width: 120px; height: 120px;}

/* biog */
.page-id-6 .pad { margin-left: 330px; margin-top: 130px;}
.page-id-6 #info {width: 730px; font-size: 12px; position: relative; left: auto; top:auto; float: left; padding-bottom: 80px;}
.page-id-6 #sidebar {margin-top: 214px; position: relative; float: left; left: auto; top:auto;}
.page-id-6 #sidebar ul {margin-left: 40px;}

/* contact */
.page-id-8 #info {width: 400px; font-size: 12px; position: relative; margin-left: 330px; margin-top: 130px; left: 0px; top:0px; float: none; padding-bottom: 80px;}
.page-id-8 #info h2 {font-family: Verdana; font-size: 10px; font-weight: bold; width: 175px; height: 175px;color: #333333; font-weight: bold;}
.page-id-8 #info a {background-color: transparent; color: #9117f9;}
.page-id-8 #info address {font-style: normal; font-size: 10px; margin-bottom: 5px; width: 225px; float: right;}
.page-id-8 #info address b {font-size: 11px;}
#info p.name {margin-bottom: 10px;}

/* downloads */
.page-id-7 #info {width: 400px; font-size: 12px; position: relative; margin-left: 330px; margin-top: 130px; left: auto; top:auto; float: none; padding-bottom: 80px;}
.page-id-7 .downloads {font-size: 11px;}
.page-id-7 .downloads ul {width: 200px;}
.page-id-7 .downloads b {font-size: 10px;}

h1 {font-size: 24px; font-family: Georgia; font-weight: normal; line-height: normal; margin-bottom: 26px;}
h2 {font-size-adjust: 14px; font-family: Georgia; font-weight: normal; line-height: normal; margin-bottom: 8px;}
h3 {margin-bottom: 10px;}

#sidebar {position: absolute; top:130px; left:730px; z-index: 3; text-align: left; line-height: 15px; font-size: 11px; color: #333333; width: 200px;}
#sidebar ul {position: relative; top:auto; left: auto; margin-bottom: 26px; padding: 0px;}
#sidebar ul li {font-size: 10px; line-height: 18px;}

/* blog / news */

a.logo {position: fixed;}
#content {width: 500px; position: relative; display: block; z-index: 3; margin-top:130px; margin-left: 330px; text-align: left; line-height: 15px; font-size: 12px;  padding-bottom: 60px;}
#content h2 {margin-bottom: 3px;}
.single #content h2 {margin-bottom: 10px;  text-decoration:none;  color: #FFFFFF;}
.single #content h2 span { background-color: #9117f9; margin-left:-5px; padding-left:5px; padding-right:5px;}
#content small {font-size: 10px; display: block; margin-bottom: 10px;}
#content p {margin-bottom: 20px;}
#content .post {margin-bottom: 60px;}
#content .post a img {padding-bottom: 2px;}
#content .post .postmetadata a {background-color: #333333; margin-left: 0px;}
#content .post blockquote {border-left:5px solid #000000; color:#333333;font-family:Georgia;font-size:16px;font-style:italic;line-height:20px;margin-bottom:20px;margin-left:-5px; padding-left:10px;}
#content .post blockquote p {margin-bottom: 0px;}
/* #content .post a {margin-left: 0px; height: auto; background-color: transparent; color:#9117f9; } */
#content a {background-color: #000000; color: #FFFFFF; padding-left: 3px; margin-left: -3px; padding-right: 3px; text-decoration: none;}
#content a:hover {background-color: #9117f9; color: #FFFFFF;}

/* comments */
#commentform {}
#commentform a {margin-left: 0px;}
#commentform textarea {width: 388px; height: 190px; border: 1px solid #000000; padding: 5px; font-family: Arial; font-size: 12px; padding-bottom: 100px;}
li.comment {margin-bottom: 20px; border-bottom: 1px solid #000000;}
li.comment .avatar {float: left;}
li.comment cite {line-height: 18px; padding-left: 5px;}
li.comment .commentmetadata {padding-bottom: 20px;}
#content li.comment .commentmetadata a {background-color: #333333;}
.navigation .alignleft {bottom:90px; left:65px; position:fixed; width:150px;}
.navigation .alignright {bottom:90px; left:850px; position:fixed; width:150px;}

/* shopping cart */
.page-id-167 #info {width: 500px; position: relative; margin-left: 330px; margin-top: 130px; left: auto; top:auto; padding-bottom: 100px}
.page-id-166 table, .page-id-167 table {width: 400px; border: 0px; border-collapse:collapse;}
.page-id-166 table b, .page-id-167 table b {font-size: 10px;}
.page-id-166 table th, .page-id-167 table th {background-color: transparent; font-size: 10px;}
.page-id-166 table tr td, .page-id-167 table tr td {padding-bottom: 5px; line-height: 20px;}
.page-id-166 caption, .page-id-167 caption {display: none;}
.page-id-166 #info table a, .page-id-167 #info table a {background-color: transparent; padding: 0px; margin: 0px; color: #000000;}
.page-id-167 .privacy {display: none;}
#subtotal, .stotal .amts {padding-top: 10px; padding-bottom: 10px; border-top:1px solid #333333; margin-top: 10px; margin-left: -3px;}
.amts,  #cartQty, #cartTotal, .lb {text-align: right;}
#update {margin-right: 5px;}
#cartItem, #cartQty, #cartTotal {padding-bottom: 10px;}
#mainlegend {font-weight: bold; display: block; padding-top: 10px; padding-bottom: 10px;}
input.iqty {height: 15px; margin-right: 2px;}
.addtocart label.qty {display:inline; float:left; margin-right:20px;}
.addtocart select {margin-bottom: 5px;}
label.qty dfn {font-style: normal;}
.eshopform {clear: both;}
.eshopform legend {font-weight: bold;}
.eshoppayvia {display: none;}
fieldset .eshop {margin-top: 20px; width: 440px; margin-bottom: 20px;}
fieldset .eshop br {display: none;}
#eshopshowshipcost {display: none;}
.custdetails {clear: both;}
.reqd {color: #9117F9;}

/* checkout */
#info ul.eshop  li span {font-size: 10px; float: none; width: 150px; float: left; line-height: 15px;}
.page-id-167 h3 {margin-top: 20px;}


ul.continue-proceed {width: 400px; margin-top: 10px; clear: both;}
ul.continue-proceed li {width: 200px; float: left; padding-top: 10px;}
#info ul.continue-proceed li a {padding: 3px; font-size: 11px; margin-left: 0px;}
.page-id-166 ul.continue-proceed li:last-child a {float: right;}
.page-id-167 ul.continue-proceed li {width: 400px;}
fieldset.fld1 {width: 500px;}
fieldset {float: left; width: 200px; border: 0px;}
.page-id-167 fieldset input, .page-id-166 fieldset input {border: 1px solid #000000; background-color: #FFFFFF; font-size: 11px; padding-left: 3px; padding-top: 3px; height: 15px; width: 180px; margin-bottom:3px; color: #000000; display: block; margin-left: 0px;}
.page-id-167 fieldset label, .page-id-166 fieldset label {margin-bottom: 2px; float: left; width: 220px;}
.page-id-167 fieldset select, .page-id-166 fieldset select {margin-left: -3px; width: 180px; margin-bottom: 3px; display: block;}
fieldset .fld6 {clear: both;}
.page-id-167 fieldset legend, .page-id-166 fieldset legend {padding-bottom: 5px;}
.eshopshipping {display: none;}
.buttonwrap {clear: both;}
#submitit, #ppsubmit {border: 0px; height: 20px; line-height: 20px; background-color: #9117f9; margin-top: 20px; clear: both; color: #FFFFFF; margin-top: 10px;}

/* add to cart */
.addtocart label {display: block;}
.addtocart legend {display: none;}