slide/*
Theme Name: Peter
Theme URI: http://wordpress.org/
Description: Custom theme for PeterRossArt.co.uk, based on TwentyTen.
Author: the WordPress team & Will Ross
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: black, white, gallery
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, 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: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}


/* =Layout
-------------------------------------------------------------- */

body {
  background-color:#000;
  color:#ddd;
  font-family: 'Arial', Verdana, Arial, Sans Serif;
}

#wrap {
  width:760px;
  margin:0 auto;
}

#header {
  padding:0px 20px;
  margin-top:20px;
}

#nav {
  /* border:1px dashed #444; */
}

#posts_column {
  width:426px;
  float:left;
  padding:0px 20px 0px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  line-height:1.5em;
  padding-bottom:30px;
  margin-bottom:20px;
  background-color:#111111;
  border-left:1px solid #222;
  border-top:1px solid #222;
}

#home_column {
  width:426px;
  float:left;
  padding:00px 20px 0px 20px;
  -webkit-border-radius: 20px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-topleft: 0;
  border-radius: 20px;
  border-top-left-radius: 0;
  line-height:1.5em;
  padding-bottom:20px;
  margin-bottom:20px;
  background-color:#111111;
  border-left:1px solid #222;
  border-top:1px solid #222;
}

#thumbs_column {
  width:284px;
  float:right;
  margin-bottom:20px;
}

#nav ul {
  list-style:none;
  padding:20px 0px;
}

#nav li {
  display:inline;  
}

#nav li a {
  padding:20px 20px;
  color:#fff;
  text-decoration:none;
}

#nav li a:hover {
  color:#ccc;
}

h1 {
  font-size:3em;
  font-style:italic;
}

a {
  text-decoration:none;
  color:#fff;
}

a:hover {
  text-decoration:underline;
  color:#ccc;
}

li.current_page_item a {
  background-color:#111111;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-left:1px solid #222;
  border-top:1px solid #222;
}

img.thumb {
  display:block;
  float:left;
  width:120px;
  height:120px;
  border:1px solid #444;
  margin:10px;
}

img.thumb:hover {
  border:1px solid #999;
}

h2 {
  font-size:1.4em;
  font-style:bold;
  margin-bottom:20px;
  margin-top:20px;
}

#posts_column p, #home_column p, #gallery_column p {
  margin-bottom:10px;
  font-size:0.9em;
}

.mini_post{
  width:190px;
  margin:20px;
  float:left;
}

/*
#posts_column img {
  padding:10px;
  background-color:#e9e9e9;
}
*/

.meta {
  font-style:italic;
  font-size:0.8em;
}

.divider {
  clear:both;
  border-bottom:1px solid #111;
  margin-top:20px;
}

.slideshow {
  display:block;
  float:left;
  width:284px;
  /* border:1px solid #444; */
  margin:10px;
}
.slideshow a img {
  margin-right:15px;
  margin-bottom:13px;
}
.slideshow a img:nth-child(2) {
  margin-right:0;
}

#footer {
  background-color:#111111;
  clear:both;
  padding:20px 20px 5px 20px;
  border-left:1px solid #222;
  border-top:1px solid #222;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

#footer p {
  font-size:0.8em;
  line-height:1.5em;
  margin-bottom:5px;
}

#footer img {
  width:196px;
  height:196px;
  margin-right:40px;
  border:1px solid #444;
  float:left;
}

#footer h2 {
  margin-top:0px;
}

#footer_by_will {
  clear:both;
  padding:20px;
  text-align:center;
  font-size:0.8em;
  color:#444;  
} 

#footer_contact {
  border-top:1px dotted #222;
  margin-left:236px;
  padding-top:0px;
  margin-top:0px;
  text-align:right;
}

#gallery_column {
  padding:0px 20px 20px 20px;
  margin-bottom:20px;
  background-color:#111111;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border-left:1px solid #222;
  border-top:1px solid #222;
}

.gallery {
  clear:left;
  display:block;
}

.gallery ul {
 list-style:none;
}  
  
.gallery ul li {
  display:inline;
}

.gallery img {
  width:120px; 
  height:120px;
  border:1px solid #444;
  margin:8px;
}

.gallery h2 {
  display:block;
  clear:both;
}

.alignright {
  float:right;
  margin-left:10px;
  margin-bottom:10px;
}

div.category-painting div.entry-content {
  text-align:center;
  margin:20px 0px;
}

.nav-previous {
  float:left;
}

.nav-next {
  float:right;
}

#gallery_column #nav-below {
 padding-bottom:15px; 
}

input[type=text], textarea {
  border:1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:5px;
}

.smaller_text {
  font-size:0.9em;
}

div.type-post {
  margin-bottom:20px;
  border-bottom:1px solid #333333;
  padding-bottom:20px;
}

body.single div.type-post {
  margin-bottom:20px;
  border-bottom:0px solid #000;
  padding-bottom:0px;
}

