@media screen
{
	html {overflow-y: -moz-scrollbars-vertical;overflow-y:scroll;}
	body {background-color:#72c4ff; margin:0;width:100%;position:absolute; top:0; left:0;margin:0; bottom:0; right:0;padding:0;min-height:100%;font-size:12pt;font-family:Bookman Old Style;text-decoration:none;}
	div#wrapper {width:100%;position:absolute; top:0; left:0;margin:0; padding:0;min-height:100%;}
	div#content {position:absolute; bottom:0;left:50%; margin: 0 auto 0 -202px;clear:none; width:400px;z-index: 1;height:100%;}
	#content_span {display:block;position:relative;left:50%; bottom:0;padding:5px 5px 120px 5px;margin-left:-200px;width:393px;}
	span#foot_image {display:block;position:fixed;bottom:0;z-index:2;width:400px;height:119px;}
	div#left-wrapper {z-index:3;border-right: 2px solid black;clear:right;position:fixed;top:0;height:100%; width:50%;background-image: url(http://s3.amazonaws.com/escarp/deeper_blue_02.gif); background-position: bottom left;background-repeat:repeat-x;text-align:right;}
	div#right-wrapper {z-index:3;border-left: 2px solid black; clear:left;position:fixed;top:0;height:100%; width:50%;background-image: url(http://s3.amazonaws.com/escarp/deeper_blue_04.gif); background-position: bottom right;background-repeat:repeat-x;text-align: left;}
	span#right-nav-span {height:435px;position:absolute; bottom:0;left:0;margin-bottom:0;background-image:url(http://s3.amazonaws.com/escarp/button_sprite.gif);background-position:-185px 0;}
	span#right-nav-span-blog {height:435px;position:absolute; bottom:0;left:0;margin-bottom:0;background-image:url(http://s3.amazonaws.com/escarp/button_sprite_blog.gif);background-position:-185px 0;}
	span#left-nav-span {position:absolute; bottom:0;right:0;margin-bottom:0;padding-right: 5px;width: 200px;font-size:10pt;}
	div.post, div.cloud, div.attachments {padding: 10px 5px 10px 5px;margin:15px 10px 15px 10px; border-bottom:1px dashed white;background-color:#7dc9ff;border-top:1px dashed white;word-wrap:break-word;}
	.attachments img:first-child{margin-left:0;}
	.attachments > a{border-bottom:0;}
	.attachments{font-size:10px;font-family: Trebuchet MS;}
	div.media {margin: 10px auto 10px auto;text-align: center;}
	div.media img{border-left: 1px dashed black;border-right: 1px dashed black;padding:0 2px 0 2px;}
	h1{text-align:center; font-size: 40pt;}
	h2{font-size:16pt;padding:0; margin:0;}
	h3{padding:0; margin:0;}
	embed{z-index:0;}
	a#title_image, a#mobile_menu_toggle{margin:10px auto 10px auto;display:block;height:70px;width:362px;border:0;}
	span#content_span img.avatar{display:none;margin:0 0 0 0;}
	span#content_span h2{display:block;margin:0 0 20px 10px;}
	div.quote_short {margin:0 5px 0 5px; border-left: 2px solid white;padding:0 0 5px 5px;}
	div.quote_source {text-align: right;}
	div.tags a{display:inline-block;border:1px dashed white;padding: 2px; margin:5px 4px 5px 4px;background-color:#72c4ff;font-size:10px;font-family: Trebuchet MS;}
	div.tags A:link{color:#000000;text-decoration:none;}
	div.tags A:visited{color:#000000;text-decoration:underline;}
	div.tags A:active{color:#FFFFFF;text-decoration:underline;}
	div.tags A:hover{color:#FFFFFF;text-decoration:none;}
	div.date, div.source{display:inline-block;font-size:10px;font-family: Trebuchet MS;margin:0 0 0 5px;}
	div.notes {display:inline-block;}
	a{border-bottom:1px solid black;}
	A:link{color:#FFFFFF;text-decoration:none;}
	A:visited{color:#FFFFFF;text-decoration:underline;}
	A:active{color:#000000;text-decoration:underline;}
	A:hover{color:#000000;text-decoration:none;}
	img {border:0;}
	a.nav_link{width:190px;height:48px; display:block;border:0;color:transparent;}
	a.nav_link:visited, a.nav_link:active{text-decoration:none;}

	a.reply, a.retweet, a.favorite{display:inline-block;border:none;width:16px;height:16px;background-image:url(http://s3.amazonaws.com/escarp/twitter-sprite.png);}
	a.reply{background-position:-0;}
	a.reply:hover{background-position:-16px;}
	a.retweet{background-position:-80px;}
	a.retweet:active{background-position:-112px;}
	a.retweet:hover{background-position:-96px;}
	a.favorite{background-position:-32px;}
	a.favorite:active{background-position:-64px;}
	a.favorite:hover{background-position:-48px;}

	div#search {margin:5px 0 5px 0;}
	div#search input, form{display:inline-block;background-color:#72c4ff; border:0;margin:0 0 0 0;}
	input#search-submit {display: inline-block;padding:3px 6px 0 0;bottom:0;}
	input#search-field {display: inline-block;padding:0 0 3px 3px;outline:none;}
	input:focus{color:#000000;border:none;}
	div.buttons{margin:5px;width:100px;text-align:center;}
	div.button{width:70px; display:inline;}
	#copyright {display:block;margin-top:10px;color:#72c4ff;height:55px;padding-top:10px;margin-bottom:-10px;}
	li.note{margin:5px;border:1px dashed black;font-size:10px;font-family: Trebuchet MS;background-color:#72c4ff;}
	ol.notes{list-style-type:none;margin:0 10px 0 -45px;}
	div.notecontainer{font-size:10px;font-family: Trebuchet MS;margin:0 0 0 15px;}
	div#following{float:right;width:180px;border:1px dashed black;font-size:10px;font-family: Trebuchet MS;background-color:#72c4ff;border-bottom:1px solid black;}
	div#following-avatars{float:right;width:180px;border:1px dashed black;font-size:10px;font-family: Trebuchet MS;background-color:#72c4ff;border-top:0 solid black;}
	div#following-avatars a{border-bottom:0;}
	.cloud p{text-indent:-10px;margin:0 0 0 15px;white-space:normal;}
	div.newer_click{float:right;margin: 0 10px 0 0;}
	div.older_click{float:left;margin: 0 0 0 10px;}
	.editor{overflow:auto;margin:15px 10px 0 10px;width:340px;}
	.HB{;width:300px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
	.bio{overflow:auto;margin:15px 20px 0 17px;width:360px;}
	.bio td{vertical-align:middle;}
	.avatar_td{border-right:1px black solid;padding:5px;}
	.av{border:1px black solid;margin:5px;}
	.avatar_td a{border:0;}
	.right_key{position:absolute;left:430px;}
	.left_key{position:absolute; left:-80px;}
	a#mobile_menu_toggle{display:none;}
	#mobile_menu{background-color:#72c4ff;display:block;position:fixed;bottom:0;right:-192px;z-index:10;height:100%;width:190px;border-left: 2px solid black;}
	div#left-wrapper {left:-404px;padding:0 202px 0 0;}
	div#right-wrapper {right:-403px; padding-left:202px;}
	span#foot_image {left:50%; bottom:-5px;margin-left:-200px;}
}

/* exclude left bar, push center column left, keep right bar. */
@media (max-width: 795px) {
	#content_span{left:0;width:95%;padding:10px 0 0 0;bottom:0;margin:0 auto;transition: margin-left 1s;}
	span#rotate_for_menu{display:inline;}
	body, html{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;}
	div#content{position:absolute;top:0;bottom:0;left:0;margin-left:0;}
	div#left-wrapper{display:none;}
	div#right-wrapper{left:400px;width:100%;}
	span#foot_image {bottom:-5px;left:0;width:100%;margin-left:0;}
	ul.cf{display:none;}
	a#mobile_menu_toggle{display:none;z-index:12;width:350px;height:auto;text-align:center;}
	a#mobile_menu_toggle img{width:95%;}
	#mobile_menu.show_mobile_menu{right:0px;}
	html.show_mobile_menu, #foot_image.show_mobile_menu{left:-192px!important;}
	span#foot_image.show_mobile_menu{}
}

/* move to pull-out right menu */
@media (max-width: 595px){
	#content_span{left:0;width:95%;padding:10px 0 0 0;bottom:0;margin:0 auto;transition: margin-left 1s;}
	a#title_image{display:none;}
	div#content, body, html{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;}
	div#content{margin-left:0;}
	div#content_span{padding-bottom:125px;}
	div#left-wrapper{display:none;}
	div#right-wrapper{display:none;}
	span#foot_image {bottom:-5px;left:0;width:100%;}
	span#foot_image > img {width:100%; height:auto;position:absolute;bottom:0;}
	ul.cf{display:none;}
	a#mobile_menu_toggle{display:block;z-index:12;width:350px;height:auto;text-align:center;}
	a#mobile_menu_toggle img{width:80%;}
	#mobile_menu, html, #foot_image{transition: margin-left 1s, left 1s, right 1s, display 1s;-webkit-transition: margin-left 1s, left 1s, right 1s, display 1s;}
	#mobile_menu.show_mobile_menu{right:0px;}
	html.show_mobile_menu, #foot_image.show_mobile_menu{left:-192px!important;}
	span#foot_image.show_mobile_menu{}
}

/* cut keyboard buttons */
@media (max-height: 605px){
	ul.cf{display:none;}
}

/* cut title */
@media (max-height: 560px){
	a#mobile_menu_toggle{display:none;}
	a#title_image{display:none;}
}

/* cut foot, wrappers */
@media (max-height: 450px){
	div#right-wrapper{display:none;}
	div#left-wrapper{display:none;}
	span#foot_image > img{display:none;}
	#content_span{left:0;width:95%;padding:10px 0 0 0;bottom:0;margin:0 auto;transition: margin-left 1s;}
	div#content, body, html{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;}
	div#content{margin-left:0;}
}

/* cut right menu */
@media (max-height: 435px){
	span#right-nav-span{display:none;}
}

/* Remember the Alamo! */
@media (max-height: 380px){
	a#mobile_menu_toggle{display:none;}
}

/* fix bio width */
@media (max-width: 400px){
	.bio{margin:15px 0 0 0; width:320px;
		  -ms-word-break:   break-all;

  word-break:       break-word;
  word-wrap:        break-word;

  -webkit-hyphens:  auto;
     -moz-hyphens:  auto;
          hyphens:  auto;
	}
}
