/*
Theme Name: Instamate
Theme URI: http://graphpaperpress.com/themes/instamate/
Author: Graph Paper Press
Author URI: http://graphpaperpress.com
Description: A responsive portfolio theme for WordPress with slideshows and post format support.
Version: 1.2.1
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats
*/

/* =Resets
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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;
    word-wrap: break-word;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img { border: 0 }
address, caption, cite, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after { content: '' }
abbr, acronym { border: 0 }


/* =Fonts
-------------------------------------------------------------- */

html,
h1,
h2,
h3,
h4,
h5,
h6,
.menu,
cite.fn,
h1.page-title span {
    font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
}
#FANCY-TEXT,
q,
i,
em,
cite,
.fancy,
.says,
.source,
.commentmetadata,
ul.primary,
#site-description,
#site-header,
.format-quote .entry-content,
.fancy-text {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: inherit;
}
h1.page-title {
    font-family: 'Monsieur La Doulaise', cursive;
    text-align: center;
    font-size: 4em !important;
    text-transform: lowercase !important;
    margin-bottom: 1em;
}
h1.page-title span {
    font-size: .5em;
}
.has-header-image .page-title {
    margin-top: 0;
}
pre,
code {
    font-family: monospace;
}

html {
    color: rgb(30, 40, 30);
    font-size: 14px;
    line-height: 1.5;
}
h1 {
    font-size: 2em; /* 32px */
    margin-bottom: 1em; /* 24px */
    line-height: 1.5; /* 48px */
}
h2 {
    font-size: 1.5em; /* 24px */
    margin-bottom: 1em; /* 16px */
    line-height: 1.5; /* 24px */
}
h3 {
    font-size: 1.25em; /* 20px */
    margin-bottom: 1.2em; /* 24px */
    line-height: 1.2; /* 24px */
}
h4 {
    font-size: 1.125em; /* 18px */
    margin-bottom: 1.333em; /* 24px */
    line-height: 1.333; /* 24px */
}
h5, h6 {
    font-size: 1em; /* 16px */
    margin-bottom: 1.5em; /* 24px */
    line-height: 1.5; /* 24px */
}
p, address { margin-bottom: 1.5em }
a {
    text-decoration: none;
}
a:visited { opacity: 0.8 }
a:hover {
    text-decoration: none;
}
s, del { text-decoration: line-through }
blockquote {
    margin: 1em 0;
    padding: 2em;
}
blockquote p {
    position: relative;
    display: inline;
    line-height: 2em;
}
pre {
    overflow: auto;
    margin-bottom: 1.5em;
    line-height: 24px; /* Having to define explicit pixel values: ( */;
}
code { line-height: 1 }
ul, ol {
    list-style-type: square;
    list-style-position: inside;
    margin: 0 0 1.5em 1em;
}
ul ul, ol ol, ul ol, ol ul { /* Let’s take care of lists in lists */
    margin: 0 0 0 20px;
}
hr {
    height: 1px;
    margin: 0 0 1.420em;
}
hr.space {
    visibility: hidden;
}

#XS-TEXT,
small,
#utility a,
.entry-meta,
.wp-caption .wp-caption-text,
.gallery-caption,
figcaption,
.comment-reply-link,
.format-quote .source,
.says,
.comment-meta,
.comment-reply-link,
.breadcrumb,
#colophon,
#site-generator,
.xs-text {
    font-size: .75em;
}

#SMALL-TEXT,
#site-description,
#main .widget-area,
#main .widget-area .widget-title,
.break,
#utility #searchform input#s,
.small-text {
    font-size: .9em;
}

#DEFAULT-TEXT,
.post-format-content .quote p.quote-author,
#searchform input#s,
.default-text {
    font-size: 1em;
}

#LARGE-TEXT,
h1.page-title,
h1.widget-title,
h3.widget-title,
.large-text {
    font-size: 1.25em;
}

