/*
==  THEME DETAILS  ============================================================

    Theme Name: Gala
    Theme URI: http://designerthemes.com/themes/gala/
    Description: A Tasty Mac-inspired Agency WordPress Theme
    Version: 2.1
    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

===============================================================================
   ___             _                        ______ __
  / _ \ ___  ___  (_)___ _ ___  ___  ____  /_  __// /  ___  __ _  ___  ___
 / // // -_)(_-< / // _ `// _ \/ -_)/ __/   / /  / _ \/ -_)/  ' \/ -_)(_-<
/____/ \__//___//_/ \_, //_//_/\__//_/     /_/  /_//_/\__//_/_/_/\__//___/
                   /___/
===============================================================================
*/


@import url('engine/css/default.css');
@import url('engine/css/extras.css');


/*---------------------------------------------------------------------------*/
/*  GLOBAL */
/*---------------------------------------------------------------------------*/

html {
	overflow-x: hidden;
	overflow-y: scroll;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.6;
	background: #eee;
	color: #555;
}

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

/* links */
a { color: #444; }
a:hover { text-decoration: none; color: #111; }
a:link { -webkit-tap-highlight-color: #111; }
::selection { background: #444; 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,
a#menu-button,
#primary-menu select { display: none; }

/*---------------------------------------------------------------------------*/
/*  LAYOUT  */
/*---------------------------------------------------------------------------*/

#wrapper { min-height: 100%; }

.ie6 #wrapper,
.ie8 #wrapper {
    display: table;
    height: 100%;
    width: 100%;
}

#page { padding-bottom: 80px; /* must be same height as the #bottom */ }

#main {
	width: auto;
	background: #fff;
}

#container {
	width: 980px;
	margin: 0 auto;
	padding: 50px 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: 30px 0 0 0;
    position: relative;
    margin-top: -80px; /* negative value of footer height */
    height: 80px;
    clear: both;
}

pre { overflow-x: scroll; }


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

#header {
	width: 980px;
	margin: 40px auto 30px;
	color: #777;
	text-shadow: 0 1px 1px rgba(255,255,255, 0.5);
	position: relative;
}

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

#header-title-wrap {
	position: relative;
	margin: 30px 0 0 0;
	border-bottom: 5px solid #ddd;
}

.page-title {
	color: #555;
	margin: 0;
	font: 300 36px/1.6 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	letter-spacing: .01em;
}

#logo { float: left; }

#logo h1,
#logo h2 { margin: 0; }

#logo h1 { font-size: 20px; }

#logo h2 { font-size: 12px; }

#site-title { font-size: 20px; }

#primary-menu {
	float: right;
    margin: 16px 0;
    font-size: 12px;
    z-index: 30;
}

.ie7 #primary-menu {
	position: absolute;
	top: 0;
	right: 0;
}

#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;
    margin: 0 0 0 25px;
}

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

#primary-menu ul ul {
    position: absolute;
    top: -9999em;
    width: 150px;
}

#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: #777;
	line-height: 12px;
	padding-bottom: 18px;
}

#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;
	padding-bottom: 6px;
	background: url(images/sep-horz-min.png) repeat-x bottom;
}

#primary-menu ul a.active,
#primary-menu ul a:hover { color: #444; }

/* 2nd level skin */
#primary-menu ul ul {
    padding: 0;
    background: #444;
    border-bottom: none;
    border-top: none;
    border-radius: 4px;
    border: 1px solid #111;
    box-shadow: 0 0 2px #111;
}

#primary-menu ul ul li:first-child a,
#primary-menu ul ul ul li:first-child a { border-radius: 4px 4px 0 0; }

#primary-menu ul ul li:last-child a,
#primary-menu ul ul ul li:last-child a { border-radius: 0 0 4px 4px; }

#primary-menu ul ul li {
    border-right: 0;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #222;
    float: none;
    text-align: center;
    background: none;
    width: auto;
}

#primary-menu ul ul li:last-child { border: none; }

.ie7 #primary-menu ul ul li {
	float: left;
	width: 100%;
}

.ie7 #primary-menu ul ul li a {
	float: left;
	width: 130px;
}

#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: 15px 10px !important;
    color: #eee;
    line-height: 20px;
    text-shadow: 0 1px 0 rgba(0,0,0,1);
    background: none;
}

#primary-menu ul ul li a:hover,
#primary-menu ul.sub-menu a.active {
    color: #fff;
    background: #777;
}

#primary-menu ul.sub-menu a.active { background: transparent; }

