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

Theme Name: PhotoFrame
Theme URI: http://www.wpzoom.com/themes/photoframe
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 updahttp://blog.szymanskich.net/wp-admin/theme-editor.phpte 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. Global Styles  ---------------------  All Theme Files
3. Header  ----------------------------  header.php
4. Homepage  --------------------------  index.php
5. Archive Posts ----------------------  loop.php
6. Single Post ------------------------  single.php
7. Sidebar & Widgets ------------------  sidebar.php
8. Comments ---------------------------  comments.php
9. 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;
	font-family: 'Roboto', Arial, sans-serif;
	letter-spacing: -1px;
	word-spacing: 2px;
}
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

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


/* Text Selection Color */
::-moz-selection { background: #05C; color: #fff; text-shadow: none; }
::selection      { background: #05C; color: #fff; text-shadow: none; }
img::-moz-selection { background: transparent; }
img::selection      { background: transparent; }

.centered-area { text-align: center; }

/* Navigation */
div.navigation { 
	text-align: center; 
	padding:30px 0 ;  
 	background: #fff;
 	border:1px solid #e9e7e1;
 	border-bottom: none;
  	margin:40px 0 0;
}

.one_col div.navigation,
.three_col div.navigation {
  	margin: 0 0 20px;
  	padding: 0;
  	border:none;
}

.post .navigation,
#comments .navigation {
	border:none;
	background: none;
	margin:20px 0;
	padding: 0;
}
 

div.navigation p { 
	display: inline-block;   
	margin: 0; 
}

div.navigation a { 
	padding:0; 
	margin: 0 8px; 
}

div.navigation span.current { 
	font-weight:bold; 
	color: #fff; 
	margin: 0 8px;    
	padding: 8px 14px; 
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px; 
	border-radius: 200px;
	background-color: #4979c3;
}

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


/* Forms */
input, textarea { 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; 
	font-size: 16px; 
	padding: 7px 6px; 
	border: 1px solid #D9D6D6;  
	color: #000; 
	background: #fff;  
	font-family:"Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

input:focus, textarea:focus { border-color: #999;  }
button,
input[type=button],
input[type=reset],
input[type=submit] { 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; 
	font-size:14px; 
	background: #222; 
	padding:8px 15px; 
	border:none;  
	color: #fff;   
}

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

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

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

2. Global Styles

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

body {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	color: #555;
	font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
	background: #F1F0E8;
	-webkit-font-smoothing: antialiased !important;
}

/* Links */
a { color: #314d7a; text-decoration:none; }
a:hover { text-decoration:none; }
a:focus { outline: none; }
a:hover, a:active { color: #EC4034; outline: none; }

p { margin: 0 0 15px; padding: 0; }


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

3. Header  -------------------------  header.php

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

.inner-wrap {
	width: 1152px;
	margin: 0 auto;
	padding: 0;
 }

#header {
 	background: #FFF url('images/striped-border.png') 0 0 repeat-x;
 	border-bottom: 1px solid #d4d3ce;
 	margin:0 0 50px;
}

#head-wrap {
	font-size: 0;
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}


#logo {
	padding: 50px 0 30px;
}

#logo h1 {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 30px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

#logo h1, #logo h1 a {
	color: #444;
}

#logo a:hover, #logo a:active {
	color: #000;
}

#logo span {
    color:#848484;
    font-size:16px;
    display:block;
	font-weight:normal;
	font-family: 'Roboto', Arial, sans-serif;
}


/* Dropdown menu */
#menu {
	font-size: 0;
}

#menu p {
	display: inline-block;
	font-size: 18px;
	vertical-align: top;
	padding: 15px 0;
	margin: 0;
}

.dropdown, .dropdown * { margin: 0; padding: 0; list-style: none; }
.dropdown { line-height: 1.0; }
.dropdown ul { position: absolute; top: -999em; width: 200px; /* left offset of submenus need to match (see below) */ }
.dropdown ul li { width: 100%; }
.dropdown li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.dropdown li { float:left; *float:none; display:inline;  position: relative; }
.dropdown a {  position: relative; }
.dropdown li:hover ul,
.dropdown li.sfHover ul { left: 0; top:58px; /* match top ul list item height */ z-index: 99; }
.dropdown li.sfHover > ul { top: auto; }
ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul { top: -999em; }
ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul { left: 200px; /* match ul width */ top: 0; }
ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul { top: -999em; }
ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul { left: 200px; /* match ul width */ top: 0; }

