
<!DOCTYPE html>
<html>

<head>
  <title>Please Log In</title>
  <style type="text/css">
    * {
      margin: 0;
      padding: 0;
    }

    img {
      border: 0;
    }

    body {
      margin: 0;
      background-color: #e0e0e0;
      background-image: url( //cdn.shopify.com/s/files/1/0219/4304/t/12/assets/password_background.png?4536957727079982012);
      background-size: 100%;
      background-repeat: no-repeat;
      font: 1em/1.4em "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
      color: #333;
    }

    h1,h2,h3,h4,h5,h6 {
      color: #000;
      margin: 5px 0 10px 0;
      font-weight: 400;
    }

    h3,h4,h5,h6 {
      font-weight: 600;
    }

    a {
      color: #3084CA;
    }

    a:hover {
      color: #25669C;
    }

    p {
      color: #666;
      margin-bottom: 13px;
      font-size: 14px;
    }

    ul, ol {
      margin-bottom: 13px;
      margin-left: 15px;
    }

    ol {
      margin-left: 25px;
    }

    input.btn {
      font-weight: bold;
      cursor: pointer;
      border: 1px solid #bbb;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #aaa;
      background-color: #ddd;
      background-image: url('data:image/jpeg;base64,R0lGODlhHgAeAOYAAO/v7+7u7uTk5OLi4uPj4/Dw8PHx8fT19OHh4fLx8eHg4d3d3vPz9OHh4OHi4vDx8eHi4fT09d/e397f3t/g397d3uPj5PHw8ePi4vT19fLx8vT089/e3uTk5fPy8t3e3d7e3eDf3+Lh4eLi4+7v7/Hx8O7t7t7f3/Dv8N3d3eTj4/Tz8+/u7+/v7u7u7eLi4fDx8PPy8/X09eDg4e/w8OPk4+Lh4vPz8vP09PDw8eTl5PX19PHw8N/f4O/w7+3s7fHy8u/v8PHy8eXk5OLj4uHg4PTz9OHh4t7e3+7t7fDw7/X09PHx8uzr7N3e3t/g4N7d3eDf4OPi4/Ly8+Pj4uzt7fLy8ePk5OXl5uDh4err6/Dv7+Tk4+bl5efm5t/f3vLz8ubm5+Xm5fLz8+Tj5ODg3+3t7OLj4/P08+7u7+vs7N/f3/Ly8uDg4OXl5ezs7O3t7ebm5uvr697e3ujo6Onp6fPz8+rq6ufn5/T09PX19QAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAeAB4AAAf/gHqCg4SFhoeCBxEyejJ5GRERGTtLB3o7egcZGQedOxF6i5wHeaWmp6illakRpwx2K3YMOHkbOAwbDEYMebC6G3YbK2h2xbk4xckxycxjxTfM0MrQMWzWbB7Y11PZ197a1x5g1gnlBgZMGgZWBkIaCRpCCQbqBub0QEz2QDkX/jAPHpQwAIMHjAsPchh44G9hgQc8BJYokYMHChQFCvjICCBjARpKNtIIEiQjDRQdMWZUsqUFABIAYrIA4PLlzJgwSdwEkCZmTQABggZIYoJoABdChbpAmjSoCTgBTASAA+cH1atUzWCFU2UrVqtU3zR5Q1YN2bNo06Idi1aO27dy/7TAnUu37p27ePPq3cv3bp2/gAMLHkz4L53DiBMrXsz4MJ7HkCNLnkz5cZzLccJg3swZs5fOmLu4Ge0GC+nTpMWgXj1agI4OAmLDjj0Eto7YuHF3GIL7dgcCNSwQGE4cOHELZCxYuGKBC3AVKggIhz5gAIEBZwaMIDIAwwDuIzCIr06e/IjwUqgcqW4DwgsbLxxAEDHfgYgBEBzol4+gvYMX9x2hQBYzKKAAAggiYKCCDTTYwAwItAGhAkUU0aACDUTYRhltdEhBG1F0+ESHJJZoYochRLFGCCFQsMaLa7jo4oowvujiE2v0EEKONnLgIwcnfDHHBBNIIMGQa0iwRj2RJxD5IhISnMBBlEjMMYcTVlpZQZZczlEBlnOA0CWXICyQwgIfoKnlByBAEWYFUJy5gJkVfFBBCmkuAEIgADs=');
      background-position: top left;
      background-repeat: repeat-x;
      padding: 4px 6px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      text-shadow: 0px 1px 1px #fff;
      color: #3a3a3a;
    }

    input.btn:hover {
      -webkit-box-shadow: 0px 0px 3px #3084CA;
      -moz-box-shadow: 0px 0px 3px  #3084CA;
    }

    input.btn:active, input.btn:focus {
      outline: none;
      -moz-outline-style: none;
      background: #eee;
      border-top: 1px solid #aaa;
      border-bottom: 1px solid #ccc;
      color: #555;
    }

    #container {
      width: 500px;
      margin: 50px auto 0 auto;
    }

    #login {
      background: #fff;
      border: none;
      border-bottom: 1px solid #ccc;
      margin: 50px auto 0 auto;
      padding: 30px;
      width: 450px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
      -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }

    #login h1 {
      margin: 0 0 18px 0;
      text-align: center;
      line-height: 30px;
    }

    #login .default-text {
      font-family: serif;
      font-style: italic;
      margin-bottom: 1.5em;
      font-size: 15px;
      display: block;
      text-align: center;
      margin-top: 33px;
    }

    form#login_form {
      border-top: 1px solid #e0e0e0;
      padding-top: 25px;
      margin-top: 25px;
      font-size: 80%;
      margin-bottom: 35px;
    }

    form#login_form label {
      color: #777;
    }

    #login_form #password {
      font-size: 14px;
      padding: 4px 6px;
      border: 1px solid #ccc;
      outline: none;
      background: #e9e9e9;
      background: -moz-linear-gradient(top, #ececec 0%, #fff 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#fff));
    }

    #login_form label, #login_form input {
      float: left;
      margin-right: 3px;
    }

    #footer {
      margin-top: 15px;
      margin-bottom: 40px;
      font-size: 13px;
      color: #666;
      text-shadow: 0 1px rgba(255,255,255,0.4);
      text-align: center;
    }

    #powered {
      color: #9c9c9c;
      display: block;
      margin-top: 15px;
    }

    #powered a {
      background-repeat: no-repeat;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAACl0lEQVR4AW2RS2jcdRSFv3v/j5nJOBnbJCba0DQ2qU1aqw0oOqB0oxbB564gFLvothvBlWQjuJBCwcfOhYouBF2ILlMsFKWSIopFFNNSkyxaqxPzmJn/43evmUVpFv3gu9zNgQNHuAsfnn/2tLufcHgI9E3gU+6CvL/wHDsR/A3EDwiy6HAMmBbxsze+a30BGDuQ+fl5brP76Uv7I7GXFTbMfVTQKyL+tigzS9ey9fWOvxaJXQTaAPHN0QVuMyq14+Ycd5EN8FcQQ1QA2Owy2F4LXw/tilZ0WGaAzViGI2ZHKlO4f4xErTJsspW1EVEiTRisDeMugCMIvYzx5rruAX7XZF3B/flI4lY3b6OS0Jo6zUtH3+WJB0/hGEUoMAONIAQnTayxLXH/CLKvV25QTZq8OneOseYMANfTXfy0/BkeKpiBCAAUBU8Ci/H2g+OjWbHJ45Mn6Qcv/PEeW9mtbf8BDJUUsx4i9CUrbApAJw/URsR9QkTZXd8LgJtx/rezXP37Io3qfQRzzB1BKEsH9B5QNAphjyN7BeHPGxcAOHbwDCdbnxNrhcI6uDkh3Klt5nMDDZ1Q7++p+kA1GeSHpY/48vIZAB4ef5HJkRbdfA1zcHdEQFUIwafzzPepIuO9/L/o/uZhXnj0Hda6K2z0bgKQRnXcA2bgDgAIFAUDsXotdnx/GXrU0ub2NK/3BaDdWWa5fZlq0qDXcXZkcRArORqDHqpXhrl663u+/eUtDo49Q1Zu8eO1T+jk/3JvfQizHBzgToO8sMdicf9AJFpy84krq9/M/rzy1bS4RNV0kHo6BBghQBkcd4hjQRWynJqcOvcUO5l7pDGmhMPudgQ4lCZ65K/VfPb6arlVH5AFVX6tVHUxmF/6H+vwKe+hBs8sAAAAAElFTkSuQmCC);
      padding-left: 21px;
      color: #9c9c9c;
      text-decoration: none;
    }

    #powered a:hover {
      text-decoration: underline;
    }

    .errors {
      background: #feebeb;
      padding: 4px 5px;
      font-size: 15px;
      color: #7e1412;
      display: block;
      margin-bottom: 15px;
    }

    .errors ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .center {
      text-align: center;
      display: block;
      font-size: 17px;
    }
  </style>
