10年前手のひらのインターネットブラウザを追い求めていたアラフォーオヤジから見たiPhone10周年

手のひらにインターネットを求めていた10年前

10年前、アップルコンピュータ(当時)から携帯電話が出るという噂がでていたころ、ボクは狭い上に有料ばかりなガラケーのwebの世界が残念で仕方がなく、jigブラウザと言ったガラケーでフルブラウザが使えるアプリを使い頑張ってwebをサーフィンしていた。

当然のことながら、当時ブイブイ言わせていたBlackBerryやSymbian端末、はたまたSHARPのW-ZERO3といったスマートフォンやPalmやSONYのPDAなどを見て検討しては我慢するという時期を過ごしていた。単純にお金がなかったのと、アップルがスマートフォンを作るという噂をキャッチしていたので我慢していたのですよ。

で、伝説のスティーブ・ジョブズのiPhone発表会。そりゃもう感動したよね。震えたよね。絶対買うと思ったよね。GSMオンリーで日本で使えないことが分かるまでは。マジでガッカリだよ。ショックのあまり思わずPRADA Phone買うところだったよ。(買わなくてよかった)

iPhone 3Gの発売

初日購入組。日本でも発売されるとアナウンスされた翌朝から、当時いた地方で近隣のソフトバンクショップに電話しまくっては「予約は受け付けていません」とつれなく断られまくっては他の店にかけ、ようやく一件だけ、「入荷するか分かりませんけど」という条件で予約を受け付けてくれた。結果的に、ほんの数台だけその店で入荷があり、初日に買えたんだよなぁ。嬉しかったなぁ。

嫁が高熱出していたにもかかわらず、会社休んでショップに行ったなぁ。RSSとかブログとかTwitterとかEvernoteとかはその辺りにやり始めたんだっけかな。iPhoneのおかげで今でも繋がっている友だちもたくさんできたな。

その後は、iPhone6まで2年に一回買い換えるiPhone好きになったのであった。なお、ケースとか付けない派であり、iPhone6を落として画面を割った際に6s plusに買い替えたので、2年に1回の買い替えペースはその時に破れた。

そんなぼくは新しいiPhoneは買うのか

今年はiPhone 10周年。なおかつ、今使っているiPhone 6s plusを買ってから2年。iPhoneを買い換える理由としては十分だ。

正直なところ、10年前にiPhoneに求めていた機能としては、今の6s plusでも十分すぎる機能を持っている。フルブラウザは超快適に動くし、PCメールの閲覧、返信も何の問題もない。ついでにメモ帳やEvernoteの動作も快適そのもので、ぶっちゃけ一切何の不満もない。この10年、スマートフォンに求めることはあまり変わっていないんだよね。新しいiPhoneに買い替えたところで、画面が大きくなってカメラ性能が良くなってCPU性能がよくなって、、、でも自分の用途はきっと何も変わらないだろう。毎年のように買い替えていたPCをもう何年も買い替えていなくても全く不満がないように、iPhoneを買い替えなくてもしばらく不満はないだろう。

それでも、ぼくはきっとiPhone Ⅹを買うだろう。ホームボタンがなくなり、画面の形が変わり、ジェスチャーが変わった。アップルがこれを未来のスマートフォンの姿だというのなら、試してやろう。

心の奥に、きっとこれがワクワクしながら買う最後のiPhoneになるかもしれないな、という思いを秘めながら。

iPhone 6にiPhone 5のiCloudバックアップを復元しようとしたら。。。

IMG_0001_top
[2014.09.26追記あり]
iPhone 6が21日に届きました。
16:03にソフトバンクオンラインショップで仮予約、19日に本予約、20日発送連絡ってことで、オンラインショップの人足りてなかったんだろうなぁと同情します。

それはそうと、今回の本題です。
iPhone 6を新規で設定しなおすのは面倒だったので、iPhone 5のiCloudバックアップから復元を試しました。
そうしたところ、なんじゃこりゃーという画面がでてきたので、共有しておきます。
ググってもあまり見かけないので、同じことが起きた人の検索に引っかかればいいですね。

続きを読む

