/*

==  THEME DETAILS  ============================================================



    Theme Name: Method

    Theme URI: http://designerthemes.com/themes/method/

    Description: A Powerful WordPress Business Theme

    Version: 1.0



    Designer: Joe Mercieri

    Designer URI: http://upended.com/

    

    Developer: Stephen Bluck

    Developer URI: http://stephenbluck.com/



    Author: DesignerThemes.com

    Author URI: http://designerthemes.com/



    License: GNU General Public License version 3.0

    License URI: http://www.gnu.org/licenses/gpl-3.0.html



===============================================================================



   ___             _                        ______ __

  / _ \ ___  ___  (_)___ _ ___  ___  ____  /_  __// /  ___  __ _  ___  ___

 / // // -_)(_-< / // _ `// _ \/ -_)/ __/   / /  / _ \/ -_)/  ' \/ -_)(_-<

/____/ \__//___//_/ \_, //_//_/\__//_/     /_/  /_//_/\__//_/_/_/\__//___/

                   /___/



==  WARNING! DO NOT EDIT THIS FILE! (PLEASE)  =================================



    If you wish to make CSS changes to this theme, DO NOT EDIT THIS FILE.

    Instead, use the custom-style.css file to define custom styles. Adding your

    custom CSS there will make it much easier to upgrade to a newer version

    of this theme without losing any of your customizations.



===============================================================================

*/





@import url("engine/css/default.css");

@import url("engine/css/extras.css");



@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);



@font-face { 

	font-family: 'WebSymbolsRegular';

	src: url("websymbols-regular-webfont.eot");

	src: url("websymbols-regular-webfont.eot") format('embedded-opentype'),

	     url("websymbols-regular-webfont.woff") format('woff'),

	     url("websymbols-regular-webfont.ttf") format('truetype'),

	     url("websymbols-regular-webfont.svg") format('svg');

}



.icon-font { font-family: 'WebSymbolsRegular'; }





/*---------------------------------------------------------------------------*/

/*  GLOBAL */

/*---------------------------------------------------------------------------*/



html {

	overflow-x: hidden;

	overflow-y: scroll;

}



body {

	font-family: "Droid Sans", Helvetica, Arial, sans-serif;

	line-height: 1.6;

	color: #333;

}



select, input, textarea, button,

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



/* links */

a { color: #39c; }

a:hover { text-decoration: none; color: #000; }

a:link { -webkit-tap-highlight-color: #39c; }

::selection { background: #39c; color: #fff; }



.page-template-template-home-php .handle,

.page-template-template-portfolio-php .handle,

.tax-group .handle,

.page-template-template-fullwidth-php .handle,

.single-portfolio .handle,

.handle { display: none; }



.post-title { font-family: "Droid Sans", Helvetica, Arial, sans-serif; }





/*---------------------------------------------------------------------------*/

/*  LAYOUT  */

/*---------------------------------------------------------------------------*/



#wrapper { min-height: 100%; }



.ie6 #wrapper,

.ie8 #wrapper {

    display: table;

    height: 100%;

    width: 100%;

}



#main { width: auto; }



#container {

	width: 980px;

	margin: 0 auto;

	padding: 10px 0 0;

}



.page-template-template-fullwidth-php #content,

.single-portfolio #content {

	float: none;

	width: auto;

}



#content {

    float: left;

    width: 642px;

}



#sidebar {

    float: right;

    width: 306px;

}



.sidebar-left #sidebar { float: left; }



.sidebar-left #content { float: right; }



.sidebar-none #content { width: 100%; }



#bottom {

    margin: 20px 0 0 0;

    position: relative;

    clear: both;

    background: #39c;

}



pre { overflow-x: scroll; }





/*---------------------------------------------------------------------------*/

/*  HEADER  */

/*---------------------------------------------------------------------------*/



#header-extra {

	background: #39c;

	padding: 5px 0;

	color: #fff;

	text-align: center;

	font: normal 16px/1.6 "Droid Serif", Georgia, serif;

}



#header-extra a.open,

#header-extra a.close { display: none; }



#header-extra.opened { position: relative; }



#header-extra.active a.btn {

	font: normal 24px/8px 'WebSymbolsRegular';

	text-align: center;

	width: 100%;

	cursor: pointer;

	position: absolute;

}



#header-extra.active a.open {

	display: block;

	color: #39c;

	top: auto;

	margin-top: 3px;

}



.gecko #header-extra.active a.open { margin-top: 4px; }



#header-extra.opened a.open { display: none; }



#header-extra.opened a.close {

	color: #fff;

	bottom: -1px;

	display: block;

}



#header-extra .widget {

	margin: 0 auto;

	width: 980px;

	display: none;

}



#header-extra .widget-inside { padding: 20px 30px 30px; }



#header-extra a {

	color: #fff;

	font-weight: bold;

}



#header-extra a:hover { color: #333; }



#header-extra .button {

	display: inline-block;

	font: bold 12px/1 "Droid Sans", Helvetica, Arial, serif;

	border-radius: 4px;

	color: #39c !important;

	padding: 9px 15px 10px;

	background: #fff;

	box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);

}



#header-extra .button:hover { box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1); }



#header {

	width: 980px;

	margin: 30px auto 20px;

	position: relative;

}



.ie7 #header { overflow-x: hidden; }



#header-title-wrap { margin: 10px 0 0; } /* used to be 60px - ricardo */



.page-title {

	padding: 4px 0;

	margin: 0;

	border-top: 2px solid #39C;

	border-bottom: 1px solid #eee;

	text-transform: uppercase;

	font-size: 18px;

	font-weight: bold;

}



.single-post .page-title {

	padding-bottom: 0;

	border-bottom: 0;

}



#logo { float: left; }



#site-title,

