/*----------------------------- /
/  Zombie 0.2.0 – It's Alive!  	/
/  Gatorworks Web Design     	/
/  David Link & Chase Swindler  /
/  www.gatorworks.net        	/
/ -----------------------------*/

/* Browser Reset via Blueprint ------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit;
	font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Universal Styles ------------------------------------------ */

	a { text-decoration: none; color: #6d98ba; border-bottom: 1px dotted #6d98ba; }
	a:hover { border-bottom: 1px solid #6d98ba; }
	h1 { font-size: 24px; }
	h2 { font-size: 18px; }
	.clear { clear: both; }
	.red { color: red; }
	.green { color: green; }
	.small { font-size: 12px; line-height: 1!important; color: #999; }
	.loader { padding-left: 18px; background: url('/images/loader.gif') no-repeat; }
	.center { text-align: center; }

/* Layout ---------------------------------------------------- */

	body {
		text-align: center;
		margin: 0 auto;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		background: url('/images/bg.png') no-repeat top center;
	}
	#container {
		width: 100%;
		margin: 0px auto;
		min-height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#content {
		width: 800px;
		margin: 0 auto;
		text-align: left;
		padding-bottom: 50px; /* Must match #footer height */
	}
	
/* Header ---------------------------------------------------- */	
	
	#header {
		clear: both;
	}
		h1#logo {
			border: none;
			background: url('/images/logo.jpg') no-repeat;
			float: left;
		}
		h1#logo a {
			text-indent: -9999px;
			display: block;
			width: 349px;
			height: 101px;
			border: none;
		}
		#user-bar {
			float: left;
			padding: 10px;
			margin-left: 42px;
			margin-top: 20px;
		}
		#gravatar {
			position: relative;
			top: 5px;
			left: 2px;
			padding-right: 5px;
		}
	div.feed {
		text-align: right;
		padding: 5px;
		width: 100px;		
	}
		a.feed {
			margin-left: 3px;
			padding: 0 0 0 19px;
			background: url('/images/feed.png') no-repeat 0 50%;
		}
		a.ical {
			margin-left: 3px;
			padding: 0 0 0 19px;
			background: url('/images/calendar.png') no-repeat 0 50%;
		}
		