iPhone4 裸族のための至高のカメラレンズ : Olloclip が届いた!

iPhone4 裸族のための至高のカメラレンズ : Olloclip | gakuhead blog

こちらの記事で紹介したOlloclipが届きました!

届いた中身はこんな感じです。
Olloclipの名刺っぽいのが5枚も入っていたんですが、これで紹介してねってことですかね。

20110729223826
20110729223826 Photo by gakuhead

こちらがレンズです。
Fish EyeとMacroレンズが固定されていて、Wide AngleはMacro側にネジ式で付けられるようになっています。

20110729223911
20110729223911 Photo by gakuhead

以下、撮った感じです。モデルはこれも最近届いたMacBook Air 11″(Mid 2011)です。
Macro以外はできるだけ同じ距離で撮影したつもり。

これが何もつけずに標準カメラで撮影したもの。

20110729224028
20110729224028 Photo by gakuhead

Wide Angleで撮影したもの。

20110729224016
20110729224016 Photo by gakuhead

Fish Eyeで撮影したもの。

20110729224043
20110729224043 Photo by gakuhead

最後がMacroです。
これだけは、思いっきり近づいて撮りました。Macroですから。

20110729223947
20110729223947 Photo by gakuhead

ざっと撮影してみましたが、いいですねこれ。
iPhoneへの着け外しが簡単なくせに、カッチリはまるのでそう簡単にはずれそうにありません。
取り付けたままiPhoneを振っても、まったく取れそうにありません。
以前ご紹介したglif(スタンド兼三脚マウント)同様、いい買い物をしました。

私はKickStarterで出資して手に入れましたが、現在は以下のサイトで購入できるようです。
Order an olloclip

カメラ好きの方は、ぜひ手に入れて使用してみてください。

今更ながらOneCamをホーム1画面目に置こうと思う。

カメラは標準カメラに限ると言い張っていたぼく。適材適所という言葉を覚えました。

あまたのブロガーから絶賛されているにも関わらず、OneCamはつい最近まで買っていませんでした。
この間あったセールの際も迷いながらもスルーしました。

なのに、先週AppleWalkerさんに会ったときに酔った勢いもあり定価でポチッとなw

さて、買った以上はとりあえず使ってみました。

…なにこれスゴい
起動速いし、スワイプでTwitter送りとか、スワイプでPictshare送りとか。

結果、なぜもっと早く買わなかったのかとw
いやー、このカメラ超絶便利っすよ。
Twitterに写真投稿するならOneCam最強!

ぼくの場合、子どもの写真を撮ったり、料理の写真を撮ったりというのかカメラアプリの使い方のメインなので、高解像度が欲しくてやっぱりドックには標準カメラですけど、OneCamもすぐ起動できるところに置いておきたい。
必然、1画面目になりますね。

ちょっとした写真をTwitterに流したいときは、OneCam使います!

さて、ホーム画面晒したばかりだけど、整理しなおさないとw

App IconOneCam(連写・静音・ジオタグ) 1.9.1 App Store
対象デバイス: iPad2Wifi, iPad23G, iPodTouchourthGen, iPhone4, iPhone, iPhone-3GS, iPhone-3G
カテゴリ: 写真
価格: ¥230 カスタマー評価: 4.5
販売業者: masahiro seto
新機能:
■ 横向きでズームを使うときにクイックプレビューが反応してしまうのを修正。
■ 下のタスクの中になくて起動したとき、バッジをクリアーするように修正。

☆AppStoreのレビューを書いたり、★を入れて頂いてありがとうございます。
次回は2.0.0のメジャーアップデートになります。要望の一番多い物を実装しますので楽しみにしててください!

ScreenshotScreenshot

購入済みiPhoneアプリ一覧をつくって、安心して再ダウンロードできるようにしてみたよ(アイコンなしリスト版)

前回の記事では、アイコン付きのアプリ一覧を作成しましたが、やはり重すぎたので、自分用にアイコンを除いた文字だけのリストを作成しました。
さらに、何かの役にたつんじゃないかとカテゴリ名もいれておきました。

WEBにアップロードして、Safariでみるとこんな感じです。

