/*
Theme Name: Clean Sale
Description: 
Design Studio: Obox Design http://www.obox-design.com/
Author: Obox Design
Author URI: http://www.obox-design.com/
Version: 1.1.2
License: Wordpress derivate http://www.gnu.org/licenses/gpl-2.0.html, CSS, JS, Graphics http://themeforest.net/wiki/buying/howto-buying/licensing/
License URI: http://themeforest.net/wiki/buying/howto-buying/licensing/
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-colors, featured-images, theme-options, translation-ready
*-----------------------------*
WARNING! DO NOT EDIT THIS FILE!
*-----------------------------*
To make updates to your theme, do not edit the styles in this file. Rather use 
the custom.css file to add your style changes. By copying a style from this
file and pasting it in custom.css you will override the style in this file.

*/


@import url(reset.css);
@import url(social.css);	
@import url(clearfix.css);
@import url(ecommerce.css);


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.6em;
		color: #676767; background: #f7f7f7 url(images/layout/background-texture.png) top center no-repeat;}

textarea, input, button {padding: 6px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; border-radius: 3px;}
textarea{width: 90%; max-width: 520px;}
input[type=text]{width: 89%; max-width: 280px;}
input[type=text], input[type=password], textarea{border: 1px solid #ccc; margin-bottom: 10px;}

button:hover, input[type=button]:hover, input[type=submit]:hover{background-color: #EE462C;}
button:active, input[type=button]:active, input[type=submit]:active{box-shadow: inset 0px 1px 0px #9C2D1C; position: relative; top: 3px;}
	
input[type=button]:active, input[type=submit]:active{position: relative; top: 1px;}

a{text-decoration: none; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; color: #000;}
a:hover{color: #f33;}
strong{font-weight: bold;}
em{font-style: italic;}

img{max-width: 100%; height: auto;}
iframe, ?object, embed {width: 100%; height: 100%;}


/*-------------------------------*/
/*- LAYOUTS ---------------------*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}


/*-------------------------------*/
/*- DEFAULT WORDPRESS STYLING ---*/
.wp-caption { border: 1px solid #cccccc; text-align: center; background-color: #f0f0f0; padding: 5px 0px 10px 5px; margin-bottom: 10px; max-width: 96%;}
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 98.5%;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.gallery-caption {margin-left: 0;}

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display:block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float:left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}

a img.alignright {float:right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float:left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.sticky{}
.bypostauthor{}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#wrapper{max-width: 980px; margin: 0px auto; padding-top: 30px;}

#header-container{max-width: 940px; margin: 0px auto; padding: 50px 20px 20px;}
#header{position: relative;}

#content-container{position: relative; padding: 0px; background: #fff;}
#widget-block{max-width: 940px; padding: 50px 20px 0px; margin: 0px auto;}
#widget-page{max-width: 940px; padding: 0px 20px 0px; margin: 0px auto;}

.double-cloumn{max-width: 940px; padding: 50px 20px 0px; margin: 0px auto;}

.double-cloumn #left-column{float: left; width: 71.4285714%;}
.double-cloumn #right-column{float: right; width: 24.4897959%;}

.full-width{max-width: 940px; margin: 0px auto; padding: 50px 20px 0px;}

#footer-container{padding: 50px 0px 20px; overflow: hidden; background: #F5f5f5;}
#footer{max-width: 940px; margin: 0px auto; padding: 0px 20px;}
	
/*-------------------------------------------------------------------------------------------*/
/*- LAYOUT OPTIONS --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- BLOG SIDEBAR -----------*/
	.category .sidebarleft #left-column, .single-post .sidebarleft #left-column, .page .sidebarleft #left-column{float: right;}
	.category .sidebarleft #right-column, .single-post .sidebarleft #right-column, .page .sidebarleft #right-column{float: left;}
	
	.category .sidebarnone #left-column, .single-post .sidebarnone #left-column, .page .sidebarnone #left-column{float: none; width: 100%;}
	.category .sidebarnone #right-column, .single-post .sidebarnone #right-column, .page .sidebarnone #right-column{display: none;}


	/*--------------------------*/
	/*- ECOMMERCE SIDEBAR ------*/
	.woocommerce .shopsidebarleft #left-column, .woocommerce-page .shopsidebarleft #left-column {float: right;}
	.woocommerce .shopsidebarleft #right-column, .woocommerce-page .shopsidebarleft #right-column{float: left;}
	
	.woocommerce .shopsidebarnone #left-column, .woocommerce-page .shopsidebarnone #left-column, .woocommerce-cart #left-column, .woocommerce-checkout #left-column{float: none; width: 100%;}
	
.woocommerce .shopsidebarnone #right-column, .woocommerce-page .shopsidebarnone #right-column, .woocommerce-cart #right-column, .woocommerce-checkout #right-column{display: none;}
	
/*-------------------------------------------------------------------------------------------*/
/*- COMMON ELEMENTS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	
	/*--------------------------*/
	/*- TITLES -----------------*/
	.post-title{padding: 0px 0px 0px; margin: 0px 0px 5px; font-size: 24px; line-height: 1.2em; font-weight: bold;}
	.post-title a{color: #000;}
	.post-title a:hover{color: #f33;}
	
	.page-title{padding: 0px 0px 0px; margin: 0px 0px 20px; font-size: 24px; line-height: 1.2em; font-weight: bold;}
	.page-title a{color: #000;}
	.page-title a:hover{color: #f33;}
	
	.category-title{padding: 0px 0px 10px; margin: 0px 0px 10px; font-size: 24px; line-height: 1.2em; font-weight: bold; color: #000; border-bottom: 2px solid #f0f0f0;}
	.category-title a{color: #000;}
	.category-title a:hover{color: #f33;}
	
	.category-description{margin-bottom: 35px; font-size: 16px; color: #777; line-height: 1.6em;}
	
	.section-title{clear: both; margin-bottom: 20px; font-size: 23px; font-weight: lighter;}
	.section-title-404{padding: 80px 0px; text-align: center; font-size: 24px; line-height: 1.2em; font-weight: 200; color: #000;}
	
	.widgettitle{padding: 0px 0px 0px; margin-bottom: 30px; background: url(images/layout/divider.png) 0px 5px repeat-x; font-size: 14px; font-weight: 600;}
	.widgettitle a, .widgettitle span{background: #fff; padding-right: 10px; font-size: 16px; color: #000;}
	
	#widget-block .widget{margin-bottom: 50px;}
	
	.date{padding: 0px; margin: 0px 0px 5px; font-size: 12px; color: #777;}
	
	.more-info{padding: 3px 12px; background: #f2f2f2; border: 1px solid #e1e1e1; border-radius: 100px; color: #595959; font-weight: bold; font-size: 14px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);}
	.more-info:hover{background-color: #f93942; color: #fff; border-color: #e7242d;}
	
	.price{margin-bottom: 10px; color: #777;}
	.price .amount{color: #f93942; font-weight: bold;}
	.price .from, .price del .amount{color: #777; font-weight: normal; font-size: 14px;}


/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{float: left; margin-bottom: 20px;}
	.logo h1, .logo img{margin: 0px; padding: 0px; display: block;}
	.logo h1{font-size: 30px; line-height: 40px; font-weight: bold; letter-spacing: -2px;}
	.logo h1 a{color: #000;}
	.logo .tagline{padding: 0px; margin: 10px 0px 0px; font-family: droid serif; font-style: italic; font-size: 12px;
						color: #777;}
	
	
	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#nav{clear: both; margin: 0px; background: #fff; border: 1px solid #e6e6e6; font-weight: bold; font-size: 14px;}
	ul#nav li{float: left; position: relative;}
	ul#nav li a{display: block; padding: 8px 15px; border-right: 1px solid #eee; border-radius: 3px; color: #595959; border-radius: 0px;}
	ul#nav li a:hover, ul#nav .current-menu-item a{color: #000;}
	ul#nav li a:active{position: relative; top: 1px; padding-bottom: 3px;}
	
	
	/*--------------------------*/
	/*- SUB MENU ---------------*/
	ul#nav ul.sub-menu, ul#nav .children{display: none; padding: 0px; position: absolute; top: 42px; z-index: 10; font-size: 13px;
											background: #fff; border: 1px solid #e6e6e6; box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.05);}
	ul#nav ul.sub-menu ul, ul#nav .children ul{top: -2px; left: 160px;}
	ul#nav ul.sub-menu li, ul#nav .children li{clear: both; width: 160px; padding: 0px; margin: 0px; border-bottom: 1px dotted #e6e6e6;}
	ul#nav ul.sub-menu li:last-child, ul#nav .children li:last-child{border-bottom: none;}
	ul#nav ul.sub-menu li a, ul#nav .children li a{display: block; padding: 3px 10px; border-right: none;}
	ul#nav ul.sub-menu li a:hover, ul#nav .children li a:hover{padding: 3px 7px 3px 13px;}

	
	/*--------------------------*/
	/*- HEADER CART ------------*/
	.header-cart{float: right; position: relative; z-index: 12;}
	.header-cart .cart{display: block; padding: 5px 20px 5px 40px; background: #ffffff url(images/layout/sprite.png) 15px -22px no-repeat; border: 1px solid #e0e0e0; color: #595959; font-size: 12px; font-weight: bold; cursor: pointer; border-radius: 17px;}
	.header-cart .cart.active{border-radius: 17px 17px 0px 0px;}
	.header-cart .shopping-cart{display: none; width: 200px; position: absolute; top: 31px; right: 0px; padding: 20px; background: #fff; border: 1px solid #e1e1e1; border-top: none; border-radius: 3px 0px 3px 3px;}
	.header-cart .shopping-cart li.product{display: block; clear: both; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #e0e0e0; list-style-type: none; font-size: 12px; }
	.header-cart .shopping-cart li.product a{font-weight: bold; color: #747474;}
	.header-cart .shopping-cart li.product a:hover{color: #000;}
	.header-cart .shopping-cart li.buttons .button{margin-right: 10px; font-weight: bold; font-size: 14px;}
	.header-cart .shopping-cart li.buttons .last{margin: 0px;}
	.header-cart .shopping-cart .empty{padding: 10px 20px; overflow: hidden; display: block; font-weight: bold; color: #747474;}
	.header-cart .widgettitle{margin-bottom: 10px; font-size: 14px; }
	
	.cart-popup{position: absolute; top: 50px; width: 250px;  margin-left: auto; margin-right: auto; left: 0; right: 0; padding: 15px; background: #fff; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); z-index: 999; text-align: center;}
	.cart-popup .checkbox{display: block; margin: 0 auto 15px; width: 62px; height: 62px; background: url(images/check.png);}
	

/*-------------------------------------------------------------------------------------------*/
/*- PRODUCT CLASSES -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*-------------------------------------------*/
	/*- SLIDER ----------------------------------*/
	.slider-block{padding: 0 20px 60px;}
	.feature{max-width: 900px; height: auto; margin: 0px auto; padding: 20px; display: block; position: relative; background: #fff; border: 1px solid #e6e6e6;}
	.feature ins{text-decoration: none;}
	
	.feature .left-column{width: 70%; height: auto; float: left; position: relative; border: 1px solid #e0e0e0;}
	.feature .left-column .overlay{width: 100%; position: absolute; bottom: 0px; left: 0px; display: block; background: rgba(255, 255, 255, 0.9); border-top: 1px solid #f2f2f2; display:none;}
	
	.feature .left-column .post-title{margin-bottom: 10px; padding: 15px 20px 0px; font-size: 14px; color: #000;}
	.feature .left-column .post-title a{color: #000; font-weight: bold;}
	.feature .left-column .post-title a:hover{text-decoration: underline;}
	.feature .left-column p{padding: 0px 20px 15px;}
	.feature .left-column .post-image a{display: block;}
	
	.feature .right-column{width: 27.7777778%; height: 375px; float: right;}
	.feature .right-column li{position: relative; height: 150px; margin-bottom: 20px; border: 1px solid #e0e0e0; overflow: hidden;}
	.feature .right-column li img{display: block; width: 100%; height: auto;}
	
	.feature .right-column .overlay{width: 94%; position: absolute; bottom: 0px; left: 0px; padding: 10px 3.5%; background: rgba(255, 255, 255, 0.9); border-top: 1px solid #e6e6e6;}
	.feature .right-column .post-title{margin-bottom: 0px; font-size: 14px; color: #000;}
	.feature .right-column .post-title a{color: #000; font-weight: bold;}
	.feature .right-column .post-title a:hover{text-decoration: underline;}

	
		/*---------------------*/
		/*- NEXT & PREVIOUS ---*/	
		.next, .previous{display: block; width: 34px; height: 34px; border-radius: 100%; background: #fff url(images/layout/sprite.png) no-repeat; border: 1px solid #e6e6e6;}
		.next{background-position: -179px 12px;}
		.previous{background-position: 13px 12px;}
		.next:hover, .previous:hover{background-color: #f93942; border-color: #c00;}
		
		.left-column .next{position: absolute; top: 40%; right: 20px;}
		.left-column .previous{position: absolute; top: 40%; left: 20px;}
		.feature .left-column .next, .feature .left-column .previous{display: none;}
		
		.right-column .next{position: relative; float: right; margin-top: -3px;}
		.right-column .previous{position: relative; float: left; margin-top: -3px;}
	
		/*---------------------*/
		/*- SLIDER DOTS -------*/
		.feature .right-column .slider-dots{width: 71.2%; padding-top: 9px; float: left; text-align: center;}
		.feature .right-column .slider-dots li{width: 10px; height: 10px; display: inline-block; margin-right: 4px; border: none; border-radius: 6px; background: #dcdcdc; text-indent: -9999px; overflow: hidden;}
		.feature .right-column .slider-dots li a{text-indent: -9999px;}
		.feature .right-column .slider-dots .active{background: #595959;}
	
	
	/*-------------------------------------------*/
	/*- CONTENT WIDGET  -------------------------*/
	.content-widget .post-title{line-height: 21px;}
	.content-widget ins{text-decoration: none;}

		/*---------------------*/
		/*- FOUR COLUMNS ------*/
		.four-column{clear: both; overflow: hidden;}
		.four-column li, .four-column .products li{float: left; width: 23.4042%; margin-right: 2.1276%; margin-bottom: 20px;}
		.four-column .products li:nth-child(4n+4){margin-right: 0;}
		.four-column .products li:nth-child(3n+4){clear: none;}
		
	    .four-column li:nth-child(3n+3), .four-column .products li:nth-child(3n+3){margin-right: 2.1276%;}
		.four-column li:nth-child(4n+4), .four-column .products li:nth-child(4n+4){margin-right: 0;}
	    .four-column li:nth-child(4n+5), .four-column .products li:nth-child(4n+5){clear: left;}
		
	    .four-column .post-image{margin-bottom: 20px; max-width: 220px; overflow: hidden; display: block;}
	    .four-column .post-image a{display: block;}
	    .four-column .post-image img{max-width: 100%; height: auto;}
		.four-column .post-image iframe{width: 100%; max-height: 130px;} 
	    .four-column .post-title{font-size: 14px; margin-bottom: 5px; font-weight: bold;}
	    .four-column .post-title a{color: #000;}
	    .four-column .post-title a:hover{color: #f33;}
		.four-column .meta{margin-left: 5px; font-size: 12px;}
		
	  	
		/*---------------------*/
		/*- THREE COLUMNS -----*/
		.three-column li, .three-column .products li{float: left; width: 31.9149%; margin-right: 2.1276%; margin-bottom: 20px;}
		.three-column li:nth-child(3n+3){margin-right: 0px;}
		.three-column li:nth-child(3n+4){clear: left;}
	    .three-column .post-image{float: left; width: 80px; overflow: hidden; margin-right: 15px;}
	    .three-column .post-image a{display: block;}
	    .three-column .post-image img{}
	    .three-column .post-title{font-size: 14px; margin-bottom: 5px; font-weight: bold;}
	    .three-column .post-title a{color: #000;}
	    .three-column .post-title a:hover{color: #f33;}
	    .three-column .content{float: left; max-width: 200px;}
	    
	    
	    .three-column .category .post-image{float: none; width: auto; max-width: 300px; max-height: auto; overflow: hidden; margin-right: 0px; margin-bottom: 20px;}
	    .three-column .category .post-image a{display: block;}
	    .three-column .category .post-image img{width: 100%; height: auto;}
	    .three-column .category .post-title{font-size: 14px; margin-bottom: 5px; font-weight: bold;}
	    .three-column .category .post-title a{color: #000;}
	    .three-column .category .post-title a:hover{color: #f33;}
	    .three-column .category .content{float: none; max-width: 100%;}
	

/*-------------------------------------------------------------------------------------------*/
/*- SHOP PAGE -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/	
	
	.products{overflow: hidden; padding-bottom: 3px;}
	.products li{float: left; width: 31.4285714%; margin: 0 2.857142% 40px 0; position: relative;}
	.products li:nth-child(3n+3){margin-right: 0%;}
	.products li:nth-child(3n+4){clear: left;}
	
	.products img{display: block; width: 100%; height: auto; margin-bottom: 10px;}
	.products h3{margin: 0px 0px 5px 0px; font-size: 14px; font-weight: bold;}
	.products h3 a{color: #595959;}
	.products .price{display: block;}
	.products p{padding-bottom: 20px;}
	.products ins{text-decoration: none;}


/*-------------------------------------------------------------------------------------------*/
/*- PRODUCT ITEM PAGE -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	
	.product-header{overflow: hidden; margin-bottom: 30px;}	
	.product-content{float: right; width: 49%;}
	
	.product_title{margin-bottom: 5px; font-size: 18px; color: #000; font-weight: bold;}
	.product-content .price{margin-bottom: 20px; font-size: 16px;}
	
	.single_variation{margin-bottom: 10px;}
	.entry-content p{margin-bottom: 20px;}
	
	.product-content [itemprop="description"]{ margin-bottom: 20px;}
	.product-content .social{float: left;}
	.product-content ins{text-decoration: none;}

	/*----------------------------*/
	/*- PRODUCT SLIDER -----------*/
	.slider{float: left; width: 49%; overflow: hidden; position: relative; border: 1px solid #e0e0e0;}
	.slider .previous{float: left;}
	.slider .next{float: right;}
	.controls{width: 96%; padding: 0px 2%; position: absolute; top: 40%; z-index: 2;}
	
	.gallery-container{width: 99999px; position: relative; z-index: 1; left: 0px;}
	.gallery-container li{display: block; float: left; max-width: 100%; position: relative;}
	.gallery-container li a{display: block; height: auto;}
	.gallery-container img{}
	
	/*----------------------------*/
	/*- BREAD CRUMBS -------------*/
	#crumbs{overflow: hidden; padding: 0px; margin-bottom: 20px; font-size: 11px;}
	#crumbs li{float: left; display: inline; margin-right: 15px; color: #000;}
	#crumbs li a{color: #777; text-decoration: underline;}
	#crumbs li a:hover{text-decoration: none;}
	
	
		
		
	/*----------------------------*/
	/*- BUY NOW BUTTON STATES ----*/	
	.purchase-options-container{display: inline-block; overflow: hidden; background: #f0f0f0; border-radius: 6px;}
	.purchase-options-container .amount{float: left; display: inline-block; padding: 10px; font-weight: 500; font-size: 20px; color: #2e2e2e;}
	.purchase-options-container .select-options{float: left; clear: none; margin-left: 20px;}
	
	.purchase-options-container .button {float: left; padding: 3px 10px; margin: 6px 6px 8px 6px;}
	.purchase-options-container .price {float: left;}
	
	.copy .button, .button, #submit, .submit_button, .submitbutton, .gform_footer input.button {padding: 3px 12px; background: #f2f2f2; border: 1px solid #e1e1e1; border-radius: 100px; color: #595959; font-weight: bold; font-size: 14px;}
	.copy .button:hover, .button:hover, #submit:hover, .submit_button:hover, .search_button:hover, .gform_footer input.button:hover{background-color: #f93942; border-color: #e7242d; color: #fff; cursor: pointer;}
	
	.alt{font-size: 13px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
	
	.select-options{clear: both; display: inline-block; padding: 5px 5px 8px; background: #f0f0f0; border-radius: 6px;}
	.select-options.active{padding-bottom: 3px;  border-radius: 6px 6px 0px 0px;}
	.select-options span{display: block; padding: 3px 10px; background: #CC3C24; border-radius: 3px; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); font-weight: bold; box-shadow: 0px 3px 0px #9C2D1C;}
	.select-options:hover span{background-color: #EE462C;}
	.select-options:active span{box-shadow: inset 0px 1px 0px #9C2D1C; position: relative; top: 3px;}
	
	.product-meta{display: block; margin-bottom: 20px;}
	
	div.product-price{padding: 5px; margin-top: -4px; border-radius: 0px 6px 6px 6px; background: #f0f0f0;}
	.product-price div p{padding: 5px; margin-bottom: 5px; background: #fff; border-radius: 3px;}
	
	.select-options.active + .product-price{display: block;}
	
	.product-price table{width: 100%; background: #fff; border-radius: 3px 3px 0px 0px;}
	.product-price table td{padding: 5px; border-bottom: 1px dotted #ccc;}
	.product-price table td label{font-weight: bold; font-size: 14px;}
	
	
	/*----------------------------*/
	/*- SINGLE PRICE OPTION ------*/
	.product-price .price{padding: 5px; background: #fff; border-bottom: 1px dotted #ccc; border-radius: 3px 3px 0px 0px; overflow: hidden; font-weight: bold;}
	.product-price .price del{color: #c00;}/*-- Regular Price --*/
	.product-price .price ins{color: #009966;} /*-- Sale Price --*/

	.product-content button{padding: 3px 12px; margin: 0px; background: #f2f2f2; border: 1px solid #e1e1e1; border-radius: 100px; color: #595959; font-weight: bold; font-size: 14px; line-height: 22px;}
	.product-content button:hover{background-color: #f93942; color: #fff; border-color: #e7242d;}
	
	
	/*-- IF YOU HAVE VARIATIONS EDIT THE FOLLOWING --*/
	.product-content .cart{padding: 0px !important;}
	.product-content .quantity {margin: 0px 15px 0px 0px !important; padding-top: 0px;}
	
	.variations_button{margin-bottom: 5px;}
	.single_variation + .variations_button{padding: 0px;}
	
	.reset_variations {color: #777; font-size: 11px;}/*-- The small text next to the last variation select box --*/
	
	
	/*-------------------*/
	/*- COPY BLOCK ------*/
	.copy, .entry-content{padding: 0px; margin: 0px 0px 20px;}
	.copy p, .entry-content p{margin-bottom: 20px;}
	.copy ul, .entry-content ul{list-style: disc; margin: 0px 0px 15px 15px;}
	.copy ol, .entry-content ol{list-style: decimal; margin: 0px 0px 15px 18px;}
	.copy ul li, .copy ol li, .entry-content ul li, .entry-content ol li{margin-bottom: 0px;}
	.copy a, .entry-content a{font-weight: bold;}
	.copy a:hover, .entry-content a:hover{color: #000;}
	.copy h1, .entry-content h1{font-size: 28px; font-weight: 400; margin-bottom: 25px;}
	.copy h2, .entry-content h2{font-size: 24px; font-weight: 400; margin-bottom: 25px;}
	.copy h3, .entry-content h3{font-size: 20px; font-weight: 400; margin-bottom: 25px;}
	.copy h4, .entry-content h4{font-size: 16px; font-weight: 400; margin-bottom: 25px;}
	.copy h5, .entry-content h5{font-size: 14px; font-weight: 400; margin-bottom: 20px;}
	.copy blockquote, .entry-content blockquote{padding-left: 15px; margin-left: 0px; font-weight: 500; font-style: italic;}
	.copy pre, .entry-content pre{padding: 15px; margin: 0px 0px 22px; background-color: #f0f0f0; border: 1px solid #dadada;
				white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; overflow-x: auto; overflow-y: auto;
				letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none;
				text-align: left; line-height: 1.3em; color: #000;
				font-size: 12px; font-weight: normal; font-style: normal; font-family: "Courier New", Courier, monospace;}
					
	
/*-------------------------------------------------------------------------------------------*/
/*- BLOG LIST AND BLOG POST PAGES -----------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


	/*----------------------------*/
	/*- BLOG ---------------------*/
	.archive .blog-main-post-container li.post{border-bottom: 1px solid #e0e0e0;}
	.archive .blog-main-post-container .post-image{overflow: hidden;}
	.blog-main-post-container li.post{clear: both; padding-bottom: 30px; margin-bottom: 30px;}	
	.blog-main-post-container li.post img{display: block;}
	.blog-main-post-container .post-image{margin: 0px 0px 20px; display: block;}
	.blog-main-post-container .post-image img{width: 100%; height: auto; margin: 0px; display: block;}
	.blog-main-post-container .post-image iframe{max-height: 395px; margin: 0px; display: block;}
	.blog-main-post-container .post-title-block{padding: 0px; text-align: left;}
	.blog-main-post-container .post-title-block .date{margin-bottom: 20px; color: #595959; font-size: 13px;}
	.blog-main-post-container .post-title-block .date a{font-weight: bold;}

    .copy embed{max-width: 100%;height: auto;}
	
	/*------------------------------*/
	/*- POST PAGE META -------------*/
	.post-meta{padding: 0px;}
	.post-meta li.meta-block{padding-bottom: 0px; margin: 10px 0px 0px; overflow: hidden; font-weight: 600; overflow: hidden;}
	.post-meta li.meta-block a.action-link{float: left;}
	.post-meta li.meta-block a.comment-count{float: right;}
	.post-meta li.meta-block:first-child a.comment-count {color: #999;}

	
	/*------------------------------*/
	/*- POST PAGE META -------------*/
	.post-meta{padding: 0px;}
	.post-meta li.meta-block{padding-bottom: 0px; margin: 10px 0px 0px; overflow: hidden; font-weight: 600; overflow: hidden;}
	.post-meta li.meta-block a.action-link{float: left;}
	.post-meta li.meta-block a.comment-count{float: right;}
		
	
		/*-------------------------*/
		/*- SOCIAL ----------------*/
		ul.social{float: right;}
		ul.social li{float: left; line-height: 14px;}
		a.addthis_default_style{padding: 0px !important;}
		a.addthis_button_tweet{width: 90px;}
		a.addthis_button_facebook_like{width: 85px;}
		a.addthis_button_google_plusone{width: 75px;}
		
		
		/*-------------------------*/
		/*- SHORT URL -------------*/
		.short-url{float: left; height: 20px; font-size: 12px; line-height: 1em;}
		.short-url input[type=text]{width: 150px; padding: 3px 0px 0px; margin: 0px; font-size: 12px; text-align: right; box-shadow: none;}
		.short-url strong {color: #333; margin-right: 15px;}
		.short-url input[type="text"] {width: 160px; padding: 3px 0px 0px; margin: 0px; font-size: 12px; text-align: left; box-shadow: none;}
		.short-url input {background: none; border: none; color: #595959;}
		
		
		/*-------------------------*/
		/*- TAGS ------------------*/
		.tags{float: left; overflow: hidden; font-size: 12px;}
		.tags li{display: inline; margin-right: 5px;}
		.tags a{padding: 3px 5px; background: #F0F0F0; color: #595959; border-radius: 4px;}
		.tags a:hover {background: #CC3C24; color: #fff;}


	/*----------------------------*/
	/*- PAGINATION ---------------*/
	.pagination{float: right; clear: both; display: block; margin-top: 10px; padding-bottom: 30px;}
	.pagination li{float: left;}
	.pagination li.page-count{padding-left: 0px; margin-right: 15px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 600;}
	.pagination .next, .pagination .previous{float: left; display: block; margin: -10px 0px 0px 0px; text-indent: -999px; overflow: hidden;}
	.pagination .next a, .pagination .previous a{display: block; height: 60px; width: 60px;}
	.pagination li.page-count{color: #333;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comments{clear: both; margin-top: 20px; margin-bottom: 50px;}

.comments h3{padding: 0px 0px 10px; margin-bottom: 30px; background: url(images/layout/divider.png) 0px 5px repeat-x; font-size: 14px; font-weight: 600;}
.comments h3 span{background: #fff; padding-right: 10px; font-size: 16px; color: #000;}

.comment-container{font-size: 13px;}
.comment{margin: 0px 0px 20px; position: relative; border-bottom: 1px dotted #e0e0e0;}
.comment-post{margin-left: 12%; margin-bottom: 3.3%;}

.comment-avatar{float: left;}
.comment .date {margin: 0px; position: absolute; top: 0px; right: 0px; margin: 0px; font-size: 11px;}
.comment .comment-name{margin-bottom: 15px; font-weight: bold;}

.reply-to-comment{font-weight: bold;}
.logged-in-as{margin-bottom: 16px; font-weight: bold;}


	/*------------------------*/
	/*- THREADED COMMENTS ----*/
	.threaded-comments{clear: both; padding: 0px; margin: 20px 0px 0px 12%;}
	.threaded-comments li.comment{padding: 20px 0px 0px; border-top: 1px dotted #ccc; border-bottom: none;}
	.threaded-comments li.comment:last-child{border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}
	.threaded-comments li.comment .date{top: 20px;}
	.threaded-comments .comment-avatar{margin-right: 20px;}
	
	.comment-form-content .checkbox{float: left; font-size: 11px; font-weight: bold;}
	.comment-form-content textarea{width: 100%; line-height: 1.6em; color: #676767;}

/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO PAGES -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	
	/*------------------------------*/
	/*- PORTFOLIO CATEGORY LIST ----*/
	.portfolio-category-list{overflow: hidden; margin-bottom: 30px;}
	.portfolio-category-list li{float: left;}
	.portfolio-category-list a{display: block; padding: 0px 10px; margin-right: 10px; background: #f0f0f0; border-radius: 3px; font-size: 11px; font-weight: bold; color: #999;}
	.portfolio-category-list a:hover{background: #CC3C24; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);}


	/*------------------------*/
	/*- PORTFOLIO LIST -------*/
	.portfolio-list ul{overflow: hidden; padding-bottom: 3px;}
	.portfolio-list li{float: left; width: 30%; margin: 0 5% 30px 0; text-align: center;}
	.portfolio-list li:nth-child(3n+3){margin-right: 0%;}
	.portfolio-list li:nth-child(3n+4){clear: left;}
	
		/*------------------------*/
		/*- TWO COLUMN -----------*/
		.two-column.portfolio-list li{float: left; width: 47.5%; margin: 0 5% 30px 0;}
		.two-column.portfolio-list li:nth-child(3n+3){margin-right: 5%;}
		.two-column.portfolio-list li:nth-child(3n+4){float: left;}
		.two-column.portfolio-list li:nth-child(2n+2){margin-right: 0%;}
		.two-column.portfolio-list li:nth-child(2n+4){clear: left;}
		
		/*------------------------*/
		/*- ONE COLUMN -----------*/
		.one-column.portfolio-list li{float: none; width: 100%; margin: 0 5% 30px 0;}
		.one-column.portfolio-list li:nth-child(3n+3){margin-right: 0%;}
		.one-column.portfolio-list li:nth-child(3n+4){clear: left;}
	
	
	
	.portfolio-list .post-image{margin-bottom: 15px;}
	.portfolio-list img{display: block; width: 100%; height: auto; border-radius: 3px;}
	.portfolio-list .post-title{margin: 0px 0px 10px 0px; font-size: 14px; font-weight: bold; line-height: auto;}
	.portfolio-list p{font-size: 12px; margin-bottom: 15px;}
	.portfolio-list .action-link{float: right; margin: -3px 0px 0px 0px;}
	
	
	/*------------------------*/
	/*- PORTFOLIO BROWSING ---*/
	.next-prev-post-nav{clear: both; font-size: 11px; overflow: hidden;}
	.next-prev-post-nav li{float: left;}
	.next-prev-post-nav li:last-child{float: right;}
	.next-prev-post-nav a{display: inline-block; padding: 0px 10px; background: none; border-radius: 3px; font-size: 11px; font-weight: bold; color: #999;}
	.next-prev-post-nav a:hover{background: #CC3C24; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);}
		

/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.widget-list{font-size: 12px;}
ul.widget-list li.widget{padding: 0px 0px 0px; margin-bottom: 30px;}
ul.widget-list li.widget li{border-bottom: 1px dotted #e0e0e0; overflow: hidden;}
ul.widget-list li.widget li a{font-weight: bold;}
ul.widget-list li.widget li:last-child{margin-bottom: 0px; border-bottom: none;}
ul.widget-list li.widget ul li ul.children li{padding-left: 20px;}

ul.widget-list .widgettitle{margin-bottom: 15px; padding-bottom: 0px;}
	

	/*------------------------------------*/
	/*- SEARCH ---------------------------*/
	#searchform{position: relative;}
	.search-form{padding: 0px; color: #777;}
	.search-form form{overflow: hidden; position: relative;}
	.search-form input[type=text]{padding: 6px 10px 6px; margin: 0px; border-radius: 3px; border-color: #e0e0e0; color: #777; font-size: 12px; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.05);}
	.search-form input[type=submit]{position: absolute; display: block; padding: 0px; margin: 0px; top: 5px; right: 5px; width: 30px; height: 16px; background: url(images/layout/sprite.png) 12px -60px no-repeat; text-indent: -99999px; border: none; box-shadow: none; overflow: hidden;}
	
	.search-title{font-size: 24px; color: #000; margin-bottom: 30px; font-weight: bold;}


	/*------------------------------------*/
	/*- POPULAR/RECENT COMMENTS ----------*/
	.widget_recent_comments li{padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;}
	.widget_recent_comments li a{display: block; font-weight: 600; font-style: normal;}
	
	
	/*------------------------------------*/
	/*- POPULAR/RECENT POSTS -------------*/
	.widget_popular_posts li{padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; background: url(images/layout/sprite.png) -486px -180px no-repeat; overflow: hidden;}
	.widget_popular_posts li a{display: block; font-weight: 600;}
	.widget_popular_posts li h5{margin: 0px; line-height: 1em;}
	.widget_popular_posts .post-images{float: left; margin: 0px 15px 0px 0px;}
	.widget_popular_posts .post-images img{width: 40px; height: auto;}
		
		
	/*------------------------------------*/
	/*- LATEST VIDEO LIST ----------------*/
	.latest-videos{overflow: hidden;}
	.latest-videos .widgettitle{margin-bottom: 0px;}
	.latest-videos .content{width: 900px; position: relative; overflow: hidden;}
	.latest-videos div[id^='video_widget_']{float: left; display: inline; width: 280px; margin: 0px 20px 0px 0px; overflow: hidden;}
	.latest-videos li{margin-bottom: 0px !important; padding-bottom: 0px !important;}
	.latest-videos .pagination{padding: 10px; overflow: hidden;}
	.latest-videos .pagination li{float: left;}
	.latest-videos .pagination li, .latest-videos .pagination li a{margin: 0px !important; padding: 0px !important;}
	.latest-videos .pagination .video-title{width: 134px; margin-left: 5px !important; font-size: 12px; font-weight: 600;}
	.latest-videos .pagination .video-title a{display: none;}
	.latest-videos .pagination .show-title a{display: block;}
	
	/*------------------------------------*/
	/*- TWITTER --------------------------*/
	.chirp span a{display: inline; font-size: 14px; font-weight: normal;}
	.chirp span.meta{height: 40px; display: block; font-size: 11px; }
	.chirp span.meta a{font-size: 11px;}
	.chirp p{margin-bottom: 5px;}
	.chirp a{font-weight: 600; font-size: 11px; font-style: normal;}

	
	/*------------------------------------*/
	/*- ADVERTS --------------------------*/
	ul.widget-list li.widget li.advert{text-align: center; padding: 10px; margin: 0px;}
	ul.widget-list li.widget .advert a{display: block; margin: auto;}
	
	/*------------------------------------*/
	/*- CATGORIES WIDGET -----------------*/
	.widget_categories ul li{border: none !important; padding: 0px 0px 3px 0px !important;}
	
	
	/*------------------------------------*/
	/*- WP CALENDAR  ---------------------*/
	#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 100%;}
	#wp-calendar a {display: block; text-decoration: none; font-weight: bold;}
	#wp-calendar a:hover {text-decoration: underline; }
	#wp-calendar caption {text-decoration: none; font: bold 13px Arial, Sans-Serif;}
	#wp-calendar td {padding: 3px 5px; color: #9f9f9f; }
	#wp-calendar td#today {color: #111; }
	#wp-calendar th {font-style: normal;text-transform: capitalize;padding: 3px 5px;}
	#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
	#wp-calendar #next a {padding-right: 10px; text-align: right;}
	#wp-calendar #prev a {padding-left: 10px; text-align: left;}
	
	/*------------------------------------*/
	/*- CONTACT WIDGET  ------------------*/
	.phone-icon{background: url(images/layout/sprite.png) 0px -115px no-repeat; padding-left: 20px;}
	.email-icon{background: url(images/layout/sprite.png) 0px -83px no-repeat; padding-left: 20px;}
	
	/*------------------------------------*/
	/*- RECENT POSTS WIDGET  -------------*/
	.widget_recent_entries li{padding: 5px 0px;}
	
	/*------------------------------------*/
	/*- META WIDGET  ---------------------*/
	.widget_meta li{padding: 5px 0px;}
	
/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.archives{padding: 40px;}
ul.archives_list{width: auto; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
ul.archives_list li{height: 110px; padding: 20px 0px; margin: 0px;}
	.archives_list li .archive-post-image{float: left; width: 150px; height: 98px; padding: 5px; margin-right: 20px; position: relative; overflow: visible;}
	.archives_list li .archive-post-image a{display: block; width: 150px; height: 98px; overflow: hidden;}
	.archives_list li .archive-post-image img{display: block; position: relative; max-width:150px; height: auto;}
	.archives_list li a{font-weight: 600; font-size: 15px;}
	.archives_list li .comment-count{margin-left: 20px; font-weight: lighter; font-size: 11px;}
	.archives_list li .archive-post-image a.jp-video-play-icon {background: url(ocmx/images/jplayer/smallarrow.png) no-repeat; position: absolute; top: 36%; left: 30%;}
	
	.archives_list .date{display: block; margin-right: 20px; font-size: 10px; text-transform: uppercase;}
	ul.archives_list .date sup{position: relative; top: -3px; text-transform: lowercase; font-size: 8px;}
	ul.archives_list .label{float: right; display: inline-block;}
	ul.archives_list .label a{font-weight: lighter; font-size: 11px;}

.archives_list li:first-child{padding-top: 0px;}
.archives_list li:last-child{margin-bottom: 0px;}
.archives ul.pagination{float: right;}

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
			
			
	/*-------------------------------------------*/
	/*- FOOTER ITEMS ----------------------------*/
	#footer{font-size: 13px; overflow: hidden; color: #8c8c8c;}
	#footer h4{margin-bottom: 30px; font-weight: 600; font-size: 14px; color: #000;}
	#footer h4 a{color: #000;}
	
	
	/*----------------------------*/
	/*- WIDGET BLOCK --------------*/
	.footer-widgets{clear: both; font-size: 12px; overflow: hidden;}
	.footer-widgets li.column{clear: none; float: left; width: 21%; margin: 0 5% 0 0;}
	.footer-widgets li.column:last-child{margin-right: 0;}
	.footer-widgets li.column .widgettitle{padding: 0px; margin-bottom: 0px; background: none; font-size: 12px;}
	.footer-widgets li.column li{padding-bottom: 0px;}
	.footer-widgets .widgettitle span{background: none;}
	
	.footer-text{clear: both; margin-top: 30px; padding-top: 15px; border-top: 2px solid #e0e0e0; color: #999; font-size: 11px; overflow: hidden;}
	.footer-text p{float: left;}
	.footer-text a{color: #999;}
	.copyright{float: left; color: #999}
	.obox-credit{float: right;}
	
	/*--------------------------------------------*/
	/*- FOOTER CATEGORY MENU ---------------------*/
	ul#footer-nav{margin-bottom: 10px; font-weight: bold; font-size: 12px; overflow: hidden;}
	ul#footer-nav li{float: left;}
	ul#footer-nav li ul, ul#footer-nav li ul li{display: none !important;}
	ul#footer-nav li a{display: block; padding: 0px; margin: 0px 10px 0px 0px; text-decoration: none; font-weight: normal;}
	ul#footer-nav li a:hover{color: #000;}
	ul#footer-nav li:first-child a{padding-left: 0px;}
	

/*-------------------------------------------------------------------------------------------*/
/*- PLUGINS ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/	
	.gform_wrapper .medium {padding: 6px;}
	.gform_wrapper .gform_footer {padding: 0px !important;}