#XL-TEXT,
blockquote p,
.xl-text {
    font-size: 1.5em;
}

#XXL-TEXT,
#site-title,
#site-header,
.xxl-text {
    font-size: 2em;
}

#LOWERCASE-TEXT,
#site-description,
#site-header,
.lowercase-text {
    text-transform: lowercase;
}

#UPPERCASE-TEXT,
h1.page-title,
#main .widget-area .widget-title,
.break,
#site-generator,
.up,
.entry-meta,
.uppercase-text {
    text-transform: uppercase;
}

#HEAVY-TEXT,
b,
strong,
#site-title,
.entry-header .entry-title,
th,
.heavy-text {
    font-weight: bold;
    font-style: inherit;
}

#NORMAL-TEXT,
#site-description,
cite.fn,
.message,
.sticky,
#secondary a,
#main .widget-area .widget-title,
.break,
.twitter-follow,
#colophon a,
.entry-meta a,
#utility a,
address,
caption,
cite,
dfn,
th,
var,
.post-format-content .quote p.quote-author ,
.normal-text {
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

#THIN-TEXT,
#site-generator,
.thin-text {
    font-weight: 100;
}

#SPACED-OUT-TEXT,
.entry-meta,
#site-generator,
#main .widget-area .widget-title,
.break,
.spaced-out-text {
    letter-spacing: 1px;
}

#TEXT-ALIGN-CENTER,
.image-attachment .entry-content .entry-attachment,
.wp-caption,
th,
table [colspan],
tfoot,
#wp-calendar th,
#wp-calendar td,
#content nav .nav-previous,
#content nav .nav-next,
input[type="button"],
input[type="submit"],
.button,
.comment-reply-link,
.previous-image a,
.next-image a,
.text-align-center {
    text-align: center;
}

#TEXT-ALIGN-RIGHT,
.entry-meta .right,
#content nav .nav-next,
.text-align-right {
    text-align: right;
}


/* =Positioning
-------------------------------------------------------------- */

#NO-PADDING,
.no-sidebar #primary,
#main .widget,
#mode,
.post .notice,
#content .error404 #searchform,
.entry-content,
article,
ul.primary,
.no-padding {
    padding: 0;
}

#SMALL-PADDING,
input,
textarea,
th,
td,
.small-padding {
    padding: 0.5em;
}

#NO-MARGIN,
#content nav .nav-previous,
#content nav .nav-next,
input[type="button"],
input[type="submit"],
.button, .comment-reply-link,
.previous-image a,
.next-image a,
#utility li,
.no-margin {
    margin: 0;
}

#NO-FLOAT,
#branding,
.no-sidebar #primary,
.no-sidebar #primary-wrap,
.post-type-archive-portfolio #primary-wrap,
.single-portfolio #primary-wrap,
.tax-instamate_type #primary-wrap,
.page-template-page-wide-php #primary-wrap,
.page-template-page-portfolio-php #primary-wrap,
.page-template-page-instagram-php #primary-wrap,
#colophon,
.list .portfolio,
hr,
#content .error404 .widget_tag_cloud,
.aligncenter,
img.attachment-large,
img.instagram,
.subpage,
.no-float {
    clear: both;
    display: block;
    float: none;
    margin: 0 auto;
    width: 100%;
}

#FLOAT-LEFT,
.left,
.alignleft,
.two-columns,
.three-columns,
.grid .portfolio,
img.wp-post-image,
.image-attachment div.entry-meta,
#image-navigation,
#image-navigation .previous-image,
.format-gallery .gallery-thumb,
#content .error404 .widget,
#content nav .nav-previous,
#utility li,
ul.primary,
.one aside,
.two aside,
.three aside,
.widget-area .widget_search input,
.comment-author,
#utility,
#main .widget-area,
#main,
hgroup,
#primary,
img.avatar,
.float-left {
    float: left;
}

#FLOAT-RIGHT,
.right,
.alignright,
.image-attachment nav,
#image-navigation .next-image,
#content nav .nav-next,
#primary-wrap,
.commentmetadata,
#utility ul,
.float-right {
    float: right;
}

html {
    overflow-y: scroll; /* Force scrollbars 100% of the time */
}
body {
    min-height: 100%;
}
#page {
    display: block;
    margin: 0 auto;
    width: 90%; /* 1000px */
    max-width: 1000px;
}