<link rel="canonical" href="http://shop.nanaandbird.com/password" />
</head>
<body>

  <div id='container'>
    <div id='login'>
      <div>
        <h1>nana &amp; bird - Only Curating What We Love</h1>
        
          <p><span class="default-text">Updating the store. We'll be back online soon. </span></p>
        
      </div>
      
      
      <!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="http://nanaandbird.us4.list-manage.com/subscribe/post?u=8c816c10221cf0f5107adb565&amp;id=523f2714dc" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="storefront-password-form validate" target="_blank" novalidate>
<div class="mc-field-group">
    <label>Find out when we open</label>
    <input type="email" value="" name="EMAIL" class="required email email_update" id="mce-EMAIL" placeholder="Enter email address" style="padding: 0.7em;">
    <input type="submit" value="Submit" name="subscribe" id="mc-embedded-subscribe" class="btn button email_submit">
</div>
	<div id="mce-responses" class="clear">
		<div class="response" id="mce-error-response" style="display:none"></div>
		<div class="response" id="mce-success-response" style="display:none"></div>
	</div>
</form>
</div>

<script type="text/javascript">
var fnames = new Array();var ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';
try {
    var jqueryLoaded=jQuery;
    jqueryLoaded=true;
} catch(err) {
    var jqueryLoaded=false;
}
var head= document.getElementsByTagName('head')[0];
if (!jqueryLoaded) {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js';
    head.appendChild(script);
    if (script.readyState && script.onload!==null){
        script.onreadystatechange= function () {
              if (this.readyState == 'complete') mce_preload_check();
        }    
    }
}
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://downloads.mailchimp.com/js/jquery.form-n-validate.js';
head.appendChild(script);
var err_style = '';
try{
    err_style = mc_custom_error_style;
} catch(e){
    err_style = '';
}
var head= document.getElementsByTagName('head')[0];
var style= document.createElement('style');
style.type= 'text/css';
if (style.styleSheet) {
  style.styleSheet.cssText = err_style;
} else {
  style.appendChild(document.createTextNode(err_style));
}
head.appendChild(style);
setTimeout('mce_preload_check();', 250);