#site-description {

	float: left;

	line-height: 30px;

	margin: 0;

}



#site-description {

	color: #bbb;

	margin-left: 20px;

	font-size: 12px;

}



#site-title,

#site-title a {

	font: normal 24px "Droid Serif", Georgia, serif;

	color: #333;

}



.ie7 #primary-menu {

	position: absolute;

	top: 0;

	right: 0;

}



a#menu-button { display: none; }



#primary-menu {

	float: right;

    margin: 10px 0 0;

    font-size: 12px;

    z-index: 30;

}



#primary-menu select { display: none; }



#primary-menu ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



#primary-menu ul a {

    display: block;

    position: relative;

}



#primary-menu ul li {

    float: left;

    position: relative;

    z-index: 40;

    font-size: 11px;

	font-weight: bold;

    text-transform: uppercase;

    margin-right: 21px; 

    padding-left: 20px; 

    border-left: 1px solid #ccc;

}



#primary-menu ul li:first-child { border: 0; }



#primary-menu ul li:last-child { margin-right: 0; }



#primary-menu ul li:hover { visibility: inherit; }



#primary-menu ul ul {

    position: absolute;

    top: -9999em;

    width: 180px;

}



#primary-menu .sub-menu:before {

	content: '}';

	font-family: 'WebSymbolsRegular';

	font-size: 24px;

	color: #39c;

	position: absolute;

	left: 46%;

	top: -26px;

}



#primary-menu ul ul li { width: 100%; }



#primary-menu ul li:hover ul,

#primary-menu ul li.sfHover ul {

    left: -1px;

    top: 30px;

    z-index: 99;

}



#primary-menu ul li:hover li ul,

#primary-menu ul li.sfHover li ul,

#primary-menu ul li li:hover li ul,

#primary-menu ul li li.sfHover li ul,

#primary-menu ul li li li:hover li ul,

#primary-menu ul li li li.sfHover li ul { top: -9999em; }



#primary-menu ul li li:hover ul,

#primary-menu ul li li.sfHover ul,

#primary-menu ul li li li:hover ul,

#primary-menu ul li li li.sfHover ul,

#primary-menu ul li li li li:hover ul,

#primary-menu ul li li li li.sfHover ul {

    left: -81px;

    top: -1px;

}



/* top level skin */

#primary-menu ul a {

	color: #333;

	line-height: 8px;

}



#primary-menu ul a.active,

#primary-menu ul li.current-cat a,

#primary-menu ul li.current_page_item a,

#primary-menu ul li.current-menu-item a { text-decoration: none; }



#primary-menu ul a.active,

#primary-menu ul a:hover { color: #39c; }



/* 2nd level skin */

#primary-menu ul ul {

    padding: 0;

    border-top: 5px solid #39c;

    background: #fff;

}



#primary-menu ul ul li {

    margin: 0;

    padding: 0;

    border: 0;

    float: none;

    text-align: center;

    font-weight: normal;

    width: auto;

    text-transform: none;

}



.ie7 #primary-menu ul ul li {

	float: left;

	width: 100%;

}



.ie7 #primary-menu ul ul li a {

	float: left;

	width: 160px;

}



#primary-menu ul li.current-menu-item li a,

#primary-menu ul li li.current-menu-item a,

#primary-menu ul ul li a {

    font-size: 12px;

    padding: 0;

    color: #39c;

    line-height: 40px;

}



#primary-menu ul.sub-menu a {

	border: 1px solid #ccc;

    border-width: 0 1px;

}



#primary-menu ul.sub-menu li:last-child a { border-bottom: 1px solid #ccc; }



#primary-menu ul ul li a:hover,

#primary-menu ul.sub-menu a.active {

    color: #fff !important;

    background: #39c;

    border-color: #39c !important;

}



/* 3rd level skin */

#primary-menu ul ul ul {

    left: -101px !important;

    border-top: 1px solid #ccc;

}



#primary-menu ul ul ul.sub-menu:before { content: ''; }



#primary-menu ul li.button {

	border: 0;

	text-transform: none;

	display: inline;

	font-weight: normal;

	font-size: 12px;

	padding: 0;

}



#primary-menu .button a {

	background: #39c;

	margin: -12px 0 0 0;

	display: block;

	line-height: 12px;

	padding: 9px 15px 10px;

	border-radius: 4px;

	box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);

	color: #fff;

	font-weight: bold;

}



#primary-menu .button a:hover {

	background: #39c;

	color: #fff;

	box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1);

}





/*---------------------------------------------------------------------------*/

/*  HOME  */

/*---------------------------------------------------------------------------*/



@-webkit-keyframes sliderMoveFromBottom {

    from {

        bottom: -900px;

    }

    to {

        bottom: 0;

    }

}



@-webkit-keyframes sliderMoveFromLeft {

    from {

        left: -900px;

    }

    to {

        left: 0;

    }

}



.home-slider {

	margin: 50px 0 30px;

	position: relative;

	background: url("images/ajax-loader.gif") center 40% no-repeat;

}



.home-slider .slides_container { display: none; }