#primary-menu .button {
	display: inline;
	text-decoration: none;
	font-weight: normal;
	line-height: inherit;
	padding: 0;
	color: inherit;
	border: none;
}

.ie #primary-menu .button a { background: #f5f5f5; }

.ie #primary-menu .button a:hover { background: #fff; }

#primary-menu .button a {
	background: #f5f5f5;
	margin: -12px 0 0 0;
	display: block;
	padding: 9px 15px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255, 1);
	color: #444;
	font-weight: bold;
}

#primary-menu .button a:hover { background: #fff; }


/*---------------------------------------------------------------------------*/
/*  HOME  */
/*---------------------------------------------------------------------------*/

@keyframes sliderMoveFromBottom {
    from { bottom: -900px; }
    to { bottom: 0; }
}
@-webkit-keyframes sliderMoveFromBottom {
    from { bottom: -900px; }
    to { bottom: 0; }
}

@keyframes sliderMoveFromLeft {
    from { left: -900px; }
    to { left: 0; }
}
@-webkit-keyframes sliderMoveFromLeft {
    from { left: -900px; }
    to { left: 0; }
}

@keyframes sliderMoveFromRight {
    from { right: -900px; }
    to { right: 0; }
}
@-webkit-keyframes sliderMoveFromRight {
    from { right: -900px; }
    to { right: 0; }
}

.home-slider {
	margin: 60px 0 0 0;
	position: relative;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

.home-slider .slides_container {
	display: none;
	padding-bottom: 60px;
	z-index: 10;
	margin-bottom: -30px;
}

.home-slider .slide { height: 200px; }

.home-slider .post-wrap {
	width: 430px;
	float: left;
	position: relative;
	padding: 30px 0 0 30px;
	animation: sliderMoveFromLeft 1s;
	-webkit-animation: sliderMoveFromLeft 1s;
}

.home-slider .post-wrap.fullwidth {
	width: auto;
	float: none;
	padding: 0 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;
	color: #777;
}

.home-slider .featured-image {
	width: 430px;
	float: right;
	position: relative;
	margin-right: 30px;
	animation: sliderMoveFromBottom 0.8s;
	-webkit-animation: sliderMoveFromBottom 0.8s;
}

.home-slider .featured-image.fullwidth {
	width: auto;
	float: none;
	margin: 0;
	text-align: center;
}

.home-slider .featured-image.fullwidth img {
	display: inline;
	border-radius: 4px;
}

.home-slider .hentry {
	padding: 0 0 20px;
	margin: 0;
	border: none;
	width: 980px;
}

.home-slider .post-title {
	font-weight: bold;
	font-size: 30px;
	color: #444;
	line-height: 1.3;
}

.home-slider .pagination {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 0 20px;
	position: relative;
	left: 50%;
	z-index: 30;
}

.home-slider .pagination li {
	display: inline;
	position: relative;
	right: 50%;
	float: left;
	text-indent: -9999px;
	margin: 0 4px 0 0;
}

.home-slider .pagination li a {
	border: none;
	display: block;
	width: 23px;
	height: 5px;
	background: #bbb;
	margin: 0;
	padding: 0;
	float: none;
}

.home-slider .pagination li a:hover,
.home-slider .pagination li.current a { background: #777; }

.home-slider .slider-nav {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -66px;
	width: 980px;
	z-index: 20;
	display: none;
}

.home-slider .slider-nav.show a { display: block !important; }

.home-slider .slider-nav .next,
.home-slider .slider-nav .prev {
	display: block;
	position: absolute;
	width: 21px;
	height: 33px;
	background-image: url(images/slider-arrows-min.png);
}

.home-slider .slider-nav .next {
	right: -50px;
	background-position: bottom left;
}

.home-slider .slider-nav .prev {
	left: -50px;
	background-position: top left;
}

.home-slider .slider-nav .next:hover { background-position: bottom right; }

.home-slider .slider-nav .prev:hover { background-position: top right; }


/*---------------------------------------------------------------------------*/
/*  MAIN  */
/*---------------------------------------------------------------------------*/

.hentry { position: relative; }

.type-portfolio.hentry { background: #fff; }

.post-wrap-blog .post-content {
	margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #eee;
}

#header-title-wrap div.meta-published {
	top: auto;
	bottom: -35px;
	right: 0;
	left: auto;
	background: #ddd;
	width: 70px;
	height: 70px;
	border-radius: 35px;
}

.single .hentry {
	padding: 0;
	border: 0;
}

.post-wrap-page .post-content {
	margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #eee;
}

.post-wrap-blog,
.post-navigation { padding: 0 0 0 84px; }

.single .post-wrap-blog { padding: 0; }

.post-title { font-size: 22px; }

div.meta-published {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	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-header .meta-categories,
.post-header .meta-comment,
.post-header .meta-author {
	padding: 6px 12px 6px 22px;
	display: inline-block;
}

.meta-categories a,
.meta-comment a,
.meta-author a {
	color: #999;
	border-bottom: 1px solid #eee;
	font-size: 10px;
	text-transform: uppercase;
}

.meta-categories a:hover,
.meta-comment a:hover,
.meta-author a:hover { color: #111; }

#header .meta-categories a,
#header .meta-comment a,
#header .meta-author a { color: #777; }

#header .meta-author,
.post-wrap-blog .meta-author { background: url(images/icon-author-min.png) no-repeat center left; }

#header .meta-categories,
.post-wrap-blog .meta-categories { background: url(images/icon-pen-min.png) no-repeat center left; }

#header .meta-comment,
.post-wrap-blog .meta-comment { background: url(images/icon-comment-min.png) no-repeat center left; }

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

.post-header {
	margin: 0 0 20px 0;
	text-transform: uppercase;
	font-size: 10px;
	color: #999;
}

.featured-image { margin: 0 0 20px 0; }

.featured-image a,
.featured-image img { display: block; }

.gallery-item img {
	padding: 4px;
	border-radius: 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;
	background: #f5f5f5;
	border-radius: 4px;
	margin: 0 0 30px 0;
}

#comments h3 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 5px solid #eee;
	padding: 0 0 3px 0;
	margin: 0 0 20px 0;
	color: #444;
}

.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;
	border-bottom: 5px solid #eee;
}

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

#respond label { display: none; }

.ie8 #respon label { display: block; }

#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;
	border-radius: 35px;
	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; }

.type-portfolio .featured-image img { border-radius: 0px; }

#filter {
	width: 200px;
	float: left;
	margin: 0 55px 0 0;
	padding: 0;
}