var mce_preload_checks = 0;
function mce_preload_check(){
    if (mce_preload_checks>40) return;
    mce_preload_checks++;
    try {
        var jqueryLoaded=jQuery;
    } catch(err) {
        setTimeout('mce_preload_check();', 250);
        return;
    }
    try {
        var validatorLoaded=jQuery("#fake-form").validate({});
    } catch(err) {
        setTimeout('mce_preload_check();', 250);
        return;
    }
    mce_init_form();
}
function mce_init_form(){
    jQuery(document).ready( function($) {
      
      var submitURL = $('#mc-embedded-subscribe-form').attr('action'); 
	  submitURL = submitURL.replace('post', 'post-json'); 
   	  submitURL = submitURL + '&c=?'; 
      
      var options = { errorClass: 'mce_inline_error', errorElement: 'div', onkeyup: function(){}, onfocusout:function(){}, onblur:function(){}  };
      var mce_validator = $("#mc-embedded-subscribe-form").validate(options);
      $("#mc-embedded-subscribe-form").unbind('submit');//remove the validator so we can get into beforeSubmit on the ajaxform, which then calls the validator
      options = { url: submitURL, type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8",
                    beforeSubmit: function(){
                        $('#mce_tmp_error_msg').remove();
                        $('.datefield','#mc_embed_signup').each(
                            function(){
                                var txt = 'filled';
                                var fields = new Array();
                                var i = 0;
                                $(':text', this).each(
                                    function(){
                                        fields[i] = this;
                                        i++;
                                    });
                                $(':hidden', this).each(
                                    function(){
                                        var bday = false;
                                        if (fields.length == 2){
                                            bday = true;
                                            fields[2] = {'value':1970};//trick birthdays into having years
                                        }
                                        if ( fields[0].value=='MM' && fields[1].value=='DD' && (fields[2].value=='YYYY' || (bday && fields[2].value==1970) ) ){
                                    		this.value = '';
									    } else if ( fields[0].value=='' && fields[1].value=='' && (fields[2].value=='' || (bday && fields[2].value==1970) ) ){
                                    		this.value = '';
									    } else {
									        if (/\[day\]/.test(fields[0].name)){
    	                                        this.value = fields[1].value+'/'+fields[0].value+'/'+fields[2].value;									        
									        } else {
    	                                        this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value;
	                                        }
	                                    }
                                    });
                            });
                        return mce_validator.form();
                    }, 
                    success: mce_success_cb
                };
      $('#mc-embedded-subscribe-form').ajaxForm(options);
      
      
    });
}
function mce_success_cb(resp){
    $('#mce-success-response').hide();
    $('#mce-error-response').hide();
    if (resp.result=="success"){
        $('#mce-'+resp.result+'-response').show();
        $('#mce-'+resp.result+'-response').html(resp.msg);
        $('#mc-embedded-subscribe-form').each(function(){
            this.reset();
    	});
    } else {
        var index = -1;
        var msg;
        try {
            var parts = resp.msg.split(' - ',2);
            if (parts[1]==undefined){
                msg = resp.msg;
            } else {
                i = parseInt(parts[0]);
                if (i.toString() == parts[0]){
                    index = parts[0];
                    msg = parts[1];
                } else {
                    index = -1;
                    msg = resp.msg;
                }
            }
        } catch(e){
            index = -1;
            msg = resp.msg;
        }
        try{
            if (index== -1){
                $('#mce-'+resp.result+'-response').show();
                $('#mce-'+resp.result+'-response').html(msg);            
            } else {
                err_id = 'mce_tmp_error_msg';
                html = '<div id="'+err_id+'" style="'+err_style+'"> '+msg+'</div>';
                
                var input_id = '#mc_embed_signup';
                var f = $(input_id);
                if (ftypes[index]=='address'){
                    input_id = '#mce-'+fnames[index]+'-addr1';
                    f = $(input_id).parent().parent().get(0);
                } else if (ftypes[index]=='date'){
                    input_id = '#mce-'+fnames[index]+'-month';
                    f = $(input_id).parent().parent().get(0);
                } else {
                    input_id = '#mce-'+fnames[index];
                    f = $().parent(input_id).get(0);
                }
                if (f){
                    $(f).append(html);
                    $(input_id).focus();
                } else {
                    $('#mce-'+resp.result+'-response').show();
                    $('#mce-'+resp.result+'-response').html(msg);
                }
            }
        } catch(e){
            $('#mce-'+resp.result+'-response').show();
            $('#mce-'+resp.result+'-response').html(msg);
        }
    }
}

</script>
<!--End mc_embed_signup-->
      
      
      <form method="post" action="/password" id="login_form" class="storefront-password-form" accept-charset="UTF-8"><input type="hidden" value="storefront_password" name="form_type" /><input type="hidden" name="utf8" value="✓" />
        
        <label for='password'>Enter store using password: </label>
        <input type='password' name='password' id='password' autofocus />
        <div class="actions">
          <input class="btn" name="commit" type="submit" value="Enter" />
        </div>
      </form>
    </div>
  </div>

  <script type="text/javascript">
    document.getElementById('password').focus();
  </script>

</body>
</html>
