/*********************************************************************************************

Theme Name: Digital
Theme URI: http://www.wpzoom.com/themes/digital
Version: 1.0.2
Author: WPZOOM
Author URI: http://www.wpzoom.com
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public 
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file.

**********************************************************************************************

1.  Toolbox CSS  -----------------------  All Theme Files
2.  Page Structure  --------------------  index.php
3.  Navigation  ------------------------  header.php
4.  Featured Slider  -------------------  wpzoom-slider.php
5.  Portfolio Gallery ------------------  wpzoom-portfolio-all.php
6.  Portfolio Item ---------------------  single-portfolio.php
7.  Archive posts ----------------------  loop.php
8.  Single posts -----------------------  single.php
9.  Comments  --------------------------  comments.php
10.  Widgets ---------------------------  header.php
11.  Footer  ---------------------------  footer.php


**********************************************************************************************/


/********************************************************************************************* 

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/


/* Reset & General Styling */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
dd { margin: 0 0 0 40px; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #EAE7DE; }
td { vertical-align: top; }

/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Headings */
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;  }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

.floatleft { float: left; }
.floatright { float: right; }
.sticky, .bypostauthor {}


/* Tooltip effect */	
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tipsy-arrow { position: absolute; width: 0; height: 0; border: 5px solid transparent; }
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
.tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow, .tipsy-ne .tipsy-arrow { top: 0; border-top: none; }
.tipsy-s .tipsy-arrow, .tipsy-sw .tipsy-arrow, .tipsy-se .tipsy-arrow { bottom: 0; border-bottom: none; }
.tipsy-n .tipsy-arrow, .tipsy-s .tipsy-arrow { left: 50%; margin-left: -5px; }
.tipsy-nw .tipsy-arrow, .tipsy-sw .tipsy-arrow { left: 10px; }
.tipsy-ne .tipsy-arrow, .tipsy-se .tipsy-arrow { right: 10px; }
.tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow { top: 50%; margin-top: -5px; }
.tipsy-e .tipsy-arrow { right: 0; border-right: none; }
.tipsy-w .tipsy-arrow { left: 0; border-left: none; }

/* Isotope */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

/* Navigation  */
div.navigation { text-align:center; font-size: 16px; margin:0 0 30px; }
div.navigation a { font-weight: normal; padding:0; margin: 0 8px; }
div.navigation span.current { 
	background: #272A30;
	font-weight: normal; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px; 
	color: #fff; 
 	padding: 3px 7px; 
}
div.navigation span.pages { margin-right: 0; display: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0; }
div.navigation .prev { margin: 0 16px 0 0; }
div.navigation .next { margin: 0 0 0 16px; }

.page-template-template-portfolio-paginated-php .navigation { display: none; }

/* Forms */
input, textarea { 
	padding: 14px;
	border: 1px solid #c6c6c6;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; 
 
	-moz-box-shadow: inset 0 1px 1px #ddd;
	-webkit-box-shadow: inset 0 1px 1px #ddd;
	box-shadow: inset 0 1px 1px #ddd;

	font-size: 13px; 
	padding: 13px 6px; 
	color: #000; 
	background: #fff;  
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

input:focus, textarea:focus { 
	border-color: #999;  
}

button,
input[type=button],
input[type=reset],
input[type=submit] {  
	background: #272A30;
	font-weight: normal; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
	color: #fff; 
	font-size: 16px;
	border: 0;   
	padding: 11px 25px; 
	margin: 0; 
	text-align: center; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow:none;  
	display: inline; 
	width: auto;   
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover { 
	background: #414857;  
	cursor: pointer; 
	-webkit-transition-duration: 0.2s; 
	-moz-transition-duration: 0.2s; 
	transition-duration: 0.2s; 
}

input[type='submit']::-moz-focus-inner { 
	border: 0; 
	padding: 0; 
}

input#s { float:left; margin:0 5px 0 0; }

/********************************************************************************************* 

2. Sidebar & Page Structure  -------------------------  header.php

*********************************************************************************************/  

body {
    background: #fff;
    color: #454343;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    text-align: center;
    font-size:14px;
    line-height:1.6;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
 
a { 
	text-decoration:none; 
	color: #000; 
	outline:none; 
	border:none;
}

a:hover { text-decoration:underline; }

p {margin: 0 0 16px; }

#wrapper {
    text-align: center;
}

#inner-wrap {
	text-align: left;
}

#main {
	margin-left: 240px;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 100;
 	line-height: normal;
	color: #514b4b;
	background-color: #F3F3F3;
	width: 200px;
	padding: 80px 20px 20px;
}
 