読み込みも早いし、サクサク動きます。

もちろん、前回と同じようにDropboxに入れても使えますが、WEBにアップしてサファリで見るメリットとしては、Safariのページ内検索でサクっと検索できるところです。

例えば、appbankで検索するとこんな漢字でハイライトしてくれます。

便利。

さて、CustomHTMLソースを以下に貼りつけておきますが、ご了承いただきたい点が一つあります。

なにぶん、cssとか全然わからないもので、とりあえず動けばいいや的に、ipaBacklistでHTMLで出力する際に自動で生成されるiphone.cssから全てぶち込んでますw

そのため、不必要なものもかなりの数(というか、ほとんど必要ないはず。。。)入ってます。

iphone.cssをそのまま使えばいいんですけど、ファイルは一つにまとめたかった上に、知識が不足してこんなことになっています。。。

分かる人は適当に修正してくださいm(_ _)m
時間ができたらぼくもわかりやすく修正できるよう勉強します。。。

使い方は、前回書いたのと同様、作者さんのブログを参考にしてみてください。
Custom HTMLの使い方(ipaBacklist): ROBOMIC(ブログ)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<title>Applications</title>

<ipaBacklist>
<!--
htmlencode {no}
applist {
<li><a href="[[[AppStore]]]:&title=[[[AppNameOniPhone]]]"> [[[AppNameOniPhone]]] </a>[[[Category]]] [[[FileSize]]]</li>
}
replace {<h1>} to {<h4>}
replace {</h1>} to {</h4>}
}
-->
</ipaBacklist>