.home-slider .slide { background: #fff;	border-radius: 15px; }



.home-slider .slide:first-child { display: block; }



.home-slider .post-wrap {

	width: 430px;

	float: left;

	position: relative;

	padding: 60px 30px 30px;

	-webkit-animation: sliderMoveFromLeft 1s;

}



.home-slider .post-wrap.fullwidth {

	width: auto;

	float: none;

	padding: 30px 60px;

}



.home-slider .post-wrap.align-right { text-align: right; }



.home-slider .post-wrap.align-center { text-align: center; }



.home-slider .post-content {

	font-size: 14px;

	margin: 0;

}



.home-slider .video,

.home-slider .featured-image {

	position: relative;

	-webkit-animation: sliderMoveFromBottom 0.6s;

}



.home-slider .featured-image {

	width: 430px;

	float: right;

	margin: 30px;

	border: 0;

}



.home-slider .featured-image.fullwidth {

	width: auto;

	float: none;

	margin: 0 0 -6px;

	text-align: center;

}



.home-slider .featured-image.fullwidth img { display: inline; }



.home-slider .hentry {

	padding: 0;

	margin: 0;

	border: 0;

	width: 980px;

}



.home-slider .post-title { font-size: 24px; }



.home-slider .pagination {

	list-style: none;

	margin: 0;

	padding: 24px 30px 0;

	height: 36px;

	background: #39C;

}



.home-slider .pagination li {

	display: inline;

	position: relative;

	float: left;

	text-indent: -9999px;

	margin: 0 4px 0 0;

}



.home-slider .pagination li a {

	display: block;

	width: 12px;

	height: 12px;

	background: #fff;

	margin: 0;

	padding: 0;

	border-radius: 20px;

	opacity: .6;

}



.home-slider .pagination li a:hover,

.home-slider .pagination li.current a { opacity: 1; }



.home-slider .slider-nav {

	display: block !important;

	position: absolute;

	bottom: 20px;

	right: 30px;

}



.home-slider .slider-nav a {

	font-family: 'WebSymbolsRegular';

	font-size: 24px;

	line-height: 1;

	color: #fff;

	opacity: .6;

}





.home-slider .slider-nav a:hover { opacity: 1; }



.home-slider .slider-nav a.prev:after { content: '<'; }



.home-slider .slider-nav a.next:before { content: '>'; }





/*---------------------------------------------------------------------------*/

/*  MAIN  */

/*---------------------------------------------------------------------------*/



.hentry { position: relative; }



.post-content {

	margin: 0 0 60px;

    padding: 0;

    font-size: 13px;

}



.single .post-content { margin: 0 0 30px; }



#header-title-wrap div.meta-published {

	top: auto;

	bottom: -35px;

	right: 0;

	left: auto;

	background: #ddd;

	width: 70px;

	height: 70px;

}



.single .hentry {

	padding: 0;

	border: 0;

}



.post-title {

	font-size: 22px;

	margin-bottom: 4px;

}



div.meta-published {

	position: absolute;

	left: 0;

	top: 0;

	width: 50px;

	height: 50px;

	background: #eee;

	text-align: center;

}



div.meta-published span {

	display: block;

	color: #555;

	font-weight: 300;

}



div.meta-published span.month {

	font-size: 11px;

	line-height: 11px;

	text-transform: uppercase;

	margin: 9px 0 0 0;

}



div.meta-published span.day {

	font-size: 22px;

	line-height: 22px;

	color: #777;

}



#header-title-wrap div.meta-published span.month {

	font-size: 15px;

	line-height: 15px;

}



#header-title-wrap div.meta-published span.day {

	font-size: 36px;

	line-height: 36px;

}



.post-meta span {

	padding: 6px 18px 6px 0;

	display: inline-block;

}



.post-meta span a {

	color: #888;

	border-bottom: 1px solid #eee;

	font-size: 10px;

	text-transform: uppercase;

}



.meta-categories a:hover,

.meta-comment a:hover,

.meta-author a:hover { color: #000; }



.post-meta span:before {

	font-family: 'WebSymbolsRegular';

	color: #fca428 !important;

	padding-right: 3px;

	text-transform: none;

}



.meta-published:before { content: 'P '; }

.meta-author:before { content: 'U '; }

.meta-categories:before { content: ', '; }

.meta-comment:before { content: 'c '; }



#header .post-header { margin: 8px 0 0; }



.post-header { 

	margin: 0 0 20px;

	text-transform: uppercase;

	font-size: 10px;

	color: #888;

	border: 1px solid #eee;

	border-width: 1px 0;

	padding: 3px 0 2px;

}



.featured-image {

	margin: 0 0 20px 0;

	border-bottom: 5px solid #39c;

}



.featured-image a,

.featured-image img { display: block; }



.gallery-item img {

	padding: 4px;

	border: 1px solid #ddd !important;

}



/* pagination */

.post-navigation .pagination a,

.post-navigation .pagination span {

    display: block;

    float: left;

    margin: 0 3px 0 0;

    padding: 3px 8px 1px;

    border-radius: 4px;

    background: #f5f5f5;

}



.post-navigation .pagination .current,

.post-navigation .pagination a:hover {

	background: #444;

	color: #fff;

	-webkit-transition: background-color .1s linear, color .1s linear;

	   -moz-transition: background-color .1s linear, color .1s linear;

	     -o-transition: background-color .1s linear, color .1s linear;

	    -ms-transition: background-color .1s linear, color .1s linear;

	        transition: background-color .1s linear, color .1s linear;

}



.post-navigation .pagination .current { color: #ddd; }



/* breadcrumbs */

.breadcrumbs { margin-bottom: 20px; }



/* comments */

.comment-wrap,

#respond { 

	padding: 20px 20px 25px; 

	background: #eee;

	margin: 0 0 30px;

}



#comments h3 {

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;

	margin: 0 0 30px;

}



.textarea-wrap {

	width: 60%;

	float: left;

}



.input-wrap {

	width: 32%;

	float: right;

}



#comments p { clear: both; }



#comments ol,

#comments ul,

#comments li {

    list-style: none;

    padding: 0;

}



.comment-author {

    font-size: 18px;

    margin: 0 10px 0 0;

}



.comment-reply a,

.comment-time a {

	font-size: 11px;

	color: #aaa;

	text-transform: uppercase;

	margin: 0 10px 0 0;

}