#logo {
	margin: 0 15px 145px 0;
}

#logo h1 {
	font-size: 23px;
	font-weight: normal;
}

#logo h1 a {
	color: #242424;
}

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

#logo #tagline {
	font-size: 17px;
	font-weight: 300;
	color: #808080;
	margin: 20px 0 0;
}

#header #widgets .widget {
	padding: 0 0 30px;
}

#header #widgets .widget .title {
 	border:none;
 	color: #000;
 	margin:0 0 12px;
 	font-weight: normal;
}

#header #widgets .widget_search form {
	font-size: 0;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#header #widgets .widget_search fieldset {
	position: relative;
	width: 100%;
}

#header #widgets .widget_search input {
	display: block;
	font-size: 12px;
	vertical-align: top;
	background-color: transparent;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#header #widgets .widget_search #s {
	color: #adadad;
	height: 28px;
	width: 100%;
	padding: 0 33px 0 5px;
	border: 0;
}

#header #widgets .widget_search #searchsubmit {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	text-indent: -9999em;
	background: url('images/search-icon.png') center center no-repeat;
	opacity: 0.5;
	height: 28px;
	width: 28px;
	padding: 0;
	border: 0;
	overflow: hidden;
}

#header #widgets .widget_search #searchsubmit:hover, #header #widgets .widget_search #searchsubmit:active {
	opacity: 1;
}

/********************************************************************************************* 

3. Navigation  -------------------------  header.php
   
*********************************************************************************************/  

#menu {
	position:relative;
    z-index:50;
	margin-bottom: 50px;
}

.btn_menu { display:none; }