.entry-meta {
  font-size:0.8em;
  color:#777777;
  text-align:right;
  clear:both;
}

div.category-painting h2 {
  text-align:center;
}

body.single div.entry-content img {
  padding:10px;
  border:1px solid #999;
  background-color:#eee;
}

.page-id-8 .entry-content img {
    padding:10px;
  border:1px solid #999;
  background-color:#eee;
}

strong {
  font-weight:bold;
}

p a {
  color:#fff;
  text-decoration: underline;
}

#entry-author-info {
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px solid #ccc;
}

.clearfix {
  display:block;
  clear:both:
  height:1px;
}

.entry-date, a.url {
  color:#999999;
}

img.sold {
  border:0px solid #fff !important;
  position:relative;
  top:-110px;
  right:-250px;
  background-color: transparent !important;
}

p.buy-now a {
  display:block;
  text-align:center;
  font-size:1.5em;
  color:#333333;
  font-family:Arial, Verdana, sans-serif;
  padding:10px 15px;
  margin:20px 10px;
  -webkit-border-radius:14px;
  -moz-border-radius:14px;
  border-radius:14px;
  background-image: linear-gradient(bottom, rgb(166,166,166) 30%, rgb(199,199,201) 65%);
  background-image: -o-linear-gradient(bottom, rgb(166,166,166) 30%, rgb(199,199,201) 65%);
  background-image: -moz-linear-gradient(bottom, rgb(166,166,166) 30%, rgb(199,199,201) 65%);
  background-image: -webkit-linear-gradient(bottom, rgb(166,166,166) 30%, rgb(199,199,201) 65%);
  background-image: -ms-linear-gradient(bottom, rgb(166,166,166) 30%, rgb(199,199,201) 65%);
  background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.3, rgb(166,166,166)),
	color-stop(0.65, rgb(199,199,201))
  );
}

p.buy-now a:hover {
  background-image: linear-gradient(bottom, rgb(130,130,130) 30%, rgb(179,179,179) 65%);
  background-image: -o-linear-gradient(bottom, rgb(130,130,130) 30%, rgb(179,179,179) 65%);
  background-image: -moz-linear-gradient(bottom, rgb(130,130,130) 30%, rgb(179,179,179) 65%);
  background-image: -webkit-linear-gradient(bottom, rgb(130,130,130) 30%, rgb(179,179,179) 65%);
  background-image: -ms-linear-gradient(bottom, rgb(130,130,130) 30%, rgb(179,179,179) 65%);
  background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.3, rgb(130,130,130)),
	color-stop(0.65, rgb(179,179,179))
);
}

/* Products page - Will's Overides */
div#post-492 h2.entry-title {
  text-align:center;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
  background-color:#111;
  padding:8px;
}

h2.prodtitle {
  margin-bottom:20px !important;
  background-color:#111111 !important;
  padding:0px !important;
  text-align:left !important;
}

div.wpsc_product_price {
  padding:0px !important;
}

div.wpsc_product_price p {
  width:200px;
}

div.default_product_display {
  margin-bottom:0px !important;
}

input#quantity {
  margin-bottom:15px;
  margin-left:10px;
  padding:3px 5px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

.productcol {
  width:260px !important;
}

.productcol img {
  border:0px !important;
  padding:0px !important;
}

.shopping-cart-wrapper {
  clear:both !important;
}

li#wpsc_shopping_cart-2 {
  display:none;
}

body.page-id-492 li#wpsc_shopping_cart-2 {
  display:block;
}

#checkout_page_container {
  width:420px !important;
  font-size:0.8em;
}

#wpsc_shopping_cart_container td {
  display:block;
} 

.wpsc_checkout_table td, td input {
  display:block;
}

input[type="checkbox"] {
  display:inline;
}

#wpsc_shopping_cart_container input[type="text"], textarea {
  background-color:#333333;
  padding:3px 4px;
  border:#777777;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  color:#ffffff;
  width:300px;
}

#wpsc_checkout_gravatar {
  display:none;
}

.wpsc_email_address, .wpsc_checkout_table {
  margin:20px 0px;
}

label.wpsc_email_address, #wpsc_shopping_cart_container h4, .wpsc_total_price_and_shipping h4 {
  font-size:1.2em;
  font-weight:bold;
}

.wpsc_shipping_forms {
  margin-top:20px;
}

#wpsc_shopping_cart_container h2 {
  margin-bottom:0px;
}

.wpsc_checkout_table {
  width:300px;
}

.wpsc_checkout_table td, td.wpsc_totals {
  display:inline !important;
}

.adjustform input[type="text"], .adjustform input[type="submit"] {
  padding:0px;
}

.adjustform input[type="submit"] {
  font-size:0.8em !important; 
}

#content #checkout_page_container table.checkout_cart tr.product_row td.wpsc_product_name {
  background-color:#222222;
  padding-left:10px !important; 
  width:140px !important; 
  margin-left:10px !important; 
}

.checkout_cart {
  background-color:#222222;
  padding:10px;
}