.commentlist .comment-meta a:hover { color: #555; }



.commentlist .comment-author cite { font-style: normal; }



.commentlist .comment-meta {

	padding: 0 0 0 80px;

	margin: 0 0 10px 0;

}



.ie7 .commentlist .comment-meta { margin: -23px 0 10px 0; }



.commentlist .comment-body { 

	margin: 0 0 30px 80px; 

}



.commentlist .reply { padding-left: 50px; }



#comments .commentlist #respond { margin: 0 0 0 70px; }



#comments .commentlist #commentform { margin-top: 20px; }



#comments .commentlist .comment:first-child {

	border: 0;

	padding: 0;

}



#comments .commentlist li.comment { clear: both; }



#comments .commentlist ul.children {

    padding: 0 0 20px 80px;

    margin: 0 0 -20px 0;

}



#comments input,

#comments textarea,

#comments select {

    margin: 0 0 26px;

    width: 90%;

    text-align: left;

}



.comment { position: relative; }



#respond form { margin-bottom: -26px; }

	

#comments .form-section {

    width: 33%;

    float: right;

}



#comments #form-section-comment {

    width: 65%;

    float: left;

}



#comments textarea { 

	height: 200px; 

	resize: vertical; 

	width: 100%;

}



#comments .submit {

	float: none;

	width: 100%;

	text-align: center;

}



#comments .avatar {

	position: absolute;

	top: 0;

	left: 0;

	width: 60px;

	height: 60px;

	float: left;

}



/* contact form */

.dt-contactform label {

    display: block;

    margin: 0 0 10px 0;

}



.dt-contactform input {

    width: 45%;

    margin: 0 0 20px 0;

    float: none !important;

    text-align: left !important;

    margin: 0 0 20px 0 !important;

}



.dt-contactform select { margin: 0 0 20px 0; }



.dt-contactform textarea {

    width: 98%;

    margin: 0 0 20px 0;

    float: none !important;

    text-align: left !important;

}



.dt-contactform .submit {

    width: auto;

    float: right;

    margin: 0;

}



.contact .alert { display: none; }





/*---------------------------------------------------------------------------*/

/*  PORTFOLIO  */

/*---------------------------------------------------------------------------*/



#portfolio-wrap { width: 1011px; }



#filter {

	width: 150px;

	padding: 16px 30px;

	margin: 0 45px 0 0;

	background: #39c;

	float: left;

}



#filter ul {

	margin: 0;

	padding: 0;

}



.ie7 #filter li { float: left; }



#filter li {

	display: block;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: bold;

	list-style: none;

}



#filter li.current li a,

#filter a {

	display: block;

	color: #fff;

	position: relative;

	line-height: 40px;

	opacity: .6;

}



#filter li a:hover,

#filter li.current a,

#filter li.current a:hover { opacity: 1; }



#filter li a:before {

	content: ', ';

	font: normal 12px 'WebSymbolsRegular';

	padding-right: 5px;

}



#filter li#all.current > a:after,

#filter ul.drop li.current a:after {

	content: ']';

	font-family: 'WebSymbolsRegular';

	font-size: 18px;

	float: right;

	color: #39c;

	margin-right: -40px;

}



#masonry {

	list-style: none;

	margin: 0;

	padding: 0;

	width: 756px;

	float: left;

	position: relative;

	z-index: 10;

}



#masonry li {

	width: 222px;

	margin: 0 30px 40px 0;

	float: left;

}



#masonry li .hentry {

	border: none;

	margin: 0;

	padding: 0;

}



#masonry .post-title {

	font-size: 16px;

	font-weight: bold;

}



#masonry .post-header {

	float: left;

	width: 40px;

	height: 40px;

	background: #eee;

	text-align: center;

}



#masonry .meta-published span {

	display: block;

	color: #555;

}



#masonry .post-wrap {

	float: right;

	width: 168px;

	margin: -5px 0 0 0;

}



#masonry .featured-image { margin: 0 0 10px 0; }



#masonry .featured-image img,

#masonry .featured-image a { display: block; }



#masonry .post-content { margin: 0 0 -10px 0; }



/**** Isotope Filtering ****/

.isotope-item { z-index: 2; }



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



/**** Isotope CSS3 transitions ****/

.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

     -moz-transition-duration: 0.8s;

          transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height, width;

     -moz-transition-property: height, width;

          transition-property: height, width;

}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

     -moz-transition-property:    -moz-transform, opacity;

          transition-property:         transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

     -moz-transition-duration: 0s;

          transition-duration: 0s;

}



/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {

  -webkit-transition: none;

     -moz-transition: none;

          transition: none;

}





/*---------------------------------------------------------------------------*/

/*  PORTFOLIO SINGLE  */

/*---------------------------------------------------------------------------*/



.single-portfolio #header-title-wrap { position: relative; }



.portfolio-nav {

	position: absolute;

	top: 14px;

	right: 0;

}



.portfolio-nav div {

	display: block !important;

	color: #ddd;

	float: left;

	line-height: 1;

}



.portfolio-nav div:hover { color: #ccc; }



.portfolio-nav .next {

	margin-left: 15px;

	padding-left: 15px;

	border-left: 2px solid #ddd;

}



.portfolio-nav .prev:before {

	content: '< ';

	font-family: 'WebSymbolsRegular';

	padding-right: 5px;

}



.portfolio-nav .next:after {

	content: ' >';

	font-family: 'WebSymbolsRegular';

	padding-left: 5px;

}



#portfolio-slides {

	margin-bottom: 120px;

	position: relative;

	height: 0;

	overflow: hidden;

}



#portfolio-slides .slides_container {

	width: 980px;

	height: auto;

	position: relative;

}



#portfolio-slides .slide {

	width: 980px;

	display: block;

	text-align: center;

}



#portfolio-slides .slide-title {

	background: #39c;

	color: #fff;

	padding: 20px 0 25px;

	width: 100%;

	position: absolute;

	display: none;

}



