/*
	THEME NAME: Honestly Media
	THEME URI: http://honestlymedia.com
	DESCRIPTION: Theme used by Honestly Media properties
	TAGS:
	VERSION: 1.0
	AUTHOR: Abe Coffman
	AUTHOR URI: http://abecoffman.com
*/

/******************************************************************
RESET STYLES
******************************************************************/

html, body, div, span, object, embed, ruby, output, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
html { overflow-y: scroll; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
a:hover, a:active { outline: none; }

table { border-collapse:collapse; border-spacing:0; }
td, td img { vertical-align: top; }

pre, code, kbd, samp { font-family: monospace, sans-serif; margin: 1.5em; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }

div, input, textarea, article, section, header, footer, nav  { -webkit-box-sizing : border-box; -moz-box-sizing : border-box; -o-box-sizing : border-box; box-sizing : border-box; }

/******************************************************************
FONTS, TEXT, AND TYPOGRAPHY STYLES
******************************************************************/
body {
    font: normal 0.75em/1.5em 'lucida grande', 'liberation sans', verdana, arial, helvetica, sans-serif;
    word-wrap: break-word;
}
select, input, textarea, button { font:99% sans-serif; }
body, select, input, textarea { color: #444; }
small, .small { font-size:0.75em; letter-spacing:.05em; font-style:italic; line-height:1.75em; }
strong, th, .strong { font-weight: bold; }
em, .em { font-style: italic; }
ins, .ins { background-color:#ff9; color:#000; text-decoration:none; }
mark, .mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del, .del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

/******************************************************************
FORM STYLES
******************************************************************/

input, select { vertical-align:middle; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
button {  width: auto; overflow: visible; }

input[type=button], input[type=submit], button, .button {
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    cursor: pointer;

    background: #D6DDEB;
    line-height: 20px;
    color: #000;
    font-size: 12px;
    font-family: "Raleway";
    letter-spacing: .1em;
    border: none;

    -webkit-transition: background .3s ease-out;
    -moz-transition: background .3s ease-out;
    -ms-transitoion: background .3s ease-out;
    -o-transition: background .3s ease-out;
    transition: background .3s ease-out;
}
input[type="submit"] { line-height: 22px; }
input[type="submit"]:hover,
input[type="submit"]:active,
.button:hover,
.button:active { text-decoration: none; background: #B9CBEE; }
.button:visited { color: #000; }

input { font-size: 12px; }
input[type="text"] {
    padding: 3px 0 3px 3px;
    border: 1px solid #aaa;
}


/******************************************************************
BASE STYLES
******************************************************************/
html { background: #f6f6f6; }
body { position: relative; }

/* headers */
h2 {  }

/* links */
a, a:visited {
    color: #3B40B4;
    text-decoration: none;
}
a:hover, a:active { text-decoration: underline; }

/* selection */
::-webkit-selection { background: #D6DDEB; color: #000; text-shadow: none; } /* Safari, Chrome, iPhones, iPads */
::-moz-selection { background: #D6DDEB; color: #000; text-shadow: none; } /* Firefox */
::selection { background: #D6DDEB; color: #000; text-shadow: none; } /* The Rest of em */


/* containers, articles, sections, widgets, etc... */
article, .article, section, .section, .widget {
    background: #fff;
    border-bottom: 1px solid #ccc;
}
.container, section, .section, .widget, article.post.full, .content-well { margin-bottom: 25px; }
section, .section, .widget { padding: 15px; }

section article,
article section {
    background: inherit;
    border-bottom: none;
}
section>h2, .section>h2, .widget>h2 {
    font-size: 16px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    color: #444;
    text-shadow: 1px 1px white;
    border-bottom: 1px dotted #ccc;
}
section>h2>a:link, .section>h2>a:link, .widget>h2>a:link,
section>h2>a:visited, .section>h2>a:visited, .widget>h2>a:visited {
    color: #777;
}
section>h2>a:hover, .section>h2>a:hover, .widget>h2>a.hover,
section>h2>a:active, .section>h2>a:active, .widget>h2>a:active {
    color: #444;
}

/******************************************************************
HELPER STYLES
******************************************************************/

.hidden { display: none; visibility: hidden; }
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }

.left { float: left; }
.right { float: right; }

mark, .search-term { background: #EBE16F; }

.clearfix:before,
.clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.loading {
    background-image: url(images/ajax-loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* wp generated styles */
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }
.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }
.wp-caption { }
.wp-caption-text { }
.gallery-caption { }
.sticky { }
.bypostauthor { }


/******************************************************************
OUTER STRUCTURE
******************************************************************/
html, body { width: 100%; }
body { padding-bottom: 60px; /* padding for footer */ }

/* full width containers */
.content-container { width: 100%; min-width: 1060px; }
#header-container { height: 130px; }
#main-container { min-height: 700px; padding: 40px 0; }

/* content width containers */
.content { width: 1030px; margin: 0 auto; padding: 0 15px; position: relative; }


/******************************************************************
CONTENT STRUCTURE
******************************************************************/

#main-column, #main-column>* { width: 680px; }
#sidebar-column, #sidebar-column>* { width: 300px; }
#main-column { float: left; }
#sidebar-column { float: right; }

#archives { width: 930px; margin: 0 auto; }
.tile-container { position: relative; }


/******************************************************************
HEADER SYTLES
******************************************************************/

#header-container {
    position: relative;
    z-index: 10; /* 2^31 - 1 */
    background: #fff;
}
#header-container>nav {
    position: absolute; top: 90px;
    height: 41px;
    width: 100%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    border-top: 1px solid #ddd;
}

#name {
    height: 60px;
    width: 436px;
    display: block;
    padding: 15px 0;
}
#name img {
    height: 60px;
    width: auto;
}

#about:hover {
    background-color: #eee;
}

/* search form */
form#searchform { display: block; position: absolute; top: 12px; right: 10px; }
form#searchform>div {}
form#searchform label { display: none; }
input#s { width: 200px; }
input#searchsubmit {}

/* social icons */
ul.header-social { position: absolute; top: 42px; right: 10px; }
ul.header-social li { float: left; margin-left: 2px; height: 28px; width: 28px; }
ul.header-social li>a { opacity: .5; cursor: pointer; border-radius: 14px; }
ul.header-social li>a:hover { opacity: 1; }

/******************************************************************
FOOTER SYTLES
******************************************************************/
#footer-container {
    position: absolute;
    bottom: 0;
    height: 40px;
    border-top: 1px solid #ddd;
}
#footer-container>footer {
    position: relative;
}
#footer-menu {
    line-height: 40px;
}
#footer-menu li {
    float: left;
}
#footer-menu li:last-child span.menu-separator {
    display: none;
}
#colophon {
    position: absolute; top: 0; left: 300px;
    line-height: 40px;
    width: 400px;
    text-align: center;
}