#page header#branding {
    margin: 1em auto;
}

hgroup {
    margin-right: 5%;
    min-height: 120px;
    max-width: 200px;
}
#main {
    margin: 0 auto 2em;
    padding: 2em 3%;
    width: 94%;
}
#branding {
    margin: 1em 0;
}
#colophon {
    margin: 0 auto 3em auto;
}
#primary-wrap {
    width: 70%;
    margin: 1.5em 0 0;
}
#primary {
    width: 90%;
    margin: 0 0 0 5%;
    padding-left: 5%;
}
#primary.nosidebar {
    padding-left: 0;
    width: 100%;
    margin: 0;
    background: transparent;
}
.nosidebar article { background: transparent; }
.post-type-archive-portfolio #primary, .single-portfolio #primary, .tax-instamate_type #primary, .page-template-page-portfolio-php #primary, .page-template-page-instagram-php #primary {
    margin-left: 0;
    padding-left: 0;
}
#menu-wrap {
    width: 100%;
    margin-bottom: 3em;
}
#main .widget-area {
    clear: left;
    overflow: hidden;
    width: 30%;
    margin: 2em 0;
}
#main .widget-area .widget-title, .break {
    padding: .75em;
}
#main .widget-area .widget-title span {
    padding-right: 1.7em;
}
.widget-title {
    font-weight: bold;
}
#main .widget {
    margin: 0 auto 2em;
}
/* Increase the size of the content area for templates without sidebars */
.full-width #content, .image-attachment #content, .error404 #content { margin: 0 }
/* Text meant only for screen readers */
.screen-reader-text, .assistive-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}
.block {
    margin: 1em 0;
}

/* =Header
-------------------------------------------------------------- */
#site-title {
    margin: 0;
}
#site-description, #site-header {
    margin: 0 0 1em;
}

/* =Menu
-------------------------------------------------------------- */
#utility {
    display: block;
    margin: 0 auto 1.8em;
    width: 90%;
    padding: .5em 5%;
}
#utility-inner {
    max-width: 1000px;
    margin: 0 auto;
}
#utility ul {
    list-style: none;
    margin: 0 auto;
    padding-left: 2px;
    display: block;
}
#utility li {
    position: relative;
    margin: 3px 2px 0;
    background: transparent !important;
}
#utility a {
    display: block;
    padding: .5em;
}
#utility li li {
    line-height:1em;
    padding: 0;
}
#utility ul ul {
    display: none;
    float: left;
    position: absolute;
    top: 1.9em;
    z-index: 99999;
    padding: 6px 4px;
}

#utility ul ul li:last-child {
    border-bottom: none
}
#utility ul ul ul {
    left: 102%;
    top: -5px;
}
#utility ul ul a {
    width: 140px;
}
#utility ul ul li {
    margin: 0;
    padding: 0;
}
#utility li:hover > a {
}
#utility ul ul :hover > a {
}
#utility ul ul a:hover {
}
#utility ul li:hover > ul {
    display: block;
}

ul.primary {
    list-style-type: upper-roman;
    list-style-position: inside;
    margin: 0 3.2em 0 0;
}
ul.primary li {
    margin: 0 1em 1em 0;
}