.dropdown {
    display: inline-block;
	font-size:18px;
	vertical-align: top;
}

.dropdown a {
	padding: 15px 25px;
    margin: 0;
    text-decoration: none;
    line-height: normal;
    color: #444;
    display: inline-block;
    *display: inline;
	font-family: 'Roboto', Arial, sans-serif;
}

.dropdown a:hover, .dropdown a:active, .dropdown li:hover a {
	color: #706B6B;
}

.dropdown ul {
	text-align: left;
    margin: 0;
    background: #fff;
	z-index:999;
	padding:0;

	border: 1px solid #e9e7e1;
	border-top: none;

}

.dropdown ul a {
	color: #444;
}

.dropdown li ul li {
	float:left;
    margin:0;
    padding:0;
}

.dropdown li:last-child {
	border-bottom: 0;
 }

.dropdown li ul li a {
	margin:0;
    padding:10px 20px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.dropdown li:hover ul a {
	color: #444;
}

.dropdown li:hover li a:hover {
	color: #706B6B;
}

.dropdown ul .current-menu-ancestor > a, .dropdown ul .current-menu-item > a { font-weight: bold; }
.dropdown ul li:hover > a { color: #706B6B; }

.dropdown > .current-menu-item > a, .dropdown > .current-menu-ancestor > a { font-weight: bold; }

.dropdown a.sf-with-ul {
    min-width:1px;
}

.dropdown .sf-sub-indicator {
 	display: inline-block;
  	margin: 0 0 0 8px;
 	height: 0;
 	width: 0;
	text-indent:-999em;
 	overflow:hidden;
	border: 3px solid transparent;
	border-top-color: #999;
 	border-top-width: 4px;
}

.dropdown li:hover > a .sf-sub-indicator {
	border-top-color: #444;
}

.dropdown ul .sf-sub-indicator {
 	display: inline-block;
  	margin: 0 0 0 8px;
 	height: 0;
 	width: 0;
	text-indent:-999em;
 	overflow:hidden;
	border: 3px solid transparent;
	border-left-color: #999;
 	border-left-width: 4px;
}

.dropdown ul li:hover > a .sf-sub-indicator {
	border-top-color: transparent;
	border-left-color: #444;
}


#selectnav1 {
	display: none;
}


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

5. Archive posts styling -------------------------  loop.php

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

.one_col,
.three_col {
	background: #fff;
 	border:1px solid #e9e7e1;
 	border-bottom: none;
 	border-top: none;
	padding:20px 100px;
}

.home #content .one_col,
.home #content .three_col {
	padding:80px 100px 30px;
}

.single #content,
.page #content {
	padding: 0;
	background: #fff;
 	border:1px solid #e9e7e1;
 	border-bottom: none;
}
 
#content .post {
 	overflow: hidden;
	margin: 0 0 50px;
	background: #fff;
 	border-left:1px solid #e9e7e1;
	border-right:1px solid #e9e7e1;
	border-bottom:1px solid #e9e7e1;
 	box-sizing: border-box; 
}
 
.single #content .post,
.page #content .post,
.error404 #content .post {
 	border:none;
 	margin:0;
} 

.post-thumb {
	background: #000;
	text-align: center;
}

.post-video {
	padding: 0;
}

h1.archive_title {
    font-size: 28px;
 	overflow: hidden;
	display: block;
	margin: 0;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -1px;
	word-spacing: 2px;
	color:#444;

	background: #fff;
 	border:1px solid #e9e7e1;
 	border-bottom: none;
	padding:50px 100px 0;
}

h1.title_full {
	background: none;
	border: none;
	padding: 0 0 30px;	
}

h1.archive_title span {
	font-weight: normal;
}


/* Individual and Large Post Styling */
#content .post .title {
 	font-size:30px;
	margin: 0 0 25px;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -1px;
	word-spacing: 2px;
}