#footer-social {
    position: absolute; top: 0; right: 0px;
    line-height: 40px;
}

/******************************************************************
HEADER NAVIGATION
******************************************************************/
#header-menu-container {
    width: 1000px;
    margin: 0 auto;
}
ul#header-menu {
    letter-spacing: .1em;
    font-family: "Raleway";
    font-weight: 200;
}

/* all menus */
ul.header-menu a {
    display: block;
    padding: 0 18px;
    color: #444;
    text-align: center;
}
ul.header-menu a:hover {
    background: #EEE;
    text-decoration: none;
}
/* top menu */
ul.header-menu {
    display: table;
    height: 40px;
/*    margin: 0px auto;*/
    font-size: 15px;
}
ul.header-menu>li {
    position: relative;
    display: inline-block;
}
ul.header-menu>li:first-child,
ul.header-menu>li:last-child {  }
/* last menu item */
ul.header-menu>li:last-child {
    border-right: none;
}
ul.header-menu>li>a {
    height: 40px;
    line-height: 40px;
    border-left: 1px solid #fff;
    font-size: 18px;
}
ul.header-menu>li>a:hover {

}

/* sub menu */
ul.header-menu>li>ul.sub-menu {
    display: none;
    position: absolute; top: 40px;
    background: #fff;
    border: 1px solid #ccc;
}
ul.header-menu>li:last-child>ul.sub-menu {
    right: 0;
}
ul.header-menu>li.visible>ul.sub-menu {
    display: block;
    z-index: 10;
}
ul.header-menu>li>ul.sub-menu>li>a {
    height: 30px;
    line-height: 30px;
    width: 160px;
    font-size: 14px;
    padding: 0 10px;
    text-align: left;
}


