/*
Theme Name: Gigawatt
Design Studio: Obox Design http://www.oboxthemes.com/
Version: 1.0.0
Color Option: Dark
Author: Obox Design
Author URI: http://www.oboxthemes.com/

*-----------------------------*
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(responsive.css);

/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{color: #999;}
textarea, input{color: #595959;}

a{color: #999;}
a:hover{color: #fff;}

input[type=text]{background: #fafafa;}
textarea{background: #fafafa; color: #595959;}
input[type=button], input[type=submit]{background: #8b8b8b; color: #fff;}
input[type=button]:hover, input[type=submit]:hover{background: #000;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMON ELEMENTS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.post-title a{color: #999;}
.post-title a:hover{color: #fff;}

.section-title{color: #999;}
.section-title span{color: #ccc;}

/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- LOGO -------------------*/
	.logo h1 a{color: #fff;}

	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#nav li{background: url(layout/nav-bullet.png) right no-repeat;}
	ul#nav li a{color: #999;}
	ul#nav li:nth-last-child(1) {background: none;}
	ul#nav li a:hover, .current-menu-item a {border-bottom: 4px solid #b79a82; color: #fff;}

	/*--------------------------*/
	/*- SUB MENU ---------------*/
	ul#nav ul.sub-menu{background: #fff;}

	ul#nav ul.sub-menu li{border-bottom: 4px solid #d4d4d1; background: transparent;}
	ul#nav ul.sub-menu li a{color: #979694; border-top: none; border-bottom: 0px!important;}
	ul#nav ul.sub-menu li a:hover, ul#nav ul.sub-menu .current-menu-item {background: #fff; color: #895931; border: none;}
	.current-menu-item a {border-bottom: 0 !important;}


/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE STYLING -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*---------------------*/
	/*- SLIDER DOTS -------*/
	.slider-dots .dot{background: url(layout/sprite.png) -0px -0px no-repeat;}
	.slider-dots .dot:hover, .slider-dots .dot-selected{background-position: -44px -0px;}

	/*----------------------------*/
	/*- FOUR COLUMN LIST ---------*/
	.four-column .dater {color: #9f9f9f;}


	/*----------------------------*/
	/*- PAGINATION ---------------*/
	.pagination .next a, .pagination .previous a{background: #333 url(../../images/layout/sprite.png) no-repeat;}
	.pagination .previous a{background-position: 12px -101px;}
	.pagination .next a{background-position: -28px -101px;}
	.pagination .previous a:hover, .pagination .next a:hover{background-color: #895931;}


	/*------------------------------*/
	/*- WIDGET BLOCK ---------------*/
	#widget-block .widget_text h4, #widget-block .widget_categories h4 {color: #999;}


/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*------------------------------*/
	/*- POST PAGE META -------------*/
	.post-meta{color: #878787;}
	.post-meta .post-author {border-bottom: 4px solid #333;}
	.post-meta .post-author h4 {color: #999;}
	.post-meta .post-date {border-bottom: 4px solid #333;}
	.post-meta .post-related {border-bottom: 4px solid #333;}
	.post-meta li span {color: #ccc;}
	
	/*-------------------------*/
	/*- SHORT URL -------------*/
	.short-url strong{color: #4A4A4A;}
	.short-url input{color: #895931; background: none;}

	/*-----------------------------*/
	/*- NEXT - PREV POST NAV ------*/
	.next-prev-post-nav{border-bottom: 1px solid #ccc;}

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comments .section-title{border-bottom: 4px solid #333;}

	li.comment{border-bottom: 4px solid #333;}
	.comment-avatar{border: 2px solid #828282;}
	.comment h5.date{color: #7d7d7d;}
	.comment h4.comment-name{color: #999;}
	.comment h4.comment-name a{color: #999;}
	.comment h4.comment-name a:hover{color: #fff;}
	.comment-form-content .section-title {color: #7d7d7d;}
	.comment_form {background: url(layout/comment-bg.png) repeat-y;}

	/*------------------------*/
	/*- THREADED COMMENTS ----*/
	.threaded-comments{border-top: 4px solid #333;}

/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	.portfolio #category-column{border-bottom: 4px solid #333; color: #999;}

	/*------------------------------*/
	/*- CATEGORY COLUMN ----------------*/
	.portfolio #category-column h4{color: #999;}
	.portfolio #category-column ul li a.selected{color: #fff;}

/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO SUB PAGE ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*------------------------------*/
	/*- LEFT COLUMN ----------------*/
	.portfolio #portfolio-left h4{color: #4a4a4a;}
	#portfolio-content h4 a{color: #777;}
	#portfolio-content h4 a:hover{color: #fff;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#right-column .widget-list .widget{border-bottom: 4px solid #333;}
#right-column .widget-list .widget a{color: #999;}
#right-column .widget-list .widget a:hover{color: #fff;}
h4.widgettitle{color: #999;}

	/*------------------------------------*/
	/*- SEARCH ---------------------------*/
	.search-form input[type=text]{background: url(layout/social-bg.png) repeat; color: #000;}
	.search-form input[type=submit]{background: url(layout/search-bg.png) no-repeat;}

	/*------------------------------------*/
	/*- SOCIAL ---------------------------*/
	.widget_ocmx_social_widget {background: url(layout/social-bg.png) no-repeat;}
	.widget_ocmx_social_widget h4 {color: #000;}
	 ul.social-bookmarks li a{display: block; width: 38px; height: 38px; background: url(layout/social-icons/social-set.png) no-repeat; text-indent: -9999px; overflow: hidden;}

	/*------------------------------------*/
	/*- POPULAR/RECENT COMMENTS ----------*/
	.widget_recent_comments li a{color: #333;}

	/*------------------------------------*/
	/*- TWITTER --------------------------*/
	ul#twitter_update_list li a{color: #999;}
	ul#twitter_update_list li a:hover {color: #fff;}

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*-------------------------------------------*/
	/*- FOOTER ITEMS ----------------------------*/
	ul#footer-nav li a {color: #b1b1b1;}

	/*-------------------------------------------*/
	/*- FOOTER ITEMS ----------------------------*/
	#footer {border-top: 4px solid #333;}
	#footer h4{color: #999;}
	#footer a{color: #777;}
	#footer a:hover{color: #fff;}
	.footer-text{border-top: 4px solid #333; color: #babab2;}


/*-------------------------------------------------------------------------------------------*/
/*- ECOMMERCE ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*-------------------------------------------*/
	/*- SLIDER -----------------------------------*/
	.overlay h3 a{color: #d23d46;}
	.overlay h3 a:hover{color: #333;}

	/*-------------------------------------------*/
	/*- DEMO STORE -----------------------------*/
	p.demo_store{background: rgba(255, 255, 255, 0.1); padding: 10px 0px; margin: 0 -20px; text-align: center; text-transform: uppercase; font-size: 14px; color: #b1b1b1; line-height: 20px;}

	/*------------------------------*/
	/*- BUTTONS --------------------*/
	.button{background: #8b8b8b; color: #fff;}
	.button:hover{background: #000; color: #fff;}	
	.checkout-button{background: #8b8b8b; color: #fff;}
	.checkout-button:hover{background: #000; color: #fff;}

	#right-column .widget-list .button{background: #8b8b8b; color: #fff !important;}
	#right-column .widget-list .button:hover{background: #000; color: #fff;}

	/*-------------------------------------------*/
	/*- PRODUCT LIST ----------------------------*/
	.products li a{color: #ccc;}
	.products li a:hover{color: #fff;}


	/*-------------------------------------------*/
	/*- PRODUCT PAGE ----------------------------*/
	.purchase-options-container{background: rgba(255, 255, 255, 0.1);}
	.purchase-options-container .amount{color: #fff;}

	/*-------------------------------------------*/
	/*- BREADCRUMBS ----------------------------*/
	#crumbs li a, #crumbs li span{padding: 3px 6px; background: #333; border-radius: 6px; color: #fff;}
	#crumbs li a:hover{background: #eee; color: #333;}


	/*-------------------------------------------*/
	/*- CART ------------------------------------*/
	.shop_table th{background: rgba(255, 255, 255, 0.1); border-top: none; color: #ccc;}
	table.shop_table td, table.cart td, table.shop_table th, table.cart th, .cart_totals table td, .cart_totals table th{border-right: 1px solid #333;}
	.shop_table td{border-top: 1px solid #333;}
	table.shop_table, table.cart, .cart_totals table{border: 1px solid #333;}

	.cart-collaterals .shipping_calculator{background: rgba(255, 255, 255, 0.1);}


	/*-------------------------------------------*/
	/*- CHECKOUT --------------------------------*/
	.form-row label{color: #ccc;}
	.col2-set .col-1, .col2-set .col-2{background: rgba(255, 255, 255, 0.1);}


	/*--------------------------*/
	/*- PRICE FILTER -------------*/
	.widget_price_filter .price_slider_wrapper .ui-widget-content{background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#666)); background: -webkit-linear-gradient(#333, #666); background: -moz-linear-gradient(center top, #333 0%, #666 100%); background: -moz-gradient(center top, #333 0%, #666 100%);}
	
	.widget_price_filter .ui-slider .ui-slider-range{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAFUlEQVQIHWP4//9/PRMDA8NzEPEMADLLBU76a5idAAAAAElFTkSuQmCC) top repeat-x #1982D1; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);}
	
	.widget_price_filter .ui-slider .ui-slider-handle{border: 1px solid #333; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),inset 0 0 0 1px rgba(255, 255, 255, 0.65); background: white; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#BBB)); background: -webkit-linear-gradient(white, #BBB); background: -moz-linear-gradient(center top, white 0%, #BBB 100%); background: -moz-gradient(center top, white 0%, #BBB 100%);}
	
	.widget_price_filter .ui-state-default, .widget_price_filter .ui-widget-content .ui-state-default, .widget_price_filter .ui-widget-header .ui-state-default{background: #e6e6e6; border: 1px solid lightGrey; color: #555; border-image: initial;}