#portfolio-slides:hover .slide-title { display: block; }



#portfolio-slides .slide-title p {

	display: block;

	padding: 10px 0 0;

	margin: 0;

	font: normal 12px/1.6 "Droid Serif", Georgia, serif;

	opacity: .6;

}



#portfolio-slides .prevnext {

	width: 100%;

	position: absolute;

	top: 50%;

	margin-top: -44px;

	z-index: 101;

}



#portfolio-slides .prevnext a {

	font: normal 36px/1 'WebSymbolsRegular';

	float: left;

	padding: 25px 30px;

	cursor: pointer;

	color: #fff;

	background: #000;

	display: block !important;

	opacity: .4;

}



#portfolio-slides:hover .prevnext a,

#portfolio-slides .prevnext a:hover {

	opacity: 1;

	background: #39c;

}



#portfolio-slides a.next { float: right; }



.single-portfolio .dt-video { margin: 0 0 130px; }



.dt-video { margin: 0 0 20px; }



#portfolio-tabs { position: relative; }



#portfolio-tabs .pagination {

	list-style: none;

	margin: 0;

	padding: 0;

	position: absolute;

	top: -80px;

	left: 0;

	background: #39c;

	width: 100%;

}



#portfolio-tabs .pagination li {

	float: left;

	margin: 0;

	background: none;

}



#portfolio-tabs .pagination li a {

	margin: 0;

	padding: 0 20px 2px;	

	font-size: 14px;

	font-weight: bold;

	color: #fff;

	border: 1px solid transparent;

	border-bottom: 0;

	height: 40px;

	line-height: 40px;

	background: none;

	display: block;

	opacity: .6;

}



#portfolio-tabs .pagination li.current a {

	background: #fff;

	color: #39c;

	border-color: #39c;

	padding-top: 5px;

	margin-top: -5px;

	opacity: 1;

}



#portfolio-tabs .pagination li a:hover { opacity: 1 !important; }



#portfolio-tabs .post-content { width: 980px; }



#related { margin: 60px 0 0 0; }



#related ul {

	list-style: none;

	margin: 0 0 30px 0;

	padding: 0;

	width: 1008px;

	position: relative;

	z-index: 10;

}



#related li {

	width: 222px;

	margin: 0 30px 30px 0;

	float: left;

}



#related li .hentry {

	border: none;

	margin: 0;

	padding: 0;

}



#related .post-title {

	font-size: 14px;

	font-weight: bold;

}



#related .post-header {

	float: left;

	width: 40px;

	height: 40px;

	border-radius: 20px; 

	background: #eee;

	text-align: center;

}



#related .meta-published span {

	display: block;

	color: #555;

}



#related .meta-published span.month {

	font-size: 10px;

	line-height: 10px;

	text-transform: uppercase;

	margin: 5px 0 0 0;

}



#related .meta-published span.day {

	font-size: 18px;

	line-height: 18px;

	font-weight: bold;

}



#related .post-wrap {

	float: right;

	width: 168px;

	margin: -5px 0 0 0;

}



#related .featured-image { margin: 0 0 10px 0; }



#related .post-content { margin: 0 0 -10px 0; }





/*---------------------------------------------------------------------------*/

/*  WIDGETS  */

/*---------------------------------------------------------------------------*/



.widget { margin: 0 0 30px; }



#sidebar {

	background: #eee;

	border-top: 2px solid #39c;

	padding-top: 10px;

}



#sidebar .widget { padding: 20px 20px 0; }



#home-widgets .widget { 

	margin: 0;

	padding: 0 0 10px;

	background: none;

}



#home-widgets .widget_text { font-family: Arial, Helvetica, sans-serif; }



.widget-title {

	font-size: 14px;

	font-weight: bold;

	padding: 0 0 3px 0;

	margin: 0 0 20px 0;

	text-transform: uppercase;

}



#sidebar .widget-title {

	font-size: 12px;

	padding: 0;

	margin: 0 0 15px;

}



#related .widget-title,

.page-template-template-home-php .widget-title {

	padding: 5px 0;

	margin: 0 0 30px;

	border-top: 2px solid #39C;

	border-bottom: 1px solid #eee;

}



.widget ul { 

	margin: 0;

	list-style: none;

}



.widget li { margin-bottom: 10px; }



.widget ul li:last-child { margin-bottom: 0; }



.widget ul ul { margin: 0 0 0 20px; }



/* Info Box */

.boxes {

	list-style: none;

	margin: 0;

}



#sidebar .box {

	width: auto;

	background: #fff;

	margin: 0 0 20px;

}



.box {

	position: relative;

	width: 244px;

	float: left;

	margin: 0 1px 0 0;

	overflow: hidden;

	-webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}



#box4 { margin-right: 0; }



.box-inner {

	padding: 25px 25px 30px;

	text-align: center;

}



.box-icon {

	margin: 0 0 10px 0;

	-webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

}



.box-icon img {

	background: #fff;

	padding: 20px;

	border-radius: 100px;

	box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);

}



.box-title {

	text-transform: uppercase;

	font-weight: bold;

	font-size: 16px;

	margin: 0 0 10px 0;

	-webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

}



.box-excerpt {

	line-height: 20px;

	color: #888;

	-webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

}



.box-excerpt p {

	margin: 0 0 20px 0;

	font-family: Arial, Helvetica, sans-serif;

}



.box a {

	font-weight: bold;

	display: inline-block;

}



.box .box-link {

	font-size: 13px;

	line-height: 1;

	border-radius: 4px;

	color: #fff;

	padding: 9px 15px 10px;

	background: #39c;

	box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);

}



