/* Archive bar styles for mobile (touch) devices.
-------------------------------------------------------------- */
body {padding:0; margin:0;}
#awesomebar {font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-size:12px; -webkit-user-select:none; -webkit-text-size-adjust:none; font-family:helvetica; position:absolute; top:0; left:0; width:100%; height:44px; line-height:44px; background:#fff; margin:0; padding:0; color:#333; font-size:20px; text-align:center; border-bottom:1px solid #ccc; z-index:5;}
#awesomebar li {display:block; float:left; list-style:none; width:33%; font-size:16px; border-left:1px solid #ccc; margin:0 0 0 -1px; padding:0;}
#awesomebar a {color:#444; text-decoration:none; font-weight:bold; display:block; line-height:45px;}
#awesomebar a:focus, #awesomebar a:active {background:#eee; color:#000;}

#awesomewrap, iframe#responsive-archive {position:absolute; z-index:1; top:45px; bottom:0; left:0; width:100%; background:#fff; overflow:auto; border:none;}
iframe#responsive-archive {overflow:auto; height:100%;}

#awesomescroll {position:relative; background:#fff; padding:0; margin:0 auto;}
#archive {width:100%;}

#awesomeoverlay {font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; display:none; position:absolute; z-index:10; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6);}
#awesomeshare {margin:0; padding:0; list-style:none; background:#333; margin:10px; padding:20px; border-radius:4px;}
#awesomeshare li {margin:0; padding:0; display:inline;}
#awesomeoverlay a {display:block; text-align:center; text-decoration:none; font-weight:bold; background:#eee; border-radius:4px; color:#333; font-size:22px; line-height:40px; margin:0 0 15px 0;}
#awesomeoverlay a.cancel {background:red; color:#fff; margin:30px 0 0 0;}

@media screen and (min-width: 400px) {
  #awesomeoverlay a {width:46%; float:left; margin:0 2% 15px 2%;}
  #awesomeoverlay a .verbose {display:none;}
  #awesomeoverlay a.cancel {width:96%; margin:0 2%; float:none; clear:both;}
}

/* Facebook/Google+ Modals */
#social-proxy {background:#fff; -webkit-box-shadow: 4px 4px 8px 2px rgba(0,0,0,.2); box-shadow: 4px 4px 8px 2px rgba(0,0,0,.2); padding-bottom:35px; z-index:1000;}
#social-proxy_close {display:block; position:absolute; top:0; right:0; height:30px; width:32px; background:transparent url(http://cdn-images.mailchimp.com/awesomebar-sprite.png) 0 -200px; text-indent:-9999px; outline:none; font-size:1px; }
#social-proxy_close:hover {background-position:0 -240px;}

/* Fix modals for mobile. */
#social-proxy {left:0 !important; top:0 !important; max-width:100%; overflow:hidden;}