body {font-size:62.5%}

	/* Font Scale: 8 9 10 11 12 14 16 18 21 24 36 48 60 72 */



	/* GLOBAL 
	////////////////////////////////////////////////////////////////////// */
	
		body.main 	{ background: url("../images/main2/body_main.png")     repeat-x #f3f4f3; }
		body.sub 	{ background: url("../images/main/body_sub.gif") repeat-x #f3f4f3; }

		.wrap_main{ background: url("../images/main2/wrap_main.png")     no-repeat; margin: 0 auto; padding: 0 10px 0 10px; width: 800px; }
		.wrap_sub { background: url("../images/main/wrap_sub.gif") no-repeat; margin: 0 auto; padding: 0 10px 0 10px; width: 800px; }
			
		h1 {font-family:georgia,serif; font-size: 360%; color:#f3f4f3; line-height:1; padding: 0 0 10px 0; font-weight:bold;}
		h2 {font-family:georgia,serif; font-size: 240%; color:#f3f4f3; line-height:1.1; padding: 0 0 10px 0; font-weight:normal; }
		
		h3 { font-family:georgia,serif; font-size: 180%; color: #505050; }
		h3 a { color: #505050; }
			
		p { font-size: 140%; color: #707070; }


		a  {font-size:100%;color: #70889f;}
		a:hover  {color: #adbbc8;}
		
		


	
	/* HEADER 
	////////////////////////////////////////////////////////////////////// */
	
		.header { padding: 0 20px 0 20px; height: 74px; }
			
		.header img { padding:3px 0 0 0;font-family:georgia}
		.header a {float:left;color:#fff; text-decoration:none}
		
		.utility 	{ font-size: 120%;float: right; padding: 23px 0 0 0; }
		.utility ul { float: right; height: 27px; background: url("../images/main/bg-utility.gif") repeat-x; }
		
		.utility li	{
			float: left; padding: 6px 10px 0 10px; height: 21px;
			font-weight: bold;
			border-right: 1px solid #8bb234; color: #f2fdbb; }
		
		.utility a	{ color: #f2fdbb; }
		
		.utility li.alpha {
			padding-left: 14px;
			background: url("../images/main/bg-utility-left.gif") no-repeat; }
		
		.utility li.omega {
			padding-right: 14px;
			background: url("../images/main/bg-utility-right.gif") no-repeat;
			background-position: top right; border: none }
			
	
	/* BANNER HOME PAGE
	////////////////////////////////////////////////////////////////////// */

		.join { padding: 20px 320px 0 00px; height: 335px; background:url("../images/main2/miles2.jpg") no-repeat; position:relative; }
	
		.join p, join a  {padding:0 0 10px 0; color: #eeeeee; font-family:georgia,serif }

		.join h1, .join h2 { padding-left:20px }
		
		p.get-started {padding:10px 0 10px 20px;}
		p.get-started span {display:none;}
		.get-started-button { display: block; width: 440px; height: 57px; background: url("../images/main/get_started.gif") no-repeat; }
		.get-started-button:hover { background-position: 0 -57px; }

		p.learn-more {padding:10px 0 10px 20px;}
		p.learn-more span {display:none;}
		.learn-more-button { display: block; width: 440px; height: 42px; background: url("../images/main/learn_more.gif") no-repeat; }
		.learn-more-button:hover { background-position: 0 -42px; }


		
	
	/* FEATURES & BLOG 
	////////////////////////////////////////////////////////////////////// */

		.features { float: left; padding: 10px 0 10px 00px; width: 500px; }
		
		.features ul { padding: 1em 0; }
		.features li { float: left; display: block; padding: 0 00px 20px 42px; width: 438px; }
		
		.features p	{ padding: 0 0 0 0px; color: #505050; }
		
		.features .feat-title {padding: 0 0 0 0px; font-size:160%;font-weight: bold; color: #215588;}
		
		.icon-domain 		{ background: url("/images/aesthetica32/home.png") no-repeat top left; }
		.icon-photos 		{ background: url("/images/aesthetica32/image.png") no-repeat top left; }
		.icon-privacy 		{ background: url("/images/aesthetica32/lock.png") no-repeat top left; }
		.icon-membership 	{ background: url("/images/aesthetica32/community_users.png") no-repeat top left; }
		.icon-noads 	{ background: url("/images/aesthetica32/remove.png") no-repeat top left; }
		
		.twitter { float: left; padding: 10px 00px 10px 0; width: 300px; }

		.twitter * {text-align:right}
	
		.twitter h3 a	{color:#00c7ff}
		
		.blog-blurb 		{ padding: 1em 0 0px 0; }
		.blog-blurb p		{ color: #505050; }
		.blog-blurb-ftr		{ padding: 0px 0 0 0; font-size: 120%; font-weight:bold; color:#505050 }

		.blog { float: left; padding: 10px 0 10px 00px; width: 500px; }
		.blog a {font-family:georgia; color:#215588}

		.screenshots { float: left; padding: 10px 0; width: 800px; }
		.screenshots h3 {text-align:left}
		.shot,.shot-r { width:234px;height:276px;margin: 1em 19px 0 0;padding:20px 0 0 20px; background:url('/images/main2/screenshot_bg.png') no-repeat;float:left}
		.shot-r { margin:1em 0 0 0 }

/*
		.screenshots { float: left; padding: 10px 00px 10px 0; width: 300px; }
		.screenshots h3 {text-align:right}
		.shot { height:330px;padding:21px 0 0 21px; background:url('/images/main2/screenshot_bg.png') no-repeat;}
*/


	/* INNER pages 
	////////////////////////////////////////////////////////////////////// */
		div.inner	{ margin: 20px; padding-right: 310px; background: url("../images/main/miles_sub.jpg") no-repeat top right ; min-height:639px }

		.inner a { color: #70889f; }
		.inner p  { color: #404040; font-weight:normal; ;margin-bottom:5px;}
		.inner input { width:230px}
		.inner label { padding-left: 25px;display:block;font-size:120%;font-weight:bold; color:#505050}
		.inner span.fm { font-size: 140%; font-weight:bold; color:#505050}
		.inner button { margin-top:10px;}
		.inner p.agree { text-transform:uppercase; font-size: 100%}

		label.email  { background: transparent url(/images/icons/email.png) no-repeat scroll 0 50%; }
		label.password  { background: transparent url(/images/icons/key.png) no-repeat scroll 0 50%; margin-top: 10px; }
		label.family  { background: transparent url(/images/icons/house.png) no-repeat scroll 0 50%; }
		label.subject  { background: transparent url(/images/icons/lightning.png) no-repeat scroll 0 50%; margin-top: 10px; }
		label.body  { background: transparent url(/images/icons/page_white_text.png) no-repeat scroll 0 50%; margin-top: 10px; }

		#family_response { font-size:140%; padding-bottom:1em;}
		#email_response, #password_response { font-size:140% }

		.validating	{ height:16px; width:16px; background: url("../images/ajax-load-small.gif") no-repeat 0 0; }
		.valid		{ color:#3c0; font-weight: bold; padding-left: 20px; background: url("../images/icons/accept.png") no-repeat; }
		.invalid 	{ color:#c30; font-weight: bold; padding-left: 20px; background: url("../images/icons/exclamation.png") no-repeat; }
		.invalid_2	{ color:#c30; font-weight: bold; padding-right: 20px; background: url("../images/icons/exclamation.png") no-repeat; background-position:right}

		.error p	{ color:#c30 ;font-weight:bold; font-size: 140%; margin-bottom:5px;}	
		.error h3	{ font-size:180%; font-weight:bold; margin-bottom:5px;}	


		.regtest { display:none }

		.about hr { color:#404040}
		.about li { padding:0 0 20px 58px; margin:10px 0  0 } 
		.inner li { padding:0 0 10px 58px; margin:10px 0  0 } 
		.about li.s { padding:0 0 20px 108px; margin:10px 0  0 } 
		.about em ,.inner em	{ font-weight:bold;}
		.about-block { padding: 0 0 20px 0 }
	
		.terms * { color: #404040}

		.terms h1 span {font-size:66.6%; font-family:georgia; font-weight:normal } /* 24px relative to  36px H1 */
		.terms p { text-indent: 28px; margin: 5px 0 0 0 }
		.terms h1 { color:#404040}
		.terms li { font-size: 140%;color:#404040; list-style:outside circle; padding: 0 0 0 10px;margin: 10px 0 0 20px} 
		.terms li.s { padding:0 0 20px 108px; margin:10px 0  0 } 
		.terms em { font-weight:bold;}
		.terms-block { padding: 0 0 20px 0 }


		li.shawn	 	{ background: url("/images/main/shawn.png") no-repeat top left; }
		/*li.pricing	 	{ background: url("/images/aesthetica48/accept.png") no-repeat top left; } */
		li.pricing	 	{ padding-left:0 }
		li.secure	 	{ background: url("/images/aesthetica48/lock.png") no-repeat top left; }
		li.domain 		{ background: url("/images/aesthetica48/home.png") no-repeat top left; }
		li.photos 		{ background: url("/images/aesthetica48/image_multi.png") no-repeat top left; }
		li.members 	{ background: url("/images/aesthetica48/community_users.png") no-repeat top left; }
		li.cart	 	{ background: url("/images/aesthetica48/printer.png") no-repeat top left; }
		li.rss		 	{ background: url("/images/aesthetica48/rss.png") no-repeat top left; }
		li.comment	 	{ background: url("/images/aesthetica48/help.png") no-repeat top left; }
		li.noads	 	{ background: url("/images/aesthetica48/remove.png") no-repeat top left; }
		li.email	 	{ background: url("/images/aesthetica48/email.png") no-repeat top left; }
		/*li.what	 	{ background: url("/images/aesthetica48/favorite.png") no-repeat top left; } */
		li.what	 	{ padding-left:0; }

	/* BETA Test Block 
	////////////////////////////////////////////////////////////////////// */

		div.beta 	{ margin: 20px 0px 20px 0px; padding:5px 5px 5px 50px; border: 2px solid #505050 ; background: url("/images/aesthetica32/next.png") no-repeat 10px 10% }
		div.beta p	{font-size:120%; font-weight:bold; color:#505050}

	/* FOOTER 
	////////////////////////////////////////////////////////////////////// */
		.footer {
			background: url("../images/main/footer_home.gif") no-repeat;
			margin: 10px auto 0  auto; width:760px;
			padding:30px 20px 20px 20px ;
			}
		.footer p{
			font-family: georgia, serif; color: #fff; font-weight: bold;
			text-align: right; }
		.footer-terms { font-size:120%}
		.footer a{ color:#aaaaaa }

		.playdead {padding:8px 20px; background:#fff}
		.playdead h1 {color:#333}
		.playdead fieldset {padding:10px 38px; border-top: solid 2px #505050; border-bottom: solid 2px #505050;
					margin-bottom:10px;
					background: url("..//images/aesthetica32/info.png") no-repeat 0px 5px;
					font-size: 18px; color:#505050; font-weight:bold}
		.playdead p { font-size: 16px; margin-bottom:10px; font-family:arial}


		.plan-pricing		{width:440px;color:#404040;font-size:140%}		
		.plan-pricing td span {font-size:80%;text-transform:uppercase}
		.plan-pricing td.p0f span {font-size:100%;font-weight:bold;text-transform:uppercase}
		.plan-pricing th	{vertical-align:bottom; }		
		.p-header { border-bottom:1px solid #fff}
		.p-footer { border-top:1px solid #fff}
		.p0,.p1,.p2 { border-left:1px solid #fff; text-align:center; }

		.p1,.p2 	{ background:url('/images/plan_bg1.gif')  center bottom; border-top:01px solid #fff; margin:1px }
		.p0			{ background:url('/images/plan_bg0g.gif')  center bottom; border-top:01px solid #fff; margin:1px }
		.pp         { background:url('/images/plan_bgp.gif') no-repeat center bottom; border-top:01px solid #fff; text-transform:uppercase; font-size:80%; font-weight:bold; }
		.pl         { background:url('/images/plan_bgp.gif') no-repeat right bottom; border-left:1px solid #fff;border-top:01px solid #fff; text-align:right; text-transform:uppercase; font-size:80%; font-weight:bold; }

		.p0d	{font-size: 80%;}
		.p1d	{font-weight:bold}
		.p2d	{font-size: 150%;font-weight:bold}

		.p1p	{font-size:90%}
		.p2p	{font-size:80%}

		.p0s	{font-size:120%;font-weight:bold}

		.plan-pricing td	{padding: 5px }		
		.plan-pricing th	{padding: 5px; border-top:none }		
		

		
	/* This mess is all about fancy buttons 
	////////////////////////////////////////////////////////////////////// */
		input.text,textarea.text { border:1px solid #aaaaaa; background:#ffffff; padding:4px 3px 3px 3px; }
		input.text:focus,textarea.text:focus  { border:1px solid #cccccc; background:#fff; }

		textarea.text { width:442px; height:200px;font-family: Georgia; font-size:160%; color:#505050 }

		a.button, button { border:1px solid #aaaaaa; background-color:#dddddd; text-decoration:none; padding:2px 10px 2px 7px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#505050; cursor:pointer; }
		a.button { padding:3px 10px 3px 7px; }
		button:hover, a.button:hover { background-color:#cfe4ef; border:1px solid #a2c1cf; color:#70889f; }
		button img, a.button img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; float:none; }