/*
Theme Name: Knead
Description: Knead is a responsive Portfolio theme featuring service listings and a minimal design.
Design Studio: Obox Design http://www.oboxthemes.com/
Author: Obox Design
Author URI: http://www.oboxthemes.com/
Version: 1.4.9
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: 940 Grid, agency, gallery, jquery, minimal, personal, photography, portfolio, responsive, video, wordpress theme

*-----------------------------*
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;}

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;}

.post-image img{width: 100%; height: auto;}
/*-------------------------------*/
/*- 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: 0px; padding: 0px; border: 0px none; max-width: 98.5%;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0px 4px 5px; margin: 0px; }
.wp-caption.alignnone {margin: 5px 20px 20px 0px;}

.alignnone {margin: 5px 20px 20px 0px;}
.aligncenter, div.aligncenter {display:block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0px 20px 20px;}
.alignleft {float:left; margin: 5px 20px 20px 0px;}
.aligncenter {display: block; margin: 5px auto 5px auto;}

a img.alignright {float:right; margin: 5px 0px 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0px;}
a img.alignleft {float:left; margin: 5px 20px 20px 0px;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

pre {padding: 15px; margin: 0px 0px 22px 0px; border: 1px solid #dadada; text-indent: 0px; overflow-x: auto; overflow-y: auto; white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word;  font-variant: normal; text-align: left; font-family: Consolas, Monaco, 'Courier New', Courier, monospace; background-color: #f0f0f0; font-size: 12px; line-height: 1.3em;  color: #000000; font-weight: normal; font-style: normal; letter-spacing: normal; orphans: 2;  text-transform: none; widows: 2; word-spacing: 0px;}

.gallery-item img:hover{opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ transition: ease-in-out 1s;}
.gallery-caption {margin-left: 0; font-size: 11px; width: 74%;}

small {font-size: 75%;}

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
table {border-collapse: collapse; border-spacing: 0;}

cite, em, i {font-style: italic;}

blockquote {font-style: italic; font-weight: normal; margin: 0 3em;}
blockquote em, blockquote i, blockquote cite {font-style: normal;}
blockquote cite {font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase;}
cite{display: block; text-align: center;}

abbr, acronym, dfn {border-bottom: 1px dotted #666;cursor: help;}
address {display: block; margin: 0 0 1.625em;}
ins {text-decoration: none;}

table{padding: 10px; margin-bottom: 20px;}
th{padding: 3px; font-weight: bold;}
tr{border-bottom: 1px solid #eee;}
tr:last-child{border: 0px;}
tr, td{padding: 3px 8px;}

/* WP3.4 Required */
.sticky{}
.bypostauthor{}