#content .post .title, 
#content .post .title a {
	line-height: 100%;
	color: #444;
}

#content .post .title a:hover, 
#content .post .title a:active {
	color: #EC4034;
}

#content .post .pubdate {
 	margin:0 0 10px;
	text-align:center;
	font-size: 12px;
	text-transform: uppercase;	
}

#content .post .entry {
	line-height: 1.7;
	text-align: left;
}

#content .post .more-link {
	font-size: 14px;
 	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
  	display: block;
	vertical-align: top;
	margin:10px 0;
}

#content .post .meta {
  	font-size: 12px;
 	text-transform: uppercase;
 	text-align: left;
 	margin: 30px 0 10px;
 	border-top: 1px solid #edece6;
 	padding:20px 0 0;
 	color:#a2aab6;
}

.single #content .post .meta {
	border-bottom: 1px solid #edece6;
	padding: 20px 0;
	margin:30px 0;
}

#content .post .meta .right {
	float: right;
	margin: 0;
}
 
#content .post .meta .separator {
	margin: 0 0.5em;
}

#content .post .post-content {
	padding: 40px 100px 30px;
}

#content .posts .post-content {
	text-align: center;
}


/* 3 Columns Post Layout */
#content .three_col .post {
	width: 300px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 0 16px 30px 0;
	zoom: 1;
	*display: inline;
	border: none;
}

#content .three_col .post .post-content {
	padding: 20px 0 0;
 	text-align: left;
}

#content .three_col .post .title {
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: 7px;
	padding:0;
}

#content .three_col .post .pubdate {
 	float: left;
}

#content .three_col .post .meta {
 	padding:0 0 20px;
	border: none;
	margin: 0;
}


/* Medium Post Layout */
#content .one_col .post  {
	border: none;
}

#content .one_col .post .post-thumb, 
#content .one_col .post .post-video {
	float:left;
	margin:0 20px 0 0;
	text-align: center;
}

#content .one_col .post .post-content {
	overflow:hidden;
	padding: 0;
}

#content .one_col .post .title {
	font-size: 26px;
	line-height: 1.3;
	margin-bottom: 10px;
	text-align: left;
}

#content .one_col .post .pubdate {
	float: left;
}

#content .one_col .post .meta {
	font-size: 12px;
	padding: 0 0 20px;
	margin: 0;
	border: none;
}

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

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

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

