/*
Theme Name: Twenty Twelve - child
Theme URI: http://wordpress.org/themes/twentytwelve
Author: the WordPress team

Author URI: http://wordpress.org/

Customizer: kpservices.us


Text Domain: twentytwelve

This theme,
like WordPress,
is licensed under the GPL.
Use it to make something cool,
have fun,
and share what you've learned with others.

Template: twentytwelve


@import url("../twentytwelve/style.css");
*/



/* KP start customizing here... may need to add to jetpack CSS instead... depending on theme and plugin overrides. */

/* colorize buy now buttons to yellow: In WOO Commerce General Settings */


/* restyle body - default line height */
body {line-height: 1.5em;}


/* resize sidebar (widget) images */
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img,
.woocommerce-page ul.product_list_widget li img {width: 80px;}

/* resize related products (able to set single image in woocommerce settings : */

.woocommerce .related ul.products li.product,
.woocommerce .related ul li.product,
.woocommerce .upsells.products ul.products li.product,
.woocommerce .upsells.products ul li.product,
.woocommerce-page .related ul.products li.product,
.woocommerce-page .related ul li.product,
.woocommerce-page .upsells.products ul.products li.product,
.woocommerce-page .upsells.products ul li.product {
width: 24% !important;
}



/* bold and enlarge 'amount' and 'price', grey out prior  */
.amount {
			color: #ff0000;
			font-weight: bold;
			font-size: 100%;
			}
			
			
.woocommerce div.product span.price del,
.woocommerce div.product p.price del,
.woocommerce #content div.product span.price del,
.woocommerce #content div.product p.price del,
.woocommerce-page div.product span.price del,
.woocommerce-page div.product p.price del,
.woocommerce-page #content div.product span.price del,
.woocommerce-page #content div.product p.price del,
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del  
 {font-size: 85%;
	
	}

a span.price del span.amount, 
ul.product_list_widget li del span.amount,
div p.price del span.amount

 			{
			color: #999999!important;
			}


/* Darken SHADOW around book (vs border)   */

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img 
		{
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.7);
		}