/******************************************************************
ARCHIVE NAVIGATION

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

/*
.posts-navigation>.nav-previous { position: absolute; left: 0; }
.posts-navigation>.nav-next {
    position: absolute; right: 0;
}
.posts-navigation>.nav-previous>a,
.posts-navigation>.nav-next>a {
    display: block;
    height: 40px;
    width: 340px;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
}*/

.single-navigation {
    position: relative;
    height: 60px;
    margin-bottom: 25px;
}
.single-navigation>.nav-previous {
    position: absolute; left: 0;
}
.single-navigation>.nav-next {
    position: absolute; right: 0;
}
.single-navigation a {
    display: block;
    height: 60px;
    border-bottom: 1px solid #ccc;
}
.single-navigation>div {
    width: 325px;
    line-height: 60px;
    background: #fff;
}
.single-navigation img {
    display: block;
    float: left;
    margin-right: 10px;
}
.single-navigation>.nav-button span {
    display: inline-block;
    width: 210px;
    font-size: 15px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* emm paginate */
.posts-navigation {
    position: relative;
    height: 41px;
    padding: 0;
}
.emm-paginate {
	height: 40px;
	text-align: center;
}
.emm-paginate a,
.emm-paginate span {
    display: inline-block;
    height: 40px;
    padding: 0 9px;
    line-height: 40px;
    color: #444;
    font-size: 14px;
    text-shadow: 1px 1px white;

    -webkit-transition: background .3s ease-out;
    -moz-transition: background .3s ease-out;
    -ms-transitoion: background .3s ease-out;
    -o-transition: background .3s ease-out;
    transition: background .3s ease-out;

    border-left: 1px solid #fff;
    border-right: 1px solid #ddd;
}
.emm-paginate .emm-page,
.emm-paginate .emm-prev,
.emm-paginate .emm-next { background: #fafafa; }
.emm-paginate .emm-title { display: none; }
.emm-paginate .emm-prev { border-left: 1px solid #ddd; }
.emm-paginate .left,
.emm-paginate .right { display: none; }
.emm-paginate .emm-prev,
.emm-paginate .emm-next { padding: 0 11px; }
.emm-paginate .emm-current { background: #eee; }
.emm-paginate a:hover,
.emm-paginate a:active { background: #eee; text-decoration: none; }


/******************************************************************
COMMON UI ELEMENTS
******************************************************************/

/* Page Heading */
.page-heading {
    position: relative;
    margin-bottom: 25px;
}
.page-heading .social-buttons {
    height: 22px;
    margin-top: 10px;
}
ul.page-menu {
    background: #fff;
    padding: 0;
}
ul.page-menu li {
    float: left;
}
ul.page-menu li a {
    display: block;
    color: #000;
    margin-right: 2px;
    padding: 5px 10px;
    background: #f4f4f4;
}
ul.page-menu li.active a {
    background: #ddd;
}
ul.page-menu li.active a:hover {
    background: #ddd;
    cursor: default;
}
/* Hero Images */
#hero-container img {
    display: block;
    max-width: 1000px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 25px;
}

/******************************************************************
POST STYLES - COMMON
******************************************************************/
.post header>a {
    color: #777;
}
.post header>a:hover, .post header>a:active {
    color: #000;
    text-decoration: none;
}
.post>.post-content>div,
.post>.post-content>p,
.post>.post-content>ul,
.post>.post-content>ol,
.post>.post-content>blockquote,
.post>.post-content>a { display: block; margin-bottom: 8px; }

.post>.post-content h1,
.post>.post-content h2,
.post>.post-content h3,
.post>.post-content h4,
.post>.post-content h5,
.post>.post-content h6 { font-weight: bold; padding-bottom: 3px; }

.post>.post-content ul,
.post>.post-content ol { list-style-position: outside; padding-left: 25px; }
.post>.post-content ul { list-style-type: disc; }
.post>.post-content ol { list-style-type: decimal; }
.post>.post-content ul>li { padding: 5px 0px; }
.post>.post-content .more-link { display: none; }

/* footer */
.post>footer { position: relative; height: 41px; border-top: 1px solid #ddd; }

.post>footer .more-link,
.post>footer .comments-link { position: absolute; top: 10px; }
.post>footer .more-link { left: 20px; }
.post>footer .comments-link { right: 20px; }

.post>footer ul.social-buttons {
    position: absolute;
    top: 10px;
    left: 235px;
    list-style-type: none;
}
.single .post>footer ul.social-buttons {
    left: 454px;
}
.post div.footer-tags {
    height: 40px;
    width: 454px;
    overflow: hidden;
    padding: 0 15px;
    line-height: 40px;
}

/* Social Buttons */
ul.social-buttons {
    position: relative;
    height: 20px;
}
ul.social-buttons li {
    position: absolute;
    height: 20px;
}
ul.social-buttons li>* {
    height: 20px;
}
ul.social-buttons li.facebook-button {
    width: 90px;
    left: 15px;
}
ul.social-buttons li.twitter-button {
    width: 90px;
    left: 115px;
}
ul.social-buttons li.comments-button {
    left: 215px;
}
li.comments-button a.button {
    padding: 1px 10px;
    line-height: 16px;
}

/* Pinterest Button */
a#pinit {
    position: absolute;
    display: none;
    height: 24px;
    width: 24px;
    background-position: center center;
    background-repeat: no-repeat;
}
a#pinit>img {
    height: 24px;
    width: 24px;
}


/******************************************************************
POST STYLES - FULL, EXCERPT LARGE
******************************************************************/
.post.full {
    position: relative;
    width: 680px;
}
.post.full:last-child {
    margin-bottom: 0;
}
.post.full>header {
    padding: 20px 20px 15px;
}
.post.full>header h2 {
    width: 520px;
    line-height: 27px;
    font-size: 27px;
    font-weight: 200;
    font-family: "Raleway";
}
.post.full>header>.post-author {
    margin-top: 4px;
    font-size: 15px;
    color: #999;
}
.post.full>header>.post-author>a {

}
.post.full>time {
    position: absolute; top: 0; right: 0;
    display: block;
    padding: 4px 0;
    width: 120px;
    background: #fafafa;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    text-align: center;
}
.post.full>.post-content { position: relative; margin-bottom: 15px; padding: 0 20px; font-size: 13px; }
.post.full>.post-content img[class*=wp-image] { display: block; width: 640px; height: auto; }
.post.full>.post-content img.size-third { display: inline; width: auto; height: auto; }

.post.full>.post-content>a:last-child { margin-bottom: 0px; }

.post.full .post-edit-link {
    position: absolute;
    display: block;
    top: 27px;
    right: 0px;
    padding: 2px 0px;
    width: 60px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    text-align: center;
}

/* DIY Supplies */
.post>.post-content blockquote {
    background: #fafafa;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.post>.post-content blockquote h3 {
    margin: 0;
    padding: 5px 10px;
    font-weight: bold;
}
.post>.post-content blockquote ul {
    margin: 0;
    padding: 0px 20px 10px 20px;
    list-style-position: inside;
}
.post>.post-content blockquote ul li {
    list-style-type: disc;
    padding: 0;
}

/* Link to Post shortcode */
a.link-to-post { display: none; }
.post.full>.post-content .link-to-post {
    margin: 15px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.post.full>.post-content .link-to-post h3 {
    padding: 3px 10px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}
.post.full>.post-content .link-to-post a {
    display: block;
    padding: 10px;
    color: inherit;
    background: #fafafa;
}
.post.full>.post-content .link-to-post a:hover {
    text-decoration: none;
    background: #f4f4f4;
}
.post.full>.post-content .link-to-post img {
    height: 75px;
    width: 75px;
    float: left;
    margin-right: 10px;
}
.post.full>.post-content .link-to-post span.link-to-post-title {
    font-weight: bold;
    color: #444;
}

/* sponsored post box */
.sponsored-post-box {
    padding: 20px;
    border-top: 1px solid #ddd;
    background: #fcfcfc;
}
.sponsored-post-box img {
    float: left;
    margin-right: 15px;
    height: auto;
}
img.sponsored-pixel {
    display: none;
}


/******************************************************************
POST STYLES - EXCERPT SMALL
******************************************************************/
article.excerpt-small {
    border-bottom: none;
    margin-top: 10px;
}
.excerpt-small .excerpt-thumb {
    display: block;
    min-height: 120px;
    width: 240px;
    float: left;
    margin-right: 10px;
    background: #eee;
}
.excerpt-small img {
    width: 240px;
    height: auto;
}
.excerpt-small h2 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 3px;
}

/******************************************************************
POST STYLES - FEED
******************************************************************/
article.feed {
    position: relative;
    border-bottom: none;
}
article.feed .feed-image img {
    display: block;
    height: auto;
    width: 270px;
    margin-bottom: 5px;
}
article.feed a.feed-title {
    display: none;
    position: absolute; bottom: 10px; left: 10px;
    height: 25px;
    line-height: 25px;
    background: #fff;
    max-width: 230px;
    padding: 0 10px;
    font-size: 16px;
    color: #444;
    font-family: "Raleway";
}
article.feed a.feed-title:hover {
    text-decoration: none;
}
article.feed a.feed-title>h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
article.feed .feed-excerpt {
    display: none;
}

/******************************************************************
INSTAGRAM WIDGET
******************************************************************/
.hm_instagram_widget_link {
    position: relative;
}
.widget.hm_instagram_widget .hm_instagram_widget_link {
    display: block;
    height: 270px;
    width: 270px;
    margin-bottom: 10px;
}
.widget.hm_instagram_widget .hm_instagram_widget_link:last-child {
    margin-bottom: 0px;
}
.post.hm_instagram_widget .hm_instagram_widget_link {
    display: inline-block;
    height: 210px;
    width: 210px;
}

.widget.hm_instagram_widget .hm_instagram_widget_link>img,
.post.hm_instagram_widget .hm_instagram_widget_link>img {
    display: inline;
    height: inherit;
    width: inherit;
}

.hm_instagram_widget_slideup {
    position: absolute;
    bottom: 0px;
    height: 0px;
    width: inherit;
    background: #444;
    opacity: .8;
    color: #fff;
    overflow-y: hidden;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
}
.hm_instagram_widget_link:hover>.hm_instagram_widget_slideup {
    height: 78.6px;
}
.hm_instagram_widget_slideup>div {
    box-sizing: border-box;
    padding: 12px;
}
.hm_instagram_widget_slideup>div>p {
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    height: 54.6px; /* Fallback for non-webkit */
    font-size: 13px;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/******************************************************************
FEEDFETCH WIDGET
******************************************************************/
.carousel {
    height: 425px;
    width: 640px;
}

.carousel a.item {
    height: 425px;
    width: 640px;
    overflow: hidden;
}
.carousel a.item>img {
    height: auto;
    width: 640px;
}

.content-well-widget-title {
    margin-bottom: 10px;
}
.content-well-widget {
    border: 1px dotted #ccc;
    margin-bottom: 20px;
    padding: 15px 17px;
}
.content-well-widget article {
    width: 300px;
    float: left;
}
.content-well-widget article:last-child {
    margin-left: 18px;
}
.content-well-widget article h2 {
    margin-bottom: 10px;
}
.content-well-widget article .feed-excerpt {
    display: none;
}

/******************************************************************
COMMENTS
******************************************************************/
.comments-container {

}
ol.commentlist {
    border-top: 1px dotted #eee;
    border-left: 1px dotted #eee;
    border-right: 1px dotted #eee;
}

li.comment { min-height: 70px; border-bottom: 1px dotted #eee; }
ol.children>li.comment { margin: 0 15px 0 70px; border-top: 1px dotted #ccc; }
ol.children>li.comment:last-child { border-bottom: 0px; }
li.comment.thread-even { background: #fafafa; }
li.comment.thread-odd { }
li.comment.depth-1 { }

div.comment-body { position: relative; padding: 10px 10px 10px 70px; }

div.comment-author { padding-top: 3px; font-weight: bold; }
div.comment-author>img.avatar { position: absolute; top: 15px; left: 15px; }
div.comment-author>cite.fn { font-style: normal; }
div.comment-author>cite.fn>a { }
div.comment-author>span.says { display: none; }

div.comment-meta { display: none; }
div.comment-meta>a:first-child { } /* time */
div.comment-meta>a.comment-edit-link { }

div.reply { display: none; }
div.reply>a.comment-reply-link { }

#respond {

}
#respond h4 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 15px;
    font-weight: normal;
}

#respond p {
    margin-bottom: 10px;
}

#respond input[type="text"], #comment {
    background: #f9f9f9;
    border: 1px solid #bbb;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 1em;
}
#respond input[type="text"] {
    width: 45%;
    padding: 3px;
}

#respond textarea {
    width: 100%;
}

input#submit {
    width: auto;
    font-size: 12px;
    padding: 5px 15px;
}