/*-------------------------------------------------------------------------------------------*/
/*- COMMON ELEMENTS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
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; max-width: 100%;}
	.logo h1{margin-bottom: 0px;}
	.logo img{display: block; max-width: 100%;}


	/*--------------------------*/
	/*- CATEGORY MENU ----------*/
	#menu-drop-button{display: none;}
	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{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; float: left;}
		.gallery-image img{display: block; margin: auto;}
		.gallery-image iframe{max-height: 551px;}

		/*---------------------*/
		/*- 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: 0px 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; max-width: 64px; height: auto;}
		.services-list .post-title{margin: 0px; padding: 0px; border: 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 .post-title{margin: 15px 0px 8px; padding: 0px; border: none; font-weight: bold; font-size: 13px;}
		.four-column-widget p{font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;}


		/*----------------------------*/
		/*- TWO COLUMN ---------------*/
		.two-column li {float: left; width: 48.83%; margin: 0 2.22766% 0 0;}
		.two-column li:last-child{margin-right: 0%;}
		.two-column li:nth-child(2n+3){clear: left;}
		.two-column li:nth-child(2n+2){margin-right: 0px;}
		.two-column .post-image{display: block; max-width: 100%; overflow: hidden;}
		.two-column h4{margin: 15px 0px 8px; padding: 0px; font-weight: bold; border-bottom: none;}
		.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 .post-title{font-size: 13px; font-weight: 600; margin-bottom: 20px; border: 0px;}
	.portfolio-list p{font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size: 13px;}

	/*------------------------*/
	/*- SINGLE COLUMN -----------*/
	.portfolio-list.single-column li{float: left; max-width: 100%; margin: 0px 2.12766% 20px 0px;}
	.portfolio-list.single-column li .portfolio-image{display: block; max-width: 100%; overflow: hidden;}
	.portfolio-list.single-column li .portfolio-image img{width: 100%; height: auto;}
	.portfolio-list.single-column li:nth-child(2n+2){margin: 0px;}
	.portfolio-list.single-column li:nth-child(2n+3){clear: left;}

	/*------------------------*/
	/*- TWO COLUMN -----------*/
	.portfolio-list.two-column li{float: left; width: 48.93617%; margin: 0px 2.12766% 20px 0px;}
	.portfolio-list.two-column li .portfolio-image{display: block; max-width: 100%; overflow: hidden;}
	.portfolio-list.two-column li .portfolio-image img{max-width: 100%; height: auto;}
	.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 .portfolio-image{display: block; max-width: 100%; overflow: hidden;}
	.portfolio-list.three-column li .portfolio-image img{max-width: 100%; height: auto;}
	.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 .portfolio-image{display: block; max-width: 100%; overflow: hidden;}
	.portfolio-list.four-column li .portfolio-image img{max-width: 100%; height: auto;}
	.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; border: 0px;}

	.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%; height: auto; 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: 30px; z-index: 3; text-indent: -999px; overflow: hidden;}
		.portfolio-slider .previous{top: 45%; background-position: 0px -170px; left: 0px;}
		.portfolio-slider .next{top: 45%;  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;}
.services-image{display: block; margin-bottom: 20px;}