/* =Content
-------------------------------------------------------------- */
article {
    margin: 0 auto 4em;
	overflow:hidden;
}
header.page-header { margin-bottom: .5em;}
.entry-title {
    word-wrap: break-word;
}
.entry-title a, .page-title a {
    border-bottom: none;
}
h1.page-title {
    margin-bottom: 0.75em;
    line-height: 1.5;
}
.entry-content img {
    max-width: 98%;
    height: auto;
}
.entry-meta {
    padding: 0 0 1em;
    text-transform: none;
}
.sticky {
    padding: 2em;
    background-image: none;
}
.hide { display: none }
.entry-meta {
    clear: both;
    display: block;
}
.entry-header .entry-meta { margin: 0 0 2.5em 0 }
.single-author .entry-meta .byline { display: none }
#content nav {
    display: block;
    overflow: hidden;
}
#content nav .nav-previous {
    width: 50%;
}
#content nav .nav-next {
    width: 50%;
}
#content #nav-above { display: none }
.paged #content #nav-above, .single #content #nav-above {
    display: block;
    margin-bottom: 3em;
}
#nav-below { margin: 3em 0 }
.page-link {
    clear: both;
    margin: 0 0 1em;
}
.page .edit-link {
    clear: both;
    display: block;
}
.subpage {
    clear: both;
    display: block;
}
.subpage li {
    display: inline;
    margin: 0 20px;
}
.subpage li:first-child { margin-left: 0 }
/* 404 page */
#content .error404 .widget {
    width: 33%;
}
#content .error404 .widget .widget-title, #content .error404 .widget ul { margin-right: 1em }
#content .error404 #searchform {
    margin: 3em auto;
}
#content .error404 #searchform input#s {
    padding: 8px 26px;
}
/* Notices */
.post .notice, #content .error404 #searchform {
    display: block;
}
/* Image Attachments */
.image-attachment nav {
    margin: 0 0 1em 0;
}
.image-attachment .entry-content { clear: both }
.image-attachment .entry-content .entry-attachment {
    margin: 0 0 1em;
    padding: 1em;
    display: block;
    margin: 0 auto;
}

/* Post Formats */
.post-format-content {
    margin-bottom: 2em;
}
/* Aside Posts */
.format-aside .entry-header { display: none }
.single .format-aside .entry-header { display: block }
.format-aside .entry-content, .format-aside .entry-summary { padding-top: 1em }
.single .format-aside .entry-content, .single .format-aside .entry-summary { padding-top: 0 }
/* Gallery Posts */
.format-gallery .gallery-thumb {
    margin: 0 1em 0 0;
}
.single .format-gallery {
    width: 100% !important;
    margin: 0 auto 1em;
}
/* Image Posts */
.format-image .entry-header { display: block }
.single .format-image .entry-header { display: block }
.entry-summary { padding: 0 5% }
.single .format-image .entry-content, .single .format-image .entry-summary { padding-top: 0 }
/* Quote Posts */
.format-quote .entry-content {
    font-size: 2em;
}
.format-quote .quote-author { text-align: right }
.post-format-content .quote p.quote-author {
    margin-bottom: 0;
}
/* Columns */
.two-columns {
    width: 46%;
    margin: 0 2% 2em;
}
.three-columns, .grid .portfolio {
    width: 31%;
    margin: 0 1.5% 2em;
}
.three-columns:nth-child(3n+3), .grid .portfolio:nth-child(3n+3) {
    margin-right: 0;
}
.three-columns:nth-child(3n+1), .grid .portfolio:nth-child(3n+1) {
    margin-left: 0;
    clear: left;
}
.list .portfolio {
    margin: 1em 0 4em;
}

/* Entry Meta */
.like-count:hover, .comments-link:hover { text-decoration: none }
.comments-link { margin-right: 1em }

