/*
Theme Name: Knead
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.1.2
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(social.css);	
@import url(clearfix.css);


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; background: #f0f0f0 ; color: #555;
		font-size: 13px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.6em;}

h1, h2, h3, h4, h5, h6{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

img{max-width: 100%;}

p{margin-bottom: 16px;}

a:link {color: #404B58;}
a:visited {color: #404B58;}
a:hover {color: #f33;}
a:active {color: #6E859A;}

textarea, input{padding: 6px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px;  color: #595959; border-radius: 3px;}
					
input[type=text]{width: 90%; max-width: 280px;}
textarea{width: 90%; max-width: 520px;}
input[type=text], input[type=password], textarea{margin-bottom: 10px; background: #fff; border: 1px solid #ccc;
													box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10) inset,
																-4px -4px 0 0 #f3f3f3, 4px 4px 0 0 #f3f3f3,
																4px 0 0 0 #f3f3f3, 0 4px 0 0 #f3f3f3,
																4px -4px 0 0 #f3f3f3, -4px 4px 0 0 #f3f3f3;}
input[type=button], input[type=submit]{padding: 4px 8px; font-weight: 600; cursor: pointer; background: #111; border: none; color: #fff;}
input[type=button]:hover, input[type=submit]:hover{background: #f33;}

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 --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#wrapper{width: 90%; max-width: 980px; margin: auto;}

#header-container{max-width: 95.918367%; padding: 2.127660%; margin: 0px auto 20px; background: #fff; border-bottom: 1px solid #ddd;}
	
#content-container{padding: 0px; margin: 0px auto 20px; background: #fff; border-bottom: 1px solid #ddd;}

#left-column{float: left; width: 63.265306%; padding: 20px 2.040816%;}
#right-column{float: right; width: 28.265306%; padding: 20px 2.040816%; border-left: 3px solid #f0f0f0;}

.portfolio #left-column{float: left; width: 69.387755%;}
.portfolio #right-column{float: right; width: 22.142857%; border-left: 3px solid #f0f0f0;}

#full-width{padding: 20px 2.127660%; margin: auto;}

#footer-container{margin: 0px auto; padding: 0px; background: #293037; overflow: hidden;}

	
/*-------------------------------------------------------------------------------------------*/
/*- 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{margin-top: 15px; font-size: 11px; font-style: italic; font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; color: #777;}
h5.date + h4{margin-top: 5px;}

.post-title{font-size: 18px; font-weight: 600; line-height: 1.3em;}

.section-title{font-size: 13px; font-weight: 600; color: #111;}
.section-title span{color: #999;}

.title-block{padding: 10px 2.040816%; margin: 0px; background: #e5e5e5; overflow: hidden;}
.title-block .section-title{float: left; color: #000;}

a.action-link{font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #f33;}
a.action-link:hover{color: #404B58}

.content{padding: 20px 2.040816%;}

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

	/*--------------------------*/
	/*- HEADER ROW -------------*/
	.logo{float: left;}
	.logo h1{margin-bottom: 0px;}
	.logo img{display: block;}
		

	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	ul#nav{float: right; margin: 5px 0px 0px 0px;}
	ul#nav li{float: left; position: relative; border-left: 1px solid #ddd;}
	ul#nav li a{display: block; padding: 0px 20px 0px; font-weight: 600; font-size: 12px; color: #777;}
	ul#nav li:last-child a{padding-right: 0px;}
	ul#nav li a:hover{color: #111;}

		/*--------------------------*/
		/*- SUB MENU ---------------*/
		ul#nav ul.sub-menu{display: none; position: absolute; top: 39px; left: 0px; z-index: 2; background: #293037; width: 160px;}
		ul#nav ul.sub-menu li:last-child{border-bottom: none;}
		ul#nav li:last-child ul.sub-menu{left: 162px; right: 0px;}
		ul#nav ul.sub-menu ul{left: 162px; top: 0px;}
		ul#nav li:last-child ul.sub-menu ul{left: auto; right: 162px; top: 0px;}
		
		ul#nav ul.sub-menu li{width: 160px; border: none; border-bottom: 2px solid #111518;}
		ul#nav ul.sub-menu li a{display: block; padding: 3px 5px; margin: 5px; line-height: 1.5em; color: #fff; border-top: none;}
		ul#nav ul.sub-menu li a:hover{background: #fff; color: #293037;}


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

	/*-------------------------------------------*/
	/*- SLIDER ----------------------------------*/
	.slider{width: 100%; margin-bottom: 0px; overflow: hidden; position: relative;}
	
		/*---------------------*/
		/*- SLIDER IMAGES -----*/
		.gallery-container{width: 9999px; position: relative; z-index: 1;}
		.gallery-container li{display: block; width: 100%; float: left;}
		.gallery-image img{display: block; margin: auto; max-width: 100%;}
		
		/*---------------------*/
		/*- SLIDER BUTTONS ----*/
		.slider .next, .slider .previous{display: block; width: 40px; height: 40px; background: url(images/layout/sprite.png) no-repeat; position: absolute; top: 45%; z-index: 3; text-indent: -999px; overflow: hidden;}
		.slider .previous{background-position: 0px -170px; left: 0px;}
		.slider .next{background-position: -41px -170px; right: 0px;}
		.slider .previous:hover{background-position: -82px -170px;}
		.slider .next:hover{background-position: -123px -170px;}
		
		/*---------------------*/
		/*- SLIDER DOTS -------*/
		.slider-dots{clear: both; width: 100%; height: 17px; margin: -37px auto 0px; position: absolute; bottom: 10px; z-index: 3; overflow: hidden; text-align: center;}
		.slider-dots .dot{display: inline-block; width: 16px; height: 17px; margin: 0px 2px; overflow: hidden; text-indent: -9999px; background: url(images/layout/sprite.png) -0px -42px no-repeat;}
		.slider-dots .dot:hover, .slider-dots .dot-selected{background-position: -28px -42px;}
		
	
	/*-------------------------------------------*/
	/*- HOME PAGE WIDGET AREA -------------------*/
	#home-block{padding: 20px 2.040816%;}
	
		/*----------------------------*/
		/*- TEXT WIDGET --------------*/
		#home-block .widget_text{margin: 30px 0px; padding: 0px 8.510638%; color: #6E859A; line-height: 1.4em; text-align: center; font-size: 20px; font-style: italic; font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;}
	
		/*----------------------------*/
		/*- SERVICES -----------------*/
		.services-list{padding: 20px 2.12766%; margin: -20px -2.140816% 20px; background: #293037; border-top: 3px solid #111518; color: #ccc; overflow: hidden;}
		.services-list li{float: left; width: 31.914894%; margin-right: 2.12766%;}
		.services-list li:last-child{margin-right: 0px;}
		.services-list li .service-list-icon{float: left; margin: 3px 10px 10px 0px;}
		.services-list h3 a{color: #fff; font-weight: bold; font-size: 15px;}
		.services-list h3 a:hover{color: #f33;}
		.services-list p{clear: both; margin: 0px; font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;}
		
		
		/*----------------------------*/
		/*- FOUR COLUMN WIDGET -------*/
		.four-column-widget li{float: left; width: 23.404255%; margin: 0px 2.127660% 20px 0px;}
		.four-column-widget li:nth-child(4n+4){margin: 0px;}
		.four-column-widget li:nth-child(4n+5){clear: left;}
		
		.four-column-widget .post-image{display: block; max-width: 100%; overflow: hidden;}
		.four-column-widget h4{margin: 15px 0px 8px; padding: 0px; font-weight: bold;}
		.four-column-widget p{font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;}
		
		
		/*----------------------------*/
		/*- TWO COLUMN ---------------*/
		.two-column li.column{float: left; width: 46.938775510204082%; margin-right: 2.12766%;}
		.two-column li.column:last-child{margin-right: 0%;}
		
		.two-column .post-image{display: block; max-width: 100%; overflow: hidden;}
		.two-column h4{margin: 15px 0px 8px; padding: 0px; font-weight: bold;}
		.two-column p{font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;}
		
	
		/*----------------------------*/
		/*- FEATURE QUOTE ------------*/
		.featured-quote{margin: 30px 0px; padding: 0px 8.510638%;}
		.featured-quote blockquote{color: #6E859A; line-height: 1.4em; text-align: center; font-size: 20px; font-style: italic; font-family: "Droid Serif", Georgia, "Times New Roman", Times, 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; background: #333 url(images/layout/sprite.png) no-repeat; text-indent: -999px; margin: 0px 1px 20px 0px; text-indent: -999px; overflow: hidden;}
		.pagination .previous a{background-position: 12px -101px;}
		.pagination .next a{background-position: -28px -101px;}
		.pagination .previous a:hover, .pagination .next a:hover{background-color: #f33;}


/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*------------------------------*/
	/*- CATEGORY LISTING -----------*/
	.portfolio-categories{float: right; font-size: 11px;}
	.portfolio-categories li{float: left;}
	.portfolio-categories li:first-child{border-left: none; padding-right: 0%;}
	.portfolio-categories li a{display: block; padding: 0px 12px; font-weight: bold; color: #595959;}
	.portfolio-categories li a:hover{color: #f33;}
	.portfolio-categories li a.selected{font-weight: bold; color: #f33;}
		
	.portfolio-category-title{width: 23.404255%; padding: 0px 0px 15px 2.12766%; margin: 0px 0px 20px -2.12766%; border-bottom: 3px solid #f0f0f0; font-weight: bold; font-size: 15px;}
	
	
	/*------------------------------*/
	/*- PORTFOLIO OUTPUT -----------*/
	.portfolio-image{display: block; overflow: hidden;}
	
	.portfolio-list{clear: both; overflow: hidden; border-bottom: none;}
	.portfolio-list h4{margin: 15px 0px 8px; padding: 0px; font-weight: bold;}
	.portfolio-list p{font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size: 13px;}
	
	
	/*------------------------*/
	/*- TWO COLUMN -----------*/
	.portfolio-list.two-column li{float: left; width: 48.93617%; margin: 0px 2.12766% 20px 0px;}
	.portfolio-list.two-column li a.portfolio-image{display: block; max-width: 100%; overflow: hidden;}
	.portfolio-list.two-column li:nth-child(2n+2){margin: 0px;}
	.portfolio-list.two-column li:nth-child(2n+3){clear: left;}
	
	/*------------------------*/
	/*- THREE COLUMN ---------*/
	.portfolio-list.three-column li{float: left; width: 31.914894%; margin: 0px 2.12766% 20px 0px;}
	.portfolio-list.three-column li a.portfolio-image{display: block; max-width: 100%; overflow: hidden;}
	.portfolio-list.three-column li:nth-child(3n){margin: 0px;}
	.portfolio-list.three-column li:nth-child(3n+4){clear: left;}
	
	/*------------------------*/
	/*- FOUR COLUMN ----------*/
	.portfolio-list.four-column li{float: left; width: 23.404255%; margin: 0px 2.127660% 20px 0px;}
	.portfolio-list.four-column li a.portfolio-image{display: block; max-width: 100%; overflow: hidden;}
	.portfolio-list.four-column li:nth-child(4n+4){margin: 0px;}
	.portfolio-list.four-column li:nth-child(4n+5){clear: left;}
	

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

	/*------------------------------*/
	/*- PORTFOLIO IMAGE COLUMN -----*/
	.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; max-width: 100%; overflow: hidden;}
	.portfolio-item li a.portfolio-image img{display: block; max-width: 100%; margin: auto;}
	
	/*------------------------------*/
	/*- PORTFOLIO SLIDER -----------*/
	.portfolio-slider{display: block; position: relative; max-width: 100%px; overflow: hidden;}
	.portfolio-slider ul{left: 0px; width: 99999px;  position: relative;}
	.portfolio-slider li{float: left; width: 100%;}
	.portfolio-slider img{display: block; max-width: 100%; margin: auto;}

		/*---------------------*/
		/*- SLIDER BUTTONS ----*/
		.portfolio-slider .slider-dots{width: 100%;}
		.portfolio-slider .next, .portfolio-slider .previous{display: block; width: 40px; height: 40px; background: url(images/layout/sprite.png) no-repeat; position: absolute; top: 41%; z-index: 3; text-indent: -999px; overflow: hidden;}
		.portfolio-slider .previous{background-position: 0px -170px; left: 0px;}
		.portfolio-slider .next{background-position: -41px -170px; right: 0px;}
		.portfolio-slider .previous:hover{background-position: -82px -170px;}
		.portfolio-slider .next:hover{background-position: -123px -170px;}
		

	/*----------------------------------*/
	/*- PORTFOLIO DESCRIPTION COLUMN ---*/
	.portfolio #right-column .portfolio-category-title{width: 100%; padding: 0px 0px 15px 9.21659%; margin: 0px 0px 20px -9.21659%; font-weight: bold; font-size: 13px; color: #111;}
	.portfolio #right-column ul li{padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px dotted #ccc;}
	.portfolio #right-column ul li a{display: block;}
	
	/*-----------------------------*/
	/*- NEXT - PREV POST NAV ------*/
	.next-prev-post-nav{margin: 20px 0px 0px -20px; padding: 10px 0px 0px 20px; border-top: 3px solid #f0f0f0; overflow: hidden; font-size: 10px; text-transform: uppercase;}
	.next-prev-post-nav li{clear: none; float: right; width: 300px; margin: 0px; padding: 0px; text-align: right;}
	.next-prev-post-nav li:first-child{float: left; text-align: left;}
	
	
/*-------------------------------------------------------------------------------------------*/
/*- SERVICES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.service-list-content{padding: 0px 2.040816% 0px; overflow: hidden;}

#left-col{float: left; width: 29.468085%; margin-left: -2.12766%; padding: 20px 0;}
#left-col li{padding: 5px 0px 5px 7.220217%; position: relative; border-bottom: 1px solid #f0f0f0; overflow: hidden;}
#left-col a{font-weight: bold;}
#left-col .service-list-icon {float: left; width: 15px; margin: 3px 8px 0px 0px;}

#right-col{float: right; width: 65.957447%; margin: 0px; padding: 20px 0% 20px 2.12766%; border-left: 3px solid #f0f0f0;}
#right-col .post-title{padding: 0px 3.225806% 20px; margin-left: -3.225806%;}
#right-col .service-excerpt{color: #6E859A; line-height: 1.4em; font-size: 16px; font-style: italic; font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;}


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

	/*----------------------------*/
	/*- ONE COLUMN LARGE ---------*/
	.blog-main-post-container li.post{padding-bottom: 20px; margin-bottom: 20px;}
	.blog-main-post-container .post-image{display: block; max-width: 100%; margin-bottom: 20px; overflow: hidden;}
	.blog-main-post-container .post-image img{display: block; max-width: 100%;}
	.blog-main-post-container .date{margin-bottom: 5px;}
	
	
	/*------------------------------*/
	/*- POST CONTENT ---------------*/
	.post-title{padding: 0px 0px 20px 3.225806%; margin: 0px 0px 10px -3.225806%; border-bottom: 3px solid #f0f0f0;}
	.post-content .post-image, .blog-main-post-container .post-image{padding: 10px 0px 20px 3.225806%; margin: 0px 0px 10px -3.225806%; border-bottom: 3px solid #f0f0f0;}
	.post-content .copy{font-size: 13px;}
	
	/*------------------------------*/
	/*- POST PAGE META -------------*/
	.post-meta{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #f0f0f0; font-size: 11px; color: #878787; overflow: hidden;}
	.post-meta p{margin: 0px;}
	.post-meta a{color: #6E859A; font-weight: bold;}
	.post-meta a:hover{color: #f33;}
	
	/*-------------------------*/
	/*- SOCIAL ----------------*/
	.social{float: right; overflow: hidden;}
	.social li{float: left; margin-left: 10px;}
	
	
	/*------------------------------------------------------------------------------------*/
	/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
	.copy{font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;}
	.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{ font-family: "Courier New", Courier, monospace;}
	.copy img{display: block;}
	.copy a{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; color: #6E859A;}
	.copy a:hover{color: #f33;}
	.copy h2{font-size: 22px; font-weight: 600; 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;}
		

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comments{clear: both; width: 93.548387%; max-width: 540px; margin-top: 20px;}
.comments .section-title{margin: 20px 0px; font-weight: bold; color: #111; font-size: 15px;}

.comment-container{font-size: 13px;}
.comment{padding-bottom: 20px; margin: 0px 0px 20px 0px; border-bottom: 1px dotted #ccc; position: relative;}
.comment-post{margin-left: 13.461538%;}

.comment-avatar{float: left;}
	
.comment h5.date{margin: 0px; position: absolute; top: 0px; right: 0px; margin: 0px; font-size: 11px; color: #878787;}
		
.comment h4.comment-name{margin-bottom: 15px; color: #111; font-weight: bold;}
.comment h4.comment-name a{color: #111;}
.comment h4.comment-name a:hover{color: #6684BF;}

.reply-to-comment{font-weight: bold;}

.logged-in-as{margin-bottom: 16px; font-weight: bold;}

	/*------------------------*/
	/*- THREADED COMMENTS ----*/
	.threaded-comments{clear: both; padding: 20px 0px 0px 0px; margin: 20px 0px 0px 13.461538%; border-top: 3px solid #f0f0f0;}
	.threaded-comments li.comment{padding-left: 22px; background: url(images/layout/thread-reply.gif) 0px 5px no-repeat;}
	.threaded-comments li.comment .comment-post{margin-left: 0px;}
	.threaded-comments li.comment:last-child{border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}
	
	.comment-form-content p{margin-bottom: 10px;}
	.comment-form-content .checkbox{float: right; font-size: 11px; font-weight: bold;}
	.comment-form-content textarea{width: 90% !important;}
	

/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.archives_list{width: auto; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.archives_list li{padding: 20px 0px; margin: 0px; border-bottom: 1px solid #ccc; overflow: hidden;}
.archives_list li .archive-post-image{float: left; width: 80px; height: 80px; margin-right: 3.225806%; position: relative; overflow: hidden;}
.archives_list li .archive-post-image a{display: block; width: 80px; height: 80px; overflow: hidden;}
.archives_list li .archive-post-image img{display: block; position: relative;}
.archives_list li a{font-weight: 600; font-size: 13px;}
.archives_list li h3{margin: 0px;}
.archives_list li .comment-count{font-weight: 500; font-size: 11px;}

.archives_list .date{display: block; margin: 0px 0px 0px 0px;}
.archives_list .label{float: right; display: inline-block;}
.archives_list .label a{font-weight: 500; font-size: 11px;}

.archives_list li:first-child{padding-top: 0px;}
.archives_list li:last-child{margin-bottom: 0px;}


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


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

#right-column ul.widget-list li.widget{margin: 20px -7.220217% 20px 0px; padding: 0px 7.220217% 20px 0px; border-bottom: 1px solid #f0f0f0;}
#right-column ul.widget-list li.widget:first-child{margin-top: 0px;}
#right-column ul.widget-list li.widget:last-child{border-bottom: none;}

h4.widgettitle{padding: 0px; margin: 0px 0px 10px 0px; color: #6E859A; font-weight: bold; font-size: 10px; text-transform: uppercase;}
	

	/*------------------------------------*/
	/*- SEARCH ---------------------------*/
	.search-form input[type=text]{float: left; width: 68.592058%; margin: 0px;}
	.search-form input[type=submit]{float: right; width: 20.577617%; padding: 6px 0; margin: 0px; text-align: center;}


	/*------------------------------------*/
	/*- POPULAR/RECENT COMMENTS ----------*/
	.widget_recent_comments li{padding-left: 7.220217%; background: url(images/layout/sprite.png) -488px 5px no-repeat;}
	.widget_recent_comments li a{color: #333; display: block; font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: italic;}
	
	
	/*------------------------------------*/
	/*- POPULAR/RECENT POSTS -------------*/
	ul.widget-list li.widget_popular_posts ul li{padding-left: 7.220217%; background: url(images/layout/sprite.png) -488px -179px no-repeat;}
	ul.widget-list li.widget_popular_posts ul li h5{margin: 0px; font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: italic;}
	
	
	/*------------------------------------*/
	/*- TWITTER --------------------------*/
	ul#twitter_update_list li{padding-left: 7.220217%; background: url(images/layout/sprite.png) -485px -337px no-repeat;}
	ul#twitter_update_list li a{color: #111; font-weight: 600;}
	ul#twitter_update_list li span a{font-weight: normal; font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: italic;}
	

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#footer{font-size: 13px; color: #999;}
#footer h4{margin-bottom: 10px; font-weight: 600; font-size: 13px; color: #fff;}
#footer a{color: #999; font-weight: normal;}
#footer a:hover{color: #fff;}

	/*-------------------------------------------*/
	/*- FOOTER WIDGETS --------------------------*/
	#footer ul{overflow: hidden; padding: 20px 2.040816%;}
	#footer ul ul{padding: 0px;}
	#footer ul li.column{float: left; width: 23.404255%; margin-right: 2.12766%;}
	#footer ul li.column:last-child{margin-right: 0;}

	#footer ul li.column ul li{padding: 0px 0px 6px; margin: 0px 0px 6px; border-bottom: 1px dotted #111518;}

	/*-------------------------------------------*/
	/*- FOOTER TEXT -----------------------------*/
	.footer-text{clear: both; margin-top: 0px; padding: 10px 2.040816%; background: #111518; color: #878787; overflow: hidden;}
	.footer-text p{float: left; margin: 0; font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: italic;}
	.footer-text .obox-credit{float: right;}
	
	
/*-------------------------------------------------------------------------------------------*/
/*- MEDIA QUERIES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*------------------------------------------------*/
/* layouts smaller than 600px, iPhone and mobiles */
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
	html {-webkit-text-size-adjust: none;}
	#wrapper{width: 100%;}
	
	/*---------------------------------------*/
	/*- LAYOUT ------------------------------*/
	#header-container{width: auto; padding: 10px;}
	#content-container{background: none;}
	#full-width{padding: 0px; background: #fff; border: none;}
	#home-block{padding: 10px; background: #fff;}
	#left-column{float: none; width: 100%; padding: 0px; margin-bottom: 20px; background: #fff; border: none; border-bottom: 1px solid #ddd;}
	#right-column{float: none; width: 100%; padding: 0px; background: #fff; border: none;}
	.content{padding: 10px; background: #fff;}
	
	.title-block{padding-left: 10px; padding-right: 10px;}
	.title-block .section-title{float: none;}
	.portfolio-category-title{width: 100%; margin: 0 0 15px -10px; padding: 0 0 10px 10px;}
	
	
	/*---------------------------------------*/
	/*- HEADER ------------------------------*/
	.logo{float: none; margin-bottom: 10px;}
	
	
	/*---------------------------------------*/
	/*- NAVIGATION --------------------------*/
	ul#nav{float: none;}
	ul#nav li{float: none; border-left: none; border-bottom: 1px dotted #ccc;}
	ul#nav li:last-child{border-bottom: none;}
	ul#nav li ul{display: none !important;}
	ul#nav li a{padding: 5px 0px;}
	
	
	/*---------------------------------------*/
	/*- SLIDER ------------------------------*/
	.slider{display: none;}
	
	/*---------------------------------------*/
	/*- SERVICE LIST HOME PAGE --------------*/
	.services-list{width: auto; padding: 10px; margin: -10px -10px 10px;}
	.services-list li{float: none; width: 100%; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 2px solid #111518;}
	.services-list li:last-child{margin: 0px; padding: 0px; border: none;}
	

	/*---------------------------------------*/
	/*- FOUR COLUMN WIDGET ------------------*/
	.four-column-widget{margin-bottom: 30px;}
	.four-column-widget li{float: none; width: 100%; padding:  0% 0% 15px; margin: 0% 0% 15px; border-bottom: 1px solid #f0f0f0;}
	.four-column-widget li:last-child{margin: 0px; padding: 0px; border-bottom: none;}
	.four-column-widget li p:last-child{margin: 0px;}
		
		
	/*---------------------------------------*/
	/*- PORTOFLIO SECTION -------------------*/
	.portfolio-categories{float: none; margin-top: 8px; padding-top: 8px; border-top: 1px solid #ccc;}
	.portfolio-categories li{float: left;}
	.portfolio-categories li a{padding: 0px 12px 0px;}
	.portfolio-categories li:first-child a{padding-left: 0px;}
	
	.portfolio{padding: 10px; background: #fff;}
	.portfolio #left-column{border-bottom: none; margin-bottom: 0px;}
		
	.portfolio-list.four-column li, .portfolio-list.three-column li, .portfolio-list.two-column li
		{float: left; width: 48.93617%; margin: 0px 2.12766% 20px 0px;}
		
	.portfolio-list.four-column li a.portfolio-image, .portfolio-list.three-column li a.portfolio-image, .portfolio-list.two-column li a.portfolio-image
		{display: block; max-width: 100%; overflow: hidden;}
		
	.portfolio-list.four-column li:nth-child(2n+2), .portfolio-list.three-column li:nth-child(2n+2), .portfolio-list.two-column li:nth-child(2n+2)
		{margin-right: 0%;}
		
	.portfolio-list.four-column li:nth-child(2n+3), .portfolio-list.three-column li:nth-child(2n+3), .portfolio-list.two-column li:nth-child(2n+3)
		{clear: left;}

	.portfolio-list.three-column li:nth-child(3n){margin-right: 2.12766%;}
	.portfolio-list.three-column li:nth-child(3n+4){clear: none;}
		
	/*---------------------------------------*/
	/*- PORTFOLIO SUB PAGE ------------------*/
	.portfolio #left-column{float: none; width: auto; padding-bottom: 0px;}
	.portfolio #right-column{float: none; width: auto; border: none; padding-top: 0px;}
	.portfolio #right-column .portfolio-category-title{margin: 0px; padding: 0px 0px 10px; border-bottom: none;}

	.next-prev-post-nav{margin: 10px 0px 10px 0px; padding: 0px 0px 10px 0px; border: none; border-bottom: 1px dotted #f0f0f0; overflow: hidden; font-size: 10px; text-transform: uppercase;}
	.next-prev-post-nav li{clear: none; float: right; width: 45%; margin: 0px; padding: 0px; text-align: right;}
	.next-prev-post-nav li:first-child{float: left; text-align: left;}
	
	
	/*---------------------------------------*/
	/*- SERVICE PAGES -----------------------*/
	.service-list-content{padding: 0px 10px 0px; overflow: hidden;}
	
	#left-col{display: none;}
		
	#right-col{float: none; width: 100%; margin: 0px; padding: 0px; border: none;}
	#right-col .post-title{padding: 0px 0px 10px 10px; margin-left: -10px;}
	#right-col .feature-block{display: block !important; padding: 10px 0px;}
	
	
	/*---------------------------------------*/
	/*- ARCHIVES ----------------------------*/
	.archives_list li{padding: 10px;}
	.archives_list li:first-child{padding-top: 10px;}


	/*---------------------------------------*/
	/*- BLOGGING ----------------------------*/
	.social{display: none;}

	.comment-post{margin-left: 0px;}
	.comment-avatar{display: none;}

	.blog-main-post-container{padding: 10px;}
	.blog-main-post-container li.post{padding-bottom: 0px; margin-bottom: 30px;}
	
	.post-title{padding: 0px 0px 10px 10px; margin: 0px 0px 10px -10px; border-bottom: 3px solid #f0f0f0;}
	.post-content .post-image, .blog-main-post-container .post-image{padding: 0px 0px 10px 10px; margin: 0px 0px 10px -10px; border-bottom: 3px solid #f0f0f0;}
	
	.post-content{padding: 10px;}
	.comments{width: auto; padding: 0px 10px 10px; margin: 0px;}
	.comment-post{margin: 0px;}
	.threaded-comments{margin-left: 0px;}

	
	/*---------------------------------------*/
	/*- RIGHT COLUMN ------------------------*/
	#right-column ul.widget-list li.widget{margin: 0px 0px; padding: 10px;}
	#right-column ul.widget-list li.widget li{padding: 5px 0px; margin: 0px; background: none;}
	
	
	/*---------------------------------------*/
	/*- FOOTER ------------------------------*/
	#footer ul{padding: 0px;}	
	#footer ul li.column{float: none; width: auto; margin: 0; padding: 10px; border-bottom: 2px solid #111518;}
	#footer ul li.column:last-child{border-bottom: none;}
	#footer ul li.column li:last-child{margin: 0px; padding: 0px; border-bottom: none;}
	
	.footer-text{text-align: center;}
	.footer-text p, .footer-text .obox-credit{float: none;}
}

/*---------------*/
/* iPad PORTRAIT */
@media only screen and (max-width: 768px) and (min-width: 481px) {
	.logo{float: none; margin-bottom: 10px;}
	
	ul#nav{clear: left; float: none; margin: -2.127660%; margin-top: 0px; border-top: 2px solid #f0f0f0;}
	ul#nav li{border-left: none; border-right: 1px solid #ddd;}
	ul#nav li:last-child{border-right: none;}
	ul#nav li a{padding: 5px 10px;}


}