#filter ul {
	margin: 0;
	padding: 0;
}

.ie7 #filter li { float: left; }

#filter li {
	display: block;
	width: 200px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	list-style: none;
}

#filter li.current li a,
#filter a {
	display: block;
	border: none;
	padding: 10px 15px;
	margin: 0 0 10px 0;
	background: #f5f5f5;
	float: none;
	border-radius: 4px;
	color: #999;
	position: relative;
}

#filter li a:hover,
#filter li.current a,
#filter li.current a:hover {
	background: #eee;
	color: #444;
}

#filter li a span {
	display: block;
	float: left;
	width: 16px;
	height: 20px;
	margin: 4px 15px 0 0;
	padding: 0;
	border: none;
	background-position: top left;
	background-repeat: no-repeat;
}

#filter li a span.arrow {
	display: block;
	float: right;
	width: 8px;
	height: 12px;
	margin: 4px 0 0 0;
	background: url(images/icon-arrow-min.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.ie7 #filter li a span.arrow {
	position: absolute;
	top: 10px;
	right: 10px;
}

#filter li a:hover span,
#filtercontent li.current a span { background-position: top right; }

#masonry {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 756px;
	float: left;
	position: relative;
	z-index: 10;
}

#masonry li {
	width: 222px;
	margin: 0 30px 30px 0;
	float: left;
	background: #fff;
}

#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;
	border-radius: 20px;
	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  */
/*---------------------------------------------------------------------------*/

.portfolio-nav { margin: 10px 0 60px 0; }

.portfolio-nav span.arrow {
	background-image: url(images/pagination-arrows-min.png);
	width: 5px;
	height: 8px;
	margin: 4px 0 0 0;
}

.portfolio-nav .next span.arrow {
	float: right;
	margin-left: 10px;
	background-position: bottom left;
}

.portfolio-nav .prev span.arrow {
	float: left;
	margin-right: 10px;
	background-position: top left;
}

.portfolio-nav .next:hover span.arrow { background-position: bottom right; }

.portfolio-nav .prev:hover span.arrow { background-position: top right; }

.portfolio-nav .next {
	float: right;
	display: block !important;
}

.portfolio-nav .prev {
	float: left;
	display: block !important;
}

#roundabout-wrap { padding: 0 0 80px 0; }

#roundabout-wrap ul {
	list-style: none;
	margin: 0;
}

#roundabout-wrap .roundabout-holder {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 700px;
	height: 500px;
	z-index: 20;
}

