/*
Theme Name: Portrait
Theme URI:  http://themeforest.net/user/typebig
Author: Syung Hong
Author URI: http://www.typebig.com
Description: A responsive theme for photographers and designers.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, white, one-column, two-columns, three-columns, flexible-width, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options
*/

/* Reset CSS */
   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,font,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{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}


/* ==================================================================================== */
/* Global settings and misc */
/* ==================================================================================== */   
   
   body {font-family:'Open Sans', Helvetica Neue, Helvetica, sans-serif; background:#fff}
   /* White header, gray background pages */
   body.separate, body.page-template-gallery-php, body.page-template-portfolio-php, body.blog, body.page-template-blogroll-php, body.single-portfolio, body.page-template-blog-php, body.page-template-media-php, body.search {background:url(img/body-bg.gif) repeat-x top #f6f6f6 !important}
   /* Gray background pages with subtle gradient */
   body.page-template-contact-php, body.page-template-page-gray-php {background:#f6f6f6 !important}
   
   #container {width:90%; margin:0 auto; text-align:center}
   #container .pad {padding:60px 7% 30px 180px; text-align:left}
   #logo a {font-weight:800; opacity:0.6; color:#ddd; letter-spacing:3px; text-decoration:none; text-transform:uppercase; font-size:24px; float:right}
   #logo a:hover {opacity:1}
   .page-template-main-php #logo {text-align:center}
   .page-template-main-php #logo a {float:none}
   
/* Heading */
   h1.bread {padding-right:20px; float:left; margin:4px 0 59px 0; font-weight:400; text-transform:uppercase; font-size:12px; line-height:14px; word-spacing:1px; letter-spacing:2px; color:#bbb} 
   h2 {letter-spacing:2px; text-transform:uppercase; font-size:36px}
   h3 {text-transform:uppercase; font-weight:300; font-size:11px; line-height:14px; word-spacing:1px; letter-spacing:2px; color:#bbb}
   h3 span {color:#888}
   .big-title {font-size:68px; font-family:'Didot', 'GFS Didot', Times New Roman, serif; font-weight:300; color:#636363; text-align:center; letter-spacing:2px; text-transform:none;  margin:90px 0 100px 0}
   .page-template-contact-php .big-title, .page-template-page-gray-php .big-title {margin:60px 0 100px 0}
   .hcenter {background:url(img/light-pixel.gif) repeat-x center 8px; text-align:center !important; margin-top:10px}
   .hcenter span {background:#fff; padding:0 15px 0 15px}
   
/* Text */
   p {font-family:'Antic Didone', Times New Roman, serif; text-align:justify; letter-spacing:0.2px; color:#777; font-size:13px; line-height:23px}
   p a {color:#777; border-bottom:solid 1px #e0e0e0; padding:2px 0 2px 0; text-decoration:none}
   p a:hover {color:#333; border-bottom:solid 1px #d9d9d9; background:#f6f6f6 !important}
   .nojustify {text-align:left}
   .pcenter {text-align:center !important}
   .dropcap {display:block; float:left; font-weight:bold; font-size:42px; line-height:38px; margin:-15px 2px 0 0}
   blockquote {padding:40px 40px 10px 40px; margin:0 0 30px 0; background:#f6f6f6}
   blockquote h3 {color:#aaa !important}
   .red {color:#fc715f !important}
   
/* Links */
   .open {background:url(img/ico-open.gif) no-repeat right bottom; padding-right:18px !important}
   .open:hover {background:url(img/ico-open.gif) no-repeat right bottom #f6f6f6 !important}
   .share {background:url(img/ico-share.png) no-repeat right bottom; padding-right:18px !important}
   .share:hover {background:url(img/ico-share.png) no-repeat right bottom #f6f6f6 !important}
   
/* Floats and breaks */
   .fclear {clear:both; line-height:0; height:0}
   .left {float:left !important}
   .right {float:right !important}
   .line {height:1px; width:100%; background:#f6f6f6; clear:both}

/* Convert images to black & white */
   body.bw-page img {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
		filter: gray;
		-webkit-filter: grayscale(1);
   }
   
/* Form */
   input[type=text], textarea {width:100%; font-family:'Antic Didone', Times New Roman, serif; font-size:13px; margin-top:4%; border:none; border-bottom:solid 1px #eee; padding:15px; cursor:default; background:#f9f9f9; letter-spacing:0.2px; color:#777; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box}
   input[type=text]:hover, textarea:hover {color:#444; background:#eee}
   input[type=text]:focus, textarea:focus {color:#eee; background:#222324; border:none; border-bottom:solid 1px #222324; }
   input.lhalf {width:48%; float:left}
   input.rhalf {width:48%; float:right}
   textarea {clear:both; height:100px; line-height:20px; padding:15px 10px 10px 15px}
   input[type=submit] {opacity:0.5; float:right; color:#555; display:block; cursor:pointer; background:url(img/right-arrow-s.png) no-repeat 100% 50%; border:none; border-bottom:solid 1px #fff; padding:0 20px 0 15px; height:30px; text-transform:uppercase; font-weight:400; font-size:11px; word-spacing:1px; letter-spacing:1px}
   input[type=submit]:hover {opacity:0.8; padding-left:0}  
   #searchform {margin-bottom:25px}
   #searchsubmit {opacity:0.5; color:#555; width:50px; padding:15px; margin-top:-39px; background:url(img/ico-search.png) no-repeat 50% 50%; border:none !important; text-indent:300%; white-space: nowrap; overflow:hidden}
   #searchsubmit:hover {opacity:0.8}  
   .noresults input[type=text] {background:#fff; padding:20px}
   .noresults input[type=text]:focus {background:#222324 }
   .noresults #searchsubmit {margin-top:-44px}

   #error-msg {display:none}
   .spinner {display:none; background:url(img/spinner.png) no-repeat right center; float:right; width:30px; height:30px}
   
/*	Tabs */
   .tabs {text-transform:uppercase; overflow:hidden; letter-spacing:2px; color:#ccc; font-size:11px; font-weight:400; margin:0 0 30px 0; overflow:hidden}
   .tabs li {display:inline-block; line-height:15px; padding:0 12px 0 12px; border-left:solid 1px #e9e9e9; overflow:hidden}
   .tabs li a {color:#ccc; text-decoration:none; padding:2px 0 2px 0; display:inline-block}
   .tabs li a:hover {color:#888; text-decoration:none}
   .tabs li a.current {color:#888}
   .tabs li.first {border:none; padding-left:0}
   .tabbed-content {clear:both; overflow:hidden; display:none}
   .tabbed-content h2.hidden-title {display:none !important}

/* Accordion */
   .accordion {border:none; overflow:hidden; margin:0 0 30px 0}
   .accordion li {background:#fff}
   .accordion .content {display:none}
   .accordion h3 {display:block; text-transform:uppercase; padding:0 !important; margin:0 0 15px 0}
   .accordion h3 a {display:block; text-decoration:none; cursor:pointer; padding:15px 0 15px 0; margin:0; background:url(img/toggle.png) right -1px no-repeat}
   .accordion h3 a.current {background:url(img/toggle.png) right -52px no-repeat}
   .accordion h3 a.current span {color:#888}
   .accordion h3 a:hover span {color:#888}
   .accordion h3 a span {background:#fff; color:#ccc; display:inline-block; padding:0 15px 0 0}

/* Button link */
   a.btn-link {opacity:0.8; display:inline-block; padding:16px; margin:0 10px 10px 10px; background:#222324; font-family:'Open Sans', Helvetica Neue, Helvetica, sans-serif; font-weight:400; font-size:11px; line-height:14px; word-spacing:1px; letter-spacing:2px; color:#fff}
   a.btn-link:hover {opacity:1; text-decoration:none}

/* Responsive video */
   .video {position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow:hidden; margin-top:-2px}
   .video iframe {position: absolute; top: 0; left: 0; width: 100%; height:100%; background:url(img/loader2.gif) no-repeat center 55%;}

/* Highlight text selection */
	::selection {background: #222324; color: #fff}
	::-moz-selection {background: #222324; color: #fff}

/* ==================================================================================== */
/* Navigation */
/* ==================================================================================== */

   #nav {background:#222324; width:80px; height:auto; position:fixed; z-index:9}
   #nav li a {opacity:0.25; display:block; height:71px; color:#bbb; text-transform:uppercase; font-weight:300; font-size:11px; letter-spacing:0.5px; text-decoration:none}
   #nav li a span {opacity:0; position:absolute; display:block; margin:18px 0 0 40px; width:0; padding:21px 0 20px 20px; background:#222324}
   #nav li a span:first-child {z-index:9}
   #nav li a span:hover {text-decoration:underline} 
   #nav li:hover a {opacity:1; text-indent:0}
   #nav li:hover a span {opacity:1; margin:20px 0 0 80px; width:100px}    
   #nav li:hover ul {visibility:visible; margin:0 0 0 80px; background:#222324}
   #nav ul {visibility:hidden; position:absolute; margin:0 0 0 100px; z-index:8}
   #nav ul li a {opacity:1; height:auto !important; text-indent:0}
   #nav ul li a span {position:relative; opacity:1; margin:0 !important; width:100px} 
   #nav li a {background-image:url(img/nav-icons.png); background-repeat:no-repeat} 
   #nav li.home a {background-position:0 -205px}
   #nav li.info a {background-position:0 -305px}
   #nav li.camera a {background-position:0 -405px}
   #nav li.pencil a {background-position:0 -505px}
   #nav li.email a {background-position:0 -605px}
   #nav li.grid a {background-position:0 -705px}
   #nav li.plus a {background-position:0 -805px}
   #nav li.refresh a {background-position:0 -905px}
   #nav li.tick a {background-position:0 -1005px}
   #nav li.share a {background-position:0 -1105px}
   #nav li.zoom a {background-position:0 -1205px}
   #nav li.star a {background-position:0 -1305px}
   #nav li.heart a {background-position:0 -1405px}
   #nav li.chat a {background-position:0 -1505px}
   #nav li.eye a {background-position:0 -1605px}
   #nav li.user a {background-position:0 -1705px}
   #nav li.gear a {background-position:0 -1805px}
   #nav li.location a {background-position:0 -1905px}
   #nav li.dashboard a {background-position:0 -2005px}
   #nav li.calendar a {background-position:0 -2105px}
   #nav li.cart a {background-position:0 -2205px}
   #nav li.play a {background-position:0 -2305px}
   #nav li.sound a {background-position:0 -2405px}
   #nav li.film a {background-position:0 -2505px}
   #nav li.like a {background-position:0 -2605px}
   #nav li.paper a {background-position:0 -2705px}
   #nav li.folder a {background-position:0 -2805px}
   #nav li.picture a {background-position:0 -2905px}
   #nav li.tag a {background-position:0 -3005px}
   #nav li.chain a {background-position:0 -3105px}
   #nav li.globe a {background-position:0 -3205px}
   #nav li.stats a {background-position:0 -3305px}
   #nav li.download a {background-position:0 -3405px}
   #nav li.upload a {background-position:0 -3505px}
   #nav li.tablet a {background-position:0 -3605px}
   #nav li.phone a {background-position:0 -3705px}
   #nav li.desktop a {background-position:0 -3805px}
   #nav li.right-arrow a {background-position:0 -3905px}
   #nav li.left-arrow a {background-position:0 -5px}   
   #nav li.list {background:url(img/nav-line.png) no-repeat 30px 92%; margin-bottom:-10px; padding-bottom:20px}
   #nav li.list a {background-position:0 -105px; text-indent:100%}
   #nav li.list a span {display:none}
   #nav li.swatch {display:none !important; background:url(img/nav-line.png) no-repeat 30px 92%; margin-bottom:-5px}
   #nav li.swatch a.bw {background:url(img/ico-colors.png) no-repeat 0 -20px}
   #nav li.swatch a.colored {background:url(img/ico-colors.png) no-repeat 0 -100px}
   #nav li.swatch a.color-loader {background:url(img/spinner.png) no-repeat 32px 12px}
   #nav li.swatch a span {padding:21px 0 20px 20px; margin:0 0 0 40px}
   #nav li.swatch:hover a span {margin:-5px 0 0 80px}
   #nav li.widgets {background:url(img/nav-line.png) no-repeat 30px 20px} 
   #nav li.widgets a {background-position:0 -687px; padding-bottom:40px}
   #nav li.widgets a span {margin:38px 0 0 40px}
   #nav li.widgets:hover a span {opacity:1; margin:38px 0 0 80px}   
   #nav li.current_page_item a {color:#fff; opacity:1; text-indent:0}  
   #nav li.current_page_item a span {text-decoration:underline}   
   #nav li.current_page_item .sub-menu a, #nav li.current_page_item .children a {color:#bbb}
   #nav li.current_page_item .sub-menu a span, #nav li.current_page_item .children a span {text-decoration:none}
   #nav li.current_page_item .sub-menu a:hover span, #nav li.current_page_item .children a:hover span {text-decoration:underline}
   #nav li.current-menu-parent a:first-child, #nav li.current-page-parent a:first-child, #nav li.current_page_parent a:first-child {opacity:1}
   .nav-open {width:180px !important}
   .nav-open li a {text-indent:0 !important}
   .nav-open li a span {opacity:1 !important; margin:20px 0 0 60px !important; width:100px !important; background:none !important}
   .nav-open li.swatch a span { margin:-5px 0 0 60px !important}
   .nav-open li.widgets a span {margin:38px 0 0 60px !important}  
   .nav-open li.list a {background-position:0 -5px !important; text-indent:0 !important}
   .nav-open ul {margin:-51px 0 0 180px !important}  
   .nav-open ul li a {background:none !important}
   #nav li ul {
   -webkit-transition: opacity 0.2s linear, margin 0.2s linear;
      -moz-transition: opacity 0.2s linear, margin 0.2s linear;
       -ms-transition: opacity 0.2s linear, margin 0.2s linear;
        -o-transition: opacity 0.2s linear, margin 0.2s linear;
           transition: opacity 0.2s linear, margin 0.2s linear;
   }
   .bar {width:80px; height:100%; background:#222324; position:fixed; z-index:8}
   .bar-open {width:180px}

/* Submenu */
   .submenu {clear:both; text-transform:uppercase; text-align:center; letter-spacing:2px; color:#ccc; font-size:11px; padding:60px 0 58px 0; font-weight:300}
   .submenu li {display:inline-block; line-height:15px; padding:0 12px 0 12px; border-left:solid 1px #e9e9e9; overflow:hidden}
   .submenu li a {color:#ccc; text-decoration:none; padding:2px 0 2px 0; display:inline-block}
   .submenu li a:hover {color:#888; text-decoration:none}
   .submenu li.first {border:none}
   .submenu li a.current {color:#888 !important}
   .submenu-project {padding:0 0 40px 0}

/* Breadcrumb nav */
   .breadnav {float:left; margin:-5px 0 60px 0}
   .breadnav li {display:inline-block}
   .breadnav a {opacity:0.1}
   .breadnav a:hover {opacity:0.2}
   .breadnav li.all a {opacity:1; display:inline-block; text-decoration:none; text-align:center; padding:0 0 0 1px; overflow:hidden; width:auto; height:30px; line-height:30px; text-transform:uppercase; letter-spacing:2px; color:#ccc; font-size:12px}
   .breadnav li.all a:hover {color:#bbb}
   .breadnav li.next {width:39px}
   .breadnav li.prev a {text-indent:100%; white-space: nowrap; overflow:hidden; display:inline-block; width:39px; height:30px; line-height:30px; background:url(img/left-arrow.png) no-repeat right center}
   .breadnav li.next a {text-indent:100%; white-space: nowrap; overflow:hidden; display:inline-block; width:39px; height:30px; line-height:30px; background:url(img/right-arrow.png) no-repeat left center}



/* ==================================================================================== */
/* Homepage */
/* ==================================================================================== */    
   
/* Slider */   
   #home-slider {display:block; position:relative; margin-bottom:10%}
   #home-slider .line {line-height:1px; height:1px; width:100%; background:#f6f6f6; clear:both}
   #home-slider h3 {text-align:center; margin-bottom:30px; color:#999}
   #home-slider .next {background:url(img/right-arrow.png) no-repeat 90% center #fff; right:0}
   #home-slider .prev {background:url(img/left-arrow.png) no-repeat 10% center #fff}
   .rslides {position: relative; overflow:hidden; width:100%; z-index:0; top:30px}
   .rslides li {display:none; position:absolute; display:none; width:100%; left:0; top:0}
   .rslides li:first-child {position:relative; display:block; float:left}
   .rslides img {display: block; height: auto; float: left; width: 101%; border: 0}
   .rslides_tabs {position:absolute; display:block; top:-30px; left:0; height:60px; width:100%}
   .rslides_tabs li {float:left; text-indent:100%; width:20%; white-space: nowrap; overflow: hidden}
   .rslides_tabs a {opacity:0; display:block; height:60px; width:100%; background:url(img/dark-4pixel.gif) repeat-x center; background-size:1px 4px}
   .rslides_tabs a:hover {opacity:0.8}
   .rslides_here a {opacity:0.8}
   .rslides_nav {opacity:0; position:absolute; display:block; cursor:pointer; top:60px; height:100%; width:50%; z-index:2; text-indent:100%; white-space: nowrap; overflow: hidden}
   .rslides_nav:hover {opacity:0.2}
    
/* Gallery or Portfolio */      
   #home-projects {display:block; position:relative; overflow:hidden; margin-bottom:10%; padding-top:30px}
   #home-projects h3 {display:inline-block; padding:0 30px 0 0; background:#fff}
   #home-projects .line {line-height:1px; height:1px; width:100%; background:#f6f6f6; clear:both; margin:-6px 0 4% 0}
   #home-projects li {overflow:hidden; width:100%}
   #home-projects li a {overflow:hidden; width:100%}
   #home-projects li img {width:105%}
   #home-projects li a img {
   -webkit-transition: -webkit-transform 0.2s ease-in;
      -moz-transition: -moz-transform 0.2s ease-in;
       -ms-transition: -ms-transform 0.2s ease-in;
        -o-transition: -o-transform 0.2s ease-in;       
           transition: transform 0.2s ease-in;   
     -webkit-transform: translate(-5px, 0);
        -moz-transform: translate(-5px, 0);
         -ms-transform: translate(-5px, 0);
          -o-transform: translate(-5px, 0);
             transform: translate(-5px, 0); 
   }
   #home-projects li a:hover img {
     -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
         -ms-transform: translate(0, 0);
          -o-transform: translate(0, 0);
             transform: translate(0, 0); 
	}
   #home-projects .first {width:48%; float:left;}
   #home-projects .second {width:48%; float:right;}
   #home-projects .third {width:22%; float:right; margin:4% 26% 0 0}
   #home-projects .last {position:absolute; bottom:0; height:5px; text-align:right; background:#fff; width:100%}
   #home-projects .last p {margin-top:-24px; text-align:right}

/* Home widgets */
   #home-widgets {display:block; position:relative; overflow:hidden}
   #home-widgets h3 {display:block; padding:0 0 25px 0}
   #home-widgets h3 a {text-decoration:none; color:#888}
   #home-widgets h3 a:hover {color:#bbb }
   #home-widgets .widget {width:48%; float:left; margin:0 4% 10% 0}
   #home-widgets .right {margin:0 0 10% 0}
   #home-widgets ul {background:#f6f6f6; padding:40px}
   #home-widgets ul li {padding:10px 5px 10px 5px; overflow:hidden; font-family:'Antic Didone', Times New Roman, serif; text-align:left; letter-spacing:0.2px; color:#777; font-size:13px; line-height:23px}
   #home-widgets ul li span {color:#bbb; padding:2px 0 0 5px; text-align:right; display:inline-block}
   #home-widgets ul li a {color:#888; padding:2px 0 2px 0; border-bottom:solid 1px #e6e6e6; text-decoration:none}
   #home-widgets ul li a:hover {color:#333; border-bottom:solid 1px #d9d9d9; background:#f6f6f6}
   #home-widgets #searchform input[type=text] {margin:0}


/* ==================================================================================== */
/* Non-box layout */
/* ==================================================================================== */       
   
   .row {clear:both; float:none; height:auto}
   .row .full {width:100%; margin:0 0 8% 0}
   .row .left {width:48%; float:left; margin:0 0 8% 0}
   .row .right {width:48%; float:right; margin:0 0 8% 0}
   .row .intro {margin:8% 0 8% 0}
   .row h3 {padding:2px 0 30px 0; color:#ccc; font-weight:300}
   .row  p {margin:0 0 30px 0}
   .row img.fit {width:100%}
   .row .tright {text-align:right}
   .row .fullpic {position:relative; margin:0 0 8% 0}
   .row .fullpic .caption {padding:30px 0 30px 0; width:100%; margin-top:-2px; background:#fff; text-align:center; text-decoration:none; color:#bbb; border-bottom:solid 1px #e6e6e6; font-family: 'Didot', 'GFS Didot', Times New Roman, serif; text-transform:none; letter-spacing:1px; font-size:13px}
   .row .fullpic .caption a {color:#bbb; border-bottom:solid 1px #eee; text-decoration:none}
   .row .fullpic .caption a:hover {border-bottom:solid 1px #ddd}
   .gutter-line {width:4%; height:1px; text-align:center; background:#eee; margin:5% auto 5% auto}
   
         

/* ==================================================================================== */
/* Box layout */
/* ==================================================================================== */  
   
   #boxes {overflow:hidden; margin:0 -4% 10% 0}
   #boxes .box {float:left; width:46%; margin:0 4% 40px -2px; background:#fff; overflow:hidden; border-bottom:solid 1px #e6e6e6}
   #boxes .box .padit {padding:8%}
   #boxes .full {width:100%}
   #boxes .third {width:29.33%}
   #boxes .quarter {width:25%}
   #boxes h3 {background:url(img/light-pixel.gif) repeat-x center center; display:block; text-align:center}
   #boxes h3 span {background:#fff; display:inline-block; padding:0 15px 0 15px; color:#ccc}
   
/* Project or gallery page */
   #boxes .project .thumb-title {display:block; padding:18px 0 20px 0; text-align:center; text-decoration:none; color:#bbb; font-family: 'Didot', 'GFS Didot', Times New Roman, serif; text-transform:none; letter-spacing:1px; font-size:13px }
   #boxes .project:hover {border-bottom:solid 1px #e0e0e0}
   #boxes .project:hover .thumb-title {color:#636363}

/* Blog */
   #boxes .blog .content {padding:30px; text-align:center !important}
   #boxes .blog .content h3 a {display:inline-block; margin:0; padding:6px 5px 5px 6px; background:#fff; color:#999; text-decoration:none; text-align:center}
   #boxes .blog .content h3 a:hover {background:#f6f6f6}
   #boxes .blog .content p {text-align:center; margin:20px 0 0 0}

/* Thumbnails */   
   #boxes .thumb {position:relative; width:100%; min-height:180px; background:url(img/loader.gif) no-repeat center 80px #fff; overflow:hidden}
   #boxes .thumb .cover {background:#fff; width:100%; height:20px; position:absolute; margin-top:-2px}
   #boxes .thumb a {font-family:'Antic Didone', Times New Roman, serif; letter-spacing:0.2px; color:#777; font-size:13px}
   #boxes .thumb img {display:none; width:105%; height:auto !important;
   -webkit-transition: -webkit-transform 0.2s ease-in;
      -moz-transition: -moz-transform 0.2s ease-in;
       -ms-transition: -ms-transform 0.2s ease-in;
        -o-transition: -o-transform 0.2s ease-in;       
           transition: transform 0.2s ease-in;  
     -webkit-transform: translate(-5px, 0);
        -moz-transform: translate(-5px, 0);
         -ms-transform: translate(-5px, 0);
          -o-transform: translate(-5px, 0);
             transform: translate(-5px, 0); 
   }
   #boxes .thumb a:hover img {
     -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
         -ms-transform: translate(0, 0);
          -o-transform: translate(0, 0);
             transform: translate(0, 0);     
   }
   .instagramfeed .thumb {padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box}
   .instagramfeed .thumb img {width:100% !important;
     -webkit-transform: translate(0, 0) !important;
        -moz-transform: translate(0, 0) !important;
         -ms-transform: translate(0, 0) !important;
          -o-transform: translate(0, 0) !important;
             transform: translate(0, 0) !important;    
   }
   
/* Contact page */
   #boxes .inquire h3 {margin:0 0 20px 0}
   #boxes .letter {float:right}
   #boxes .letter .padit {min-height:410px}
   #boxes .letter h3 {margin:0 0 36px 0}
   #boxes .letter p {text-align:left; margin:25px 0 0 0}
   #boxes .letter .footer {border-top:solid 1px #f6f6f6; margin:0 8% 0 8%; padding:10px 0 11px 0} 
   #boxes .letter .footer .info {float:left; font-family:'Open Sans', Helvetica Neue, Helvetica, sans-serif; font-weight:300; font-size:11px; line-height:14px; word-spacing:1px; letter-spacing:1px; color:#bbb; padding:0; margin:0}
   #boxes .letter .success {display:none}
   #boxes .vcard ul {font-family:'Antic Didone', Times New Roman, serif; text-align:justify; letter-spacing:0.2px; color:#777; font-size:13px; line-height:21px}
   #boxes .vcard ul li {clear:both; display:block; margin:0 0 10px 0; overflow:hidden}
   #boxes .vcard ul li .col1 {display:block; float:left; width:15px; color:#ccc}
   #boxes .vcard ul li .col2 {display:block; float:left}
   #boxes .vcard .pin {float:right; display:block; opacity:0.2; text-indent:100%; white-space: nowrap; overflow: hidden; width:30px; height:30px; background:url(img/ico-pin.png) no-repeat right top; margin:0 0 -10px 0}
   #boxes .vcard .pin:hover {opacity:0.7}

/* Isotope transition */
   .isotope,
   .isotope .isotope-item {
   -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
       -ms-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
           transition-duration: 0.5s;
   }
   .isotope {
    -webkit-transition-property: height, width;
       -moz-transition-property: height, width;
        -ms-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;
        -ms-transition-property:     -ms-transform, opacity;
         -o-transition-property:         top, left, opacity;
            transition-property:         transform, opacity;
   }



/* ==================================================================================== */
/* Post page */
/* ==================================================================================== */  

   #post {margin:0 0 10% 0; overflow:hidden; clear:both;}
   .the-content {font-family:'Antic Didone', Times New Roman, serif; text-align:justify; letter-spacing:0.2px; color:#777; font-size:13px; line-height:23px}
   #post h2 {clear:both; font-size:40px; line-height:43px; font-family:'Didot', 'GFS Didot', Times New Roman, serif; font-weight:300; color:#636363; text-align:center; letter-spacing:2px; text-transform:none; margin:80px 0 20px 0}
   #post p.info {font-family:'Open Sans', Helvetica Neue, Helvetica, sans-serif; text-transform:uppercase; font-weight:300; font-size:11px; line-height:16px; word-spacing:1px; letter-spacing:2px; color:#ccc; margin:0; padding:0; text-align:center}
   #post p.info a {color:#888; border:none}
   #post .post-image img {width:100%; height:auto !important}
   #post p {margin:0 0 30px 0}
   #post p.tags {font-size:12px; margin:5px 0 10px 0}
   #post .nomedia {margin:60px 0 0 0}
   #post .nomedia h2 {text-align:left; margin-top:0 !important}
   #post .nomedia p.info {text-align:left}

   /* Comments */
   #post-comments h3 {text-align:center}
   .comment {padding:0 0 20px 0; overflow:hidden; border-top:solid 1px #f6f6f6}
   .comment p {padding:20px 0 0 0; margin-left:1px}
   .commentlist {border-bottom:solid 1px #f6f6f6}
   .comment .comment-body {margin-top:20px}
   .comment .comment-author {display:inline; overflow:hidden; font-family:'Antic Didone', Times New Roman, serif; text-align:justify; letter-spacing:0.2px; color:#777; font-size:13px}
   .comment .comment-author a {color:#777; text-decoration:none}
   .comment .comment-author a:hover {color:#333}
   .comment .comment-author .says {display:none}
   .comment .comment-meta {font-family:'Antic Didone', Times New Roman, serif; letter-spacing:0.2px; font-size:11px; text-transform:uppercase; overflow:hidden; display:inline}
   .comment .comment-meta a {color:#ccc; text-decoration:none}
   .comment .comment-meta a:hover {color:#888}
   .comment .comment-awaiting-moderation {display:inline; font-style:normal; text-transform:uppercase; font-size:11px}
   .comment .reply {float:right}
   .comment .reply a {background:#f6f6f6; font-size:11px; text-transform:uppercase; color:#bbb; border-bottom:solid 1px #e9e9e9; letter-spacing:1px; text-decoration:none; padding:11px 14px 10px 14px; display:block; text-align:center}
   .comment .reply a:hover {color:#777; background:#eee; border-bottom:solid 1px #d9d9d9}
   .comment cite {font-style:normal}
   .navigation {margin:0 0 20px 0; overflow:hidden}
   .navigation .alignleft {float:left}
   .navigation .alignright {float:right}
   .navigation a {text-transform:uppercase; color:#bbb; text-decoration:none;  border-bottom:solid 1px #e9e9e9; font-size:11px; display:inline-block; padding: 5px 0 5px 0; margin:10px 0 0 0}
   .navigation a:hover {color:#777; background:#eee; border-bottom:solid 1px #d9d9d9}
   .children {margin:20px 0 0 40px; overflow:hidden}
   .children .comment {padding:0; overflow:hidden; border-bottom:none; border-top:solid 1px #f6f6f6}
   .comment-notes, .form-allowed-tags {display:none !important}
   #respond h3 {margin:35px 0 0 0}
   #cancel-comment-reply-link {color:#fc715f; text-decoration:none}
   #cancel-comment-reply-link:hover {text-decoration:underline}
   #commentform {clear:both; margin:0 0 30px 0; overflow:hidden}
   #commentform p {margin:0; padding:0}
   #commentform label {display:none}
   .comment-form-author {display:block; width:48%; float:left}
   .comment-form-email {display:block; width:48%; float:right}
   .comment-form-url {width:100%; clear:both}
   #commentform textarea {width:100%}
   #commentform input[type=submit] {margin:17px 0 0 0; cursor:pointer}


/* ==================================================================================== */
/* Modals */
/* ==================================================================================== */

   .modal-overlay {display:none; z-index:98; background:#f6f6f6; width:100%; height:5000px; position:absolute}
   .modal {display:none; z-index:99; position:absolute; width:50%; left:50%; margin:5% 0 0 -25%; overflow:hidden; background:#fff; border-bottom:solid 1px #e6e6e6}
   .modal .padit {padding:10%}
   .modal h3 {text-transform:uppercase; padding:0px 0 30px 0; font-weight:400; font-size:11px; line-height:14px; word-spacing:1px; letter-spacing:2px; color:#bbb}
   .modal h3 span {color:#636363}
   .modal .tcenter {text-align:center}
   .modal p {font-family:'Antic Didone', Times New Roman, serif; letter-spacing:0.2px; color:#777; font-size:13px; line-height:23px; margin:0 0 30px 0}
   .modal p a {color:#777; border-bottom:solid 1px #e0e0e0; padding-bottom:5px; text-decoration:none}
   .modal p a:hover {color:#333; border-bottom:solid 1px #d9d9d9}
   .modal p.footnote {color:#ccc; background:url(img/light-pixel.gif) no-repeat left center; background-size:20px 1px;  font-size:12px; line-height:20px; text-align:right; margin:30px 0 0 0}
   .close-btn {opacity:0.1; position:absolute; display:block; right:0; width:50px; height:50px; background:url(img/ico-close.png) no-repeat center center; text-indent:100%; white-space: nowrap; overflow: hidden}
   .close-btn:hover {opacity:0.5}
   
   /* Modal Google Map */
   #map_modal {background:none; border:none}
   #map_canvas {width:100%; height:400px}
   #map_photo {display:none; width:100%; height:400px}
   #map_photo img {width:100%}
   #map_photo .close {opacity:0.2; position: absolute; background:url(img/ico-close.png) no-repeat center center #fff; top:60px; right:7px; width: 36px; height: 35px; cursor: pointer; z-index:2; text-indent:100%; white-space: nowrap; overflow: hidden}
   #map_photo .close:hover {opacity:0.5}
   

/* ==================================================================================== */ 
/* Media Page */
/* ==================================================================================== */ 
   
   .media {margin:8% 0 8% 0}
   .media h3.song-title {font-family:'Didot', 'GFS Didot', Times New Roman, serif; text-align:center; color:#bbb; font-size:14px; text-transform:none; font-weight:400; margin:125px 0 0 0}
   .media h3.caption {padding:23px 0 25px 0; width:100%; background:#fff; text-align:center; text-decoration:none; color:#bbb; border-bottom:solid 1px #e6e6e6; font-family: 'Didot', 'GFS Didot', Times New Roman, serif; text-transform:none; letter-spacing:1px; font-size:13px}
   .audio-wrapper .ogg, .post-audio-wrapper .mp3 {display:none}
   .audio-wrapper {margin:0 0 30px 0}
   .audio-wrapper a {display:none}
   .audio-wrapper #timeleft {margin-top:-5px} 
   .player {display: block; height: 62px; width: 100%; position: relative; background:url(img/audio-bg.png) repeat-x; cursor: default}
   .playtoggle {opacity:0.4; display:block; margin:-70px auto 70px auto; text-align:center; width:41px; height:41px; background: url(img/audio-play.png) no-repeat; cursor: pointer}
   .playtoggle:hover {opacity:0.7}
   .playtoggle.playing {background: url(img/audio-play.png) no-repeat -41px 0}
   .timeleft {position: absolute; text-align:right; right:0; margin-top:14px; padding:4px 0 4px 10px; font-size:13px; color: #888; background:#f6f6f6}
   .gutter {position: absolute; z-index:0; top: 30px; left:0; height: 1px; width:auto; width:96%; background:#ddd; border-bottom:solid 1px #fff}
   .loading {background: #fff; height:10px; width:10px}
   .played {position:absolute; width:0; height:1px; z-index:1; background:#777}
   .handle {opacity:0.8; position: absolute; z-index:2; top:-9px; left:0; width:22px; height:23px; margin-left: -2px; background:url(img/audio-handle.png) no-repeat; cursor:pointer}
   .handle:hover {opacity:1}
   .slider {display:block; position:relative; overflow:hidden; margin-bottom:40px}
   .slider .hidden-block {position:absolute; z-index:999; background:#f6f6f6; width:100%; height:60px; top:-60px}
   .slider .caption {z-index:99; bottom:0; margin-bottom:-30px; position:absolute}
   .slider .rslides {top:0; padding-bottom:30px}
   .slider .next {background:url(img/right-arrow.png) no-repeat 90% 55% #fff; right:0}
   .slider .prev {background:url(img/left-arrow.png) no-repeat 10% 55% #fff}
   .slider .rslides_nav {top:-58px; position:absolute; z-index:1}



/* ==================================================================================== */
/* Widgets */
/* ==================================================================================== */   
   
   #widgets {width:70%; left:50%; margin:5% 0 0 -35%; background:none; border:none; text-align:left}
   #widgets .box {width:46%; margin:2%; float:left; min-height:420px; background:#fff; overflow:hidden; border-bottom:solid 1px #e6e6e6}
   #widgets .box .padit {padding-bottom:5%}
   #widgets .box ul li {padding:5px 0 25px 0; overflow:hidden; font-family:'Antic Didone', Times New Roman, serif; letter-spacing:0.2px; color:#777; font-size:13px; line-height:23px}
   #widgets .box ul li a {color:#777; border-bottom:solid 1px #e0e0e0; text-decoration:none}
   #widgets .box ul li a:hover {color:#333; border-bottom:solid 1px #d9d9d9; background:#f6f6f6 !important}
   #widgets .box ul li span {text-transform:uppercase; color:#bbb; font-size:11px; padding:2px 0 0 5px; text-align:right; display:inline-block}
   #widgets h3 a {border-bottom:none; color:#bbb; text-decoration:none}
   #widgets h3 a:hover {color:#333 } 
   h3 a.rsswidget img {display:none}
   .widget_text h3 {text-align:center}
   .widget_calendar h3 {display:none}
   #wp-calendar {line-height:18px; font-size:13px; text-transform:uppercase; width:100%; font-family:'Antic Didone', Times New Roman, serif;}
   #wp-calendar caption {margin:0 0 35px 0; text-transform:uppercase; font-weight:300; font-size:11px; line-height:14px; word-spacing:1px; letter-spacing:2px; color:#bbb; font-family:'Open Sans', Helvetica Neue, Helvetica, sans-serif}
   #wp-calendar th {text-align:center; padding:6px; font-size:11px}
   #wp-calendar tbody {background:#fff; color:#aaa}
   #wp-calendar tbody td {text-align:center; padding:6px}
   #wp-calendar tbody td a {color:#bbb; text-decoration:none; background:#222324; padding:3px 6px 3px 6px}
   #wp-calendar tbody td a:hover {color:#fff}
   #wp-calendar tfoot td {padding:15px 0 12px 0}
   #wp-calendar .pad {padding:0}
   .tagcloud {padding-bottom:30px; font-family:'Antic Didone', Times New Roman, serif}
   .tagcloud a {color:#bbb; text-decoration:none}
   .tagcloud a:hover {color:#777}

   /* Flickr */
   #flickr {padding-bottom:45px !important; overflow:hidden}
   #flickr li {float:left; width:25%; padding:0 !important; line-height:normal}
   #flickr li a {display:block; border:solid 10px #f6f6f6; border-bottom:none !important; padding:0 !important; background:none !important}
   #flickr li a img {width:100%; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(1)}
   #flickr li a:hover img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%)}
   #widgets #flickr {padding:10px !important}
   #widgets #flickr li a {border:solid 10px #fff !important; background:none !important}


/* ==================================================================================== */
/* Fancybox Lightbox */
/* ==================================================================================== */ 
   .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding: 0; margin: 15px 0 0 0; border: 0; outline: none; vertical-align: top}
   .fancybox-wrap {position: absolute; top: 0; left: 0; z-index: 9999999}
   .fancybox-skin {position: relative; background: #fff; border-bottom:solid 1px #e6e6e6}
   .fancybox-opened {z-index: 9998030}
   .fancybox-outer, .fancybox-inner {position: relative}
   .fancybox-inner {overflow: hidden}
   .fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch}
   .fancybox-error {color: #444; margin: 0; padding: 15px;white-space: nowrap}
   .fancybox-image, .fancybox-iframe {display: block; width: 100%; height: 100%}
   .fancybox-image {max-width: 100%; max-height: 100%}
   #fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; opacity: 0.8; cursor: pointer; z-index: 9998060}
   #fancybox-loading div {width: 44px; height: 44px; background: url(img/spinner.png) no-repeat center center; padding:5px 20px 5px 20px}
   .fancybox-close {opacity:0.4; position: absolute; background:url(img/ico-close.png) no-repeat center center #fff; top:-45px; right:0; width: 36px; height: 35px; cursor: pointer; z-index:2; text-indent:100%; white-space: nowrap; overflow: hidden; z-index: 9998060}
   .fancybox-close:hover {opacity:0.6}
   .fancybox-nav {position: absolute; top: 0; width: 50%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(img/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 9998040}
   .fancybox-prev {left: 0}
   .fancybox-next {right: 0}
   .fancybox-nav span {position: absolute; top: -30px; width: 100%; height: 100%; cursor: pointer; z-index: 9998040; opacity:0}
   .fancybox-prev span {left:0; background:url(img/left-arrow.png) no-repeat 10% center}
   .fancybox-next span {right:0; background:url(img/right-arrow.png) no-repeat 90% center}
   .fancybox-nav:hover span {opacity:0.1; background-color:#fff}
   .fancybox-tmp {position: absolute; top: -99999px; left: -99999px; visibility: hidden;max-width: 99999px;max-height: 99999px; overflow:visible !important}
   .fancybox-lock {overflow: hidden}
   .fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden !important; display: none; z-index: 9998010; background:#f6f6f6}
   .fancybox-overlay-fixed {position: fixed; bottom: 0; right: 0}
   .fancybox-lock .fancybox-overlay {overflow: auto; overflow-y: scroll}
   .fancybox-title {visibility: hidden; text-align:center; font-family: 'Didot', 'GFS Didot', Times New Roman, serif; text-transform:none; letter-spacing:1px; font-size:13px; color:#999}
   .fancybox-opened .fancybox-title {visibility: visible}
   .fancybox-title-inner-wrap {padding:20px }
   .fancybox-title-over-wrap {position: absolute; bottom: 0; left: 0; color: #fff; padding:20px; background: #378e9f}

   
/* ==================================================================================== */
/* Footer */
/* ==================================================================================== */
   #social {text-align:center; overflow:hidden}
   #social li {margin:0 !important; display:inline-block; text-transform:uppercase; padding:10px !important; text-align:center !important; font-family:'Open Sans', Helvetica Neue, Helvetica, sans-serif !important; letter-spacing:1px !important; color:#fff !important; font-size:11px !important; line-height:14px !important}
   #social li span {opacity:0.6; letter-spacing:0; margin-right:4px; color:#fff !important; font-size:11px; padding:0 !important; text-align:center !important; display:inline !important}
   #social li a {opacity:0.95; display:inline-block !important; width:100px; padding:15px 0 15px 0 !important; text-decoration:none !important; color:#fff !important; border:none !important}
   #social li a:hover {opacity:1; color:#fff !important; border:none !important; box-shadow:0 0 3px #bbb; -moz-box-shadow:0 0 3px #bbb; -webkit-box-shadow:0 0 3px #bbb}
   #social a#facebook {background-color:#3c639c !important}
   #social a#twitter {background-color:#38afd2 !important}
   #social a#plus1 {background-color:#da4235 !important}
   #social a#pinterest {background-color:#cc2127 !important}
   #social a#linkedin {background-color:#304e6c !important}
   
/* ==================================================================================== */
/* FOOTER */
/* ==================================================================================== */

   #footer {border-top:solid 1px #f6f6f6; margin-bottom:10%; padding:20px 0 0 0; clear:both; overflow:hidden}
   #footer p {float:left; color:#aaa; font-size:12px}


   
/* ==================================================================================== */
/* MEDIA QUERY 1-1024 */
/* ==================================================================================== */

   @media only screen and (min-width: 1px) and (max-width: 1024px) {      

   p, #boxes .vcard ul, .tright {text-align:left !important}
   p a {padding-bottom:1px}   
   #post p.info {text-align:center !important}

   }

   @media only screen and (device-width: 1024px), only screen and (min-width: 781px) and (max-width: 1024px) {
   
/* Home projects */
   #home-projects .last p {text-align:right !important}
   
/* Non-box layout */
   .row .intro {width:100%}

/* Post with no media */ 
   #post .nomedia p.info {text-align:left !important}
   
/* Boxed layout */   
   #boxes .third {width:46%}
   #boxes .quarter {width:46%}

/* Flickr */ 
   #flickr li a {border-width:5px}

/* Form */   
   input[type=text] {width:100%; float:none}

   }

/* ==================================================================================== */
/* MEDIA QUERY 1 - 780 */
/* ==================================================================================== */

   @media only screen and (device-width: 780px), only screen and (min-width: 1px) and (max-width: 780px) {

/* Global */
   #container .pad {padding:60px 7% 30px 7%}
   #logo {text-align:center; margin-top:-82px}
   #logo a {float:none}
   h1.bread {padding:0; float:none; margin:18px 0 36px 0; text-align:center; font-size:11px} 
   .big-title {font-size:46px; letter-spacing:1px; margin:30px 0 40px 0; line-height:52px}
   body.page-template-media-php .big-title {margin-top:70px}
/* Navigation */
   #nav {position:relative !important; height:auto}
   #nav li {display:none}
   #nav li a {height:57px;}
   #nav li a span {background-color:transparent !important}
   #nav li ul {visibility:visible; opacity:0.3; position:relative; margin:0}
   #nav li.list {background:none; padding:0; display:block !important; margin:-10px 0 -6px 0}
   #nav li.list a {padding:0 0 25px 0}
   #nav li.swatch {margin-bottom:-10px}
   #nav li.widgets a {background-position:0 -697px;}
   #nav li.widgets a span {margin:29px 0 0 60px !important}
   .nav-open {width:100% !important; margin-bottom:60px; background-image:url(img/nav-open-bg.png) !important; background-position: right top !important}
   .nav-open li {display:block !important; width:60%}
   .nav-open ul {margin:10px 0 0 60px !important}
   .nav-open li.list {background:url(img/nav-line.png) no-repeat 30px 92% !important; display:block !important; margin-bottom:-10px 0 -6px -10px; padding-bottom:10px !important}

   .bar {display:none}

/* Submenu */
   .submenu {padding:40px 0 30px 0}

/* Breadcrumb nav */
   .breadnav {float:none; text-align:center; margin:10px 0 20px 0}
   .breadnav li.all a {font-size:11px}

/* Homepage */
   #home-projects {margin-bottom:20px}
   #home-projects h3 {padding:10px 20px 0 0}   
   #home-projects .line {margin:-6px 0 20px 0}
   #home-projects li {width:100% !important; float:none !important; clear:both; margin:0 0 20px 0 !important}
   #home-projects .last {position:relative; height:25px}
   #home-projects .last p {margin:0; float:right}   
   #home-widgets {margin-bottom:20px; clear:both}
   #home-widgets h3 {padding:0 0 15px 0}
   #home-widgets .widget {width:100%; float:none; margin:30px 0 40px 0}
   #home-widgets ul li {padding:25px 0 5px 0}   

/* Non-box layout */
   .row {margin:0 0 20px 0}
   .row .full, .row .left, .row .right {width:100%; float:none; margin:30px 0 0 0; overflow:hidden}
   .row h3 {padding:0 0 18px 0}
   .row  p {margin:0 0 20px 0}

/* Boxed layout */
   #boxes {overflow:hidden; margin:0}
   #boxes .box {float:none; width:100%; margin:0 0 30px 0}
   #boxes .third {width:100%}
   #boxes .quarter {width:100%}

/* Post */
   #post h2 {font-size:30px; margin:45px 0 0 0}
   #post p.info {margin:20px 0 20px 0}
   .gutter-line {display:none}
   #post .nomedia {margin:0}
   #post .nomedia h2 {text-align:center; margin:0 0 20px 0}
   #post .nomedia p.info {text-align:center}
    
/* Widgets */
   #widgets {width:90%; margin:5% 0 0 -45%}
   #widgets .box {width:100%; margin:0 0 20px 0; float:none}
   #widgets .box ul li {text-align:left}
   #wp-calendar .pad {padding:0}

/* Modal */
   .modal {width:80%; margin:10% 0 0 -40%}

/* Footer */   
   #footer {margin:40px 0 40px 0}
   }



/* ==================================================================================== */
/* MEDIA QUERY 479-1 */
/* ==================================================================================== */

   @media only screen and (min-width: 1px) and (max-width: 479px) {  

/* Flickr */ 
   #flickr li a {border-width:5px}
   
/* Form */   
   input[type=text] {width:100%; float:none}
}



/* ==================================================================================== */
/* RETINA DISPLAYS */
/* ==================================================================================== */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
   #nav li a {background-image:url(img/nav-icons@2x.png); background-repeat:no-repeat; background-size:80px 4000px}
   #nav li.swatch a.bw {background:url(img/ico-colors@2x.png) no-repeat 0 -20px; background-size:80px 160px}
   #nav li.swatch a.colored {background:url(img/ico-colors@2x.png) no-repeat 0 -100px; background-size:80px 160px}
   #nav li.swatch a.color-loader {background-size:16px 16px}
   .player {background:url(img/audio-bg@2x.png) repeat-x; background-size:1px 62px}
   .playtoggle {background:url(img/audio-play@2x.png) no-repeat; background-size:82px 41px}
   .playtoggle.playing {background:url(img/audio-play@2x.png) no-repeat -41px 0; background-size:82px 41px}
   .handle {background:url(img/audio-handle@2x.png) no-repeat; background-size:22px 23px}
   .close-btn {background:url(img/ico-close@2x.png) no-repeat center center; background-size:12px 11px}
   #map_photo .close {background:url(img/ico-close@2x.png) no-repeat center center #fff; background-size:12px 11px}
   .fancybox-close {background:url(img/ico-close@2x.png) no-repeat center center #fff; background-size:12px 11px}
   .breadnav li.prev a {background:url(img/left-arrow@2x.png) no-repeat right center; background-size:60px 60px}
   .breadnav li.next a {background:url(img/right-arrow@2x.png) no-repeat left center; background-size:60px 60px}
}

/* WP */
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor, .aligncenter {}