/* SALE - make bolder & pretty */
.woocommerce span.onsale,
.woocommerce-page span.onsale {
    background: -moz-linear-gradient(center top ,
#aa22cc 0px,
#ff0000 100%) repeat scroll 0 0 rgba(0,0,0,0);
 
    
    color: #fff;
    font-size: 18px;
 
    left: 6px;
    line-height: 32px;
    margin: 0;
 
    padding: 5px;
  }


/* remove TAGS from product listing & drop categories to next line */
.tagged_as { display:none; }
.posted_in {display:block;}


/* alter state / zip widths 

*/
 p#billing_state_field.form-row.form-row-first.address-field.validate-required.validate-state
{width: 218px; padding: 0px;}

 p#billing_postcode_field.form-row.form-row-last.address-field.validate-required.validate-postcode {width: 70px;}

/* adding code to add caret after dropdown with sub items */

.nav-menu li > a:after {
    color: #888;
    content: '  >>';
}

.nav-menu li > a:hover:after {
    color: #444;
    content: '  >>';
}

.nav-menu li > a:only-child:after {
    content: '';
}


/* tighten main navigation */
.main-navigation {margin-top: 0; margin-bottom: 0;}

/* give 2-line menu item tighter leading */

.main-navigation li ul li a 
	{ line-height: 120%;
	}

.site-header {padding-bottom: 0;}
.wrapper {margin-top: 0; padding-top: 0;}

/* hide meta content from category listing */
.entry-meta
		{
			display:none;
			}


/* enable flow around right align graphics */
h1,h2,h3,h4,h5,h6 {

clear: none;

}

/* stop BQ from automatically being italic */

.entry-content blockquote,
.comment-content blockquote 
		{
		font-style: normal;
		}

/* vertical align (for audio icons on CD set page ) */
/******** NOT YET WORKING ***********/
.align-audio-outer { 
			position: relative;
			
		}

.align-audio-inner { 
			position: absolute;
			height: 3em;
			top: 50%;
			margin-top: -1.5em;	
		}

/* copy picture right from old site style sheet */
	
	
.pictureright	
	{	text-align: center;
		margin-right: auto;
		padding-right: 0px; 
		float: right;
		display: inline;
		width: 130px;
		z-index: 100;
				clear: right;
		}
	
	
.pictureright-wide	
	{	text-align: center;
		margin-right: auto;
		padding-right: 0px; 
		float: right;
		display: inline;
		width: 230px;
		z-index: 100;
		clear: right;
		}
			
	
/* equal time for left side */		
.pictureleft	
	{	text-align: center;
		margin-left: auto;
		padding-left: 0px; 
		float: left;
		display: inline;
		clear: right;
		width: 130px;
		z-index: 100;
		}
	
/* KP-now ok  */		
.pictureleft-wide	
	{	text-align: center;
		margin-left: auto;
		padding-left: 0px; 
		float: left;
		display: inline;
		width: 230px;
		z-index: 100;
		}
			
/* kp try to get starfield tech graphic to center -- WORKS! */
div#secondary.widget-area aside#html_javascript_adder-3.widget.widget_html_javascript_adder div.hjawidget.textwidget div.center div a#siteSealFauxBadge div {margin: 0 auto;}


/* kp generic useful styles */
.red {color: #ff0000;}
.bold {font-weight: bold; }

.big120 {font-size: 120%;}
.big150 {font-size: 150%;}
.small90 {font-size: 90%;}

.w50 {width: 50%;}
.w60 {width: 60%;}		
.w70 {width: 70%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}

.left {text-align: left;}
.right {text-align: left;}
.center {text-align: center; margin-left: auto; margin-right: auto;}

/* make checkout page check info box have white text on medium blue instead of dark grey text 
 1st part is "Check or Money Order Payment text." 
 2nd part is "I've read and accept the terms and conditions" 
 3rd part is "click here to enter coupon code" text - from top of page
*/

html body.page.page-id-8.page-parent.page-template-default.custom-background.woocommerce-checkout.woocommerce-page.woocommerce-demo-store.custom-font-enabled.single-author div#page.hfeed.site div#main.wrapper div#primary.site-content div#content article#post-8.post-8.page.type-page.status-publish.hentry.category-woocommerce div.entry-content div.woocommerce form.checkout div#order_review div#payment ul.payment_methods.methods li.payment_method_cheque label,

html body.page.page-id-8.page-parent.page-template-default.custom-background.woocommerce-checkout.woocommerce-page.woocommerce-demo-store.custom-font-enabled.single-author div#page.hfeed.site div#main.wrapper div#primary.site-content div#content article#post-8.post-8.page.type-page.status-publish.hentry.category-woocommerce div.entry-content div.woocommerce form.checkout div#order_review div#payment div.form-row.place-order p.form-row.terms label.checkbox,

html body.page.page-id-8.page-parent.page-template-default.custom-background.woocommerce-checkout.woocommerce-page.woocommerce-demo-store.custom-font-enabled.single-author div#page.hfeed.site div#main.wrapper div#primary.site-content div#content article#post-8.post-8.page.type-page.status-publish.hentry.category-woocommerce div.entry-content div.woocommerce div.woocommerce-info a.showcoupon

{ color: #ffffff; }


/* pay style box on checkout page is too dark; interior box OK per above ffffff */
div#payment.woocommerce-checkout-payment

{background-color: #CBE3ff;}


/* make buttons not stack on cart page */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {display: inline;}

/* make changes for media screens > 4xx  <750 */
@media screen  
and (min-width : 420px) 
and (max-width : 750px)
		 {

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {

    width: 60%;

}

.wrapper {background: #ff0000;}

}



/* kp fix "Proceed to check out" button from overlapping Empty cart */


div.wc-proceed-to-checkout div.wcpgsk_empty_cart
{		
		float: none; 
		padding: 0;

}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {display: block; }