#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 img{display: block; max-width: 100%;}
	.blog-main-post-container iframe{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-content .copy p iframe, .post-content .copy embed, .post-content .copy object, .post-content .copy img{max-width: 100%; max-height: 380px;}

	/*------------------------------*/
	/*- 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 ----------------*/
	ul.social{padding: 5px; float: right;}
	ul.social li{float: left; line-height: 14px;}
	ul.social li.addthis{float: right;}
	a.addthis_default_style{padding: 0px !important;}
	a.addthis_button_tweet{width: 85px;}
	a.addthis_button_facebook_like{width: 80px;}


	/*------------------------------------------------------------------------------------*/
	/*- 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, .comments-title, #respond #reply-title{margin: 20px 0px; font-weight: bold; color: #111; font-size: 15px;}

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

.comment-avatar, .comment-author{float: left; overflow: hidden;}
.comment-author img{width: 50px; height: auto;}

.comment h5.date, .comment-meta .date{margin: 0px; position: absolute; top: 0px; right: 0px; margin: 0px; font-size: 11px; color: #878787;}

.comment h4.comment-name, .comment-meta .fn{margin-bottom: 15px; color: #111; font-weight: bold; display: block; text-align: left; font-style: normal;}
.comment h4.comment-name a{color: #111;}
.comment h4.comment-name a:hover{color: #6684BF;}

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

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

#respond .comment-notes{margin-bottom: 20px;}
#respond label{display: block; font-weight: bold; margin-bottom: 5px;}
#respond p{margin-bottom: 0px;}

#respond .form-allowed-tags{margin: 10px 0px;}

#comments .children{margin-left: 50px; margin-top: 30px;}
#comments .children li{border-bottom: none; padding-bottom: 0px;}

	/*------------------------*/
	/*- 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 ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
li.adverts-125 {display: inline-block; clear: both; }
ul.widget-list li.widget .advert{float:left; padding: 0px; margin: 0px 15px 15px 0px; max-width: 125px; max-height: 125px}
ul.widget-list li.widget .advert:nth-child(2n) {margin-right: 0px;}
ul.widget-list li.widget .large-advert {max-width: 300px;}

/*-------------------------------------------------------------------------------------------*/
/*- 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;}
ul.widget-list li.widget ul li ul.children li {margin-left: 20px;padding: 6px;border-bottom: 0;}
#right-column ul.widget-list li.widget{margin: 0px -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_ocmx_comment_widget li{padding-left: 7.220217%; background: url(images/layout/sprite.png) -488px 5px no-repeat;}
	.widget_ocmx_comment_widget 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 --------------------------*/
	.twitter-timeline{max-width: 100%;}

	/*------------------------------------*/
	/*- LATEST VIDEO LIST ----------------*/
	.latest-videos{width: 280px; padding: 0px !important; margin: 0px !important; overflow: hidden;}
	.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 li.video-title{width: 160px; padding-left: 40px; margin-right: 15px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 600;}
	.latest-videos ul.pagination{padding: 20px 20px 0px; float: right;}
	.latest-videos ul.pagination li{margin-bottom: 0px !important; padding: 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; }

/*-------------------------------------------------------------------------------------------*/
/*- 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 ul#twitter_update_list li span {margin-left: 20px;}
	#footer ul#twitter_update_list li span a  {color: #fff;}
	#footer ul#twitter_update_list li a{color: #fff;}
	#footer .search-form input[type=text]{float: left; padding: 5px; width: 68.592058%;  max-width: 130px; margin: 0px; border: 0px; box-shadow: 0px;}
	#footer .search-form input[type=submit]{float: right; padding: 5px; margin: 0px; width: 20.577617%; max-width: 7%; text-align: center;}
	#footer ul li.column ul.social-bookmarks li {padding: 0px; margin: 0px;}

	/*-------------------------------------------*/
	/*- 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 --------------------------*/
	#menu-drop-button{position: absolute; top: 10px; right: 10px; z-index: 5; display: block; height: 35px; width: 35px; background: #293037 url(images/layout/drop-down.png) center no-repeat;}
	ul#nav{float: none; border: 1px solid #ddd !important; display: none;}
	#header ul#nav li{float: none; border-left: none !important; border-right: none !important; border-bottom: 1px dotted #ccc;}
	ul#nav li:last-child{border-bottom: none !important;}
	ul#nav li a{padding: 5px 0px;}

	/*- SUB MENU ----------- */ 
	ul#nav ul.sub-menu{background: #eee; width: auto; box-shadow: none; position: relative; top: auto; left: auto; z-index: 10; } 
	ul#nav ul.sub-menu{display: block !important; visibility: visible !important;} 
	ul#nav ul.sub-menu li{border-left: none !important; float: none; height: auto; margin: 0px; padding: 0px; width: 100%; border-bottom: 1px solid #ddd !important;} 
	ul#nav ul.sub-menu li:last-child{border-bottom: none !important;}
	ul#nav ul.sub-menu li a{float: none; background: #eee; padding: 5px 10px 8px 15px; margin: 0px; height: auto; color: #555 !important; border: none !important; font-weight: normal;} 
	ul#nav ul.sub-menu li a:hover{color: #fff !important; background: #293037 !important;}
	ul#nav ul.sub-menu ul{left: auto; top: auto; background: #24414A;}
	ul#nav ul.sub-menu ul li{padding-left: 10px;}


	/*---------------------------------------*/
	/*- 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: 800px) and (min-width: 320px) {
	.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;}


}
@media only screen and (max-width: 480px) and (min-width: 220px) {
	.copy{font-size: 110% !important;}
		.two-column li{width: 100%;}
		.portfolio-list.four-column li, .portfolio-list.three-column li, .portfolio-list.two-column li{width: 100%;}
		.portfolio-list.four-column li img, .portfolio-list.three-column li img, .portfolio-list.two-column li img{width: 100%; height: auto;}