#main-menu * { -moz-transition-duration: 0; -webkit-transition-duration: 0; transition-duration: 0; }
.dropdown a { display: block; position: relative; color: #999; text-decoration: none; font-size: 18px; font-weight: 300; padding: 7px 0; }
.dropdown a:hover { text-shadow: none; color: #464242; }
.dropdown li.current-menu-item a,  
.dropdown li.current_page_item a,  
.dropdown li.current-menu-ancestor a,  
.dropdown li.current-menu-parent a,  
.dropdown li.current_page_parent  a { color: #464242; }
.dropdown li.current_page_item.top-level ul.sub-menu { display: block ; }
.dropdown { margin: 0 auto; width: 100%; }
.menu-button { display: block; padding: 1em; color: #333; background-image: url('images/arrow-down.png'); background-repeat: no-repeat; background-position: 93% 18px; cursor: pointer; }
.dropdown:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.dropdown li { position: relative; list-style: none; display: block; width: 100%; }
.dropdown li a { margin-right: 20%; display: block; color: #999; font-size: 18px; font-weight: 300; }
.dropdown .top-level a { position: relative; display: block; padding: 7px 0; z-index: 2; }
.dropdown li ul { width: 100%; position: relative; }
.dropdown li ul li { float: none; width: 100%; }
.dropdown li ul li a { display: block; }
.dropdown .item-with-ul { background-image: url('images/arrow-down.png'); background-repeat: no-repeat; background-position: 93% 18px; }
.sub-menu { display: none; padding-left: 10px; }
.sub-menu li a {font-size: 11px;}
.sub-menu.open { display: block; }


/********************************************************************************************* 

4. Featured Slider -------------------------  wpzoom-slider.php

*********************************************************************************************/   
 
 
#slider { 
	position:relative; 
	width:960px; 
 	overflow:hidden;
	margin:40px 0 0;
}
 
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}

.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.slides > li {
	display: none;
	position: relative;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
}

.slides li .image, .slides li .content {
	float: left;
}

.slides li .image {
	font-size: 0;
}

.slides li .content {
	color: #9B9B9B;
	width: 300px;
	float: right;
	font-weight: 300;
}

.slides li .content h3 {
	font-size:24px;
	color: #ebeaea;
	margin-bottom: 10px;
	line-height: 1.3;
	font-weight:300;
}

.slides li .content h3 a {
	color: #fff;
}

.slides li .content h3 a:hover, .slides li .content h3 a:active {
	color: #9B9B9B;
	text-decoration: none;
}

.slides li .content .category {
  	margin-bottom: 20px;
}

.slides li .content .category a:hover, .slides li .content .category a:active {
	text-decoration: none;
	color: #fff;
}

.slides li .content .category, .slides li .content .category a {
	color: #9B9B9B;
	font-weight: 300;
}

.no-js .slides > li:first-child {display: block;}

.flexslider {margin: 0 0 15px;   position: relative;   zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

/* Direction Nav */
#slider .flex-direction-nav { position: absolute; right: 220px; bottom: 0; z-index: 9999;}
#slider .flex-direction-nav li { display: inline-block; }
#slider .flex-direction-nav a { width: 35px; height: 35px; display: block; cursor: pointer; font-size: 1px;  text-indent: -2000px; background: #52535A url("images/arrows.png") no-repeat 12px 50%; border-radius: 3px; opacity: 0.5; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#slider .flex-direction-nav a:hover { background-color: #434549; opacity: 1; }
#slider .flex-direction-nav .flex-prev { margin-right: 10px; }
#slider .flex-direction-nav .flex-next { background-position: -12px 50%;}
#slider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
 
#slider .flex-viewport li .postcontent { height:100%; overflow:hidden;}


/********************************************************************************************* 

5. Portfolio Gallery ----------------------------- template-portfolio.php

*********************************************************************************************/   

#heading {
 	background-color: #272A30;
	padding: 40px;
}

#heading #heading_wrap {
	width: 960px;
}

#heading h2 { 
	font-size:30px; 
	font-weight:300; 
	color:#FFFEFE;
	line-height: 1.1;
}

#heading #portfolio-tags {
 	word-spacing: 5px;
 	text-align: right;
	line-height: 30px;
	color: #adadad;
	margin: 0;
}

#heading #portfolio-tags a {
	text-decoration: none;
	color: #adadad;
}

#heading #portfolio-tags a:hover, #heading #portfolio-tags a:active, #heading #portfolio-tags a.active {
	color: #fff;
}


#heading #portfolio-fixed {
 	word-spacing: 5px;
 	text-align: right;
	line-height: 30px;
	color: #adadad;
	margin: 0;
}

#heading #portfolio-fixed li {
	display: inline;
	list-style-type: none;
}

#heading #portfolio-fixed a {
	text-decoration: none;
	color: #adadad;
}

#heading #portfolio-fixed a:hover  {
	color: #fff;
}
 


#portfolio #portfolio-items {
	margin:0 -15px;
	width: 990px;
}

#portfolio #portfolio-items li {
	font-size: 0;
	width: 300px;
	margin: 0 15px 30px;
	position:relative;
	float:left;
}

#portfolio #portfolio-items .meta {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 500;
	font-weight: 300;
	font-size:18px;
	color: #c5c5c5;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px 25px;
	margin: 0;
	opacity: 0;
	-moz-transition: opacity 300ms;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}

#portfolio #portfolio-items li:hover .meta {
	opacity: 1;
}

#portfolio #portfolio-items .meta h3 a {
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	line-height: 1;
}

#portfolio #portfolio-items .meta h3 a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#load-more {
	display: block;
	font-size:16px;
	font-weight:300;
	text-decoration: none;
	text-align: center;
	color: #828282;
	background-color: #ebebeb;
 	padding: 20px 0;
 	margin-top: 30px;
	-moz-transition: background-color 300ms;
	-webkit-transition: background-color 300ms;
	transition: background-color 300ms;
}

#load-more:hover, #load-more:active {
	background-color: #dfdfdf;
}


/********************************************************************************************* 

6. Portfolio Item  -------------------------   single-portfolio.php

*********************************************************************************************/   

#content {
	position: relative;
	padding:40px 0 40px 40px;
	width: 960px;
}