.box a:hover { color: #fff; }



#sidebar .box:hover,

.box:hover { background: #39c; }



.box:hover .box-icon {

	position: relative;

    -webkit-animation: moveFromTop 400ms ease;

    -moz-animation: moveFromTop 400ms ease;

    -ms-animation: moveFromTop 400ms ease;

}



.box:hover .box-title {

	position: relative;

    color: #fff;

    -webkit-animation: moveFromTop 300ms ease;

    -moz-animation: moveFromTop 300ms ease;

    -ms-animation: moveFromTop 300ms ease;

}



.box:hover .box-excerpt {

	position: relative;

    color: #fff;

    -webkit-animation: moveFromBottom 500ms ease;

    -moz-animation: moveFromBottom 500ms ease;

    -ms-animation: moveFromBottom 500ms ease;

}



.box:hover .box-excerpt p {

	color: #fff;

	opacity: .8;

}



.box:hover .box-link {

    color: #39c;

    background: #fff;

}



.box:hover .box-link:hover { color: #000; }



@-webkit-keyframes moveFromTop {

    from {

        top: -600px;

    }

    to {

       	top: auto;

    }

}

@-moz-keyframes moveFromTop {

    from {

        -moz-transform: translateY(-600%);

    }

    to {

        -moz-transform: translateY(0%);

    }

}

@-ms-keyframes moveFromTop {

    from {

        -ms-transform: translateY(-600%);

    }

    to {

        -ms-transform: translateY(0%);

    }

}



@-webkit-keyframes moveFromBottom {

    from {

        bottom: -400px;

    }

    to {

       	bottom: auto;

    }

}

@-moz-keyframes moveFromBottom {

    from {

        -moz-transform: translateY(400%);

    }

    to {

        -moz-transform: translateY(0%);

    }

}

@-ms-keyframes moveFromBottom {

    from {

        -ms-transform: translateY(400%);

    }

    to {

        -ms-transform: translateY(0%);

    }

}



/* Testimonial */

.testimonial-slider { 

	position: relative;

	margin: -20px 0 0;

}



#sidebar .testimonial-slider { margin: 0; }



.testimonial-slider .slides_container { display: none; }



#sidebar .testimonial-slider .slide {

	font-size: 12px;

	padding: 0 20px;

	width: 226px;

}



.testimonial-slider .slide {

	text-align: center;

	padding: 20px 130px;

	width: 720px;

	min-height: 80px;

	overflow: visible;

}



.testimonial-slider .slide p {

	position: relative;

	z-index: 20;

	color: #555;

	background: #eee;

	border-radius: 4px;

	padding: 20px 30px;

	margin: 0;

	font: italic 16px/28px "Droid Serif", Georgia, serif;

}



.testimonial-slider .meta {

	margin: 10px 0 0 0;

	color: #888;

	position: relative;

	z-index: 20;

}



#sidebar .testimonial-slider .meta { font-size: 12px; }



.testimonial-slider .meta a {

	color: #888;

	border-bottom: 1px solid #eee;

}



.testimonial-slider .meta a:hover { color: #39c; }



.testimonial-arrows {

	position: absolute;

	width: 100%;

	top: 50%;

	margin-top: -40px;

}



.testimonial-arrows a {

	font-family: 'WebSymbolsRegular';

	font-size: 36px;

	color: #eee;

}



.testimonial-arrows a:hover { color: #39c; }



.testimonial-arrows .prev {

	float: left;

	margin-left: 30px;

}



.testimonial-arrows .next {

	float: right;

	margin-right: 30px;

}



.testimonial-arrows a.prev:after { content: '<'; }



.testimonial-arrows a.next:before { content: '>'; }





/* Content Slider */

.content-slider {

	position: relative;

	margin: 0 0 10px 0;

}



.content-slider .slides_container {

	width: 725px;

	float: right;

	display: none;

	padding-bottom: 20px;

}



.content-slider .pagination {

	width: 140px;

	padding: 16px 30px;

	float: left;

	background: #39c;

}



.content-slider .pagination li {

	display: block;

	margin: 0;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: bold;

	list-style: none;

}



.content-slider .pagination a {

	display: block;

	color: #fff;

	position: relative;

	line-height: 40px;

	opacity: .6;

}



.content-slider .pagination li a:hover,

.content-slider .pagination li.current a { opacity: 1; }



.content-slider .pagination li a:before {

	font-family: 'WebSymbolsRegular';

	font-size: 12px;

	padding-right: 5px;

	text-transform: none;

}



.content-slider .pagination li.icon-projects a:before { content: 'D '; }

.content-slider .pagination li.icon-blog a:before { content: 'B '; font-size: 11px; }

.content-slider .pagination li.icon-twitter a:before { content: 't '; font-size: 14px; }



.content-slider .pagination li.current a:after {

	content: ']';

	font-family: 'WebSymbolsRegular';

	font-size: 18px;

	float: right;

	color: #39c;

	margin-right: -40px;

}



.content-slider .slide ul {

	list-style: none;

	margin: 0 0 25px 0;

	padding: 0;

	width: 756px;

	position: relative;

	z-index: 10;

}



.content-slider .slide li {

	width: 222px;

	height: auto;

	margin: 0 30px 0 0;

	float: left;

}



.content-slider .slide li .hentry {

	border: none;

	margin: 0;

	padding: 0;

}



.content-slider .slide .post-title {

	font-size: 16px;

	font-weight: bold;

}



.content-slider .slide .featured-image { margin: 0 0 10px 0; }



.content-slider .slide .post-content { margin: 0 0 -10px 0; }



.content-slider .visit-wrap {

	position: absolute;

	bottom: -20px;

	right: 0;

	z-index: 20;

}



.more-link {

	font-weight: bold;

	text-transform: uppercase;

	font-size: 11px;

	float: left;

}



.ie7 .follow-me,

.ie7 .content-slider .visit,

.ie7 .more-link {

	float: right;

	position: relative;

	padding-right: 15px;

}



a.more-link,

a.follow-me,

.content-slider a.visit {

	display: inline-block;

	margin: 0 33px 0 0;

	padding: 2px 8px 0;

	text-transform: uppercase;

	font-size: 11px;

	font-weight: bold;

	line-height: 18px;

	color: white;

	background: #39C;

	border-radius: 4px;

}



.visit-wrap a:hover { box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1); }



/* Callout Box */

.callout-box {

	background: #eee;

	padding: 30px;

}



.callout-box.no-link .callout-excerpt {

	width: auto;

	background: none;

	float: none;

}



.callout-box.no-link .callout-excerpt p { padding: 0; }



#sidebar .DT_Callout {

	padding: 0;

	background: none;

	color: #444;

}



#sidebar .callout-excerpt {

	width: auto;

	float: none;

	background: none;

}



.callout-excerpt {

	width: 80%;

	float: left;

}



.callout-excerpt p { 

	margin: 0;

	padding-right: 20px;

}



#sidebar .callout-link {

	width: auto;

	float: none;

	margin: 20px 0 0 0;

}