<style type="text/css">  
<!-- 
	body {
		background: rgb(197,204,211) url(../images/stripes.png);
		font-family: Helvetica;
		margin: 0 0 0 10px;
		padding: 0;
		-webkit-user-select: text;
		-webkit-text-size-adjust: none;
		}
		


		/* standard header on body */
		
		div#header + h1, ul + h1 {
			color: rgb(76,86,108);
			font: bold 18px Helvetica;
			text-shadow: #fff 0 1px 0;
			margin: 15px 0 0 10px;  
			}
		


		/* standard paragraph on body */
		
		ul + p, ul.data + p + p, ul.form + p + p {
			color: rgb(76,86,108);
			font: 14px Helvetica;
			text-align: center;
			text-shadow: white 0 1px 0;
			margin: 0 10px 17px 0;
			}

		
		/* headers */

		div#header {
			background: rgb(109,133,163) url(../images/bgHeader.png) repeat-x top;
			border-top: 1px solid rgb(205,213,223);
			border-bottom: 1px solid rgb(46,55,68);
			padding: 10px;
			margin: 0 0 0 -10px;
			min-height: 44px;
			-webkit-box-sizing: border-box;
			}


				div#header h1 {
					color: #fff;
					font: bold 20px/30px Helvetica;
					text-shadow: #2d3642 0 -1px 0;
					text-align: center;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
					width: 49%;
					padding: 5px 0;
					margin: 2px 0 0 -24%;
					position: absolute;
					top: 0;
					left: 50%;
					}

					div#header a {
						color: #FFF;
						background: none;
						font: bold 12px/30px Helvetica;
						border-width: 0 5px;
						margin: 0;
						padding: 0 3px;
						width: auto;
						height: 30px;
						text-shadow: rgb(46,55,68) 0 -1px 0;
						text-overflow: ellipsis;
						text-decoration: none;
						white-space: nowrap;
						position: absolute;
						overflow: hidden;
						top: 7px;
						right: 6px;
						-webkit-border-image: url(../images/toolButton.png) 0 5 0 5;
						}

						div#header #backButton {
							left: 6px;
							right: auto;
							padding: 0;
							max-width: 55px;
							border-width: 0 8px 0 14px;
							-webkit-border-image: url(../images/backButton.png) 0 8 0 14;
							}


						.Action {
							border-width: 0 5px;
							-webkit-border-image: url(../images/actionButton.png) 0 5 0 5;
						}


						
						div#header ul {
							margin-top: 15px;
						}
						
						div#header p {
							color: rgb(60,70,80);
							font-weight: bold;
							font-size: 13px;
							text-align: center;
							clear: both;
							position: absolute;
							top: 4px;
							left: 35px;
							right: 35px;
							margin: 0;
							text-shadow: #C0CBDB 0 1px 0;
							text-overflow: ellipsis;
							white-space: nowrap;
							overflow: hidden;
						}
						
						div.pre {
							height: 60px;
							}


							div.pre h1 {
								top: 18px !important;
								}
								
							div.pre a {
								top: 25px !important;
								right: 6px;
								}
								
							div.pre a#Backbutton {
								left: 6px !important;
							}	
								
								
								
		
		
		/***** List (base) ******/
		
		ul {
			color: black;
			background: #fff;
			border: 1px solid #B4B4B4;
			font: bold 12px Helvetica;
			padding: 0;	   
			margin: 15px 10px 17px 0;
			-webkit-border-radius: 8px;
			}
		
		
			ul li {
				color: #666;
				border-top: 1px solid #B4B4B4;
				list-style-type: none;	
				padding: 10px 10px 10px 10px;
				}
				

				
				/* when you have a first LI item on any list */
				
				li:first-child {	
					border-top: 0;
					-webkit-border-top-left-radius: 8px;
					-webkit-border-top-right-radius: 8px;
					}

				li:last-child {	
					-webkit-border-bottom-left-radius: 8px;
					-webkit-border-bottom-right-radius: 8px;
					}
					
					
				/* universal arrows */
				
				ul li.arrow {
					background-image: url(../images/chevron.png);
					background-position: right center;
					background-repeat: no-repeat;
					}
					
					
				#plastic ul li.arrow, #metal ul li.arrow {
					background-image: url(../images/chevron_dg.png);
					background-position: right center;
					background-repeat: no-repeat;
					}
					
									
				
				/* universal links on list */
				
				ul li a, li.img a + a {
					color: #000;
					text-decoration: none;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
					display: block;
					padding: 12px 10px 12px 10px;
					margin: -10px;
					-webkit-tap-highlight-color:rgba(0,0,0,0);
				}
				
					ul li.img a + a {
						margin: -10px 10px -20px -5px;
						font-size: 17px;
						font-weight: bold;
					}
					
					ul li.img a + a + a {
							font-size: 14px;
							font-weight: normal;
							margin-left: -10px;
							margin-bottom: -10px;
							margin-top: 0;
						}
						
						
						ul li.img a + small + a {
							margin-left: -5px;
						}
						
						
						ul li.img a + small + a + a {
							margin-left: -10px;
							margin-top: -20px;
							margin-bottom: -10px;
							font-size: 14px;
							font-weight: normal;
							}
							
							ul li.img a + small + a + a + a {
								margin-left: 0px !important;
								margin-bottom: 0;
							}
				
				
					ul li a + a {
						color: #000;
						font: 14px Helvetica;
						text-overflow: ellipsis;
						white-space: nowrap;
						overflow: hidden;
						display: block;
						margin: 0;
						padding: 0;
						}
						
						ul li a + a + a, ul li.img a + a + a + a, ul li.img a + small + a + a + a {
							color: #666;
							font: 13px Helvetica;
							margin: 0;
							text-overflow: ellipsis;
							white-space: nowrap;
							overflow: hidden;
							display: block;
							padding: 0;
						}
						
						
					
		
		
				/* standard mini-label */
				
				ul li small {
					color: #369;
					font: 17px Helvetica;
					text-align: right;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
					display: block;
					width: 23%;
					float: right;
					padding: 3px 0px;
					}
					
					
					
					ul li.arrow small {
						padding: 0 15px;
					}
					
					ul li small.counter {
						font-size: 17px !important;
						line-height: 13px !important;
						font-weight: bold;
						background: rgb(154,159,170);
						color: #fff;
						-webkit-border-radius: 11px;
						padding: 4px 10px 5px 10px;
						display: inline !important;
						width: auto;
						margin-top: 2px;
					}
					
					
					ul li.arrow small.counter {
						margin-right: 15px;
					}
					
					
					
	
					/* resize without labels */
					
					ul li.arrow a {
						width: 95%;
						}
					
						/* with labels */
						
						ul li small + a {
							width: 75%;
						}
						
						ul li.arrow small + a {
							width: 70%;
						}
						
		
		
		/* images */
		
			ul li.img {
				padding-left: 115px;
			}
		
			ul li.img a.img {
				background: url(../images/standard-img.png) no-repeat;
				display: inline-block;
				width: 100px;
				height: 75px;
				margin: -10px 0 -20px -115px;
				float: left;
			}
		
		
		
		/* individuals */
		
		
		
			ul.individual {
				border: 0;
				background: none;
				clear: both;
				height: 45px;
			}
			
				ul.individual li {
					color: rgb(183,190,205);
					background: white;
					border: 1px solid rgb(180,180,180);
					font-size: 14px;
					text-align: center;
					-webkit-border-radius: 8px;
					-webkit-box-sizing: border-box;
					width: 48%;
					float:left;
					display: block;
					padding: 11px 10px 14px 10px;
					}
				
					ul.individual li + li {
						float: right;
						
					}
					
					
					ul.individual li a {
						color: rgb(50,79,133);
						line-height: 16px;
						margin: -11px -10px -14px -10px;
						padding: 11px 10px 14px 10px;
						-webkit-border-radius: 8px;
					}
					
						ul.individual li a:hover {
							color: #fff;
							background: #36c;
							}
							
							
							
							
							/* Normal lists and metal */

							body#normal h4 {
								color: #fff;
								background: rgb(154,159,170) url(../images/bglight.png) top left repeat-x;
								border-top: 1px solid rgb(165,177,186);
								text-shadow: #666 0 1px 0;
								margin: 0;
								padding: 2px 10px;
							}


							body#normal, body#metal {
								margin: 0;
								padding: 0;
								background-color: rgb(255,255,255);
							}

							body#normal ul, body#metal ul, body#plastic ul {
								-webkit-border-radius: 0;
								margin: 0;
								border-left: 0;
								border-right: 0;
								border-top: 0;
								}

								body#metal ul {
									border-top: 0;
									border-bottom: 0;
									background: rgb(180,180,180);
								}




								body#normal ul li {
									font-size: 20px;
								}

									body#normal ul li small {
										font-size: 16px;
										line-height: 28px;
									}

									body#normal li, body#metal li {
										-webkit-border-radius: 0;
										}

									body#normal li em {
										font-weight: normal;
										font-style: normal;
										}

								body#normal h4 + ul {
									border-top: 1px solid rgb(152,158,164);
									border-bottom: 1px solid rgb(113,125,133);
								}


								body#metal ul li {
									border-top: 1px solid rgb(238,238,238);
									border-bottom: 1px solid rgb(156,158,165);
									background: url(../images/bgMetal.png) top left repeat-x;
									font-size: 26px;
									text-shadow: #fff 0 1px 0;
									}

									body#metal ul li a {
										line-height: 26px;
										margin: 0;
										padding: 13px 0;
									}

										body#metal ul li a:hover {
											color: rgb(0,0,0);
										}	

											body#metal ul li:hover small {
												color: inherit;
											}


									body#metal ul li a em {
										display: block;
										font-size: 14px;
										font-style: normal;
										color: #444;
										width: 50%;
										line-height: 14px;
									}

									body#metal ul li small {
										float: right;
										position: relative;
										margin-top: 10px;
										font-weight: bold;
										}


										body#metal ul li.arrow a small {
											padding-right: 0;
											line-height: 17px;
										}
										
										
										body#metal ul li.arrow {
											background: url(../images/bgMetal.png) top left repeat-x,
											url(../images/chevron_dg.png) right center no-repeat;
										}
										
										
																
										/* option panel */

											div#optionpanel {
												background: url(../images/blackbg.png) top left repeat-x;
												text-align: center;
												padding: 20px 10px 15px 10px;
												position: absolute;
												left: 0;
												right: 0;
												bottom: 0;		
												}

												div#optionpanel h2 {
													font-size: 17px;
													color: #fff;
													text-shadow: #000 0 1px 0;
												}
												
												
										
										
										
										/***** BUTTONS *****/

										.button {
											color: #fff;
											font: bold 20px/46px Helvetica;
											text-decoration: none;
											text-align: center;
											text-shadow: #000 0 1px 0;
											border-width: 0px 14px 0px 14px;
											display: block;
											margin: 3px 0;
											}

											.green { -webkit-border-image: url(../images/greenButton.png) 0 14 0 14; }
											.red { -webkit-border-image: url(../images/redButton.png) 0 14 0 14; }

											.white {
												color: #000;
												text-shadow: #fff 0px 1px 0;
												-webkit-border-image: url(../images/whiteButton.png) 0 14 0 14;
												}

											.black { -webkit-border-image: url(../images/grayButton.png) 0 14 0 14; }
											
											