.single-post #content {
	width: 740px;
}
 
#heading small {
 	font-size: 12px;
 	color: #adadad;
}

#heading small a {
	color: #adadad;
}

#heading small a:hover  {
	color: #fff;
}

#portfolio-slider {
 	margin:0 0 20px;
 	width: 100%; 
    position:relative;
    overflow:hidden;
}

#portfolio-slider .flex-direction-nav { position:absolute; top:0; right:0; width:100px; height:30px; }
#portfolio-slider .flex-direction-nav li {  list-style-type: none;}
#portfolio-slider .flex-direction-nav a { position: absolute; top:0; right:0; width: 30px; height: 30px; display: block; cursor: pointer; font-size: 1px;  text-indent: -2000px; background: url("images/arrows-port.png") no-repeat 0 0; opacity: 0.8; -webkit-transition: all .3s ease;}
#portfolio-slider .flex-direction-nav .flex-next {background-position: -41px 0; right: 0; }
#portfolio-slider .flex-direction-nav .flex-prev {right: 36px;}
#portfolio-slider .flexslider:hover .flex-next {opacity: 0.8;   background-position: 31px -33px;}
#portfolio-slider .flexslider:hover .flex-prev {opacity: 0.8;   background-position: 0 -33px;}
#portfolio-slider .flex-next:hover,  #portfolio-slider .flex-prev:hover {opacity: 1;}
 
#portfolio-slider .flex-viewport li .postcontent { height:100%; overflow:hidden;}
 
#portfolio-slider .caption { position:absolute; background:url(images/bg_caption.png) repeat; bottom:0; color:#fff; left:10px; padding:0 10px;}

.single-nav { float: right; }
.single-nav a { background: #52535A url("images/arrows.png") no-repeat 12px 50%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; opacity: 0.5; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; display: block; float: left; height: 35px; width: 35px; position: relative; }
.single-nav a:hover { background-color: #434549; opacity: 1; }
.single-nav a:active { top: 1px; }
.single-nav a.disabled { opacity: 0.3; pointer-events: none; }
.single-nav .next_project { background-position: -12px 50%; margin-left: 10px; }
.slides_container .caption { position:absolute; background:url(images/bg_caption.png) repeat; bottom:0; color:#fff; left:10px; padding:0 10px;}

.single-portfolio .post_content {
 	float:left;
	width: 960px; 
 	margin: 0 20px 0 0; 
}

.single-portfolio .entry {
	width: 680px;
	margin-bottom: 0;
}

#similar-projects {
 	width: auto; 
 	margin: 0; 
}

.aside {
	float:right;
 	color: #7E7E7E;
	width: 250px;
	margin:0;
}

.aside h4 {
	color: #000;
	border-bottom: 1px solid #e8e8e8;
	padding: 0 0 8px;
	margin:0 0 8px;
	font-weight: normal;
}
	
.aside ul li {
	list-style-type:square;
	margin:0 0 0 20px;
}

#similar-projects > h3 {
	font-weight: normal;
	padding: 40px 0 20px;
}

#similar-projects ul {
	margin: -15px;
}

#similar-projects ul li {
	float: left;
	position: relative;
	font-size: 0;
	width: 200px;
	margin: 15px;
}

#similar-projects ul .meta {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 500;
	font-weight: 300;
	font-size:16px;
	color: #c5c5c5;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px 25px;
	margin: 0;
	opacity: 0;
	-moz-transition: opacity 300ms;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}

#similar-projects ul li:hover .meta {
	opacity: 1;
}

#similar-projects ul .meta h3 a {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

#similar-projects ul .meta h3 a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
		

/********************************************************************************************* 

7. Homepage  -------------------------  index.php

*********************************************************************************************/   

#portfolio-home {
	margin:0 0 40px;
}

#portfolio-home #heading {
 	background-color: transparent;
	padding: 0;
}

#portfolio-home #heading h3 {
  	color: #555;
}

#portfolio-home #heading #portfolio-tags {
	word-spacing: 5px;
 	text-align: right;
	line-height: 30px;
	color: #999;
	margin: 0;
}