.callout-link {

	float: right;

	width: 20%;

	margin: 5px 0;

}



.callout-link a { margin: 0 0 0 30px; }



#sidebar .callout-link a { margin: 0; }



a.button-arrow {

	display: inline-block;

	font-size: 13px;

	font-weight: bold;

	line-height: 1;

	background: #39c;

	padding: 9px 15px 10px;

	border-radius: 24px;



	color: #fff;

}



a.button-arrow:hover {

	background: #39c;

	color: #fff;

	box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1);

}



.callout-box a.button-arrow { float: right; }



a.button-arrow:after {

	content: ' >';

	font-family: 'WebSymbolsRegular';

	color: #fff;

	padding-left: 5px;

	opacity: .6;

}



/* eNews */

#sidebar .enews { background: none; }



.enews { background: #eee; }



.enews-excerpt {

	float: left;

	width: 48%;

}



#sidebar .enews-excerpt p,

#sidebar .enews-excerpt {

	width: auto;

	float: none;

	padding: 0;

}



.enews-excerpt p {

	padding: 30px;

	padding-right: 0;

}



.enews-excerpt p:last-child { margin: 0; }



.enews-form {

	float: right;

	width: 48%;

	text-align: right;

}



#sidebar .enews-form {

	width: auto;

	float: none;

	margin-top: 20px;

}



.enews-form form { padding: 30px; }



#sidebar .enews-form form { padding: 0; }



.ie7 input[type="text"] {

	padding-bottom: 15px;

	margin-top: -2px;

}



.ie8 input[type="text"] {

	padding-bottom: 15px;

	margin-top: -3px;

}



#sidebar .enews-form input[type="text"] { width: 160px; }



textarea,

input[type="text"] {

	padding: 9px 10px 8px;

	border-radius: 4px;

	margin: 0 5px 0 0;

	border: none;

	width: 70%;

	color: #888;

	font-size: 13px;

	line-height: 1;

	text-align: center;

	float: left;

	outline: none;

	box-shadow: 0 0 1px rgba(0, 0, 0, .5), inset 0 5px 5px rgba(0, 0, 0, .05);

}



.search-form input[type="text"] {

	width: 246px;

	text-align: left;

}



.search-form .submit { display: none; }



.ie7 .submit {

	height: 33px;

	width: 75px;

	font-size: 11px;

}



.submit {

	display: block;

	border: 0;

	font-size: 13px;

	font-weight: bold;

	line-height: 1;

	margin: 0 !important;

	position: relative;

	float: right;

	background: #39c;

	padding: 9px 15px 10px;

	border-radius: 4px;

	box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);

	color: #fff;

}



.submit:hover {

	background: #39c;

	color: #fff;

	box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1);

}



.center { text-align: center; }



/* Calendar */

#wp-calendar,

#wp-calendar th { text-align: center; }



/* search */

.widget .s { width: 308px; }



/* tagcloud */

.tagcloud a { font-size: 12px !important; }



/* DT_Search */

.DT_Search .submit {

    width: 58px;

    float: right;

    background: #fff;

}

.DT_Search input { width: 240px }



/* DT_Flickr */

.DT_Flickr { padding-bottom: 10px; }

.DT_Flickr .flickr_badge_image {

	float: left;

	margin: 0 20px 15px 0;

}

#sidebar .DT_Flickr .flickr_badge_image:nth-child(3n) { margin-right: 0; }



/* DT_About_Me */

.about-me-image {

    float: left;

    margin: 0 15px 0 0;

}



.about-me-link { display: block }



/* DT_Recent_Comments */

.DT_Recent_Comments li {

    list-style: none;

    padding: 0 0 10px 0;

    margin: 0 0 10px 0;

    border-bottom: 1px solid #eee;

}

.DT_Recent_Comments li:last-child {

    border: none;

    margin: 0;

    padding: 0;

}

.DT_Recent_Comments img {

    float: left;

    margin: 0 15px 0 0;

}

.DT_Recent_Comments .author { font-weight: bold; }

.DT_Recent_Comments .entry-byline {

    display: block;

    font-size: 11px;

    margin: 13px 0 0 0;

}



/* DT_Get_Posts, DT_Related_Posts */

.DT_Get_Posts li,

.DT_Related_Posts li {

    list-style: none;

    padding: 0 0 10px 0;

    margin: 0 0 10px 0;

    border-bottom: 1px solid #eee;

}

.DT_Get_Posts img,

.DT_Related_Posts img {

    float: left;

    margin: 0 15px 0 0;

}

.DT_Get_Posts .post-title,

