/*
Theme Name: Gigawatt
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.1.4
Author: Obox Design
Author URI: http://www.obox-design.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(reset.css);
@import url(clearfix.css);


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; font-size: 14px; font-family: 'Cabin',arial,serif; line-height: 1.6em;}

h1, h2, h3, h4, h5, h6{font-family: 'Cabin',arial,serif;}

p{margin-bottom: 16px; font-size: 16px; line-height: 26px;}
textarea, input{padding: 6px; font-family: 'Cabin',arial,serif; font-size: 13px;}
	
input[type=text]{width: 348px; height: 18px; border: none;}
textarea{width: 490px; height: 200px; border: none;}
input[type=button], input[type=submit]{width: 220px; height: 45px; font-weight: 600; cursor: pointer; border: none; font-size: 16px; text-transform: uppercase;}

a{text-decoration: none;}
strong{font-weight: bold;}
em{font-style: italic;}

/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#header-container{padding: 40px 0px 0px;}
#header{width: 940px; padding-bottom: 0px; margin: 0px auto 42px;}
	
#content-container{width: 940px; margin: auto; padding-bottom: 30px;}

#left-column{float: left; width: 550px; margin-top: 29px;}
#right-column{float: right; width: 310px; margin-top: 27px;}

#full-width{width: 940px; margin: auto;}

#footer-container{padding: 30px 0px; overflow: hidden;}
#footer{width: 940px; margin: auto;}
	
	
/*-------------------------------------------------------------------------------------------*/
/*- COMMON ELEMENTS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.alignleft{float: left; margin: 10px 20px 10px 0px !important;}
.alignright{float: right; margin: 10px 0px 10px 20px !important;}
.aligncenter{text-align: center !important; margin: 0px 0px 10px 0px !important;}

.wp-caption{padding: 5px; width: auto !important;}
.wp-caption img{display: block; margin-bottom: 5px; padding: 0px;}
.wp-caption p.wp-caption-text{clear: both; text-align: center; margin: 0px; padding: 0px; font-style: italic; font-size: 12px !important;}

h5.date{font-size: 11px;}

.post-title{margin-bottom: 11px; font-size: 35px; font-weight: bold; line-height: 1.3em; text-transform: uppercase;}
.section-title{font-size: 35px; margin-bottom: 20px; font-weight: bold; line-height: 1.3em; text-transform: uppercase;}

a.action-link{font-weight: bold;}


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

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{margin: 0 auto 30px; text-align: center;}
	.logo h1{display: block; text-align: center;} 
	.logo img{}			

	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#nav{float: left; font-family: 'Cabin', arial, serif; position: relative; z-index: 99; }
	ul#nav li{float: left; position: relative; padding: 0px 44px 0px 0px; margin: 0px 0px 0px 44px;}
	ul#nav li a{height: 22px; display: block; font-weight: bold; font-size: 22px; text-transform: uppercase;}
	ul#nav li a:hover, .current-menu-item a {margin-bottom: -4px; }		
	
	ul#nav li:nth-last-child(1) {padding: 0px;}

		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul#nav ul.sub-menu{display: none; position: absolute; top: 25px; left: 0px; z-index: 2; width: 170px; }
		ul#nav li:last-child ul.sub-menu{left: 0px; right: 0px;}
		ul#nav ul.sub-menu ul{left: 0px; top: 0px;}
		ul#nav li:last-child ul.sub-menu ul{left: auto; right: 162px; top: 0px;}

		ul#nav ul.sub-menu li{width:110px; margin: 0px; padding: 10px 30px;}
		ul#nav ul.sub-menu li a{display: block; padding: 0px; margin: 0px; font-size: 14px; font-weight: normal; line-height: 1.5em; border-top: none; text-transform: none; border-bottom: 0px!important;}
		ul#nav ul.sub-menu li a:hover, ul#nav ul.sub-menu .current-menu-item {border: none;}
		.current-menu-item a {border-bottom: 0 !important;}
			


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

	/*-------------------------------------------*/
	/*- SLIDER ----------------------------------*/
	.slider{width: 940px; margin-bottom: 30px; overflow: hidden; position: relative;}
		
		/*---------------------*/
		/*- SLIDER IMAGES -----*/
		.gallery-container{width: 9999px; height: 360px; position: relative; z-index: 1;}
		.gallery-container li{display: block; width: 940px; float: left;}
		.gallery-image img{display: block; margin: auto; width: auto;}
			
		
		/*---------------------*/
		/*- SLIDER BUTTONS ----*/
		.slider .next, .slider .previous{display: none;}		
		
		/*---------------------*/
		/*- SLIDER DOTS -------*/
		.slider-dots{clear: both; width: 940px; height: 22px; margin: 0px auto; position: relative; top: -37px; z-index: 3; overflow: hidden; text-align: center;}
		.slider-dots .dot{display: inline-block; width: 22px; height: 22px; margin: 0px 2px; overflow: hidden; text-indent: -9999px;}
			
			
		/*---------------------*/
		/*- SLIDER COPY -------*/
		.slider .copy{padding: 0px; font-size: 15px; border: none; margin-left: 0px;}
		.slider .copy ul{list-style: none; margin: 0px; padding: 0px;}
		.slider .post-title{font-size: 25px; font-weight: 200;}
		.slider .copy p{width: 600px;}
	

	/*----------------------------*/
	/*- FOUR COLUMN LIST ---------*/
	.four-column{float: left; width: 950px; clear: both;}
	.four-column li{float: left; width: 220px; margin: 0px 20px 40px 0px; text-align: center;}
	.four-column li:nth-child(4n+4){margin-right: 0px;}
	.four-column li:nth-child(4n+5){clear: left;}
	.four-column .post-image{margin-bottom: 12px;}
	.four-column .post-title{margin-bottom: 5px; font-size: 16px; font-weight: 600; text-align: center; text-transform: uppercase;}
	.four-column .date {font-size: 14px; font-weight: normal;}
		
	
	/*----------------------------*/
	/*- TWO COLUMN ---------------*/
	.two-column{padding-bottom: 10px; margin-bottom: 30px;}
	.two-column li.column{float: left; width: 460px; margin-right: 20px;}
	.two-column li.column:last-child{margin-right: 0px;}
	.two-column .post-image{margin-bottom: 20px;}
	.two-column .post-title{margin-bottom: 10px; font-size: 13px; font-weight: 600;}
				
	
	/*----------------------------*/
	/*- ONE COLUMN LARGE ---------*/
	.blog-main-post-container li.post{padding-bottom: 20px; margin-bottom: 40px;}
	.blog-main-post-container .post-image{margin-bottom: 20px;}
	.blog-main-post-container .post-image img{display: block;}
	.blog-main-post-container .post-title{margin: 0px 0px 20px;}
	.blog-main-post-container .date{margin-bottom: 5px;}


	/*----------------------------*/
	/*- FEATURE QUOTE ------------*/
	.featured-quote{padding: 60px 0px 30px; text-align: center;}
	.featured-quote blockquote{line-height: 1.3em; font-size: 24px; font-style: italic; font-family: 'Cabin',arial,serif;}
	.featured-quote cite{font-weight: 600; font-size: 12px;}
	
			
	/*----------------------------*/
	/*- PAGINATION ---------------*/
	.pagination{clear: both;}
	.pagination li{float: left;}
	.pagination li.page-count{margin-right: 15px; font-size: 13px; font-weight: 600;}
	.pagination .next a, .pagination .previous a{float: left; display: block; width: 30px; height: 19px; text-indent: -999px; margin: 0px 1px 20px 0px; text-indent: -999px; overflow: hidden;}
		
		
	/*------------------------------*/
	/*- WIDGET BLOCK ---------------*/	
	#widget-block .widget_text {float: left; width: 460px;}
	#widget-block .widget_categories {float: left; width: 460px;}
	#widget-block .widget_text h4, #widget-block .widget_categories h4 {padding: 0; margin: 0px 0px 13px; font-size: 20px; font-weight: bold; text-transform: uppercase;}
	
	

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

	
	/*------------------------------*/
	/*- POST CONTENT ---------------*/
	.post-content .post-image{margin-bottom: 20px;}
	.post-content .post-title{margin-bottom: 20px;}
	.post-content .copy{padding-bottom: 20px; font-size: 16px; line-height: 26px;}
	
		/*------------------------------*/
		/*- POST PAGE META -------------*/
		.post-meta{float: left; margin: 12px 0px 28px 0px; font-size: 14px;}
		.post-meta li{width: 205px; padding: 25px 0px 26px 105px; position: relative;} 
		.post-meta li:first-child{padding-top: 0px;}
		
		/*-------------------*/
		/*- POST AUTHOR -------*/
		.post-meta .post-author {width: 310px; padding: 28px 0px 20px 0px;}
		.post-meta .post-author span {top: 16px; left: 80px; font-size: 20px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase;}
		.post-meta .post-author .author-desc {margin-top: 20px;}
		
		/*-------------------*/
		/*- POST TAGS -------*/
		.post-meta .post-tags {padding: 0px 0px 28px 105px;}
		.post-meta .post-tags span {top: 0px;}
		.post-meta .post-related {padding: 0px 0px 28px 105px;}
		.post-meta .post-related span {top: 0px;}	
			
		/*-----------------------*/
		/*- IN POST PAGINATION --*/
		.post-meta .previous-post {padding: 0px 0px 0px 105px;}
		.post-meta .previous-post span {top: 0px;}
		.post-meta .next-post {padding: 0px 0px 28px 105px;}
		.post-meta .next-post span {top: 0px;}
		
		.post-meta li span {position: absolute; top: 28px; left: 0px; letter-spacing: 0.6px; font-size: 14px; font-weight: bold;}
					
		.post-meta li.related-posts	{margin: 0px; padding: 0px;}
		
		/*-------------------*/
		/*- SHORT URL -------*/
		.post-meta .short-url {padding: 28px 0px 0px 105px}
		.short-url strong{text-transform: uppercase;}
		.short-url input{width: 100px; padding: 0px; border: none; font-size: 11px;}	

		/*-------------------*/
		/*- SOCIAL ----------*/
		.post-meta li.social{height: 16px; margin-top: 3px;}
		
		
	/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
	.copy ul{list-style: disc; margin: 0px 0px 15px 18px; line-height: 22px;}
	.copy ol{list-style: decimal; margin: 0px 0px 15px 18px; line-height: 22px;}
	.copy ul li, .copy ol li{margin-bottom: 0px;}
	.copy code, .copy pre{}
	.copy img{display: block;}
	.copy h2{font-size: 22px; font-weight: 600; font-weight: lighter; margin-bottom: 15px;}
	.copy h3{font-size: 16px; font-weight: 600; margin-bottom: 15px;}
	.copy h4{font-size: 14px; font-weight: 600; margin-bottom: 15px;}
	.copy h5{font-size: 12px; font-weight: 600; margin-bottom: 10px;}
	.copy blockquote{padding-left: 15px; margin-left: 0px; font-style: italic;}

	
	/*------------------------------------*/
	/*- POST PAGE WP GALLERY -------------*/
	.copy .gallery{margin-bottom: 30px !important; overflow: hidden;}
	dt.gallery-icon img{margin-bottom: 3px;}


	/*-----------------------------*/
	/*- NEXT - PREV POST NAV ------*/
	.next-prev-post-nav{padding: 10px 0px;margin-left: 160px; overflow: hidden; font-size: 12px; text-transform: uppercase;}
	.portfolio .next-prev-post-nav{margin-left: 0px; border-bottom: none;}
	.next-prev-post-nav li{clear: none; float: right; margin: 0px; padding: 0px;}
	.next-prev-post-nav li:first-child{float: left;}
	

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comments{clear: both; width: 550px; position: relative;}
.comments .section-title{padding-bottom: 20px; margin: 0px 0px 20px; font-weight: bold; font-size: 20px; text-transform: uppercase;}