.qty, .pricedisplay {
  width:40px;
  padding:0px 10px;
}

tr.header:first-child {
  background-color:#222222;
}

.wpsc_product_quantity input  {
  text-align:center;
}

select {
  float:left;
}

#wpsc_checkout_form_9 {
  width:300px;
}

#text-3 {
  list-style-type:none;
  margin-left:10px;
  margin-bottom:10px;
}

.page-id-8 #text-3 {
  display:none;
}

.click-to-buy a {
  display:inline-block;
  background-color:#222222;
  padding:3px 10px;
  border-right:1px solid #111;
  border-bottom:1px solid #111;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

.click-to-buy a:hover {
  background-color:#2a2a2a;
}

.widget_wpsc_shopping_cart {
  margin-left:10px;
  background-color:#222222;
  width:240px;
  padding:10px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}

.widget_wpsc_shopping_cart td {
  font-size:12px;
}

.shopping-cart-wrapper .shoppingcart {
  padding:0px !important;
}

a.gocheckout {
  font-size:18px;
  display:inline-block;
  background-color:#333333;
  padding:3px 10px;
  border-right:1px solid #111;
  border-bottom:1px solid #111;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

.pricedisplay small {
  display:none;
}

.widget_wpsc_shopping_cart h3 {
  background-color:#111111;
  padding:5px 5px;
  text-align:center;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

.shoppingcart {
  margin-top:10px;
}

.wpsc_quantity_update {
  margin-top:10px;
}

.visitshop {
  display:block;
  text-align:center;
  font-size:0.8em;
}

#gallery_column .entry-content p {text-align:center;}

/* .slideshow {display:none;} */
.widget-container {list-style-type:none;}

/* FIX CAPTCHA INPUT */
#captcha-467-image + span {
  position: relative;
  top: -7px;
}



/* ***********************************************/
/* *************** 2020 update *******************/
/* ***********************************************/

/* 2020 update */

* { 
  box-sizing: border-box;
}

div#wrap {
    width: 1024px;
}

div#posts_column,
#home_column {
    width: 730px !important;
}

#gallery_column {
    width: 100% !important;
}

div#footer {
    padding-bottom: 20px;
}
div#footer:after {
    content: "";
  display: table;
  clear: both;
}

#posts_column p, 
#home_column p, 
#gallery_column p,
#footer p
{
  font-size: 1.2em;
  line-height: 1.6em;
  padding-bottom: 20px;
}

h2.entry-title {
  text-transform: uppercase;
}

#nav li a {
  font-size: 1.2em;
  text-transform: uppercase;
}

.widget-container img {
  width: 260px;
  margin-left:19px; 
  margin-bottom: 20px;
}

.entry-meta {
    text-align: left;
    padding-bottom: 15px
}
.entry-meta {
    color: #fff;    
}
.entry-meta a {
    color: #fff; 
    text-decoration: underline;
}
.entry-meta .entry-date {
    color: #fff;     
}

#footer p {
    margin-left: 235px
}

p#footer_contact {
    text-align: left;
}

#footer h2 {
    text-transform: uppercase;
}

@media screen and (max-width: 786px) {
  div#wrap {
     width: 100%;
  }
  div#posts_column,
  #home_column,
  #gallery_column {
      width: 100% !important;
  }

  div#header img {
    width: 100%;
  }

  .widget-container {
    padding: 20px;
  }

  .widget-container img {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  div#thumbs_column {
    width: 100%;
    float: initial;
    padding-lefT: 20px;
    padding-top: 20px;
  }
  .slideshow {
     width: 100%;
  }
  #footer p {
    margin-left: 0;
  }
}


/* Mobile menu */
@media screen and (max-width: 640px) {
  .menu-header ul li a {
    width: 100%;
    display: block;
    text-align: center;
  }
  a.menu-toggle {
    display: block;
    padding: 0 0 25px 0px;
    text-transform: uppercase;
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.3s ease;
  }
  a.menu-toggle.active {
    padding-bottom: 0;
  }
  .menu-header {
    display: none;
  }
  a.menu-toggle:hover {
    color: #fff;
    text-decoration: none;
  }
  a.menu-toggle span {
    display: inline-block;
    width: 20px;
    height: 17px;
    background: url('http://www.peterrossart.co.uk/wp-content/uploads/2020/08/bars-solid.png') 95% 0% no-repeat;
    background-size: 16px;
    margin-left: 10px;
    position: relative; 
    top: 3px
  }
  a.menu-toggle.active span {
    background: url('http://www.peterrossart.co.uk/wp-content/uploads/2020/08/times-solid.png') 95% 0% no-repeat;
    background-size: 14px;
  }
}
@media screen and (min-width: 641px) {
  a.menu-toggle {
    display: none;
  }
}
figure.wp-block-image {
	margin-left: 0;
	margin-right: 0;
}
figure.wp-block-image img {
	height: auto;
}
.entry-content p em {
    font-style: italic;
}