/* =Images
-------------------------------------------------------------- */
p img {
    margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */ }
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img, .wp-caption, img.sitetitle, article img {
    max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.wp-post-image {
    margin: 0 1.5em 1em 0;
    max-width: 100%;
    height: auto;
}
img.alignleft, .wp-caption.alignleft { margin-right: 1em }
img.alignright, .wp-caption.alignright { margin-left: 1em }
.wp-caption {
    margin: 1em auto;
    max-width: 99%;
    padding: .3em 0.5%;
}
.wp-caption .wp-caption-text { margin: .5em }
.wp-caption img { border: 0 }
.wp-smiley { margin: 0 }

/* Alignment */
.alignleft {
    display: inline;
}
.alignright {
    display: inline;
}
.aligncenter, img.attachment-large, img.instagram {
    margin-left: auto;
    margin-right: auto;
}
figure {
    margin-bottom: 1.5em;
    padding: 3.636363636364%; /* 20px / 550px */
    width: 93.220338983051%; /* 550px / 590px */
}
figure img {
    display: block;
    margin-bottom: 0;
}

/* =Galleries
-------------------------------------------------------------- */
.entry-content .gallery {
    margin:0 auto 1.625em;
}
img[class*=align],img[class*=wp-image-],#content .gallery .gallery-icon img, img.wp-post-image {
    padding: 1%;
    max-width: 97.5%;
    position: relative;
}
.portfolio img.wp-post-image {
    max-width: 100%;
    padding: 0;
}
.entry-content .gallery .gallery-icon {
    margin: 2px 8px;
}
.entry-content #gallery-1 .gallery-item {
    margin-top: 0;
}

#image-navigation {
    width: 90%;
    margin: 0 5% 5% 5%;
}

/* =Video
-------------------------------------------------------------- */
object, embed, video {
    max-width: 100%;
    height: auto;
}
iframe {
    max-width: 100%;
}


/* =Forms
-------------------------------------------------------------- */
#searchform label { display: none }
#searchform input#s {
    width: 80%;
    padding: 4px 26px 4px 6px;
    margin: 0;
}

#utility #searchform input#s {
    background-image: none;
    background-color:#444;
    background-color:rgba(255,255,255,0.3);
    line-height:1;
    padding: 3px 7px;
    color:rgba(255,255,255,0.75);
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.25);
    -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.25);
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.25);
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition: none;
}

#utility #searchform input#s:-moz-placeholder {
    color:#e6e6e6;
}

#utility #searchform input#s::-webkit-input-placeholder {
    color:#e6e6e6;
}

#utility #searchform input#s:hover {
    background-color:#bfbfbf;
    background-color:rgba(255,255,255,0.5);
}

#utility #searchform input#s:focus,#utility #searchform input#s.focused {
    padding:3px 8px;
    -webkit-box-shadow:0 0 3px rgba(0,0,0,0.15);
    -moz-box-shadow:0 0 3px rgba(0,0,0,0.15);
    box-shadow:0 0 3px rgba(0,0,0,0.15);
}

#searchform input[type="submit"] { display: none }
input[type=text], input#s {
    margin: 0 1em 0 0;
    width: 60%;
}
textarea { width: 80% }
.search article .entry-content {
    padding: 0 5% 5em;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
    margin-top: 2em;
}
.commentlist {
    list-style: none;
    margin: 0;
}
.commentlist li { list-style: none }
article.comment {
    display: block;
    list-style: none;
    padding: 2%;
    margin: 0 auto 2em;
}
#respond input[type=text] {
    display: block;
    width: 60%;
}
#respond textarea {
    display: block;
    margin: 0 0 1em;
    width: 80%;
}
#respond .form-allowed-tags {
    clear: both;
    width: 80%;
}
#respond .form-allowed-tags code { display: block }
.bypostauthor {

}
.comment-content {
    clear: both;
    margin-top: 4em;
    padding: 2em 4em;
}
.form-allowed-tags { display: none }
.comment-meta {
    margin-bottom: 1em;
}
img.avatar {
    margin-right: 0.5em;
}
/* =Messages
-------------------------------------------------------------- */
.sticky, .message {
    display: block;
    margin: 0 0 1.5em 0;
    padding: 2em 3%;
}
/* With multiple errors it’s nice to group them. */
ul.message {
    list-style: decimal outside;
    padding: 10px 10px 10px 56px;
}