#portfolio-home #heading #portfolio-tags a {
	text-decoration: none;
	color: #888;
}

#portfolio-home #heading #portfolio-tags a:hover, #portfolio-home #heading #portfolio-tags a:active, #portfolio-home #heading #portfolio-tags a.active {
	color: #555;
}

#portfolio {
	width: 960px;
 	border-top: 0;
 	margin:40px; 
}

#portfolio-home #portfolio {
	margin:30px 0 15px;
}

#recentposts {
  	border-top: 0;
 	margin:0 0 15px; 
}

#portfolio-home h2,
h2.section_title {
 	border: 0;
	margin: 0;
	color: #555;
	float:left;
	font-size: 30px;
	font-weight: 300;
}

#recentposts h2.section_title {
	margin-bottom: 30px;
}

#recentposts > ul {
	margin:0 0 0 -30px;
}

#recentposts > ul li {
	float: left;
  	color: #747373;
	width: 300px;
	margin: 0 0 30px 30px;
	list-style-type: none;
}

#recentposts > ul li .post-thumb {
	font-size: 0;
	margin-bottom: 10px;
}

#recentposts > ul li h2 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 4px;
	line-height: 1.3;
}

#recentposts > ul li h2 a {
	color: #555;
}

#recentposts > ul li h2 a:hover, #recentposts > ul li h2 a:active {
	color: #000;
}

#recentposts > ul li .meta {
	float: none;
 	color: #adadad;
	margin: 0 0 15px;
	font-weight: 300;
}

#recentposts > ul li .meta a {
	color: #adadad;
}

#recentposts > ul li .meta a:hover, #recentposts > ul li .meta a:active {
	color: #000;
}

#recentposts > ul li .postcontent *:last-child {
	margin: 0;
}

.posts {
	border-top: 1px solid #ebebeb;
	padding: 35px 0 0;
	margin: 35px 0 0;
}

.posts:first-child {
	padding-top: 0;
	border-top: 0;
	margin-top: 0;
}

.posts .meta {
	float: none;
 	margin-left: 20px;
}

.post_content .meta {
	float: none;
	margin:0;
}

.post_content .meta span { 
	margin:0 20px 0 0;
}

.posts .meta h3, .post_content .meta h3 {
 	margin: 25px 0 5px;
}

.posts .meta h3:first-child, .post_content .meta h3:first-child {
	margin-top: 0;
}
 

.posts .meta .post-edit-link, .post_content .meta .post-edit-link {
	display: inline-block;
}

.posts .post-thumb {
	font-size: 0;
	margin: 0 0 15px;
}


.posts .postcontent {  overflow: hidden; margin-top: 20px; }
  
.posts .postmetadata { margin: 0 0 10px; }
 
.post_content { width: 740px; }

.post_content h1 a { margin-bottom:10px; }
	
.posts h2 a {
	line-height: 1.2;
	margin: 0 0 4px; 
	font-size:26px;
	color:#333;
	font-weight:normal;
}
	
.posts h2 a:hover {
	text-decoration:underline;
}
 
/********************************************************************************************* 

8. Single Posts Styling  ---------------------------------	 single.php, page.php

*********************************************************************************************/   
 
.single-post #heading h2 {
	margin:0 0 15px;
 	font-weight: 300;
	font-size: 26px;
}

.single-post #heading .post-thumb {
	font-size: 0;
	padding: 0 0 20px;
}

.single-post .meta {
	float: left;
  	color: #adadad;
	margin: 0;
}

.single-post .meta h3 {
 	color: #828282;
	margin: 25px 0 5px;
}
 
.single-post .meta a {
	text-decoration: none;
	color: #adadad;
}

.meta span {
	display: inline;
	margin:0 20px 0 0;
 	color:#9B9B9B;
}

.single-post .meta a:hover, .single-post .meta a:active {
	color: #fff;
}

 
.post_content h2 {
	margin-bottom: 15px;
}

.post_content h2 a {
 	text-decoration: none;
}
	
.post_content h2 a:hover {
	text-decoration: underline;
}

.entry {
	padding-bottom: 35px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 35px;
}

.entry *:last-child {
	margin-bottom: 0;
}
	