/* Main ------------------------------------------------------ */		
				
	#main {
		clear: both;
		padding-top: 15px;
		padding-left: 10px;
	}
	a#delete {
		color: red;
		border-bottom: 1px dotted red;
	}
	a#delete:hover {
		border-bottom: 1px solid red;
	}
	form p {
		padding-bottom: 15px;
	}
	
	/* Rails Styles ------------------------------------------ */
	
		p#notice, p#warning, p#error {
			overflow: hidden;
			z-index: 9;
			width: 100%;
			text-align: center;
			position: absolute;
			top: 0;
			left: 0;
			height: 0;
			padding: 15px 0;
			font-size: 20px; 
			opacity: 0.95;
			-moz-opacity: 0.95;
			filter:alpha(opacity=95);
		}
		p#notice {
			background: #C9FFCA;
			color: #008000;
			font-weight: bold;
		}
		p#warning {
			background: #FFFFCC;
			color: #222222;
			font-weight: bold;
		}
		div#shared-notice {
			background: #C9FFCA;
			color: #008000;
			padding: 10px 5px;
		}
		p#error {
			background: #F7CBCA;
			color: #CC0000;
			font-weight: bold;
		}
		div#errorExplanation {
			border: solid 1px #CC0000; 
			background: #F7CBCA;
			color: #CC0000;
			margin-bottom: 10px;
		}
		div#errorExplanation ul {
			list-style-type: none;
		}
		span.fieldWithErrors input, form input.error {
			border: solid 2px #CC0000; 
		}
		form label.error {
			font-style: italic;
			color: #CC0000;
			font-size: 12px;
		}
		
		/* Schedule ------------------------------------------ */
		
		#week1, #week2 {
			float: left;
			width: 350px;
		}
		body#show table {
			margin-top: 35px;
		}
		td.day, div.day {
			clear: both;
			height: 75px;
			width: 400px;
			padding: 5px;
			vertical-align: top;
		}
		body#edit div.day, body#new div.day {
			width: auto;
		}
		h2.day {
			float: left;
			clear: both;
			font-size: 18px;
			width: 25px;
		}
			h2.day span {
				font-family: Baskerville, "Times New Roman", Times, serif;
				font-size: 14px;
				color: #717171;
				display: block;
			}
		.day p {
			padding-left: 50px;
			white-space: pre-wrap;
		}
 		tr.row-odd td.col-b, tr.row-even td.col-a, .alt {
			background: #eee;
		}
		.active {
			background: #F9FFE3!important;
		}
		.past {
			opacity: 0.60;
			-moz-opacity: 0.60;
			filter:alpha(opacity=60);
		}
		span.default_editor {
			white-space: normal;
		}
		span.edit-empty {
			color: #C2C2C2;
			font-size: 10px;
			text-transform: uppercase;
		}
		span.in_place_editor_field {
			display: block;			
			width: 315px;
			min-height: 75px;
			max-height: 100%;
			padding: 5px;
			cursor: pointer;
		}
		.someday span.in_place_editor_field {
			width: 775px;
			min-height: 125px;
		}
		h2.someday {
			font-size: 24px;
		}
			h2.someday span {
				font-family: Baskerville, "Times New Roman", Times, serif;
				font-style: italic;
			}
		tr.someday td {
			clear: both;
			height: 125px;
			width: 800px;
			padding: 5px;
			vertical-align: top;
			border-top: 1px solid #000;
		}
			tr.someday td p {
				white-space: pre;
			}
			
		/* CC Info ------------------------------------------- */
		
		div#cc_overlay {
			display: none;
			background: rgba(0, 0, 0, 0.7);
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 1000;
		}
		div#cc_intro p#cc_blurb {
			display: none;
			position: fixed;
			width: 780px;
			text-align: center;
			margin: 0 auto;
			padding: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			background: rgba(255, 255, 255, 0.5);
		}
		div#cc_intro .cc_controls {
			display: block;
			width: 500px;
			text-align: center;
			margin: 0 auto;
			padding: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			background: rgba(255, 255, 255, 0.2);
		}
		div#cc_intro a {
			color: #fff;
			border-bottom-color: #fff;
			font-weight: bold;
		}
		#prem_signup {
			display: none;
		}
		#cc_img {
			float: left;
			margin-right: 10px
		}
		#history_status {
			padding: 20px 0;
		}
		
		/* Demo ---------------------------------------------- */
				
		div#demo_overlay {
			display: none;
			background: rgba(0, 0, 0, 0.7);
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 1000;
		}
		div#demo_intro p#intro_blurb {
			display: none;
			position: fixed;
			width: 780px;
			text-align: center;
			margin: 0 auto;
			padding: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			background: rgba(255, 255, 255, 0.5);	
		}
		div#demo_intro .intro_controls {
			display: block;
			width: 500px;
			text-align: center;
			margin: 0 auto;
			padding: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			background: rgba(255, 255, 255, 0.2);
		}
		div#demo_intro a {
			color: #fff;
			border-bottom-color: #fff;
			font-weight: bold;
		}
		div#intro_tips {
			display: none;
			position: fixed;
			top: 20px;
			left: 205px;
			width: 780px;
			text-align: center;
			margin: 0 auto;
			padding: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			background: rgba(255, 255, 255, 0.75);				
		}
		div#intro_tips img {
			float: left;
			padding-left: 10px;
		}
		div#intro_tips .tip p {
			float: left;
			text-align: left;
			width: 370px;
		}
		div#intro_tips .tip {
			position: relative;
			width: 780px;
			text-align: center;
			margin: 10px auto;
			padding: 10px;
		}
		
		/* Account Info --------------------------------------- */
		
		div.account_box {
			display: block;
			float: right;
			width: 350px;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			background: rgba(200, 200, 200, 0.75);
			text-align: center;
			color: #fff;
			text-shadow: 1px 1px 4px #000;			
		}
		div.account_box table {
			width: 230px;
			margin: 15px 0px 15px 95px;
		}
		div.account_box a.upgrade_button {
			background: url('/images/upgrade_button.png');
			width: 297px;
			height: 70px;
			text-indent: -9999px;
			display: block;
			border: none;
			margin: 15px auto;
			position: relative;
			top: 0px;
			left: 20px;
		}
		div.account_box a.upgrade_button:active {
			position: relative;
			top: 2px;
		}
		h3#upgrade_today {
			background: url('/images/upgrade_title.png');
			text-indent: -9999px;
			display: block;
			width: 353px;
			height: 64px;
			position: relative;
			top: 25px;
			right: -21px;
			margin-bottom: 25px;
		}
		h3#premium_title {
			background: url('/images/premium_title.png');
			text-indent: -9999px;
			display: block;
			width: 353px;
			height: 64px;
			position: relative;
			top: 25px;
			right: -21px;
			margin-bottom: 25px;
		}		
		div.account_box h4 {
			font-size: 16px;
			text-align: center;
			padding-left: 40px;
		}
		div.account_box h4#account_status {
			padding-left: 0px;
		}
		div.account_box a {
			text-shadow: none;
		}
		
		/* Signup Page --------------------------------------- */
		
		div.signup_sidebar {
			display: block;
			float: right;
			width: 350px;
			margin-top: 30px;
			padding: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			background: rgba(200, 200, 200, 0.75);
			text-align: center;
			color: #fff;
			text-shadow: 1px 1px 4px #000;			
		}
		div.signup_sidebar table {
			width: 230px;
			margin: 15px 0px 15px 95px;
		}
		div.signup_sidebar a.prem_button {
			width: 297px;
			height: 70px;
			text-indent: -9999px;
			display: block;
			border: none;
			margin: 15px auto;
		}
		div.signup_sidebar a.upgrade_button:active {
			position: relative;
			top: 2px;
		}
		h3#signup_prem_title {
			background: url('/images/signup_prem_title.png');
			text-indent: -9999px;
			display: block;
			width: 353px;
			height: 64px;
			position: relative;
			top: 25px;
			right: -21px;
			margin-bottom: 25px;
		}
		h3#prem_signup_title {
			background: url('/images/prem_signup_title.png');
			text-indent: -9999px;
			display: block;
			width: 353px;
			height: 64px;
			position: relative;
			top: 25px;
			right: -21px;
			margin-bottom: 25px;
		}		
		div.signup_sidebar h4 {
			font-size: 16px;
			text-align: center;
			padding-left: 40px;
		}
		div.signup_sidebar a {
			text-shadow: none;
		}		
		#new_user h2 {
			font-family: Baskerville, "Times New Roman", Times, serif;
			font-size: 22px;
			margin-bottom: 10px;
			border-bottom: 1px solid #C2C2C2;
		}
		h2.secure {
			background: url('/images/lock.png') left center no-repeat;
			padding-left: 20px;
		}
		
		/* Signup Landing ------------------------------------ */					
		
		div#landing {
			font: 18px "Helvetica Neue", Arial, Helvetica, sans-serif;
			font-weight: 100;
		}
			div#landing div#top {
				background: #eee;
				padding: 30px 0;
			}
				div#landing div#top_content {
					width: 600px;					
					background: #fff;
					border: 1px solid #000;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border-radius: 10px;
					margin: 0 auto;
				}
					div#landing div#free {
						float: left;
						width: 30%;
					}
					div#landing div#premium {
						float: left;
						width: 70%;
					}
					div#landing div#premium p {
						padding: 15px 18px 15px 0;
						text-align: right;
					}
					div#landing div#free p {
						padding: 15px 0 15px 18px;
						text-align: left;
					}
					div#landing div#free h2 {
						background: url('/images/free_title.png') no-repeat;
						width: 231px;
						height: 64px;
						text-indent: -9999px;
						position: relative;
						top: 15px;
						left: -14px;
					}
					div#landing div#premium h2 {
						background: url('/images/prem_title.png') no-repeat;
						width: 353px;
						height: 64px;
						text-indent: -9999px;
						position: relative;
						top: 15px;
						right: -82px;
					}		
			div#landing div#bottom {
				padding: 30px 0;
			}
				div#landing div#bottom_content {
					width: 600px;
					margin: 0 auto;
				}
				div#landing div#bottom_content h2 {
					font-weight: normal;
					text-align: center;
					font-size: 21px;
				}
				div.landing_bucket {
					float: left;
					width: 38%;
					padding: 25px 144px 20px 0;
				}
				div.last {
					padding-right: 0px;
				}
					div.landing_bucket h3 {
						padding: 10px 0 5px 0;
						border-bottom: 1px solid #eee;
						margin-bottom: 10px;
					}
					div.landing_bucket p {
						font-weight: normal;
						font-size: 14px;
					}
					h3#landing_calendar {
						background: url('/images/landing_cal.png') right center no-repeat;
					}
					h3#landing_sharing {
						background: url('/images/landing_sharing.png') right center no-repeat;
					}
					h3#landing_feed {
						background: url('/images/landing_feeds.png') right center no-repeat;
					}
					h3#landing_lock {
						background: url('/images/landing_lock.png') right center no-repeat;
					}															
				img#sticker {
					position: absolute;
					top: 51%;
					left: 50%;
					margin-left: -65px;
				}
				div#call_to_action {
					padding-top: 25px;
				}
					div#call_to_action h3 {
						float: left;
						width: 30%;
						font-size: 20px;
					}
					div#signup_buttons {
						float: left;
						width: 70%;
						position: relative;
						left: 125px;
					}
					a#prem_button, a.prem_button {
						background: url('/images/premium_button.png');
						width: 297px;
						height: 70px;
						text-indent: -9999px;
						display: block;
						border: none;						
					}
					a#prem_button:active, a.prem_button:active {
						position: relative;
						top: 2px;
					}
					div#signup_buttons p {
						padding-left: 20px;
					}
					
		/* Pages --------------------------------------------- */			
		
		body.page p {
			margin-bottom: 15px;
		}
		body.page form p {
			margin: 0;
		}
		body.page h1 {
			font-size: 28px;			
			margin-bottom: 10px;
			border-bottom: 1px solid #C2C2C2;
		}
		body.page h2 {
			font-family: Baskerville, "Times New Roman", Times, serif;
			font-size: 22px;
			margin-bottom: 10px;
		}
		body.page h3 {
			font-size: 20px;
			margin-bottom: 10px;
		}
		body.page h4 {
			font-weight: bold;
			margin-bottom: 10px;
		}
		ul.press {
			list-style: none;
		}
			ul.press li {
				float: left;
				margin: 5px;
				font-size: 12px;
				color: #999;
			}
			ul.press li img {
				border: 1px solid #C2C2C2;
			}
			ul.press li a {
				border: none;
			}
		.answer { 
			display: none; 
			border-left: 5px solid #C2C2C2; 
			padding-left: 10px;
			margin-top: 15px;
			font-size: 12px;
		}
		#faq-page li {
			list-style-image: url('/images/expand.png');
			margin: 5px 0;
		}
			#faq-page li.contract {
				list-style-image: url('/images/contract.png');
			}
		/* #features-page table */
			#features-page th {
				font-family: Baskerville, "Times New Roman", Times, serif;
				font-size: 22px;
				margin-bottom: 10px;				
				border-bottom: 2px solid #000;
				text-align: center;
			}
			#features-page td {
				padding: 10px 25px;
			}
			#features-page td.feature {
				width: 200px;
			}
			#features-page td.free {
				background: #eee;
			}
		#features-page th span {
			display: block;
			font-style: italic;
			font-size: 18px;
		}
		#features-page td span {
			display: block;
			font-family: Baskerville, "Times New Roman", Times, serif;
			font-size: 14px;
			color: #717171;
		}
		#press-page ul {
			padding-bottom: 15px;
			list-style-type: none;			
		}
			#press-page li {
				padding: 3px 0;
				clear: both;
			}
			#press-page li img {
				float: left;
				border: 1px solid #C2C2C2;				
			}
			#press-page li p {
				float: left;
				width: 450px;
				padding-left: 25px;
			}
			#press-page li span {
				display: block;
				font-style: italic;
				font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
			}
		#press_release {
			padding-left: 15px;
			border-left: 2px solid #717171;
		}
			
		/* Home ---------------------------------------------- */
		
		#about {
			float: left;
			width: 350px;
			padding-right: 15px;
		}
			#about h1 {
				font-size: 36px;
				font-weight: bold;
				border-bottom: 1px solid #C2C2C2;
				margin-bottom: 15px;
			}
			#about p {
				margin: 0;
			}
			#about p em {
				font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
				font-style: italic;
			}
		#shot {
			width: 400px;
			float: left;
			padding-top: 25px;
		}
			#shot img {
				width: 400px;
			}
			#shot p {
				background: #F9FFE3;
				padding: 5px;
				border: 1px solid #eee;
				text-align: center;
			}
		#action {
			margin: 10px 0;
			padding: 10px 0;
			border-top: 1px solid #eee;
			border-bottom: 1px solid #eee;
		}
			#action h2 {
				float: right;
				margin-bottom: 0;
				width: 60%;
				font-size: 16.5px;
				padding-top: 5px;
			}
			a#home_signup_button {
				background: url('/images/home_signup_button.png');
				width: 297px;
				height: 70px;
				text-indent: -9999px;
				display: block;
				border: none;
				float: left;
			}
				a#home_signup_button:active {
					position: relative;
					top: 2px;
				}
		div#testimonials {
			clear: both;
		}
			div#testimonials h2 {
				font-size: 24px;
				font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
			}
			div#testimonials ul {
				list-style-type: none;
			}
			div#testimonials li {
				padding: 3px 0;
			}
			div#testimonials span {
				display: block;
				font-style: italic;
				font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
			}
			
	/* Footer ------------------------------------------------ */		
			
	#footer {
		/* Locks footer to the bottom */
			position: absolute;
			left: 0;
			bottom: 0;
		/* -------------------------- */
		width: 100%;
		height: 50px; /* Must match #content padding-bottom */
		text-align: right;
	}
		#footercontent {
			width: 800px;
			margin: 25px auto 0;
			border-top: 1px dotted #000;			
		}
		#footercontent .left, #footercontent .right {
			float: left;
			width: 400px;
		}
		#footercontent .left {
			text-align: left;
		}
		
		/* NA Universal Footer ------------------------------- */
		
		#newaperiofooter {
			background: #000;
			color: #d5d5d5;			
			padding: 10px 0;
		}
			#newaperiofooter a {
				color: #11847d;
				border-color: #11847d;
			}
			#newaperiofooter p {
				margin: 0;
			}
			#newaperiofootercontent {
				width: 800px;
				margin: 0 auto;
			}
			#newaperiofooter img {
				float: left;
				padding-right: 100px;
				border-right: 1px solid #333;
			}
			#newaperiocopy {
				float: left;
				width: 479px;
				padding: 15px 0 15px 70px;
			}