/* =Tables
-------------------------------------------------------------- */
table {
    margin-bottom: 1.5em;
    width: 100%;
    max-width: 100%;
}
thead tr:last-of-type th {
    /* Thicker border on the table-headers of the last row in the table head */
    border-bottom-width: 2px;
}
tbody th {
    /* Thicker right border on table-headers in the table body */
    border-right-width: 2px;
}
th, td {
    vertical-align: top;
}
table [rowspan] {
    /* ...as does this. */
    vertical-align: middle;
}
[colspan="1"] { text-align: left }
[rowspan="1"] { vertical-align: top }
tfoot td { border-top-width: 2px }
#wp-calendar th, #wp-calendar td {
    padding: .25em;
}
#wp-calendar th {
    border-bottom: none;
}
#wp-calendar tfoot td {
    border-top: none;
}


/* =Sidebar / Widgets
-------------------------------------------------------------- */
#sidebar-logo { padding-left: 06.451612903226% }
#secondary ul, ol { list-style-type: none }

.widget { display: block }
.widget-area .widget_search { overflow: hidden }

/* =Footer
-------------------------------------------------------------- */
#colophon {
    padding: 4em 0;
    margin-bottom: 0;
}
.one aside {
    width: 100%;
}
.two aside {
    width: 50%;
}
.three aside {
    width: 30%;
    margin-right: 3.33%;
}
#site-generator {
    clear: both;
    padding-top: 2em;
    margin-bottom: 2em;
}
aside img {
	max-width: 100%;
	height: auto;
}


/* = Portfolio Archives
-------------------------------------------------------------- */

.breadcrumb {
    margin: 1em 0 1.7em;
    padding:7px 14px;
    position: relative;
}
.page .breadcrumb {
    margin-bottom: 4em;
}

.breadcrumb li {
    display:inline;
    padding: 0 12px;
}

.breadcrumb .title {
    padding:8px;
    margin:1px 4px 0 -14px;
    -moz-border-radius-topleft:2px;
    -moz-border-radius-topright:0;
    -moz-border-radius-bottomright:0;
    -moz-border-radius-bottomleft:2px;
    -webkit-border-radius:2px 0 0 2px;
    border-radius:2px 0 0 2px;
}

a.thumb {
    display: block;
    overflow: hidden;
}
.portfolios article {
    border: none;
}
.portfolios h2.entry-title {
    font-size: 1.5em;
    font-weight: bold;
}
.portfolios article .entry-meta {
    border:none;
    margin-bottom: 1.5em;
    padding: 0;;
}
.portfolios.list article .entry-meta {
    font-size: .8em;
}
.portfolios article.portfolio:nth-child(3n) {
    margin-right:0;
}
.portfolio .entry-content {
    overflow: hidden;
    position: relative;
}
.portfolio .entry-meta {
    clear: none;
}
.portfolio img.wp-post-image {
    padding: 0;
    margin: 0;
}
.portfolio .not-found .entry-content {
    background: none;
}
.archive .portfolio {
    width: 31.3%;
    margin: 0 1.5% 2em;
    float: left;
}
.single .portfolio {
    width: 100% !important;
    margin: 0 auto;
    float: none;
}
.portfolio:nth-child(3n+3) {
    margin-right: 0;
}
.portfolio:nth-child(3n+1) {
   clear: both;
   margin-left: 0;
}
.list .portfolio {
    width: 100%;
    float: none;
    margin: 1em 0 3em;
    padding-bottom: 1em;
}
.list .portfolio .entry-text {
    position: relative;
    padding: 0;
    font-size: 1em;
}
.list .portfolio .entry-text h2 {
    clear: none;
}
.grid .portfolio .entry-text header.entry-header {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1em 5%;
    width: 90%;
}
.grid .portfolio .entry-text footer.entry-meta {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1em 5%;
    margin-bottom: 0;
    width: 90%;
}
.grid .entry-title {
    margin-bottom: 0.3em;
    color: #666;
}
.list .portfolio .thumb {
    float: left;
    margin: 0 1.5em 2em 0;
}
.portfolio footer.entry-meta {
    clear: both;
    display: block;
    width: 100%;
}
.list .portfolio footer.entry-meta {
    position: relative;
    padding: 0;
    width: 100%;
}
.grid .portfolio footer.entry-meta {
    position: absolute;
    bottom: 20px;
    right: 15px;
}
footer.entry-meta {
	overflow:hidden;
}
#controls {
    float: right;
    border-right: 0;
    padding: 0;
    margin: 0;
}
.control {
    border: none;
    float: left;
    margin-right: 0.5em;
    padding: 0;
    display: block;
    width: 14px;
    height: 14px;
    text-indent: -999em;
}
#show_grid {
    background-position: 0 100%;
}
#show_grid.active {
    background-position: 0 0 !important;
}
#show_list {
    background-position: 100% 0;
    margin-right: 0;
}
#show_list.active {
    background-position: 100% 100% !important;
}