.DT_Related_Posts .post-title {

    font-size: 13px;

    margin: 0;

}



/* DT_Twitter */

.DT_Twitter li {

    list-style: none;

    margin: 0 30px 20px 0;

}

.DT_Twitter li:last-child {

    margin: 0;

    padding: 0;

    border: none;

}

.DT_Twitter span a { display: inline; }



/* DT_Social, DT_Subscribe_Follow */

.DT_Subscribe_Follow li,

.DT_Social li { list-style: none }



.widget li.delicious a { background: url("engine/images/icons/delicious-24.png") no-repeat }

.widget li.digg a { background: url("engine/images/icons/digg-24.png") no-repeat }

.widget li.email a { background: url("engine/images/icons/email-24.png") no-repeat }

.widget li.facebook a { background: url("engine/images/icons/facebook-24.png") no-repeat }

.widget li.google-buzz a { background: url("engine/images/icons/google-buzz-24.png") no-repeat }

.widget li.rss a { background: url("engine/images/icons/rss-24.png") no-repeat }

.widget li.stumbleupon a { background: url("engine/images/icons/stumbleupon-24.png") no-repeat }

.widget li.twitter a { background: url("engine/images/icons/twitter-24.png") no-repeat }



.DT_Social li,

.DT_Subscribe_Follow li { margin-bottom: 10px; }



.DT_Social li a,

.DT_Subscribe_Follow li a {

    display: inline-block;

    line-height: 24px;

    font-size: 16px;

}



ul.icons-text li a { padding-left: 34px; }



ul.text-only li a { background: none !important; }



ul.icons-only li {

    width: 24px;

    float: left;

    margin-right: 10px;

}



ul.icons-only li a {

    width: 24px;

    height: 24px;

}



ul.icons-only li a:hover { text-decoration: none; }



ul.icons-only .text { visibility: hidden }



ul.checks {

	list-style: none;

	line-height: 2;

}

ul.checks li:before {

	content: '. ';

	font-family: 'WebSymbolsRegular';

	padding-right: 5px;

	opacity: .6;

}





/*---------------------------------------------------------------------------*/

/*  FOOTER  */

/*---------------------------------------------------------------------------*/



#footer-widgets { padding: 0px 0; }



#footer-widgets .widget { background: none; }



#footer-widgets ul {

	list-style: none;

	padding-bottom: 3px;

}



#footer-widgets ul ul {

	margin: 0;

	padding: 10px 0 0 0;

}



#footer-widgets li { margin-bottom: 10px; }



#footer-widgets .button {

	display: block;

	text-decoration: none;

	font-weight: normal;

	line-height: inherit;

	padding: 0;

	border: none;

}



#footer-widgets .col.first .widget-inside { 

	background: none; 

	margin: 0;

	padding: 0;

}



#footer-widgets .widget-inside { margin-left: 30px; }



#footer-widgets .widget-title {

	margin: 0 0 20px 0;

	padding: 0;

	font-weight: bold;

	font-size: 12px;

	color: #fff;

	text-transform: uppercase;

	background: none;

	opacity: .6;

	border: 0;

}



#footer-widgets .col.first { width: 474px; }



#footer-widgets .col {

	float: left;

	width: 168px;

}



#footer {

    padding: 30px 0;

    margin: 0 auto;

    width: 980px;

    color: #fff;

}



#footer a {

	color: #fff;

	font-weight: bold;

}



#footer a:hover { color: #333; }



#footer .button {

	font-weight: bold;

	display: inline-block;

	line-height: 1;

	border-radius: 4px;

	color: #39c !important;

	padding: 9px 15px 10px;

	background: #fff;

	box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);

}



#footer .button:hover { box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1); }



#site-info {

	text-align: center;

	text-transform: uppercase;

	opacity: .6;

	font-size: 11px;

}





/*---------------------------------------------------------------------------*/

/*  EXTRAS  */

/*---------------------------------------------------------------------------*/



a.button {

    display: inline-block;

    text-decoration: none;

    font-weight: bold;

    line-height: 1;

    padding: 9px 15px 10px !important;

    border-radius: 4px !important;

    box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1) !important;

    color: #333;

    border: 0 !important;

    text-shadow: none !important;

}



a.button:hover {

    background: #39c;

    color: #fff;

    box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1) !important;

}



a.button.white { background: #f9f9f9 }



a.button.white:hover { background: #efefef }



a.button.grey { background: #cacaca }



a.button.grey:hover { background: #bcbcbc }



a.button.yellow {

    background: #feda71;

    color: #963 !important;

}



a.button.yellow:hover { background: #fec354 }



a.button.green {

    background: #cae285;

    color: #5d7731 !important;

}



a.button.green:hover { background: #b8d872 }



a.button.blue {

    background: #39c;

    color: #fff !important;

}



a.button.blue:hover { background: #39c }



a.button.black {

    background: #5e5e5e;

    color: #fff !important;

}



a.button.black:hover { background: #5A5A5A }



.tabber ul.tabs { border-left: 0 }



.tabber .tabs a {

    border-radius: 4px 4px 0 0;

    border: 0;

    margin-right: 1px;

    background: transparent;

}



.tabber .tabs a.current {

    border: 1px solid #ddd;

    border-bottom-color: #fff;

}



.tabber .panes { border-radius: 0 0 4px 4px }



.accordion { border-radius: 0 0 4px 4px }



.accordion .trigger:first-child,

.accordion .pane:first-child { border-radius: 4px 4px 0 0 }



.accordion .trigger:last-child,

.accordion .pane:last-child { border-radius: 0 0 4px 4px }



.accordion .trigger.current:last-child { border-radius: 0 }



.toggle { border-radius: 4px }



.toggle .trigger { border-radius: 4px 4px 0 0 }
.clearfix::after{content:"";display:table;clear:both}