Well if you ever want to get rid of that here is a little something to add to your functions.php file.

/**
*Remove protected from the title of the form
**/

function the_title_trim($title) {
	$title = attribute_escape($title);
	$findthese = array(
		'#Protected:#',
		'#Private:#'
	);

	$replacewith = array(
		'', // What to replace "Protected:" with
		'' // What to replace "Private:" with
	);
	$title = preg_replace($findthese, $replacewith, $title);
	return $title;
}
add_filter('the_title', 'the_title_trim');

And if you want to change the text that asks for the password, to something more explanatory (like for internal staff) use this:

/**
Change the text on the password screen 
**/

function change_pw_text($content) {
$content = str_replace(
   'This post is password protected. To view it please enter your password below:',
   'Hello staff members! To access these documents here please enter the password provided by [so and so]. If you have any technical problems contact [somebody] at the Office.',
   $content);

return $content;
}
add_filter('the_content','change_pw_text');

Thanks (once again) to Chris Coyier's CSS-Tricks for this.

So if you have an element, say a ul or an h2, that needs to stretch all the way across the screen, it will be naturally limited by the width of its parent element. Here is how to get around that: stick a nice wide pseudo-element that matches the background color both before and after it.

so it might be something like this:

section {
   width: 960px;
   margin: 0 auto;
}
h2 {
   position: relative;
   background: black; 
}
h2:before, h2:after {
   content: "";
   position: absolute;
   background: black;  /* Match the background */
   top: 0;
   bottom: 0;
   width: 9999px;   /* some huge width */
} 
h2:before {
   right: 100%; 
}
h2:after {
   left: 100%;
}

And then to make sure it doesn't create some ugly horizontal scrollbars, add this while you're at it:

html, body {
    overflow-x: hidden;
}

Well here's how to get rid of it so that you just have the red pin. In the map embed code, look near the end of the src of the iframe, it says "iwloc=A" --- this is the culprit. Change the A to say ‘near' so that it now says "iwloc=near"
In context, it looks like this

 <iframe src="...blahblahblahcode...0.02326&z=14&iwloc=near&output=embed"></iframe>

This will just show the little pin on the location but remove the big dumb bubble.

"TinySrc is now a part of Sencha.io. It will remain a free service for single users, known as Sencha.io Src. Sencha.io Src performs smart sizing of images for efficient mobile delivery.

Sencha.io Src helps you dynamically resize images for the ever increasing number of mobile screen sizes. We’ve previously done a lot of work in Sencha Touch to make your UI resolution independent, and Src expands this to include your image assets. It’s easy to use, and in this guide, we run through the main API options for the service.

Sencha.io Src is essentially a proxy that lies between image assets (hosted either on your own server or by a third party) and the browser or application requesting them via HTTP. The API is accessed entirely via placing a prefix before the original image URL. This prefix gives you declarative access to all of the different types of transformation that the service can perform. This approach makes the service very easy to add to existing web sites or apps without any programming knowledge."

http://docs.sencha.io/0.3.3/index.html#!/guide/src

add_filter('site_transient_update_plugins', 'dd_remove_update_nag');
function dd_remove_update_nag($value) {
 unset($value->response[ plugin_basename(__FILE__) ]);
 return $value;
}