/* = Icons
-------------------------------------------------------------- */
.icon {
    float: left;
    margin: 0 0 0 12px;
}
.icon:before {
    float: left;
    padding: 0 10px;
    margin: 0 5px 0 0;
    content: "";
    background: url(images/icons.png) 0 0 ;
    height: 16px;
    display: inline-block;
}
.heart:before {
    background-position: 100% 4px;
}
.heart:hover:before, .heart.active:before {
    background-position: 100% 41px;
}
.comment-bubble:before {
    background-position: 74% 4px;
}
.comment-bubble:hover:before, .comment-bubble.active:before {
    background-position: 74% 41px;
}

/* social icons */
.menu-top-menu li {
    padding-right: .5em;
}
.menu-top-menu li:last-child {
    padding-right: 0;
}
.menu-top-menu li.facebook a,
.menu-top-menu li.twitter a,
.menu-top-menu li.rss a,
.menu-top-menu li.vimeo a {
    background: url(images/icons-dark.png) 0 0 ;
    text-indent: -9999em;
    float: left;
    padding: 3px;
    height: 16px;
}
.menu-top-menu li.twitter a {
    width: 16px;
    background-position: -45px -25px;
}
.menu-top-menu li.twitter a:hover {
    background-position: -45px 0;
}
.menu-top-menu li.facebook a {
    width: 10px;
    background-position: -24px -25px;
}
.menu-top-menu li.facebook a:hover {
    background-position: -24px 0;
}
.menu-top-menu li.vimeo a {
    width: 16px;
    background-position: -68px -25px;
}
.menu-top-menu li.vimeo a:hover {
    background-position: -68px 0;
}
.menu-top-menu li.rss a {
    width: 16px;
    background-position: 0px -25px;
}
.menu-top-menu li.rss a:hover {
    background-position: 0 0;
}


/* = Buttons
-------------------------------------------------------------- */
#content nav { clear: both }
#content nav .nav-previous, #content nav .nav-next, input[type="button"], input[type="submit"], .button, .comment-reply-link, .previous-image a, .next-image a {
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    font: 11px/normal sans-serif;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    -moz-background-clip: padding; /* for Firefox 3.6 */
    background-clip: padding-box;
    /* IE hacks */
    zoom: 1;
    *display: inline;
    width: auto;
}
.button:hover, #content nav .nav-previous:hover, #content nav .nav-next:hover, input[type="button"]:hover, input[type="submit"]:hover, .comment-reply-link:hover, .button:focus, #content nav .nav-previous:focus, #content nav .nav-next:focus, input[type="button"]:focus, input[type="submit"]:focus, .comment-reply-link:focus, .button:active, #content nav .nav-previous:active, #content nav .nav-next:active, input[type="button"]:active, input[type="submit"]:active, .comment-reply-link:active, .button.active, #content nav .nav-previous a:hover, #content nav .nav-next a:hover, .comment-reply-link:hover, .previous-image a:hover, .next-image a:hover, #content nav .nav-previous:hover, #content nav .nav-next:hover, input[type="submit"]:hover, .comment-reply-link:hover {
    text-decoration: none;
}

