/*
Theme Name: Artisan Creatif
Theme URI: http://www.wearepixel8.com/
Description: Artisan Creatif is a premium WordPress portfolio theme that is highly customizable with 2 different color schemes to choose from. Tailor Artisan Creatif to your needs with 6 custom widgets, 2 page templates, 3 portfolio layouts, streaming video integration and a host of theme options to personalise your environment. To begin seting up your copy of Artisan Creatif, click on the Theme Options link.
Version: 1.1.1
License: GNU General Public License
License URI: GPL.txt
Author: We Are Pixel8
Author URI: http://www.wearepixel8.com/
Tags: dark, light, white, gray, left-sidebar, right-sidebar, fixed-width, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready, threaded-comments
*/

/***** Resets *****/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
:focus { outline: 0; }
body { line-height: 1; color: #000; background: #fff; }
img { border: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a { outline: none; }

/***** Structure & Utility *****/
body { font: 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif; }
.wrapper { position: relative; width: 960px; margin: 0 auto; overflow: hidden; }
#vertical-grid, #page-content { position: relative; width: 100%; }
#vertical-grid { padding: 40px 0 0; }
#page-content { margin: 40px 0 0; }
.artisancolumn-960, .artisancolumn-940, .artisancolumn-700, .artisancolumn-460, .artisancolumn-220, .archive-title-right, .archive-title-left, .artisanthumb-460, .artisanthumb-220, .artisan-baseline, .baseline-section, .archivelink-460, .artisan-page, .artisan-post, .artisan-portfolio { position: relative; }
.artisancolumn-960 { width: 960px; }
.artisancolumn-940 { width: 940px; }
.artisancolumn-700 { width: 700px; }
.artisancolumn-460, .archive-title-right, .archive-title-left, .artisan-post { width: 460px; }
.artisancolumn-220 { width: 220px; }
.archive-title-right { margin: 0 240px 0 0; }
.archive-title-left { margin: 0 0 0 240px; }
.artisanthumb-460, .archivethumblink-460 { width: 460px; height: 280px; overflow: hidden; }
.artisanthumb-220 { width: 220px; height: 110px; overflow: hidden; }
.artisan-baseline { width: 178px; height: 280px; margin: 0 1px; padding: 0 20px; }
.baseline-section,.archive-title-right, .archive-title-left { padding: 20px 0; }
.archivelink-460 { width: 420px; height: 240px; padding: 20px; font-size: 14px; line-height: 1.43em; }
.archivethumblink-460 { position: absolute; top: 0; left: 0; }
.artisan-page { padding: 0 0 40px; }
.artisan-post { margin: 0 0 40px; }

/***** Utility Classes *****/
.vertmargin-10 { margin: 0 10px; }
.horizmargin-80 { margin: 0 0 80px; }
.centermargin-40 { margin: 0 10px 40px; }
.padbottom-40 { padding: 0 0 40px; }
.right-side { text-align: right; }

/***** Fonts *****/
@font-face { font-family: 'FanwoodRegular'; src: url('fonts/Fanwood-webfont.eot'); src: local('Fanwood'), url('fonts/Fanwood-webfont.woff') format('woff'), url('fonts/Fanwood-webfont.ttf') format('truetype'), url('fonts/Fanwood-webfont.svg#webfontVVl9NZdu') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FanwoodItalic'; src: url('fonts/Fanwood-Italic-webfont.eot'); src: local('Fanwood Italic'), url('fonts/Fanwood-Italic-webfont.woff') format('woff'), url('fonts/Fanwood-Italic-webfont.ttf') format('truetype'), url('fonts/Fanwood-Italic-webfont.svg#webfont8A3Pbj4g') format('svg'); font-weight: normal; font-style: normal; }

/***** Floats & Clearing Floats *****/
.clear { display: inline-block; }
.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
/* Hide from IE Mac \*/ .clear { display: block; } /* End hide from IE Mac */
.alignleft { float: left; }
.alignright { float: right; }

/***** Form Elements *****/
.form-field-wrapper { position: relative; width: 460px; margin: 0 0 20px; }
.text-input { font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; background: none; border-bottom: 1px solid; }
.textarea-input { font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; width: 420px; height: 190px; padding: 20px; overflow: auto; border: none; margin: 20px 0 0; }
.form-submit { font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #222; margin: 0 0 20px; color: #f2f2f2; }
.form-submit:hover { cursor: pointer; }

/***** Quick Contact *****/
#quick-contact-container { position: relative; width: 100%; }
#quick-contact { position: relative; width: 100%; height: 40px; }
#quick-contact ul { float: right; }
#quick-contact li { float: left; display: block; width: 200px; margin: 0 10px; font-size: 12px; line-height: 40px; padding: 0 0 0 20px; }
#quick-contact li a, #quick-contact li a:visited { text-decoration: none; }
#quick-contact li a:hover, #quick-contact li a:active { text-decoration: underline; }
#quick-contact-controls { position: relative; width: 960px; margin: 0 auto; }
#quick-contact-controls .hide-quick-contact, #quick-contact-controls .show-quick-contact { position: absolute; right: -10px; top: 0; display: block; width: 20px; height: 25px; text-indent: -9999em; z-index: 2; }

/***** Masthead *****/
#masthead { position: relative; width: 100%; margin: 0 0 40px; }
#masthead .logo { position: relative; float: left; margin: 0 0 0 10px; }
#masthead .logo h1 a, #masthead .logo h1 a:visited { font-size: 28px; text-decoration: none; letter-spacing: -0.03em }
#masthead .logo h1 span { display: block; font: italic 14px Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; }

/***** Masthead Menu *****/
#masthead .masthead-menu { position: relative; float: right; margin: 10px 0 0; }
#masthead .masthead-menu .sub-menu { position: relative; padding: 5px 0 0; }
#masthead .masthead-menu li { float: left; width: 100px; margin: 0 10px; font-size: 13px; line-height: 20px; }
#masthead .masthead-menu li a, #masthead .masthead-menu li a:visited { text-decoration: none; font-weight: bold; padding: 10px 0 0; border-top: 2px solid; }
#masthead .masthead-menu .sub-menu li { float: none; margin: 0; font-size: 12px; }
#masthead .masthead-menu .sub-menu li a, #masthead .masthead-menu .sub-menu li a:visited { font-weight: normal; }

/***** Flowlines *****/
.flowlines { position: relative; width: 100%; margin: 0 0 40px; }
.flowlines h1, .flowlines h3 { font: 34px/1.7em 'FanwoodItalic', serif; }
.flowlines h2 { font-size: 12px; line-height: 4em; }
.flowlines h1, .flowlines h2, .flowlines h3 { margin: 0 10px; }

/***** Slider Controls *****/
.blog-controls, .portfolio-controls, .sm-portfolio-controls, .case-study-controls, .carousel-controls { position: absolute; }
.blog-controls, .portfolio-controls, .sm-portfolio-controls, .carousel-controls { top: 15px; right: 10px; width: 90px; }
.case-study-controls { top: 0; right: 0; width: 60px; }
.slide-controls li a { display: block; width: 20px; height: 20px; margin: 0 0 0 10px; float: right; text-indent: -9999em; }

/***** Home Page Large Slider ****/
#home-large-slides { position: relative; margin: 0 auto 40px; width: 940px; height: 470px; overflow: hidden; }
.lrgproject { position: relative; width: 940px; height: 470px; overflow: hidden; }
.portfolio-meta { position: absolute; top: 0; left: 0; width: 380px; height: 320px; padding: 110px 40px 40px; background: url(images/bg-slider-overlay.png); z-index: 5; }
.portfolio-meta h3 { padding: 0 0 20px; margin: 0 0 20px; font-size: 25px; background: url(images/decoration-dark.png) no-repeat 0 bottom; }
.portfolio-meta h3 a, .portfolio-meta h3 a:visited { color: #fff; text-decoration: none; }
.portfolio-meta p, .portfolio-meta ul { font-size: 12px; line-height: 20px; margin: 20px 0; color: #fff; }
.portfolio-meta p a, .portfolio-meta p a:visited { text-decoration: none; font-weight: bold; color: #fff; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 15px; margin: 0 0 5px; background: #222; }
.close-info { position: absolute; top: 40px; left: 50px; display: block; width: 30px; height: 30px; text-indent: -9999em; background: url(images/sprite-buttons.png) no-repeat 0 -130px; z-index: 10; }
.open-info { display: block; width: 30px; height: 30px; text-indent: -9999em; background: url(images/sprite-buttons.png) no-repeat -35px -130px; z-index: 10; }

/***** Home Page Small Slider *****/
#home-small-slides { position: relative; margin: 0 auto 40px; width: 940px; height: 280px; overflow: hidden; }
.smproject { position: relative; width: 940px; height: 280px; overflow: hidden; }
.smproject img { float: right; }
.sm-portfolio-meta { position: relative; width: 460px; float: left; }
.sm-portfolio-meta h3 { padding: 0 0 20px; margin: 0 0 20px; font-size: 25px; }
.sm-portfolio-meta h3 a, .sm-portfolio-meta h3 a:visited { text-decoration: none; }
.sm-portfolio-meta p, .sm-portfolio-meta ul { font-size: 12px; line-height: 20px; margin: 20px 0; }
.sm-portfolio-meta p a, .sm-portfolio-meta p a:visited { text-decoration: none; font-weight: bold; color: #fff; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 15px; margin: 0 0 5px; background: #222; }

/***** Home Page Body Copy *****/
#home-body-wrapper { position: relative; width: 960px; margin: 0 auto; }
.home-body-entry h3 { font: 35px/42px 'FanwoodItalic', serif; margin: 0 0 40px; }
.home-body-entry p { font-size: 12px; line-height: 20px; margin: 20px 0; }
.home-body-entry p:last-child { margin: 20px 0 40px; }
.home-body-entry .callout-button, .home-body-entry .callout-button:visited { font-weight: bold; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 15px; margin: 0 0 5px; text-decoration: none; }
.home-body-entry .callout-button:hover, .home-body-entry .callout-button:active { text-decoration: none; }

/***** Home Page Portfolio Carousel *****/
#home-carousel-wrapper { position: relative; width: 960px; margin: 0 auto; }
#home-carousel-slides { position: relative; width: 960px; height: 170px; overflow: hidden; margin: 0 0 40px; }

/***** Home Page Blog Posts *****/
#home-blog-wrapper { position: relative; width: 960px; margin: 0 auto; }
#home-blog-slides { position: relative; width: 960px; height: 380px; overflow: hidden; margin: 0 0 40px; }
.home-blog-column { position: relative; font-size: 12px; line-height: 20px; width: 220px; margin: 0 10px; }
.home-blog-thumbnail { position: relative; width: 220px; height: 110px; overflow: hidden; }
.home-blog-column h3 a { display: block; margin: 20px 0; padding: 0 0 20px; }
.home-blog-column h3 a, .home-blog-column p a { text-decoration: none; }
.home-blog-column p { margin: 20px 0; }
#home-carousel-slides .home-blog-column p { margin: 0; }
.home-blog-thumbnail p { margin: 0 0 20px; line-height: 1; }

/***** Post & Portfolio Titles *****/
.archive-title-right, .archive-title-left { font-size: 20px; line-height: 1.25em; }
.archive-title-right a, .archive-title-right a:visited,
.archive-title-left a, .archive-title-left a:visited { text-decoration: none; }

/***** Post Entry *****/
.post-entry a, .post-entry a:visited { text-decoration: none; }
.post-entry a:hover, .post-entry a:active { text-decoration: underline; }
.post-entry h1 { font-size: 20px; }
.post-entry h2 { font-size: 18px; }
.post-entry h3 { font-size: 14px; }
.post-entry h4 { font-size: 12px; }
.post-entry h5 { font-size: 11px; }
.post-entry h6 { font-size: 10px; }
.post-entry p { font-size: 12px; line-height: 20px; margin: 20px 0; }
.post-entry ul, .post-entry ol, .post-entry dl { font-size: 12px; line-height: 20px; }
.post-entry ul { margin: 20px 40px; }
.post-entry ol { margin: 20px 40px 20px 60px; }
.post-entry ol { list-style: decimal-leading-zero; }
.post-entry blockquote { margin: 0 20px; border-left: 2px solid; padding: 0 0 0 20px; }
.post-entry blockquote p { font: 20px/24px 'FanwoodItalic', serif; }
.post-entry code { font: 11px Monaco, Courier, monospace; padding: 2px; }
.post-entry pre { width: 95%; overflow: auto; overflow-y: hidden; border: 1px solid; margin: 20px 0; padding: 0 0 0 10px; }
.post-entry pre code { background: none; line-height: 2.3em; margin: 0 20px; padding: 18px 0; }
.post-entry address { font-size: 12px; line-height: 20px; font-style: normal; }
.post-entry dl { margin: 20px 0 0; }
.post-entry dt { font-weight: bold; font-size: 18px; }
.post-entry dd { margin: 20px 0; }
.post-entry dd ul, .post-entry dd ol { margin: 0; }

/***** Post Entry Button *****/
.post-entry .post-button, .post-entry .post-button:visited { font-weight: bold; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 15px; margin: 0 0 5px; }
.post-entry .post-button:hover, .post-entry .post-button:active { text-decoration: none; }

/***** Post Entry Pull Quotes *****/
.post-entry .pullquote { width: 40%; margin: 0; padding: 0; border: none; }
.post-entry .pullquote p { margin: 0; }
.post-entry .pullleft { margin: 0 20px 20px 0; padding: 0 20px 0 0; text-align: right; border-right: 2px solid; }
.post-entry .pullright { margin: 0 0 10px 20px; padding: 0 0 0 20px; text-align: left; border-left: 2px solid; }

/***** Post Entry Testimonials *****/
.post-entry .testimonial-quote { border: none; padding: 0; margin: 0 40px; }
.post-entry .testimonial-quote p { font: italic 13px/20px Georgia, "Times New Roman", Times, serif; }
.post-entry .testimonial-quote .testimonial-author { font: bold 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: right; }

/***** Post Entry dl Columns *****/
.post-entry .dl-wrapper-960, .post-entry .dl-wrapper-720, .post-entry .dl-wrapper-480 { overflow: hidden; margin: 0 0 0 -10px; }
.post-entry .dl-wrapper-960 { width: 960px; }
.post-entry .dl-wrapper-720 { width: 720px; }
.post-entry .dl-wrapper-480 { width: 480px; }
.post-entry .dl-column { float: left; width: 220px; margin: 0 10px; }

/***** Post Entry Images *****/
.post-entry img.aligncenter { display: block; margin: 0 auto; }
.post-entry img.alignleft { margin: 0 20px 20px 0; }
.post-entry img.alignright { margin: 0 0 20px 20px; }

/***** Post Entry Image Captions *****/
.wp-caption { position: relative; }
.wp-caption img { display: block; }
.wp-caption .wp-caption-text { margin: 10px 0 0; font: italic 14px/1.5em Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; padding: 0 0 0 25px; }
.post-entry div.alignleft { margin: 20px 20px 0 0; }
.post-entry div.alignright { margin: 0 0 20px 20px; }
.post-entry div.aligncenter { margin: 20px auto; }

/***** Post Entry Columns *****/
.post-entry .artisan-two-column { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }
.post-entry .artisan-three-column { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; }
.post-entry .artisan-four-column { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; }

/***** Post Entry Accordion *****/
.post-entry .artisan-accordion { display: block; position: relative; padding: 0 0 0 20px; }
.post-entry .artisan-accordion h3 { margin: 20px 0 20px -20px; padding: 0 0 0 20px; }
.post-entry .artisan-accordion h3 a:hover, .post-entry .artisan-accordion h3 a:active { text-decoration: none; }

/***** Gallery *****/
.artisancolumn-940 .gallery { width: 960px; }
.post-460 .gallery { width: 480px; }
.post-entry .gallery { margin: 20px 0 -20px; }
.post-entry .gallery-item { position: relative; width: 100px; margin: 0 20px 20px 0; float: left; }
.post-entry .gallery-caption { font: 14px/1.4em 'FanwoodItalic', serif; margin: 10px 0 0; text-align: center; }

/***** Post Pagination *****/
.post-pagination { position: relative; padding: 1px 0 0; font-weight: bold; }
.post-pagination a, .post-pagination a:visited { text-decoration: none; padding: 5px 8px; margin: 0 5px; }
.post-pagination a:hover, .post-pagination a:active { text-decoration: none; }

/***** Post Entry Forms *****/
.post-entry .form-field-wrapper { position: relative; width: 460px; margin: 0 0 20px; }
.post-entry .wap8-protected-post-form .form-field-wrapper:last-child { width: 320px; }
.post-entry label { display: block; float: left; font-size: 12px; padding: 10px 0 0; width: 100px; font-weight: bold; }
.post-entry .text-input { border: none; float: left; padding: 10px; width: 200px; }
.post-entry .form-submit { float: right; margin: 0; }

/**** Contact Form 7 Styles *****/
.wpcf7-form { position: relative; padding: 0 0 20px; }
.wpcf7-response-output { margin: 0 0 20px; font: italic 14px/20px Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; }
span.wpcf7-form-control-wrap { position: relative; }
span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; width: 280px; padding: 5px; font-weight: bold; font-size: 12px; background: #000; color: #fff; }
span.wpcf7-not-valid-tip-no-ajax { color: #ff0000; }
span.wpcf7-not-valid-tip-no-ajax { display: block; }
span.wpcf7-list-item { margin-left: 0.5em; }
.wpcf7-display-none { display: none; }
.wpcf7 img.ajax-loader { float: left; }
div.wpcf7 .watermark { color: #888; }

/***** Post Sections *****/
.post-section h2 { font-size: 18px; }
.post-section h2 span { font: italic 14px Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; text-transform: lowercase; display: block; }
.post-section p, .post-section ul { font-size: 12px; line-height: 20px; }
.post-section p { margin: 0 0 20px; }
.post-section li { padding: 20px 0; }
.post-section li:first-child { padding: 0 0 20px; }
.post-section li a { display: block; }
.post-section a, .post-section a:visited { text-decoration: none; }
.post-section a:hover, .post-section a:active { text-decoration: underline; }

/***** Comments Section *****/
.comments-section p { font-size: 12px; line-height: 20px; margin: 0 0 20px; }
.comments-section a, .comments-section a:visited { text-decoration: none; }
.comments-section a:hover, .comments-section a:active { text-decoration: underline; }

/***** Comment Form *****/
.comment-section-form { padding: 0 0 40px; }
.comment-section-form p { font-size: 12px; line-height: 20px; margin: 0 0 20px; }
#respond p { margin: 0 0 20px; }
.comment-section-form a, .comment-section-form a:visited { text-decoration: none; }
.comment-section-form a:hover, .comment-section-form a:active { text-decoration: underline; }
.comment-section-form code { font: 11px Monaco, Courier, monospace; padding: 2px; }
#commentform { position: relative; width: 460px; }
#commentform label { width: 100px; font-size: 12px; display: block; float: left; padding: 10px 0 0; font-weight: bold; }
#commentform .message label { padding: 0; }
#commentform .text-input { width: 200px; padding: 10px; float: left; border: none; }
#commentform .form-submit { float: right; }

/***** Comments *****/
.commentlist { font-size: 12px; line-height: 20px; margin: 0 0 40px; }
.commentlist a, .commentlist a:visited { text-decoration: none; }
.commentlist a:hover, .commentlist a:active { text-decoration: underline; }
.commentlist .comment-meta { position: relative; margin: 0 0 20px; }
.commentlist .comment-meta cite { font-weight: bold; font-style: normal; }
.commentlist .comment-meta p { padding: 0 0 20px; }
.commentlist .comment-meta em { font: 15px/20px 'FanwoodItalic', serif; }
.commentlist .comment-body p { margin: 20px 0; }
.commentlist .comment-body blockquote { margin: 0 20px; border-left: 2px solid; padding: 0 0 0 20px; }
.commentlist .comment-body blockquote p, .commentlist .comment-body q { font: italic 13px/20px Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; }
.commentlist .comment-body abbr, .commentlist .comment-body acronym { cursor: help; border-bottom: 1px dotted; }
.commentlist .comment-body code { font: 11px Monaco, Courier, monospace; padding: 2px; }
.commentlist .children { padding: 10px 0 0 40px; }

/***** Comments Pagination *****/
.comment-pagination { position: relative; width: 460px; margin: 0 0 40px; font-size: 12px; line-height: 20px; font-weight: bold; }
.comment-pagination a, .comment-pagination a:visited { text-decoration: none; padding: 5px 8px; margin: 0 5px 0 0; }
.comment-pagination .current { padding: 5px 8px; margin: 0 5px 0 0; }

/***** Trackbacks *****/
.trackbacklist { font-size: 12px; line-height: 20px; margin: 0 0 40px; }
.trackbacklist cite { font-style: normal; }
.trackbacklist li { padding: 0 0 20px; }

/***** Portfolio Filter *****/
.filter-module { position: relative; width: 100%; margin: 0 10px 40px; }
.filter-module h3 { font-size: 12px; line-height: 20px; padding: 0 30px 0 0; float: left; }
.filter_nav { float: left; width: 80%; }
.filter_nav li a, .filter-nav li a:visited { text-decoration: none; font-size: 12px; line-height: 20px; display: block; float: left; font-weight: bold; margin: 0 0 0 15px; }

/***** Grid Portfolio *****/
.page-template-template-grid-portfolio-php #vertical-grid { padding: 40px 0 1px; }
.grid-portfolio { width: 960px; margin: -10px 0 0; padding: 0 0 30px; }
.grid-portfolio li { position: relative; width: 220px; height: 170px; overflow: hidden; float: left; margin: 10px; }
.grid-title { position: relative; width: 180px; height: 130px; padding: 20px; }
.grid-title h3 { font-size: 14px; padding: 0 0 20px; }
.grid-thumb { position: absolute; top: 0; left: 0; width: 220px; height: 170px; }

/***** Two Column Portfolio *****/
.page-template-template-2col-portfolio-php #vertical-grid { padding: 40px 0 1px; }
.two-column-portfolio { width: 960px; margin: -10px 0 0; padding: 0 0 30px; }
.two-column-portfolio li { position: relative; width: 460px; height: 280px; overflow: hidden; float: left; margin: 10px; }
.two-column-portfolio .grid-title { width: 420px; height: 280px; }
.two-column-portfolio .grid-title h3 { font-size: 20px; }
.two-column-portfolio .grid-thumb { width: 460px; height: 280px; }

/***** One Column Portfolio *****/
.page-template-template-1col-portfolio-php #vertical-grid { padding: 40px 0 1px; }
.one-column-portfolio { width: 940px; margin: 0 10px; }
.one-column-portfolio li { width: 940px; margin: 0 0 40px; overflow: hidden; }
.one-column-portfolio li li { width: 460px; margin: 0; }
.one-column-portfolio li img { float: left; }
.one-column-meta { position: relative; float: right; width: 460px; }
.one-column-meta h3 { padding: 0 0 20px; margin: 0 0 20px; font-size: 25px; }
.one-column-meta h3 a, .one-column-meta h3 a:visited { text-decoration: none; }
.one-column-meta p, .one-column-meta ul { font-size: 12px; line-height: 20px; margin: 20px 0; }
.one-column-meta p a, .one-column-meta p a:visited { text-decoration: none; font-weight: bold; color: #fff; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 15px; margin: 0 0 5px; background: #222; }

/***** Case Studies *****/
.single-portfolio #vertical-grid { padding: 40px 0 1px; }
.return-portfolio { position: absolute; right: 0; top: 20px; margin: 0 10px 0 0; font-size: 12px; }
.return-portfolio li a, .return-portfolio li a:visited { text-decoration: none; display: block; padding: 3px 0 5px 25px; }
.return-portfolio li a:hover, .return-portfolio li a:active { text-decoration: underline; }
.single-portfolio .artisan-post { background-image: none; margin: 0 10px 20px; }
.artisan-portfolio { width: 460px; margin: 0 10px 40px; }
.post-entry .work-meta { margin: 0 0 20px; padding: 0 0 20px; }
.stacked-gallery li { margin: 0 0 20px; }
.stacked-gallery li:last-child { margin: 0; }
.stacked-gallery p { margin: 10px 0 0; font: italic 12px/1.5em Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; padding: 0 0 0 25px; }
.slider-gallery { margin: 40px 0 0; width: 460px; height: 430px; position: relative; overflow: hidden; }

/***** Related Case Studies *****/
.related-case { position: relative; width: 100%; margin: 0 0 40px; }
.related-case ul { position: relative; width: 960px; margin: 0 auto; }
.related-case li { position: relative; float: left; margin: 0 10px; width: 220px; height: 170px; overflow: hidden; }
.related-title { position: relative; width: 180px; height: 130px; padding: 20px; }
.related-title h3 { font-size: 14px; padding: 0 0 20px; }
.related-thumb { position: absolute; top: 0; left: 0; width: 220px; height: 170px; }

/***** Portfolio Callout Messages *****/
.portfolio-callout { position: relative; width: 100%; border-bottom: 1px solid; border-top: 1px solid; margin: 0 0 39px; }
.portfolio-callout p { font: 20px/2em 'FanwoodItalic', serif; margin: 0 0 0 10px; text-align: center; }
.portfolio-callout a, .portfolio-callout a:visited { text-decoration: none; font: bold 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 15px; margin: 10px 0 10px 5px; }

/***** Archives *****/
.artisan-baseline p { font-size: 12px; line-height: 20px; }
.artisan-baseline p a, .artisan-baseline p a:visited { text-decoration: none; }
.archivelink-460 p { padding: 0 0 20px; }

/***** Pagination *****/
.pagination, .default-paging, .wp-pagenavi { position: relative; width: 700px; }
.pagination { margin: 0 0 40px; }
.default-paging { overflow: hidden; padding: 10px 0; }
.default-paging, .wp-pagenavi { font-size: 1.2em; }
.default-paging a, .default-paging a:visited, .wp-pagenavi a { text-decoration: none; }
.wp-pagenavi { font-weight: bold; padding: 10px 0; }
.wp-pagenavi .pages, .wp-pagenavi .extend { font-weight: normal; }
.wp-pagenavi .pages { margin: 0 5px 0 0; }
.wp-pagenavi .current, .wp-pagenavi .page, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi .first, .wp-pagenavi .extend, .wp-pagenavi .last { margin: 0 0 0 5px; }

/***** Search Form *****/
.global-search-form { position: relative; width: 220px; }
.global-search-form label { display: block; font-size: 14px; line-height: 20px; font-weight: bold; padding: 20px 0 10px; }
.global-search-form .text-input { width: 200px; font-size: 12px; padding: 0 20px 10px 0; }
.global-search-form .search-submit { position: absolute; bottom: 0.8em; right: 0; }

/**** 404 Page ****/
.search-404 { display: none; }
.archive-404 { line-height: 20px; margin: 0 10px; }
.archive-404 h2 { font-size: 18px; padding: 0 0 20px; }
.archive-404 ul { margin: 20px 0 0; }
.archive-404 li { font-size: 12px; padding: 0 0 0 10px; margin: 10px 0; }
.archive-404 li a, .archive-404 li a:visited { text-decoration: none; }

/***** Default Sidebar Widget Styles *****/
.sidebar .sidebar-widget { position: relative; width: 220px; margin: 0 0 40px; font-size: 12px; line-height: 20px; }
.sidebar .sidebar-widget h3.widget-title { font-size: 14px; padding: 20px 0 0; }
.sidebar .sidebar-widget p { margin: 20px 0; }
.sidebar .sidebar-widget ul { margin: 20px 0; }
.sidebar .sidebar-widget li { padding: 0 0 0 10px; }
.sidebar .sidebar-widget a, .sidebar .sidebar-widget a:visited { text-decoration: underline; }
.sidebar .sidebar-widget a:hover, .sidebar .sidebar-widget a:active { text-decoration: none; }
.sidebar .sidebar-widget address { font-style: normal; }

/***** WordPress Archives Widget *****/
.sidebar .widget_archive select { margin: 20px 0 0; }

/***** WordPress Calendar Widget *****/
.sidebar .widget_calendar #calendar_wrap { position: relative; margin: 20px 0 0; }
.sidebar #wp-calendar { width: 219px; }
.chrome .sidebar #wp-calendar { width: 220px; }
.sidebar #wp-calendar caption { font-weight: bold; padding: 0 0 10px; }
.sidebar #wp-calendar th, .sidebar #wp-calendar td { padding: 5px 8px; text-align: center; }
.sidebar #wp-calendar td a, .sidbar #wp-calendar td a:visited { font-weight: bold; text-decoration: none; }
.sidebar #wp-calendar td a:hover, .sidebar #wp-calendar td a:active { text-decoration: underline; }

/***** WordPress Category Widget *****/
.sidebar .widget_categories select { margin: 20px 0 0; }

/***** WordPress Menu Nav Widget *****/
.sidebar .widget_nav_menu ul { margin: 20px 0 0; }
.sidebar .widget_nav_menu .sub-menu { margin: 0 0 0 10px; }

/***** WordPress Recent Comments Widget *****/
.sidebar .widget_recent_comments ul { margin: 0; }
.sidebar .widget_recent_comments li { padding: 20px 0; }

/***** WordPress Search Form Widget *****/
.sidebar .widget_search h3.widget-title { margin: 0 0 20px; }
.sidebar .widget_search label { display: none; }

/***** WordPress Tag Cloud Widget *****/
.sidebar .widget_tag_cloud h3.widget-title { margin: 0 0 20px; }

/***** Twitter Widget *****/
.sidebar .sidebar-widget #twitter_update_list { margin: 0; }
.sidebar .sidebar-widget #twitter_update_list li { padding: 20px 0; }
.sidebar .sidebar-widget #twitter_update_list span { display: block; }

/***** Flickr Widget *****/
.sidebar .sidebar-widget .flickr-feed { margin: 20px 0 0; }
.sidebar .sidebar-widget .flickr-feed li { padding: 0; background-image: none; }
.sidebar .sidebar-widget .flickr-feed li a, .sidebar .sidebar-widget .flickr-feed li a:visited { display: block; float: left; margin: 0 20px 20px 0; width: 75px; height: 75px; }

/***** Recent Work Widget *****/
.sidebar .sidebar-widget .recent-projects { margin: 20px 0 0; }
.sidebar .sidebar-widget .recent-projects li { padding: 0; background-image: none; }
.sidebar .sidebar-widget .recent-projects li a, .sidebar .sidebar-widget .recent-projects li a { display: block; float: left; margin: 0 20px 20px 0; width: 75px; height: 75px; }

/***** Tabs Widget *****/
.sidebar .sidebar-widget .ui-tabs .ui-tabs-hide { display: none; }
.sidebar .sidebar-widget .tab-nav { padding: 20px 0 0; margin: 0; }
.sidebar .sidebar-widget .tab-nav li { background-image: none; padding: 0; }
.sidebar .sidebar-widget .tab-nav li a, .sidebar .sidebar-widget .tab-nav li a:visited { display: block; float: left; margin: 0 20px 0 0; text-decoration: none; font-weight: bold; font-size: 14px; }
.sidebar .sidebar-widget #tab-container h4 a, .sidebar .sidebar-widget #tab-container h4 a:visited { font-weight: normal; text-decoration: none; }
.sidebar .sidebar-widget #tab-container h4 a:hover, .sidebar .sidebar-widget #tab-container h4 a:active { text-decoration: underline; }
.sidebar .sidebar-widget #tab-container p { margin: 0; font-size: 11px; }
.sidebar .sidebar-widget #popular li, .sidebar .sidebar-widget #recent li { padding: 20px 0; }
.sidebar .sidebar-widget #popular li:last-child, .sidebar .sidebar-widget #recent li:last-child { background-image: none; padding: 20px 0 0; }
.sidebar .sidebar-widget .wp-tag-cloud { overflow: hidden; padding: 20px 0 0; margin: 0; }
.sidebar .sidebar-widget .wp-tag-cloud li { padding: 0; background-image: none; }
.sidebar .sidebar-widget .wp-tag-cloud li a, .sidebar .sidebar-widget .wp-tag-cloud li a:visited { text-decoration: none; display: block; float: left; margin: 0 5px 5px 0; padding: 3px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/***** Testimonials Widget *****/
.sidebar .wap8_testimonials_widget { position: relative; }
.sidebar .wap8_testimonials_widget ul { margin: 0; }
.sidebar .testimonial-controls { position: absolute; top: 20px; right: 0; width: 60px; }
.sidebar .sidebar-widget .slide-controls li { background-image: none; padding: 0; }
.sidebar .wap8_testimonials_widget blockquote p { font: italic 13px/20px Georgia, "Times New Roman", Times, serif; }
.sidebar .wap8_testimonials_widget blockquote .quote-author { font: 12px/20px "HelveticaNeue", Helvetica, Arial, sans-serif; font-weight: bold; text-align: right; margin: 20px 0 0; }

/***** Contact Widget *****/
.sidebar .artisan-widget-address { position: relative; margin: 20px 0 0; }
.sidebar .sidebar-widget .sidebar-quick-contact { padding: 20px 0 0; }
.sidebar .sidebar-widget .sidebar-quick-contact li { display: block; padding: 0 0 0 20px; margin: 0 0 10px; }

/***** Footer *****/
#footer { position: relative; width: 100%; padding: 20px 0; font-size: 12px; line-height: 20px; }
#footer a, #footer a:visited { font-weight: bold; text-decoration: none; }
#footer .left-footer { position: relative; width: 700px; margin: 0 0 0 10px; float: left; }
#footer .footer-links li { float: left; padding: 0 5px 0 10px; }
#footer .right-footer { position: relative; width: 220px; margin: 0 10px 0 0; float: right; text-align: right; }
.scroll-top { padding: 0 0 0 20px; }