.entry .meta {
	float: left;
}
		
.entry .meta a { 
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	margin: 0 !important;
}
 	
p.postmetadata {
	font-size: 11px;
	margin: 0;
	color: #999; 
}
	 
.entry {
  	overflow: hidden;
 	line-height: 1.7;
}

.entry a {
	text-decoration: underline;
}

.entry a:hover {
	text-decoration: none;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	font-weight: bold;
	margin-bottom: 12px; 
	line-height:1.3;
	color:#3D3D3D;
	}

.entry p { margin-bottom: 14px; }

.entry a:hover { text-decoration:none; }
 

.entry img { margin-bottom:10px; }

.entry img.alignnone, 
.entry img.aligncenter, 
.entry img.alignleft, 
.entry img.alignright {
	margin-bottom: 10px;
	max-width:100%;
  	height:auto;
}

.entry .galleria-container img { border:0; padding:0; }

.entry ul, .entry ol { margin: 0 0 14px 14px; }
.entry li ul, .entry li ol { margin-bottom: 0; }
.entry li { list-style-position: inside; }
.entry ul li { list-style-type: square; }
.entry ol li { list-style-type: decimal; }
 
.entry blockquote {
	font-style: italic;
	font-family:Georgia, serif;
	font-size: 16px;
  	border: solid 1px #ddd;
	border-left: solid 5px #ddd;
  	padding: 15px;
	margin: 10px; 
}

.post_content #recentposts > h3.title {
	padding-top: 0;
}
 