.roundabout-moveable-item {
	height: 500px;
	width: 700px;
	cursor: pointer;
}

.ie7 .roundabout-moveable-item {
	height: 35.7em;
	width: 52.40em;
}

#roundabout-wrap ul li img,
.roundabout-moveable-item img {
	height: 100%;
	width: 100%;
	background: #eee;
	box-shadow: 0 0 10px rgba(0,0,0,0);
	color: #eee;
}

#roundabout-wrap ul li img { height: auto; }

.roundabout-in-focus { cursor: auto; }

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

.dt-video iframe { box-shadow: 0 0 10px rgba(0,0,0,0); }

.portfolio-tabs { position: relative; }

.portfolio-tabs .slide { background: #fff; }

.portfolio-tabs .pagination {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -90px;
	left: 0;
}

.portfolio-tabs .pagination li {
	float: left;
	margin: 0;
	background: none;
}

.portfolio-tabs .pagination li a {
	margin: 0;
	padding: 0 20px;
	font-size: 14px;
	font-weight: bold;
	color: #999;
	border: 0;
	border-radius: 4px 4px 0 0;
	height: 40px;
	line-height: 40px;
	background: none;
	display: block;
}

.portfolio-tabs .pagination li.current a {
	background: #fff;
	color: #444;
}

.portfolio-tabs .pagination li a:hover { color: #444; }

.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: 16px;
	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 0;
	background: #f5f5f5;
	border-radius: 4px;
	color: #999;
}

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

#home-widgets .widget {
	margin: 0 0 80px 0;
	background: none;
	padding: 0;
	border-radius: 0;
	color: #555;
}

#home-widgets .widget_text,
#home-widgets .DT_Infoboxes { margin-bottom: 60px; }

#home-widgets .widget:last-child { margin-bottom: 20px; }

.widget-title {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 5px solid #eee;
	padding: 0 0 3px 0;
	margin: 0 0 20px 0;
	color: #444;
}

.ie7 #related .widget-title,
.ie7.page-template-template-home-php .widget-title { line-height: 13px; }

#related .widget-title,
.page-template-template-home-php .widget-title {
	text-align: center;
    margin: 0 0 50px 0;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 4px;
	background: #f5f5f5;
	height: 5px;
	line-height: 4px;
	font-weight: normal;
    border: none;
	padding: 0;
}

#related .widget-title span,
.page-template-template-home-php .widget-title span {
	background: #fff;
	padding: 0 30px;
}

.ie7 #related .widget-title span,
.ie7.page-template-template-home-php .widget-title span {
	display: inline-block;
	margin: -4px 0 0 0;
}

.widget ul {
	margin: 0;
	list-style: none;
}

.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 {
	width: 1011px;
	list-style: none;
	margin: 0 0 0 0;
}

#sidebar .boxes { width: auto; }

#sidebar .DT_Infoboxes {
	padding: 0;
	background: none;
}

.box {
	position: relative;
	width: 306px;
	height: 284px;
	float: left;
	margin: 0 31px 0 0;
	background: #f5f5f5;
	border-radius: 4px;
	overflow: hidden;
	color: #999;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.box-inner {
	padding: 25px;
	text-align: center;
}

.box-icon {
	margin: 0 0 20px 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-title {
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: bold;
	font-size: 14px;
	color: #444;
	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;
	-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 10px 0; }

.box a {
	font-weight: bold;
	border-bottom: 1px solid #e1e4e6;
	display: inline-block;
}

.box .box-link { font-size: 13px; }

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

.box:hover { background-color: #555; }

.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: #aeb4bb;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}

.box:hover .box-link {
    color: #fff;
    border-bottom: 1px solid #333;
}

@-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 -30px 0;
}

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

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

#sidebar .testimonial-slider .slide {
	background: #f5f5f5;
	font-size: 12px;
	padding: 0 20px;
	width: 226px;
}

.testimonial-slider .slide {
	text-align: center;
	font-size: 16px;
	font-style: italic;
	padding: 20px 170px;
	background: #fff;
	width: 640px;
	min-height: 80px;
	overflow: visible;
}

.testimonial-slider .slide p {
	position: relative;
	z-index: 20;
}

.ie7 .testimonial-slider .quote-right,
.ie7 .testimonial-slider .quote-left { margin-top: -80px; }

#sidebar .testimonial-slider .quote-right,
#sidebar .testimonial-slider .quote-left { display: none; }