/* Image Gallery at the Top */
.gallery-slider { height: 740px; overflow: hidden; }
.gallery-slider ul { list-style: none; position: relative; }
.gallery-slider .slides { position: relative; background: #000; }
.gallery-slider .slides div { -webkit-backface-visibility: hidden; position: relative; background: #000; height: 620px; width: 1140px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; }
.gallery-slider .slider-nav { position: relative; background-color: #faf9f7; padding: 25px 30px; height: 100px; border-bottom: 1px solid #eae9e5; }
.gallery-slider .galleria-carousel .galleria-thumb-nav-left,
.gallery-slider .galleria-carousel .galleria-thumb-nav-right { display: none; -webkit-backface-visibility: hidden; cursor: pointer; text-align: center; margin-right: 24px; opacity: 0.3; -moz-transition: opacity 300ms; -webkit-transition: opacity 300ms; transition: opacity 300ms; display: block; position: absolute; top: 38px; text-indent: -9999em; background: url('images/arrows.png') no-repeat; height: 30px; width: 17px; overflow: hidden; background-position: 0 0; }
.gallery-slider .galleria-counter { bottom: 20px; }
.gallery-slider .galleria-carousel .galleria-thumb-nav-right { margin-right: 0; }
.gallery-slider .galleria-thumbnails-container:hover .galleria-thumb-nav-left,
.gallery-slider .galleria-thumbnails-container:hover .galleria-thumb-nav-right { opacity: 0.8; }
.gallery-slider .galleria-carousel .galleria-thumb-nav-left:hover,
.gallery-slider .notouch .galleria-thumb-nav-left:hover,
.gallery-slider .galleria-carousel .galleria-thumb-nav-right:hover,
.gallery-slider .notouch .galleria-thumb-nav-right:hover { opacity: 1; background-color:transparent;  }
.gallery-slider .galleria-carousel .galleria-thumb-nav-left { left: 15px;  -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.gallery-slider .galleria-carousel .galleria-thumb-nav-right { right: 15px; background-position:-299px 0; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.gallery-slider .galleria-carousel .galleria-thumb-nav-left:hover,
.gallery-slider .galleria-carousel .galleria-thumb-nav-right:hover { opacity: 1; }
.gallery-slider .galleria-stage { bottom: 140px; top: 0; left: 0; right: 0; }
.gallery-slider .galleria-container { background: #222; }
.gallery-slider .galleria-container img { outline: 1px solid rgba(255, 255, 255, 0.14); box-shadow: 0 1px 12px rgba(0, 0, 0, 0.6); outline-offset: -1px; }
.gallery-slider .galleria-thumbnails-container { height: 120px; background-color: #222; padding: 0 50px 0; left: 0; right: 0; }
.gallery-slider .galleria-carousel .galleria-thumbnails-list { margin: 0; }
.gallery-slider .galleria-thumbnails .galleria-image { height: 100px; border: none; background: #000; margin: 0 20px 0 0; outline: 1px solid rgba(255, 255, 255, 0.14); box-shadow: 0 1px 12px rgba(0, 0, 0, 0.6); outline-offset: -1px; }
.gallery-slider .galleria-info {bottom: 155px;}
.gallery-slider .galleria-info-description { font-style: normal; font-size:14px; font-family: "Lato", sans-serif; margin: 0; }

.entry h1, 
.entry h2, 
.entry h3, 
.entry h4, 
.entry h5, 
.entry h6 {
    margin-bottom: 15px;
    line-height:1.3;
    color:#444;
}
.entry p { margin-bottom: 25px; }

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

.fullimg { 
	width: 1140px; 
	margin: 0 0 30px -101px !important; 
	padding: 0; 
	text-align:center; 
	clear:both; 
}

.entry .fullimg .wp-caption.aligncenter { margin-bottom: 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 {
    color:#8E8E8E;
    border-left: solid 3px #ececec;
    padding:0 15px;
    margin: 10px;
}

h1.title  {
    margin:0 0 10px;
    line-height:1.3;
}

h1.title a {
    color:#222;
}


/* Tags */
.tag_list {  margin:0 0 12px; text-transform: uppercase; font-size: 12px; font-weight: bold; }
.tag_list a {  font-weight: normal; margin-left:3px; }

/* [gallery] shortcode */
.entry .gallery .gallery-item { max-width:150px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { clear: both; margin: auto; text-align: center; }
.entry .gallery a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.gallery img { width:150px; height:auto; }

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

/* Caption for images */
.entry .wp-caption { max-width: 100% !important; width:auto; text-align:center; }
.entry .wp-caption img { background:none; margin:0; border:0 none; max-width:100%; width:auto; height:auto;}
.entry .wp-caption-text, .gallery-caption { color:#A7A3A3; margin:0; padding:4px 0 0; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }

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

/* Attachments Page */
.thumbnails { clear: both; float: left; line-height: 1.6em;  }
.thumbnails img { height: 113px; margin:0 20px 15px 0; width: 113px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.thumbnails .active img {  opacity:1; }
.thumbnails img:hover {  opacity:1; }


/* Template: Archives */
h3.archive_year { font: bold 20px sans-serif; margin-top:0; }
#archives .archives_list { border-left:1px dotted #e6e6e6; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;}
#archives .archives_list li { clear:left; padding-left:24px;  font-style: normal; list-style: none; margin-bottom: 10px; }
#archives .archives_list .date { color: #808080; width: 15%;  display: inline-block; vertical-align: top; }
#archives .archives_list .linked { width: 72%; display: inline-block; vertical-align: top;}
#archives .archives_list .comments {  width: 10%; display: inline-block; vertical-align: top;}
#archives .archives_list .comments span { background: url("images/comments.png") no-repeat 0 2px; padding-left: 16px;  }
#archives .archives_list .comments a { background: url("images/comments.png") no-repeat 0 5px; padding-left: 16px;  color: #808080; font-size: 14px;    }
#archives .archives_list .comments a:hover { text-decoration: none; }


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

7. Footer Widgets -------------------------  footer.php

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

.widget {
 	margin: 0 0 30px;
}

.widget h3.title {
	font-size: 18px;
	color: #444;
	margin: 0 0 15px;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -1px;
	word-spacing: 2px;
}

.widget { float: left; line-height: 1.5; width: 100%; }
.widget ul { clear: both; margin: 5px 0; 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%; background: #F7F7F7; border: 1px solid #cdcfd4; color: #333333; display: inline; padding: 5px; line-height: 1.5; clear: both; float: left; }
 

/* Category Widget */
.widget_categories ul li { color: #8B8A8A; text-align: right; padding: 2px 0; clear: both; }
.widget_categories ul li li { padding-left:10px; }
.widget_categories ul li a { text-align: left; float: left; }

 
/* Recent Comments */
.recent-comments-list .avatar { margin-right: 10px; float: left;}
.recent-comments-list li {  margin:0 0 15px;  line-height:1.4; }
.recent-comments-list li a { font-weight:bold; }

/* Author Bio widget */
.wpzoom-bio .meta { display: block; font-style: oblique; }
.wpzoom-bio .content { overflow: hidden; }
.wpzoom-bio img { float:left; margin:0 15px 0 0; -webkit-border-radius: 2px; border-radius: 2px;  }
 
/* Instagram Widget */
#instagram_widget li { float: left; margin: 0 10px 10px 0; list-style-position:outside; }
#instagram_widget li img { width:90px;  -webkit-border-radius: 3px; border-radius: 3px; }
#instagram_widget li img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}


/* Social widget */
.wpzoomSocial  {margin:10px 0;}
.wpzoomSocial li {float:left; margin:0 0 15px 2px;width:49%;}
.wpzoomSocial li img {margin:0 7px 0 0; float:left;}
.wpzoomSocial li a {  font-size:13px;}

/* Twitter widget */
.widget .twitter-list li { padding: 0 0 7px; margin: 0 0 7px; }
.widget .twitter-list li a { font-weight: normal; }
.widget .twitter-list .twitter-timestamp { display: block; color: #A8A8A8;  font-size: 11px; font-style: normal;}
.widget .follow-user { margin: 0; padding: 5px 0; }
 
/* Tag cloud Widget */
.widget_tag_cloud div a { padding: 0 3px; }

/* Calendar widget */
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; font-weight:bold;  font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #EFEEEE; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #E8E8E8; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

/* Archive widget */
.widget_archive li { width:49%; float:left; display:block; margin:0;  padding:0 0 6px;}

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

8. Comments  -------------------------  comments.php

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

#comments { display: block; }
#comments h3 { font-family: 'Roboto', Arial, sans-serif; color: #444; font-weight: 900; text-transform: uppercase; letter-spacing: -1px; word-spacing: 2px; color: #333; margin: 0 0 15px; }
.comment-input-text textarea { width: 80%; }
.commentlist { margin: 0; padding: 15px 0 0; }
.commentlist li { list-style: none; }
.commentlist li .commbody { padding: 0 0 30px; }
.commentlist ul { margin-bottom: 0; }
.commentlist ul.children .commbody { padding: 0 0 20px; }
.comment_avatar { float: left; }
.comment_avatar img { float: left; margin: 0 20px 15px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.bypostauthor .vcard cite { font-weight: bold; }
.comment-profile-wrapper { text-align: center; width: 105px; }
span.says { display: none; }
.comment-meta { color: #8d8d8d; float: left; font-size: 11px; font-style: italic; margin-top: 6px; }
.comm_main { overflow: hidden; }
.comm_text { padding: 5px 0 10px; }
.vcard cite { display: block; font-style: normal; }
.vcard a.comm_date { color: #a2aab6; font-size: 12px; text-transform: uppercase; }
.commentmetadata a { color: #6D6C6C; font-style: normal; }
.commentmetadata a:hover { color: #484040; text-decoration: none; }
.comment-gravatar { margin-bottom: 3px; }
.comment-content-wrapper { float: right; width: 538px; }
.comment-parent, .comment-single { margin-top: 15px; }
.commentlist ul.children, #comments #respond ul { margin: 0 0 15px 0; padding: 15px 0 0 30px; }
.commentlist ul.children ul.children { margin-left: 40px; }
.commentlist ul.children li { margin: 0; }
.comment-body { margin: 0; padding: 8px 12px 0; position: relative; }
.commentlist li div p { line-height: 1.7; margin-bottom: 0; }
.comment .post-date { margin-top: 0; }
.comment .post-date .right a { color: #BBB; }
.comment .post-date .right a:hover { color: #234; }
.reply { clear: both; height: 20px; margin-left: 17px; }
.reply a { display: none; }
.commbody:hover .reply a { background: url("images/reply.png") no-repeat top left; display: block; }
.cancel-comment-reply { margin: 10px 0 7px 20px; }
.reply a, .cancel-comment-reply a { border: none; color: #7D7D7D; font-size: 12px; margin-right: 3px; }
.reply a:hover, .cancel-comment-reply a:hover { color: #333; text-decoration: none; }
.nocomments { padding: 0 0 20px; }


/* Comments form */
#respond .comment-notes { display: none; }
.children #respond { margin: 0 48px 0 0; }
.commentlist #respond { clear: both; display: block; }
#comments-list #respond { margin: 0 0 18px 0; }
#comments-list ul #respond { margin: 0; }
#cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; }
#respond li { list-style: none; }
#respond ul { margin: 0; }
#respond .legend { margin-bottom: 10px; }
#comments #respond .legend { border-bottom: 0; margin-bottom: 0; }
#comments #respond ul { padding: 10px 0 0 15px; }
#comments ul.children #respond ul { margin-left: 30px; padding: 0; }
#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow { display: none; }
#comments #respond .comment-body { background: #FFF; }
#comments #respond .comment-content-wrapper { float: none; width: 100%; }
#formLabels { margin-top: 10px; }
#respond #formLabels p, #formContent p { margin: 0 0 15px; padding: 0; }
p.comment-form-comment { margin: 0 0 10px; padding: 0; }
#respond label { display: block; font-size: 14px; margin: 0 0 3px; }
#respond span { color: #bab9b9; font-weight: normal; font-size: 11px; padding: 0 0 0 10px; }
#respond #formLabels input { width: 30%; }
#respond .comment-form-comment textarea { width: 45%; resize: vertical; max-height: 500px; }
#respond #submit { margin: 10px 0 5px; position: relative; }
.commentlist li #respond p { margin-left: 0; }
.commentlist #respond .comment-form-comment textarea { width: 72%; }
#respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; display: none; }
#respond .form-allowed-tags code { font-size: 11px; }

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

9. Footer  -------------------------  footer.php

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

#footer {
 	margin: 0;
 	padding: 0 100px 30px;
	background: #fff;
 	border-left:1px solid #e9e7e1;
	border-right:1px solid #e9e7e1;
}
 
#footer .widget-area {
	padding: 40px 0 0;
	border-top:1px solid #EDECE6;
}

#footer div.column {
    display: inline;
    float: left;
    margin-right: 50px;
    width: 444px;
}

#footer div.last {
    margin-right: 0;
}

#footer .column .widget {
	line-height:1.7;
    overflow:hidden;
}
 
#footer .foot-bottom {
 	border-top: 1px solid #EDECE6;
 	padding:20px 0 0;
}

#footer #footermenu {
	width: 48%;
	float:left;
}
 

#foottitle { font-size: 20px; text-transform: uppercase; color: #4e463a; }
#footermenu { font-size: 14px;  }
#footermenu p { margin: 0; }
#footermenu ul { list-style: none; }
#footermenu li { display: inline; margin-right: 2em; }
#footermenu li:last-child { margin-right: 0; }
#footermenu a { color: #898681; }
#footermenu a:hover { color: #e26069; }
#footermenu a:active, #footermenu .current-menu-item a { color: #000; }

#footer #copyright { 
	width: 48%;
	text-align: right;
	float: right;
	font-size: 14px; 
	color: #898681; 
}