/***** FORMS *****/

/* fields list */
		
		ul.form {
			
		}
		
			ul.form li {
				padding: 7px 10px;
			}
			
			ul.form li.error { border: 2px solid red; }			
			ul.form li.error + li.error { border-top: 0; }
			
			ul.form li:hover { background: #fff; }
		
			ul li input[type="text"], ul li input[type="password"], ul li textarea, ul li select {
				color: #777;
				background: #fff url(../.png); /* this is a hack due the default input shadow that iphones uses on textfields */
				border: 0;				
				font: normal 17px Helvetica;
				padding: 0;
				display: inline-block;
				margin-left: 0px;
				width: 100%;
				-webkit-appearance: textarea;
				}
						
				ul li textarea {
					height: 120px;
					padding: 0;
					text-indent: -2px;
				}
				
				ul li select {
					text-indent: 0px;
					background: transparent url(../images/chevron.png) no-repeat 103% 3px;
					-webkit-appearance: textfield;
					margin-left: -6px;
					width: 104%;
				}
				
				ul li input[type="checkbox"], ul li input[type="radio"] {
					margin: 0;
					color: rgb(50,79,133);
					padding: 10px 10px;
					}
				
				ul li input[type="checkbox"]:after, ul li input[type="radio"]:after {
					content: attr(title);
					font: 17px Helvetica;
					display: block;
					width: 246px;
					margin: -12px 0 0 17px;
					}
					
					
					
					/**** INFORMATION FIELDS ****/

					ul.data li h4 {
						margin: 10px 0 5px 0;
					}

						ul.data li p {
							text-align: left;
							font-size: 14px;
							line-height: 18px;
							font-weight: normal;
							margin: 0;
							}
							
							ul.data li p + p { margin-top: 10px; }
							

							ul.data li {
								background: none;
								padding: 15px 10px;
								color: #222;
							}

							ul.data li a {
								display: inline;
								color: #2E3744;
								text-decoration: underline;
							}
							
							
							ul.field li small {
								position: absolute;
								right: 25px;
								margin-top: 3px;
								z-index: 3;
							}
					
							ul.field li h3 {
								color: rgb(76,86,108);
								width: 25%;
								font-size: 13px;
								line-height: 18px;
								margin: 0 10px 0 0;
								float: left;
								text-align: right;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
								padding: 0;
								}
							
								ul.field li a {
									font-size: 13px;
									line-height: 18px;
									overflow: visible;
									white-space: normal;
									display: inline-block;
									width: 60%;
									padding: 0;
									margin: 0 0 0 0;
									vertical-align: top;
									}
									
								ul.field li big {
									font-size: 13px;
									line-height: 18px;
									font-weight: normal;
									overflow: visible;
									white-space: normal;
									display: inline-block;
									width: 60%;
									}
									
									
									
									
									
																
								ul.field li small {
									font-size: 13px;
									font-weight: bold;
								}
							
						
						/* this is for profiling */
							
						ul.profile {
							border: 0;
							background: none;
							clear: both;
							min-height: 62px;
							position: relative;
							}
							
							ul.profile li {
								background: #fff url(../images/profile-user.png) no-repeat;
								border: 1px solid #B4B4B4;
								width: 62px;
								height: 62px;
								-webkit-border-radius: 4px;
								-webkit-box-sizing: border-box;
								float: left;
								}
							
							ul.profile li + li {
								border: 0;
								background: none;
								width: 70%;
								}
								
							
								ul.profile li + li h2, ul.profile li + li p {
									color: rgb(46,55,68);
									text-shadow: #fff 0 1px 0;
									margin: 0;
								}
								
								ul.profile li + li h2 {
									font: bold 18px/22px Helvetica;
									text-overflow: ellipsis;
									white-space: nowrap;
									overflow: hidden;
									}
									
								ul.profile li + li p {
									font: 14px/18px Helvetica;
									text-overflow: ellipsis;
									white-space: nowrap;
									overflow: hidden;
									}
								
								
								/* any A element inside this kind of field list will scale 62x62 */
								
								ul.profile li a {
									display: block;
									width: 62px;
									height: 62px;
									color: transparent;
								}
									


	/***** PLASTIC LISTS *****/
	
	body#plastic {
		margin: 0;
		padding: 0;
		background: rgb(173,173,173);
	}

	body#plastic ul {
		-webkit-border-radius: 0;
		margin: 0;
		border-left: 0;
		border-right: 0;
		border-top: 0;
		background-color: rgb(173,173,173);
		}
		
		
		body#plastic ul li {
			-webkit-border-radius: 0;
			border-top: 1px solid rgb(191,191,191);
			border-bottom: 1px solid rgb(157,157,157);
		}
		
		
			body#plastic ul li:nth-child(odd) {
				background-color: rgb(152,152,152);
				border-top: 1px solid rgb(181,181,181);
				border-bottom: 1px solid rgb(138,138,138);
			}
		
		
		body#plastic ul + p {
			font-size: 11px;
			color: #2f3237;
			text-shadow: none;
			padding: 10px 10px;		
			}
			
			body#plastic ul + p strong {
				font-size: 14px;
				line-height: 18px;
				text-shadow: #fff 0 1px 0;
			}
			
			body#plastic ul li a {
				text-shadow: rgb(211,211,211) 0 1px 0;
			}
			
			body#plastic ul li:nth-child(odd) a {
				text-shadow: rgb(191,191,191) 0 1px 0;
			}
			
			
			body#plastic ul li small {
				color: #3C3C3C;
				text-shadow: rgb(211,211,211) 0 1px 0;
				font-size: 13px;
				font-weight: bold;
				text-transform: uppercase;
				line-height: 24px;
				}
				
				
				
	/**** MINI & BIG BANNERS ****/
	
			#plastic ul.minibanner, #plastic ul.bigbanner {
				margin: 10px;
				border: 0;
				height: 81px;
				clear: both;
				}
				
				#plastic ul.bigbanner {
					height: 140px !important;
				}
				
				#plastic ul.minibanner li {
					border: 1px solid rgb(138,138,138);
					background-color: rgb(152,152,152);
					width: 145px;
					height: 81px;
					float: left;
					-webkit-border-radius: 5px;
					padding: 0;
					}
					
				#plastic ul.bigbanner li {
					border: 1px solid rgb(138,138,138);
					background-color: rgb(152,152,152);
					width: 296px;
					height: 140px;
					float: left;
					-webkit-border-radius: 5px;
					padding: 0;
					margin-bottom: 4px;
					}
					
					#plastic ul.minibanner li:first-child {
						margin-right: 6px;
					}
					
					
					#plastic ul.minibanner li a {
						color: transparent;
						text-shadow: none;
						display: block;
						width: 145px;
						height: 81px;
						}
						
					#plastic ul.bigbanner li a {
						color: transparent;
						text-shadow: none;
						display: block;
						width: 296px;
						height: 145px;
						}
		
	
	
	/**** CHAT ****/
	
	
	body#chat {
		background: #DBE1ED;
		}
		
		body#chat div.bubble {
			margin: 10px 10px 0 0px;
			width: 80%;
			clear: both;
		}
		
		
		
		body#chat div.right {
			float: right;
			}
			
		body#chat div.left {
			float: left;
			}
			
			
			body#chat div.right p {
				border-width: 10px 20px 12px 10px;
			}
			
			body#chat div.left p {
				border-width: 10px 10px 12px 20px;
			}
			
			/* lefties */
			
			body#chat div.left p.lime {
				-webkit-border-image: url(../images/chat_bubbles_lime_l.png) 10 10 13 19;
				}
				
			body#chat div.left p.lemon {
				-webkit-border-image: url(../images/chat_bubbles_lemon_l.png) 10 10 13 19;
				}
				
			body#chat div.left p.orange {
				-webkit-border-image: url(../images/chat_bubbles_orange_l.png) 10 10 13 19;
				}
				
			body#chat div.left p.aqua {
				-webkit-border-image: url(../images/chat_bubbles_aqua_l.png) 10 10 13 19;
				}
				
			body#chat div.left p.purple {
				-webkit-border-image: url(../images/chat_bubbles_purple_l.png) 10 10 13 19;
				}
				
			body#chat div.left p.pink {
				-webkit-border-image: url(../images/chat_bubbles_pink_l.png) 10 10 13 19;
				}
				
			body#chat div.left p.graphite {
				-webkit-border-image: url(../images/chat_bubbles_graphite_l.png) 10 10 13 19;
				}
				
			body#chat div.left p.clear {
				-webkit-border-image: url(../images/chat_bubbles_clear_l.png) 10 10 13 19;
				}
				
				
				
				
			/*rights*/	
			
			body#chat div.right p.aqua {
				-webkit-border-image: url(../images/chat_bubbles_aqua_r.png) 10 19 13 10;
				}
				
			body#chat div.right p.lemon {
				-webkit-border-image: url(../images/chat_bubbles_lemon_r.png) 10 19 13 10;
				}
				
			body#chat div.right p.lime {
				-webkit-border-image: url(../images/chat_bubbles_lime_r.png) 10 19 13 10;
				}
				
			body#chat div.right p.purple {
				-webkit-border-image: url(../images/chat_bubbles_purple_r.png) 10 19 13 10;
				}
				
			body#chat div.right p.pink {
				-webkit-border-image: url(../images/chat_bubbles_pink_r.png) 10 19 13 10;
				}
				
			body#chat div.right p.graphite {
				-webkit-border-image: url(../images/chat_bubbles_graphite_r.png) 10 19 13 10;
				}
				
			body#chat div.right p.clear {
				-webkit-border-image: url(../images/chat_bubbles_clear_r.png) 10 19 13 10;
				}
				
		
		body#chat div.bubble p {
			color: #000;
			font-size: 16px;
			margin: 0;
		}
		
			body#chat div.bubble + p {
				color: #666;
				text-align: center;
				font-size: 12px;
				font-weight: bold;
				margin: 0;
				padding: 10px 0 0 0;
				clear: both;
			}

		
		/**** image grids ****/
		
		
		body#images {
			background: #fff;
			margin: 0;
		}
		
			body#images ul {
				margin: 4px 4px 4px 0;
				border: 0;
				-webkit-border-radius: 0;
				}
				
				body#images ul li {
					border: 1px solid #C0D5DD;
					-webkit-border-radius: 0;
					width: 73px;
					height: 73px;
					float: left;
					margin: 0 0 4px 4px;
					background: #F4FBFE url(../images/image-loading.gif) no-repeat center center;
					padding: 0;
					}
					
					body#images ul li a {
						display: block;
						width: 100%;
						height: 100%;
						margin: 0;
						padding: 0;
					}
		
		
		/*** BLANK PAGES ***/
		
		body#blank {
			background: #fff;
		}
		
		
		body#blank p {
			color: #898989;
			text-align: center;
			margin: 250px 0 0 0;
			}
			



			/**** ICONFIED LIST ****/
			
			
			ul li a img.ico, ul li img.ico {
				float: left;
				display: block;
				margin: -4px 10px -4px -1px;
			}
-->  
</style>


</head>


	
<!--<<<<<<<<<ReplaceData URLScheme>>>>>>>>>-->
	
<!--<<<<<<<<<ReplaceData Other>>>>>>>>>-->


</body>
</html>