/* [gallery] shortcode */
.entry .gallery .gallery-item { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { margin: auto; text-align: center; clear: both; }

/* Images align */
.entry .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft, .entry .alignleft { float: left; margin: 5px 15px 5px 3px; }
.alignright, .entry .alignright { float: right; margin: 5px 4px 5px 15px; }

/* Caption for Images */
.entry .wp-caption { text-align:center; max-width: 100% !important;  background:rgba(255,255,255,0.7);   }
.entry .wp-caption img { margin:0; background:none;  max-width:100%;  width:auto; height:auto; }
.entry .wp-caption-text { margin:0; padding:4px 0 0; color:#A7A3A3; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }

img.wp-smiley { padding: 0; border: none; }

.thumbnails { background: #FFFDEA; border: 1px solid #EEE7AB; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; clear: both; float: left; padding: 10px 10px 5px; margin: 10px 0 20px; font-size: 11px; line-height: 1.6em; }
.thumbnails img { margin: 5px 15px 10px; width: 144px; height: 144px; }
 
/********************************************************************************************* 

9. Comments  -------------------------  comments.php

*********************************************************************************************/   

#comments { clear: both; }
#comments h3 { font-size: 22px; line-height: 1.3; margin: 30px 0; padding: 0; color:#222; font-weight: normal; }

#comments .navigation { padding: 0 0 18px 0; }
.commentlist { list-style: none; padding:0 0 20px 40px;	margin:0 0 0 -40px;	border-bottom: 1px solid #eee; }
.commentlist li.comment { border-bottom: 1px solid #eee;  line-height: 1.7; margin: 0 0 24px 0; padding: 0 0 0 76px; position: relative; }
.commentlist li:last-child { border-bottom: none; margin-bottom: 0; }
#comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; }
#comments .comment-body p:last-child { margin-bottom: 6px; }
#comments .comment-body blockquote p:last-child { margin-bottom: 24px; }
.commentlist ol { list-style: decimal; }
.commentlist .avatar { position: absolute; top: 4px; left: 0; -webkit-border-radius: 2px; border-radius: 2px; }
.comment-author { margin-bottom:3px; }
.comment-author cite { color: #B1B1B1; font-weight: normal; font-style:normal; font-size:18px; }
.comment-author .says {  display:none; }
.comment-meta { font-size: 12px; color:#a7a7b3; margin: 0 0 10px; }
.comment-meta a:link, .comment-meta a:visited { color: #a7a7b3; text-decoration: none; }
.comment-meta a:active, .comment-meta a:hover { color: #333; }
.reply { font-size: 12px; padding: 0 0 24px 0; }
.commentlist .children { list-style: none; margin: 0; }
.commentlist .children li { border: none; margin: 0; }
.nopassword, .nocomments { display: none; }
#comments .pingback { border-bottom: 1px solid #eee; margin-bottom: 18px; padding-bottom: 18px; }
.commentlist li.comment+li.pingback { margin-top: -6px; }
#comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; }
#comments .pingback .url { font-size: 13px; font-style: italic; }
.comment-notes { display:none; }

/* Comments form */
#respond { padding-bottom: 80px; }
#respond .form-allowed-tags { display:none; }
#formLabels { float: left; }
#main #formLabels p { float: left; display: inline; margin: 0 0 14px; width: 100%; color: #8B8B8B; }
#formLabels p label { font-size: 13px; color: #969696; }
#respond .form_fields p .required_lab { margin-left:10px; color:#a7a7b3;}
#formLabels p.last { margin-right: 0; }
#respond textarea {  height: 145px;  }
#respond input, #respond textarea { width: 70%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#respond input { width: 40%; }
#respond #submit { float:left; width: auto; }
#respond ::-webkit-input-placeholder { color: #999; }
#respond :-moz-placeholder { color: #999; }
#respond :-ms-input-placeholder { color: #999; }
#respond #formContent { margin: 7px 0; float: right; }

#cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; }

.comment-list li #respond p { margin-left: 0; }
#comments .commentlist li #respond h3 { background:none; margin-top:0;}
#comments .commentlist li #respond  { border-top:none; padding-bottom: 80px; }
#trackbacks { float: left; width: 100%; }
#trackbacks ol { padding: 10px 0; }
#trackbacks li { list-style-type: decimal; padding: 5px 0 5px 15px; }


/********************************************************************************************* 

10. Widgets  

*********************************************************************************************/   
 
 
.widget ul { clear: both;  line-height: 1.7; }
.widget ul li { list-style-type: none; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }

.widget #cat, .widget select { width: 100%;   border: 1px solid #cdcfd4; color: #333333; display: inline; padding: 5px; line-height: 1.5; clear: both; float: left;  }

.widget_tag_cloud a {
 	line-height:1.3em;
	font-weight:normal;
}

/* Recent Comments */
.recent-comments-list .avatar {	margin-right: 12px;	float: left;  }
.recent-comments-list li { padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px solid #eee; line-height:1.4;  }
.recent-comments-list li a { font-size:12px; }
 
 
/* Twitter widget */
.widget .twitter-list li { font-style: italic; margin: 0 0 15px; }
.widget .twitter-list li a { font-weight: normal; }
.widget .twitter-list .twitter-timestamp { display: block; color: #727272;  font-size: 12px; font-style: normal;  }
.widget .follow-user { margin: 0; padding: 5px 0; }


/* Social Widget */
.social li { display: inline; float:left; }
.social a { display: block; float: left; height: 32px; width: 32px; margin: 0 7px 7px 0;  opacity: 0.5; }
.social a:hover { opacity: 1; }
.social li:nth-child(5n) a { margin-right: 0; }


/* Recent News Widget */
.widget .feature-posts-list br {display: none;}
.widget .feature-posts-list img { margin: 0 12px 5px 0; float: left;}
.widget .feature-posts-list small { font-size: 12px; color: #8B96A0; margin: 2px 0 4px; display: block; }
.widget .feature-posts-list .post-excerpt { display: block;}
.widget .feature-posts-list li { padding: 0 0 10px; margin:0; }


/* Facebook Like Box */
div.fb-like.fb_iframe_widget {	width: 100% !important;	}

.fb_iframe_widget { width: 100%!important }
.fb_iframe_widget span { width: 100%!important; }
.fb_iframe_widget span iframe { width: 100%!important; }

 
/********************************************************************************************* 

11. Footer 

*********************************************************************************************/   

#footer {
	text-align: left;
	position:absolute;
	bottom:25px;
}

#footer a {color: #e7e7e7; text-decoration:none;}
#footer a:hover {color:#e7e7e7;}
 
#footer .copyright { color: #2b2b2b; font-size: 10px;  }
#footer p.wpzoom { color: #e7e7e7; }

#footer p { margin-bottom:5px; }