.testimonial-slider .quote-right,
.testimonial-slider .quote-left {
	position: absolute;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	top: 50%;
	margin: -100px 0 0 0;
	font-size: 300px;
	line-height: 300px;
	z-index: 10;
	color: #f5f5f5;
}

.testimonial-slider .quote-left { left: 130px; }

.testimonial-slider .quote-right { right: 160px; }

.testimonial-slider .meta {
	margin: -15px 0 0 0;
	color: #aaa;
	position: relative;
	z-index: 20;
}

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

.testimonial-slider .meta a {
	color: #aaa;
	border-bottom: 1px solid #eee;
}

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

.testimonial-arrows {
	position: absolute;
	height: 12px;
	width: 100%;
	top: 50%;
	margin: -12px 0 0 0;
}

.testimonial-arrows.show a { display: block; }


.testimonial-arrows a {
	background-image: url(images/small-arrows-min.png);
	background-position: top left;
	width: 8px;
	height: 12px;
	display: block;
}

.testimonial-arrows .prev {
	float: left;
	margin: 0 0 0 84px;
}

.testimonial-arrows .next {
	float: right;
	margin: 0 94px 0 0;
	background-position: bottom left;
}

#sidebar .testimonial-arrows .prev { margin: 0 0 0 -10px; }

#sidebar .testimonial-arrows .next { margin: 0 -10px 0 0; }

.testimonial-arrows .prev:hover { background-position: top right; }

.testimonial-arrows .next:hover { background-position: bottom right;}

/* Content Slider */
.content-slider {
	position: relative;
	margin: 0 0 -30px 0;
}

.content-slider .slides_container {
	width: 725px;
	float: right;
	display: none;
	padding-bottom: 20px;
}

.content-slider .slide { background: #fff; }

.content-slider .pagination {
	width: 200px;
	float: left;
}

.content-slider .pagination li {
	display: block;
	width: 200px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	list-style: none;
}

.content-slider .pagination a {
	display: block;
	border: none;
	padding: 10px 15px;
	margin: 0 0 10px 0;
	background: #f5f5f5;
	float: none;
	border-radius: 4px;
	color: #888;
	position: relative;
}

.content-slider .pagination li.current { background: none; }

.content-slider .pagination li a:hover,
.content-slider .pagination li.current a {
	background: #eee;
	color: #444;
}

.content-slider .pagination li a span {
	display: block;
	float: left;
	width: 16px;
	height: 20px;
	margin: 4px 15px 0 0;
	padding: 0;
	border: none;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
}

.content-slider .pagination li a span.arrow {
	display: block;
	float: right;
	width: 8px;
	height: 12px;
	margin: 4px 0 0 0;
	background: url(images/icon-arrow-min.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.ie7 .content-slider .pagination li a span.arrow {
	position: absolute;
	top: 10px;
	right: 10px;
}

.content-slider .pagination li.icon-projects a span.icon { background-image: url(images/icon-projects-min.png); width: 15px; }
.content-slider .pagination li.icon-blog a span.icon { background-image: url(images/icon-blog-min.png); }
.content-slider .pagination li.icon-twitter a span.icon { background-image: url(images/icon-twitter-min.png); }
.content-slider .pagination .icon-twitter:before { display: none; }
.content-slider .pagination li a:hover span,
.content-slider .pagination li.current a span { background-position: top right; }

.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 .post-header {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: #eee;
	text-align: center;
}

.content-slider .meta-published span {
	display: block;
	color: #555;
	font-weight: 300;
}

.content-slider .meta-published span.month {
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	margin: 6px 0 0 0;
}

.content-slider .meta-published span.day {
	font-size: 18px;
	line-height: 18px;
	color: #777;
}

.content-slider .post-wrap {
	float: right;
	width: 168px;
	margin: -5px 0 0 0;
}

.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;
	border-bottom: 1px solid #efefef;
	float: left;
}

.ie7 .follow-me,
.ie7 .content-slider .visit,
.ie7 .more-link {
	float: right;
	position: relative;
	padding-right: 15px;
}

.ie7 .right-arrow {
	position: absolute;
	top: 2px;
	right: 0;
}

a.more-link,
a.follow-me,
.content-slider a.visit {
	display: inline-block;
	margin: 0 33px 0 0;
	text-transform: uppercase;
	border-bottom: 1px solid #efefef;
	font-size: 11px;
	font-weight: bold;
}

.right-arrow {
	float: right;
	width: 5px;
	height: 8px;
	margin: 4px 0 0 10px;
	background-image: url(images/right-arrow-min.png);
	background-position: top left;
}

a:hover .right-arrow { background-position: top right; }

/* Callout Box */
.callout-box {
	background: #eee;
	padding: 30px;
	border-radius: 4px;
}

.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 {
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
	width: 76.086956521739%;
	float: left;
	background: url(images/sep-vert-min.png) repeat-y right top;
}

.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: 23.913043478261%;
	margin: 5px 0;
}

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

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

a.button-arrow {
	border-radius: 4px;
	border: 1px solid #111;
	border-width: 0 1px;
	display: inline-block;
	background: #333 url(images/button-bg-min.png);
	padding: 9px 50px 11px 15px;
	box-shadow: 0 0 2px rgba(85, 85, 85, 1);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
	color: #f5f5f5;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	position: relative;
}

.callout-box a.button-arrow { display: block; }

a:hover.button-arrow { background-position: 0 -33px; }

a:active.button-arrow { background-position: 0 -66px; }

a.button-arrow span {
	position: absolute;
	right: 13px;
	top: 8px;
	background: url(images/button-arrow-min.png) no-repeat;
	width: 16px;
	height: 16px;
}

#menu-button.button-arrow span { background: url(images/button-arrow-down-min.png) no-repeat; }

/* eNews */
#sidebar .enews { background: none; }

.enews {
	background: #f5f5f5 url(images/enews-icon-min.png) center center no-repeat;
	border-radius: 4px;
}

.enews-excerpt {
	float: left;
	width: 42.857142857143%;
	color: #999;
}

#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: 42.857142857143%;
	text-align: right;
	margin-top: 10px
}