ul.comment-container{font-size: 13px;}
li.comment{margin-bottom: 40px; position: relative;}
	
	.comment-post {float: left; width: 460px; padding-bottom: 9px; position: relative; font-size: 14px;}		
	.comment-avatar{float: left; margin-right: 45px;}			
	.comment-form-content h3 {margin-bottom: 16px; display: block; background: url(images/layout/comment-arrow.png) 117px 8px no-repeat; font-weight: 100;}
	.comment h5.date{margin-bottom: 20px; font-size: 14px;}				
	.comment h4.comment-name{margin-bottom: 5px; font-size: 20px; font-weight: bold; text-transform: uppercase;}
	
	.reply-to-comment{position: absolute; top: 0px; right: 0px; font-weight: bold;}
	.comment-form-content .section-title {border: none; padding-bottom: 0px; text-transform: none; font-size: 14px; font-weight: normal;}
	.comment_form {width: 500px; padding: 20px; margin-bottom: 30px;}
	.comment_form p {margin-bottom: 20px;}
	
	.comment_form input {width: 228px; color: #7d7d7d; padding-left: 120px; font-size: 14px; }
	.comment-form-content p {position: relative;}
	.comment-form-content span {position: absolute; top: 3px; left: 15px; font-size: 14px; font-weight: bold; color: #000;}
	.comment_form .submit_button {width: 220px; height: 45px; padding: 0px; font-weight: 600; cursor: pointer; border: none; font-size: 16px; text-transform: uppercase;}

	/*------------------------*/
	/*- THREADED COMMENTS ----*/
	.threaded-comments{padding: 25px 0px 0px 80px; margin-top: 20px; clear: both;}
	.threaded-comments li.comment:last-child{border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}
	.threaded-comments .comment-post {width: 389px;}
	
	
/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	.portfolio #category-column{clear:both; width: 940px; padding-bottom: 10px; margin-bottom: 20px;}
	.portfolio #content-column{clear:both; width: 940px;}
	
	#portfolio-content h4 {font-size: 20px; text-transform: uppercase; font-weight: 800; color: #4A4A4A;}	
		#portfolio-content h4 a {color: #4A4A4A;}
	
	/*------------------------------*/
	/*- CATEGORY COLUMN ----------------*/
	.portfolio #category-column h4{margin-bottom: 10px; font-weight: bold; font-size: 24px;}
	.portfolio #category-column ul li{padding-right: 35px; float: left;}
	.portfolio #category-column ul li a{display: block;}
	.portfolio #category-column ul li a.selected{font-weight: bold;}

	/*------------------------------*/
	/*- CONTENT COLUMN ---------------*/
	.portfolio .post-title{font-size: 13px; font-weight: 600; margin-bottom: 20px;}
	.portfolio-list{overflow: hidden; border-bottom: none; margin-bottom: 0px;}
	.portfolio-list li h4{margin: 0px; padding: 0px; font-weight: bold;}
	
		/*------------------------*/
		/*- FOUR COLUMN ---------*/
		.portfolio-list.four-column li{float: left; width: 220px; margin: 0px 20px 20px 0px; text-align: left;}
		.portfolio-list.four-column li a.portfolio-image{display: block; width: 220px; margin-bottom: 10px; overflow: hidden;}
		.portfolio-list.four-column li:nth-child(4n+4){margin: 0px;}
		.portfolio-list.four-column li:nth-child(4n+5){clear: left;}
		
		/*------------------------*/
		/*- THREE COLUMN ---------*/
		.portfolio-list.three-column li{float: left; width: 300px; margin: 0px 20px 20px 0px;}
		.portfolio-list.three-column li a.portfolio-image{display: block; width: 300px; margin-bottom: 10px; overflow: hidden;}
		.portfolio-list.three-column li:nth-child(3n+3){margin: 0px;}
		.portfolio-list.three-column li:nth-child(3n+4){clear: left;}
		
		/*------------------------*/
		/*- TWO COLUMN -----------*/
		.portfolio-list.two-column li{float: left; width: 460px; margin: 0px 20px 20px 0px;}
		.portfolio-list.two-column li a.portfolio-image{display: block; width: 460px; margin-bottom: 10px; overflow: hidden;}
		.portfolio-list.two-column li:nth-child(2n+2){margin: 0px;}
		
		/*------------------------*/
		/*- ONE COLUMN -----------*/
		.portfolio-list.one-column  li{clear:both; margin: 0px 0px 20px 0px;}
		.portfolio-list.one-column  li a.portfolio-image{display: block; margin-bottom: 10px; overflow: hidden;}
		
		
/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO SUB PAGE ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*------------------------------*/
	/*- LEFT COLUMN ----------------*/
	.portfolio #portfolio-content {float: left; width: 200px;}
	.portfolio #portfolio-left h4{margin-bottom: 10px; font-weight: bold; font-size: 24px;}
	.portfolio #portfolio-left ul li{padding-right: 10px; float: left;}
	.portfolio #portfolio-left ul li a{display: block;}

	/*------------------------------*/
	/*- RIGHT COLUMN ---------------*/
	.portfolio #portfolio-image {float: right; width: 700px;}
	.portfolio .post-title{font-size: 13px; font-weight: 600; margin-bottom: 20px;}
	
	.portfolio-item{overflow: hidden; border-bottom: none; margin-bottom: 0px;}
	.portfolio-item li{clear:both; margin: 0px 0px 20px 0px;}
	.portfolio-item li a.portfolio-image{display: block; margin-bottom: 10px; overflow: hidden;}
	

/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.archives{padding: 40px;}
.archives_list{width: 940px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

.archives_list .boxy {width: 200px; padding: 10px; margin-right: 10px; margin-bottom: 10px; background: url(images/layout/archive-bg.png) repeat-y;}
.archives_list .boxy:hover {cursor: pointer;}	
.archives_list .boxy .post-title { font-size: 14px; float: left; width: 200px;}
.archives_list .boxy .date {float: left; width: 200px; margin: 5px 0px; font-size: 12px; font-family: 'Cabin',arial,serif;}	
.boxy .label, .boxy .date {font-size: 11px;}


/*-------------------------------------------------------------------------------------------*/
/*- ERROR 404 -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/	
.error404 h3.section-title {margin-bottom: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- ADVERTS ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.widget-list li.widget .advert{float:left; padding: 0px 7px 8px; margin: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
ul.widget-list{clear:both; font-size: 13px;}
ul.widget-list li.widget{margin-bottom: 30px;}
ul.widget-list li.widget .content{}
ul.widget-list li.widget li{padding-bottom: 6px; margin-bottom: 6px; }
ul.widget-list li.widget li:last-child{margin-bottom: 10px;}
ul.widget-list li.widget a{font-weight: 600;}

h4.widgettitle{font-size: 20px; text-transform: uppercase; font-weight: bold; padding: 0px 0px 10px; margin: 0px 0px 10px;}
.home-sidebar ul.widget-list li.widget {border: 0px!important;}

	/*------------------------------------*/
	/*- SEARCH ---------------------------*/
	.widget-list .search-form {float: left; width: 460px;}
	.search-form{overflow: hidden;}
	.search-form input[type=text]{float: left; width: 294px; height: 30px; padding: 15px 6px 15px 20px; border-radius: 0px; line-height: 30px; font-size: 16px; font-family: 'Cabin',arial,serif; font-weight: bold;}
	.search-form input[type=submit]{float: left; width: 140px; height: 60px; padding: 0; border-radius: 0px; font-size: 16px; text-transform: uppercase; font-family: 'Cabin',arial,serif;}

	
	/*------------------------------------*/
	/*- SOCIAL ---------------------------*/
	.widget_ocmx_social_widget {float: right; width: 411px; height: 50px; padding: 10px 25px 0px;}
	.widget_ocmx_social_widget h4 {float: left; margin: 8px 30px 0px 0px; font-family: 'Cabin',arial,serif; font-size: 16px; }
	ul.social-bookmarks li{float: left; margin: 0px 20px 10px 0px !important; padding: 0px  !important; border: none !important; list-style: none !important;}
	ul.social-bookmarks li a{display: block; width: 38px; height: 38px; text-indent: -9999px; overflow: hidden;}


	/*------------------------------------*/
	/*- POPULAR/RECENT COMMENTS ----------*/
	.widget_recent_comments li a{display: block; font-family: 'Cabin',arial,serif;  font-size: 11px; font-style: italic;}
	
	
	/*------------------------------------*/
	/*- POPULAR/RECENT POSTS -------------*/
	ul.widget-list li.widget_popular_posts ul li h5{font-family: 'Cabin',arial,serif; font-size: 11px; font-style: italic;}
	
	
	/*------------------------------------*/
	/*- TWITTER --------------------------*/
	ul#twitter_update_list li a{font-weight: 600;}
	ul#twitter_update_list li span a{font-weight: normal; font-family: 'Cabin',arial,serif; font-size: 11px; font-style: italic;}
	

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	
	/*-------------------------------------------*/
	/*- FOOTER ITEMS ----------------------------*/	
	ul#footer-nav {margin-bottom: 15px;}
	ul#footer-nav li {float: left; margin-right: 20px; text-transform: uppercase;}

	/*-------------------------------------------*/
	/*- FOOTER ITEMS ----------------------------*/
	#footer{font-size: 13px;}
	#footer h4{margin-bottom: 10px; font-weight: 900; font-size: 20px; text-transform: uppercase;}
	#footer a{font-weight: normal;}

	#footer ul{overflow: hidden; margin-bottom: 20px;}
	#footer ul li.column{float: left; width: 400px; margin-right: 80px;}
	#footer ul li.column:last-child{margin-right: 0px;}

	#footer ul li.column ul li{float: left; margin-right: 30px; width: 100px;}

	.footer-text{clear: both; padding-top: 15px;}
	.footer-text p{float: left; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px;}
	.footer-text .obox-credit{float: right;}