/******************************************************************
SIDEBAR
******************************************************************/
ul.sidebar { list-style-type: none; }

.sidebar>li {
    margin-bottom: 15px;
}
.sidebar>li img {
    max-width: 270px;
}

.sidebar>li.hm_tiles_widget {
    margin-bottom: 0px;
}

li.widget-header {
    margin-bottom: 5px;
}
li.widget-header h2 {
    padding-left: 5px;
    font-size: 14px;
    color: #777;
    letter-spacing: .1em;
}

/* lists */
.widget ul>li {
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;
}
.widget ul>li:first-child {
    padding-top: 0;
}
.widget ul>li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/******************************************************************
ADVERTISEMENTS
******************************************************************/
.advertisement { }
.advertisement-sidebar { }
.advertisement-content-well { }

/******************************************************************
SINGLE POST PAGE
******************************************************************/
.single .excerpt-small time,
.single .excerpt-small .post-meta-spacer { display: none; }

/******************************************************************
AUTHOR PAGE
******************************************************************/
.author .author-about {
    position: relative;
    height: 128px;
}
.author .author-avatar {
    position: absolute; top: 0; left: 0;
}
.author .author-meta {
    position: absolute; top: 0; left: 138px;
}
.author .author-meta h3 {
    font-size: 16px;
}
.author p.author-title {
    font-style: italic;
    font-weight: bold;
    color: #777;
}
.author p.author-bio {
    height: 92px;
    padding-right: 5px;
    overflow-y: scroll;
}
.author .excerpt-small .post-author,
.author .excerpt-small .post-meta-spacer { display: none; }