#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: 10px 10px 8px;
	border-radius: 4px;
	margin: 0 5px 0 0;
	border: none;
	width: 67%;
	color: #999;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	float: left;
	font-style: italic;
	outline: none;
	box-shadow: 0 0 2px rgba(170, 170, 170, 1), inset 0 -3px 0 rgba(245, 245, 245, 1);
}

.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 {
	border-radius: 4px;
	border: 1px solid #111;
	border-width: 0 1px;
	display: block;
	background: #222 url(images/button-bg-min.png);
	padding: 10px 15px;
	box-shadow: 0 0 2px rgba(85, 85, 85, 1);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
	color: #f5f5f5;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	margin: 0 !important;
	position: relative;
	float: right;
}

.submit:hover { background-position: 0 -33px; }

.submit:active { background-position: 0 -66px; }

.center { text-align: center; }

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

.widget .s { width: 308px; }

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

.DT_Search .submit {
    width: 58px;
    float: right;
    background: #fff;
}

.DT_Search input { width: 240px }

.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_Flickr img { border-radius: 4px; }

.about-me-image {
    float: left;
    margin: 0 15px 0 0;
}

.about-me-link { display: block }

.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 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 li {
    list-style: none;
    margin: 0 30px 20px 0;
}

.DT_Twitter a {
	color: #444;
	border-bottom: 1px solid #eee;
}

.DT_Twitter a:hover { color: #111; }

a.follow-me { margin-top: 20px; }

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


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

#footer-widgets {
	width: 980px;
	margin: 0 auto;
	padding: 50px 0;
	text-shadow: 0 1px 1px rgba(255,255,255, 0.5);
}

#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;
	border-radius: 0;
}

#footer-widgets .col.first .widget-inside {
	background: none;
	margin: 0;
	padding: 0;
}

#footer-widgets .widget-inside {
	background: url(images/sep-vert-min.png) repeat-y top left;
	margin-left: 20px;
	padding: 0 0 0 20px;
}

#footer-widgets .widget-title {
	background: none;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	color: #555;
	letter-spacing: normal;
	height: auto;
	line-height: normal;
	border: none;
	text-transform: uppercase;
}

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

#footer-widgets .col {
	float: left;
	width: 168px;
}

#footer {
	background: url(images/sep-horz-min.png) repeat-x top;
    padding: 20px 0;
    margin: 0 auto;
    width: 980px;
    text-align: center;
    color: #444;
    text-shadow: 0 1px 1px rgba(255,255,255, 0.5);
}

#footer a { color: #444; }

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

#footer p { margin: 0; }


/*---------------------------------------------------------------------------*/
/*  EXTRAS  */
/*---------------------------------------------------------------------------*/

.tabber ul.tabs { border-left: 0; }
.tabber .tabs a {
	border-radius: 4px 4px 0 0;
	border: 0;
	margin-right: 1px;
}
.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; }