/* = Clear Floats
-------------------------------------------------------------- */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix { zoom: 1 } /* IE6 */
*:first-child+html .clearfix { zoom: 1 } /* IE7 */


/* =Tablets held in portrait orientation
-------------------------------------------------------------- */
@media screen and (max-width: 768px) {
    hgroup {
        float: none;
        max-width: 100%;
        min-height: 0;
        margin-left: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }
    #primary, #main .widget-area {
        clear: both !important;
        display: block;
        float: none !important;
        width: 90% !important;
        background: transparent;
        margin: 0 auto !important;
        padding: 0 5% !important;
        background: transparent;
    }
    #main .widget-area { margin-top: 2em }
    #primary-wrap {
        width: 100% !important;
        float: none !important;
    }
    #branding {
        width: 100%;
        float: none;
        text-align: center;
    }
    #main .widget {
        width: 100%;
        clear: both;
        margin-top: 2em;
    }
    #utility ul {
        float: none;
    }
    #utility li {
        clear: left;
        float: none;
        text-align: center;
        width: 100%;
        background: #2b2b2b url(images/border-horz.png) repeat-x bottom left;
    }
    #utility li.search {
        margin: 2em auto;
    }
    ul.primary {
        float: none;
        margin: 2em auto;
    }
    .three-columns {
        float: none;
        width: 100%;
    }
    aside.widget-1,
    aside.widget-2,
    aside.widget-3 {
        width: 100%;
        float: none;
        margin: 1em auto 0;
    }
    .list .vertical .portfolio, .list .horizontal .portfolio, .list .square .portfolio { width: 100%; }
    .list .portfolio .entry-text, .vertical .list .portfolio .entry-text  {
        float: none;
        width: 100% !important;
    }
    .list .portfolio .thumb {
        margin: 0 1.5em 1em 0;
    }
    .list .portfolio .entry-text h2 {
        clear: none;
    }
    #utility li {
        padding: 4px 0 8px;
        width: auto;
    }
    #utility li.facebook a, #utility li.twitter a, #utility li.vimeo a, #utility li.youtube a, #utility li.rss a {
        margin: 0 50%;
    }
    #utility input#s {
        max-width: 50%;
    }
}
/* =Mobile
-------------------------------------------------------------- */
@media screen and (max-width: 520px) {
    body { font-size: .9em; }
    .horizontal .portfolio, .square .portfolio, .portfolio {
        width: 100% !important;
        max-width: 384px;
        float: none;
        margin: 0 auto 2em !important;
    }
    .vertical .portfolio {
        width: 100% !important;
        max-width: 248px;
        float: none;
        margin: 0 auto 2em !important;
    }
    .grid .portfolio {
        float: none;
    }
    .portfolio .entry-header,
    .portfolio footer.entry-meta {
        margin: 0 auto;
        text-align: center;
        float: none;
    }
    .portfolio .entry-header {
        text-align: center;
    }
    .portfolio img.wp-post-image {
        float: none;
        display: block;
        margin: 0 auto;
    }
    .grid .portfolio .entry-content {
        background-color: transparent !important;
    }
    .grid .portfolio .entry-content .entry-text, .portfolios article .entry-meta {
        display: block !important;
    }
    .grid .portfolio .entry-text header.entry-header, .grid .portfolio .entry-text header.entry-footer {
        position: relative;
    }
    .grid .portfolio .entry-text header.entry-header, .grid .portfolio .entry-text footer.entry-meta {
        position: relative;
        padding: 1em 0;
        width: 100%;
    }
    .list .portfolio .thumb, .list .portfolio .thumb img.wp-post-image {
        clear: both;
        display: block;
        float: none;
        margin: 0 auto 2em;
    }
}