/* Instagram slider */
.author #slider-window-container {
    height: 334px;
    width: 650px;
    padding: 14px;
    border: 1px dotted #ccc;
}

/* Author diary */
.author .author-diary article.excerpt-small {
    margin-bottom: 10px;
}

/******************************************************************
CONNECT PAGE
******************************************************************/
#fb-activity { min-height: 306px; }
#fb-activity iframe { background: #fff; }

/******************************************************************
INSTAGRAM SLIDER WIDGET
******************************************************************/
.slider-window {
    position: relative;
    height: 306px;
    width: 622px;
    overflow: hidden;
}
.slider-container {
    position: absolute; top: 0; left: 0;
    height: 306px;
    width: 10000px;
}

.slider-container a {
    display: inline-block;
    height: 306px;
    width: 306px;
    float: left;
    margin-right: 10px;
}
.slider-container a.last-child { margin-left: 0; }

.slider-controls {
    position: relative;
    height: 30px;
    margin-top: 10px;
    text-align: center;
}
.slider-control-right { margin-left: 15px; }
.slider-control {
    display: none;
    height: 30px;
    width: 30px;
    cursor: default;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    background: #eee;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: background .3s ease-out;
    -moz-transition: background .3s ease-out;
    -ms-transitoion: background .3s ease-out;
    -o-transition: background .3s ease-out;
    transition: background .3s ease-out;
}
.slider-control:link,
.slider-control:visited { color: #fff; font-weight: bold; }
.slider-control.active { background: #aaa; cursor: pointer; cursor: hand; }
.slider-control>span { color: #ddd; }
.slider-control.active>span { color: #fff; }
.slider-control.active:hover { background: #bbb; }


/******************************************************************
ARCHIVE PAGE (INFINITE SCROLL)
******************************************************************/
#loading-message {
    position: relative;
    height: 25px;
    margin-top: 20px;
}
#infscr-loading {
    position: absolute;
    left: 50%;
    margin-left: -100px;
}


/******************************************************************
SOCIAL ICONS
    - 6px padding between icons
******************************************************************/
.social-icon {
    display: inline-block;
    height: 28px;
    width: 28px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-image: url(images/social-icons.png);
}
.facebook-icon { background-position: -216px -108px; }
.twitter-icon { background-position: -360px -360px; }
.pinterest-icon { background-position: -180px -288px; }
.instagram-icon { background-position: 0px -216px; }
.googleplus-icon { background-position: -36px -180px; }
.feed-icon { background-position: -108px -324px; }
.vimeo-icon { background-position: -108px -396px; }
.youtube-icon { background-position: -180px -432px; }
.tumblr-icon { background-position: -324px -360px; }


/******************************************************************
MOBILE - iPad [portrait + landscape]
******************************************************************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

}


/******************************************************************
MOBILE - iPhone [portrait + landscape]
******************************************************************/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

}




/******************************************************************
Fancy Box Styles
    - http://fancybox.net
******************************************************************/

#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('js/libs/fancybox/fancybox.png'); }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none;}
#fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 1101; outline: none; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; padding: 10px; background: #fff; }
#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('js/libs/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; }
#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('js/libs/fancybox/blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico,
#fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url('js/libs/fancybox/fancybox.png'); background-position: -40px -30px; }
#fancybox-right-ico { background-image: url('js/libs/fancybox/fancybox.png'); background-position: -40px -60px; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('js/libs/fancybox/fancybox-x.png'); }
#fancybox-bg-ne { top: -20px; right: -20px; background-image: url('js/libs/fancybox/fancybox.png'); background-position: -40px -162px; }
#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('js/libs/fancybox/fancybox-y.png'); background-position: -20px 0px; }
#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('js/libs/fancybox/fancybox.png'); background-position: -40px -182px;  }
#fancybox-bg-s {bottom: -20px; left: 0; width: 100%; background-image: url('js/libs/fancybox/fancybox-x.png'); background-position: 0px -20px; }
#fancybox-bg-sw {bottom: -20px;left: -20px;background-image: url('js/libs/fancybox/fancybox.png');background-position: -40px -142px;}
#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('js/libs/fancybox/fancybox-y.png'); }
#fancybox-bg-nw { top: -20px; left: -20px; background-image: url('js/libs/fancybox/fancybox.png'); background-position: -40px -122px; }
#fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }
.fancybox-title-outside { padding-top: 10px; color: #fff; }
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background-image: url('js/libs/fancybox/fancy_title_over.png'); display: block; }
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px; background: url('js/libs/fancybox/fancybox.png') -40px -90px no-repeat; }
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('js/libs/fancybox/fancybox-x.png') 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px; background: url('js/libs/fancybox/fancybox.png') -55px -90px no-repeat; }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/libs/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/libs/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/libs/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/libs/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/libs/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/libs/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/libs/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/libs/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }