/* Page Navi*/
.wp-pagenavi { font-size: 13px; display: block; float: right; text-align: right; margin-bottom: 20px; }

    .wp-pagenavi a, .wp-pagenavi span { font-size: 13px; padding: 0px; margin: 0px; float: left; display: block; border-width: 1px 0px 1px 1px; border-style: solid; }
        .wp-pagenavi a, .wp-pagenavi a:visited { padding: 6px 0px; text-align: center; margin: 0px; width: 33px; }
    .wp-pagenavi .current { width: 33px; padding: 6px 0px; text-align: center; }



/* BLOG */
.post { margin-bottom: 60px; padding-bottom: 40px; } 
#singlepost .post { padding-bottom: 60px; margin-bottom: 60px; }

.post .header-wrapper { overflow: hidden; margin-bottom: 17px; }

.posttitle, .posttitle a { font-size: 24px; margin-bottom: 0px; margin-top: 0px; text-transform: none; }
    .posttitle a:hover { text-decoration: none; }


.postimg { position: relative; margin: 4px 20px 20px 0px; float: left; width: 268px; }


.entry-utility { padding: 2px 0 0px 0; clear: both; font-size: 11px; }
    .entry-utility a { text-transform: none; }
    .entry-utility div { display: inline-block; }

.post .more { margin-top: 5px; margin-bottom: 20px; }

.entry-content { overflow: hidden; }

    .entry-content .entry-utility { padding-top: 0px; }

.author { margin-bottom: 0px; }
    .author h3 { font-size: 20x; text-transform: uppercase; }
    .author h5 { margin-bottom: 5px; }
    .avatar-img, .author .avatar { width: 96px; float: left; }
        .author img, .avatar-img img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; padding: 10px; }

.author-desc { overflow: hidden; margin-left: 5px; }

.related-post { margin-bottom: 20px; float: left; }

.entry-tag { margin-top: 20px; font-size: 11px; }
    .entry-tag .tag-text { margin-right: 10px; }
.tag-items { display: inline-block; }
    .tag-items span { display: inline-block; font-size: 11px; padding: 3px 10px; }

#comment h3 { margin-bottom: 30px; font-size: 20px; text-transform: uppercase; }
.commentlist { list-style-type: none; padding: 0; margin: 0; }
    .commentlist ol { list-style-type: none; padding: 30px 0 0 80px; margin: 0; }

    .commentlist li { position: relative; padding: 0 0 30px 0; }
        .commentlist li li { position: relative; padding: 0; }


.avatar-img { position: absolute; top: 0px; left: 0px; }
.avatar { display: block; }
.fn { font-size: 14px; text-transform: uppercase; display: block; font-family: 'Fjalla One', sans-serif; }

.commenttext { }
.tdate, .reply { font-size: 11px; }
    .reply a, .reply a:visited { }
        .reply a:hover { text-decoration: underline; }
.fn a, .fn a:visited { }

.comment-body { margin: 0 0 0 0px; padding: 0px; margin-left: 142px; }
    .comment-body p { margin-bottom: 5px; margin-top: 10px; }
    .comment-body .more { padding: 0px 0px; }
#commentform { margin-bottom: 20px; }
    #commentform label { display: block; }
    #commentform .text-input { margin-bottom: 8px; padding: 8px 5px; vertical-align: middle; }
    #commentform .textarea { margin-bottom: 20px; padding: 8px 5px; vertical-align: top; }

/* PORTFOLIO */

/*======= Portfolio Navigation =======*/
#frame-filter { margin: 0px auto 30px auto; position: relative; }
#filter { list-style-type: none; padding: 0px 0px 0px 3px; margin: 0px; display: inline-block; clear: both; }
    #filter li { list-style-type: none; display: inline-block; margin-left: -3px; padding: 8px 10px; font-size: 13px; }

        #filter li.current span { position: absolute; bottom: -7px; display: block; width: 13px; height: 7px; left: 40%; }

/*======= End Portfolio Navigation =======*/
#ts-portfolio .item.alpha { clear: both; }
#ts-portfolio .item { margin-bottom: 10px; }
#ts-portfolio .pfarrow { position: absolute; background-repeat: no-repeat; background-position: bottom; width: 14px; height: 7px; bottom: 0px; left: 50%; margin-left: -7px; z-index: 11; }
.ts-display-pf-img { position: relative; }
.ts-display-clear { clear: both; height: 1px !important; line-height: 1px !important; float: none !important; }
.ts-display-pf-text { padding: 16px 20px; text-align: left; }
    .ts-display-pf-text h2 { font-size: 13px; margin-bottom: 0px; font-family: 'Open Sans', sans-serif; }

.ts-display-pf-img a.image img { display: block; }
.ts-display-pf-img img { overflow: hidden; display: block; position: relative; }
.ts-display-pf-img a.image { display: block; position: relative; overflow: hidden; }
.ts-display-pf-img a .rollover { background-color: #000; display: block; position: absolute; z-index: 10; display: none; cursor: pointer; width: 100%; height: 100%; }

.ts-display-pf-img .zoom { background: url(../images/hover-zoom.png); background-repeat: no-repeat; background-position: center; display: block; position: absolute; z-index: 10; display: none; cursor: pointer; width: 100%; height: 100%; }

.ts-display-pf-img a .rollover.gotolink { background-color: #000; background-repeat: no-repeat; background-position: center; }
.ts-display-pf-img a .rollover.gotopost { background-color: #000; background-repeat: no-repeat; background-position: center; }


/* ---------------------------- */
/*       Isotope plugin
/* ---------------------------- */

.isotope-item { z-index: 2; }

.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }

.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }

    .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }

        /**** disabling Isotope CSS3 transitions ****/

        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

/* End: Recommended Isotope styles */


/* CONTACT */

form { margin: 0; padding: 0; }
fieldset { border: 0px; }
#contactform { margin: 0 0 20px 0; position: relative; }
    #contactform label { display: block; width: 100%; float: left; padding-bottom: 5px; font-size: 12px; }
span.error { color: red; text-align: left; font-size: 11px; padding-bottom: 15px; display: block; }
#contactform input.text-input { margin-bottom: 15px; vertical-align: middle; width: 40%; float: left; padding: 10px; }
#contactform textarea { width: 93%; float: left; }
#message { margin-left: 0px; font-weight: bold; }
    #message h2 { }
    #message p { margin: 6px 0px; }

#contactform .button { cursor: pointer; margin-top: 20px; float: left; }