/* 
Linkpatch Main Styles
Author: Brightwurks, LLC
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	background:#2D6AAD url(../images/bg.png) repeat-x top left;
}

#wrap {
	margin:0 auto;
	width:750px;
	color:#E6F0FB;
}

.sprite {
	background:url(../images/lpsprite.png) no-repeat;
}

/* header */
body#home #header {
	padding-top:50px;
}

#header {
	position:relative;
	padding-top:40px;
}

#header h1 {
	display:none;
}

#header #logoHome {
	width:463px;
	height:152px;
	margin:0 auto;
	text-indent:-9000px;
	background-position:0 0;
}

#header #logo {
	width:289px;
	height:70px;
	margin:0 auto;
	text-indent:-9000px;
}

#header #logo a {
	float:left;
	position:relative;
	width:289px;
	height:70px;
	background-position:0 -432px;
}

#header a.login {
	position:absolute;
	right:0;
	top:7px;
	display:block;
	width:111px;
	height:19px;
	padding-top:5px;
	font-size:.9em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background-position:-160px -270px;
}

#header a.login:hover {
	text-decoration:underline;
}

#header ul {
	margin:15px auto 20px auto;
	width:417px;
	height:39px;
	background-position:0 -152px;
}

#header li {
	float:left;
	display:block;
	margin:0;
	text-indent:-9000px;
}

#header li a {
	display:block;
	overflow:hidden;
	height:39px;
	background:url(../images/lpsprite.png) no-repeat;
}

#header li#navHome a, body#home #header li#navHome a {
	width:89px;
	background-position:0 -152px;
}

#header li#navHome a:hover {
	background-position:0 -191px;
}

body#home #header li#navHome a, body#home #header li#navHome a:hover {
	background-position:0 -230px;
}

#header li#navTour a, body#tour #header li#navTour a {
	width:77px;
	background-position:-89px -152px;
}

#header li#navTour a:hover {
	background-position:-89px -191px;
}

body#tour #header li#navTour a, body#tour #header li#navTour a:hover {
	background-position:-89px -230px;
}

#header li#navPricing a, body#pricing #header li#navPricing a {
	width:170px;
	background-position:-166px -152px;
}

#header li#navPricing a:hover {
	background-position:-166px -191px;
}

body#pricing #header li#navPricing a, body#pricing #header li#navPricing a:hover {
	background-position:-166px -230px;
}

#header li#navHelp a, body#help #header li#navHelp a {
	width:81px;
	background-position:-336px -152px;
}

#header li#navHelp a:hover {
	background-position:-336px -191px;
}

body#help #header li#navHelp a, body#help #header li#navHelp a:hover {
	background-position:-336px -230px;
}

/* content */
#content {
	text-align:center;
}

#content h1 {
	color:#E6F0FB;
	font-size:2.1em;
	margin-bottom:.8em;
}

#content h1.headline {
	text-align:center;
	font-weight:bold;
	font-size:1.9em;
	margin:1.4em 0 1em 0;
}

#content h2 {
	font-size:1.8em;
	color:#E8BF8D;
}

#content h3 {
	line-height:1.2em;
}

#content h3.broken {
	font-size:1.7em;
	line-height:1.4em;
	color:#E8BF8D;
}

#content h3 span {
	display:block;
	color:#fff;
}

#content h4 {
	font-size:1.3em;
	color:#E8BF8D;
}

#content p.lg {
	font-size:1.4em;
}

#content #left, #content #right {
	text-align:left;
}

#content #twoColWrap {
	margin:3em 0 2em 0;
	background:url(../images/2col_separator.png) repeat-y 450px 0;
}

#content #left {
	float:left;
	position:relative;
	width:450px;
}

#content #right {
	float:right;
	width:260px;
}

#content #oneCol {
	text-align:left;
	padding:0 80px;
}

a.signupLink img {
	margin:0 0 10px 46px;
}

#right .faq h3 {
	float:none;
	text-align:left;
	width:auto;
	color:#fff;
	padding-right:0;
	font-size:1.2em;
	margin-bottom:.4em;
	line-height:1.2em;
}

#right .faq p {
	float:none;
	font-size:.95em;
	color:#C1DDFC;
	margin:0 0 2em 0;
	line-height:1.2em;
}

#right .faq p.ccLogos {
	width:178px;
	height:37px;
	margin-bottom:1.5em;
	text-indent:-9000px;
	background-position:-291px -312px;
}

#right .faq p.ssl {
	width:115px;
	height:55px;
	margin-bottom:1.5em;
	text-indent:-9000px;
	background-position:-168px -355px;
}

/* home content area */
#content h2.home, #twitterPromo h2 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:1.5em 0 2em 0;
	text-align:center;
	line-height:1.5em;
	color:#B4D5FA;
	font-size:1.6em;
}

#content h2.home span, #twitterPromo h2 span {
	display:block;
	font-weight:bold;
	color:#fff;
	font-size:1.3em;
}

.colOne {
	float:left;
	width:247px;
	background-position:-746px 0;
}

.colOne a.sprite, .colTwo a.sprite, .colTwo a.homeBtn {
	display:block;
	text-indent:-9000px;
	margin:0 auto;
}

.colOne a.sprite {
	width:159px;
	height:41px;
	background-position:0 -270px;
}

#content .colOne h4 {
	padding:.5em 2em;
	font-size:1.6em;
	color:#F0CA9D;
	font-weight:normal;
}

.colTwo {
	float:left;
	width:232px;
	padding-left:10px;
	background-position:-746px 0;
}

.colTwo a.sprite {
	width:167px;
	height:119px;
	background-position:0 -312px;
}

.colThree {
	float:left;
	width:251px;
	padding-left:10px;
	background-position:-746px 0;
}

#content .colThree h4 {
	text-align:left;
	color:#F0CA9D;
	font-size:1em;
	font-weight:normal;
	margin:0 0 0 3em;
}

.colThree #flashMessage {
	text-align:left;
	margin:.4em 0 .2em 2.7em;
	padding:2px 0 2px 25px;
	font-weight:bold;
	background:url(../images/x.gif) no-repeat top left;
}

.colThree form ul {
	line-height:1em;
}

.colThree form li {
	text-align:left;
}

.colThree form label {
	display:none;
}

.colThree form input {
	width:180px;
	border:3px solid #CECECE;
	padding:5px;
	color:#2E2E2E;
	margin:0;
	font-size:1.1em;
}

form input#login {
	float:left;
	display:inline;
	text-indent:-9000px;
	width:73px;
	height:38px;
	padding:0;
	border:0;
	margin-right:.5em;
	background-position:-272px -270px;
}

form input#login:hover {
	cursor:pointer;
}

.colThree form ul a {
	position:relative;
	top:1em;
	left:.5em;
	color:#fff;
	font-size:.9em;
	line-height:1.2em;
	text-decoration:none;
}

.webkit .colThree form ul a {
	left:1em;
}

.colThree form ul a:hover {
	text-decoration:underline;
}

body#home #twitterPromo {
	text-align:center;
	background:none;
}

body#home #twitterPromo h2 {
	margin:0;
	font-weight:bold;
	font-size:1.4em;
}

body#home #twitterPromo h2 a {
	display:block;
	color:#B4D5FA;
	text-decoration:none;
	padding-top:102px;
	background:url(../images/twitPromo.png) no-repeat top center;
}

/* tour */
div.gryBox {
	width:644px;
	color:#E9E9E9;
	margin:0 auto 3em auto;
	background:url(../images/grybox_top.png) no-repeat top left;
}

div.gryBox .btm {
	padding:1.5em;
	background:url(../images/grybox_btm.png) no-repeat bottom left;
}

div.gryBox h2 {
	color:#FBE4B0;
	font-weight:bold;
	font-size:2em;
}

div.gryBox ul {
	list-style:none;
	text-align:left;
	margin:0;
}

div.gryBox li {
	font-size:1.2em;
	margin:0;
	padding:.6em 0 .6em 30px;
	text-indent:-25px;
}

div.gryBox li strong {
	font-size:1.5em;
	padding-right:3px;
	font-weight:bold;
}

img.bdr {
	display:block;
	border:5px solid #fff;
}

div.tourHeading {
	padding:1em;
	background:url(../images/tour_heading_bg.png) no-repeat bottom left;
}

#content div.tourHeading h2 {
	float:left;
	display:block;
	margin-bottom:.5em;
	font-size:1.4em;
	letter-spacing:.5px;
	color:#2a2a2a;
	text-transform:uppercase;
	padding-bottom:.2em;
	border-bottom:1px dotted;
	font-weight:bold;
	text-align:left;
}

div.tourHeading p, div.tourHeading ul {
	clear:left;
	margin:0;
	color:#0B3565;
	font-size:1.1em;
	text-align:left;
}

div.tourHeading ul {
	margin-left:1.5em;
}

div.tourHeading li {
	margin:.2em 0;
}

.shadow {
	width:750px;
	height:42px;
	margin-bottom:3em;
	background-position:0 -503px;
}

a.signup.sprite {
	display:block;
	margin:0 auto;
	width:122px;
	height:41px;
	text-indent:-9000px;
	background-position:-168px -312px;
}

/* new tour */
#tourCopy h1 {
	font-size:2.2em;
	font-weight:bold;
}

#tourCopy h2 {
	font-family:Georgia, Times, "Times New Roman", serif;
	color:#fff;
	font-size:1.9em;
	margin-bottom:1.3em;
	line-height:1.2em;
}

#featureBox {
	width:759px;
	margin-bottom:2em;
	background:url(../images/tour_sprite.png) no-repeat top left;
}

#featureBox div {
	float:left;
	height:217px;
	text-align:left;
}

#featureBox div h3 {
	height:57px;
	margin:0;
	padding:0;
	text-indent:-9000px;
}

#featureBox div.lc {
	width:329px;
	padding:12px 28px 0 23px;
}

#featureBox div.lp {
	width:332px;
	padding:12px 20px 0 27px;
}

#featureBox h4 {
	color:#000;
	margin-bottom:.7em;
}

#featureBox p {
	font-size:1.1em;
	color:#000;
	margin-bottom:.3em;	
}

#featureBox p.parenthesis {
	font-family:Georgia, Times, "Times New Roman", serif;
	font-size:1em;
	font-style:italic;
}

#featureBox ul {
	margin-bottom:.7em;
}

#featureBox li {
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	margin:.2em 0;
}

#hiw h3, h3.hl {
	font-size:2.2em;
	font-weight:bold;
	margin-bottom:.5em;
}

#hiw div {
	float:left;
	text-align:left;
	margin-bottom:2em;
	background:url(../images/tour_sprite.png) no-repeat;
}

#hiw div.numbers {
	float:none;
	width:759px;
	height:52px;
	margin-bottom:.5em;
	background-position:0 -230px;
}

#hiw div p {
	font-size:1.2em;
}

#hiw div span {
	display:none;
}

#hiw .one {
	width:205px;
	padding-right:75px;
	background:url(../images/arrow_blue.png) no-repeat 224px 25px;
}

#hiw .two {
	width:215px;
	padding:0 60px 0 10px;
	background:url(../images/arrow_blue.png) no-repeat 230px 25px;
}

#hiw .three {
	width:165px;
	padding:0 0 0 20px;
	background:none;
}

#fbBox {
	width:700px;
	margin:0 auto;
	padding:1em 24px;
	background:url(../images/fbbox_top.png) no-repeat top left;
}

#fbBox .item {
	text-align:left;
	padding:2em 0;
	background:url(../images/fbbox_sep.png) no-repeat bottom center;
}

#fbBox .item.last {
	background:none;
}

#fbBox h3 {
	float:left;
	width:160px;
	padding:0 20px 3em 100px;
	margin:0;
	color:#E7A65C;
	text-transform:uppercase;
	font-size:1.2em;
	line-height:1.4em;
	background:url(../images/tour_sprite.png) no-repeat;
}

#fbBox h3.timer {
	padding:1.5em 20px 1.5em 100px;
	background-position:-680px -326px;
}

#fbBox h3.db {
	padding:1em 20px 2em 100px;
	background-position:-680px -445px;
}

#fbBox h3.postIt {
	padding:1em 20px 2em 100px;
	background-position:-680px -547px;
}

#fbBox h3.emails {
	padding:2em 20px 2em 100px;
	background-position:-656px -771px;
}

#fbBox h3.folder {
	padding:2em 20px 2em 100px;
	background-position:-668px -661px;
}

#fbBox p {
	font-size:1.2em;
	padding-right:1em;
	margin:0 0 0 280px;
}

.fbBoxBtm {
	width:748px;
	height:12px;
	margin:0 0 .5em 1px;
	background:url(../images/fbbox_btm.png) no-repeat top left;
}

p.thumbs {
	position:relative;
	bottom:.8em;
	font-family:Georgia, Times, "Times New Roman", serif;
	font-size:1.2em;
	font-style:italic;
	margin-bottom:0;
}

ul#screenshots {
	list-style:none;
	margin:0 0 .5em 0;
}

ul#screenshots li {
	float:left;
	margin:.5em 0;	
}

ul#screenshots li a {
	display:block;
	border:3px solid #fff;
	width:358px;
	height:253px;
	text-indent:-9000px;
	background:url(../images/screenshots.png) no-repeat;
}

ul#screenshots li a.db {
	margin-right:1em;
	background-position:0 0;
}

ul#screenshots li a.db:hover {
	background-position:-359px 0;
}

ul#screenshots li a.edit {
	background-position:-718px 0;
}

ul#screenshots li a.edit:hover {
	background-position:-1077px 0;
}

ul#screenshots li a.errors {
	margin-right:1em;
	background-position:-1436px 0;
}

ul#screenshots li a.errors:hover {
	background-position:-1795px 0;
}

ul#screenshots li a.email {
	background-position:-2154px 0;
}

ul#screenshots li a.email:hover {
	background-position:-2513px 0;
}

.plansPricing h3 {
	font-family:Georgia, Times, "Times New Roman", serif;
	font-size:2.2em;
	font-weight:normal;
	margin-bottom:.5em;
}

/* pricing */
#twitterPromo {
	text-align:center;
	padding:0 0 10px 0;
	background:url(../images/twitPromo2.png) no-repeat top left;
}

#twitterPromo h2 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:1.5em;
	padding-top:8px;
	margin-bottom:0;
	font-size:1.5em;
	font-weight:bold;
}

#twitterPromo h2 span {
	color:#fff;
	display:inline;
	font-size:1em;
}

#twitterPromo h2 a {
	color:#B4D5FA;
	text-decoration:none;
}

#freeTrial {
	text-align:center;
	padding:.5em 0 0 0;
}

#freeTrial h1 {
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.5em;
	color:#fdfeff;
	margin-bottom:.5em;
}

#freeTrial h2 {
	color:#fdfeff;
	font-size:1.5em;
}

#pricingSignup {
	width:750px;
	height:245px;
	margin-bottom:1.5em;
	background:url(../images/pricing.png) no-repeat top left;
}

#pricingSignup.amount {
	background:url(../images/pricing2.png) no-repeat top left;
}

#pricingSignup .plan {
	float:left;
	width:187.5px;
	height:245px;
}

#pricingSignup .plan h2, #pricingSignup .plan p {
	display:none;
}

#pricingSignup .plan a {
	display:block;
	width:187.5px;
	height:245px;
	text-indent:-9000px;
}

.freebie {
	width:38em;
	margin:0 auto 2.5em auto;
	padding:.8em 1.5em;
	background:#467db6;
	border:1px solid #729bc7;
}

.freebie p {
	margin:0;
	font-size:1.2em;
}

.freebie p a {
	font-weight:bold;
}

#pricingWrap .features {
	float:left;
	width:415px;
	text-align:left;
}

#pricingWrap .features h3 {
	font-weight:normal;
	color:#E8BF8D;
	font-size:1.7em;
	font-weight:normal;
}

#pricingWrap .features ul {
	list-style:none;
	margin:0;
}

#pricingWrap .features li {
	font-size:1.25em;
	margin:0 0 1em 0;
	padding:2px 0 5px 35px;	
	background:url(../images/lpsprite.png) no-repeat -727px -180px;
}

#pricingWrap .faq {
	float:right;
	width:292px;
	text-align:left;
}

#pricingWrap .faq h3 {
	font-size:1.2em;
	line-height:1.2em;
	color:#fff;
	margin-bottom:.4em;
}

#pricingWrap .faq p {
	font-size:.95em;
	line-height:1.3em;
	color:#D0DDEE;
}

/* login form */
form#loginForm fieldset {
	width:350px;
	margin:0 auto;
}

form#loginForm fieldset ul {
	margin:0 0 1em 0;
}

form#loginForm label {
	width:90px;
	padding-top:.4em;
	text-align:left;
	color:#fff;
}

form#loginForm.expired label {
	width:130px;
}

form#signupForm input, form#loginForm input {
	width:200px;
	font-size:1em;
	margin:0;
	padding:2px;
	border:3px solid #CECECE;
}

p.pw {
	margin-bottom:.5em;
}

p.pw a {
	color:#fff;
}

form#loginForm input#login {
	float:none;
	margin:0 auto;
	width:73px;
	border:0;
}

form#loginForm.expired input#login {
	position:relative;
	right:65px;
}

form#loginForm input#sendBtn {
	width:77px;
	height:38px;
	margin:0 1em 0 10px;
	border:0;
	padding:0;
	text-indent:-9000px;
	background-position:-556px -273px;
}

#errorContainer {
	padding:1em;
	margin:0 2em 1.5em 0;
	text-align:left;
	background: #FBE3E4; 
	color: #D12F19; 
	border:3px solid #FBC2C4;
}

form#signupForm #errorContainer ul {
	margin:0 0 0 2em;
}

form#signupForm #errorContainer li {
	color: #D12F19; 
	padding:5px 0 3px 0;
	background-position:-727px -280px;
}

/* sign up */
body#signup #twoColWrap {
	margin-bottom:0;
}

#errorBox {
	color:#202020;
	margin:0 2em 1.5em 0;
	padding:1em;
	background:#F9DFE3;
	border:3px solid #C30015;
}

#errorBox h3 {
	font-size:1.2em;
}

#errorBox ul {
	margin-bottom:1em;
}

#errorBox p {
	margin-bottom:0;
}

fieldset.form input.error {
	border:3px solid #C30016;
}

form#signupForm h2.space {
	margin-top:2em;
}

form#signupForm ul {
	clear:left;
	margin:1em 0 1.5em .5em;
}

form#signupForm ul.type {
	margin-bottom:3em;
}

form#signupForm ul.type li.yearly label {
	padding:.4em 1em 0 2em;
	background:url(../images/save25.gif) no-repeat top right;
}

form#signupForm ul.type input {
	float:left;
	position:relative;
	top:.5em;
	width:auto;
	border:0;
}

form#signupForm ul span.text {
	display:block;
	margin-left:25px;
	font-weight:normal;
	font-size:1.1em;
}

form#signupForm ul span.emailUsed {
	margin-right:4em;
	padding:2px 0 2px 22px;
	color:#E8BF8D;
	font-weight:bold;
	background:url(../images/x.gif) no-repeat 0 3px;
}

form#signupForm ul span.text strong {
	font-size:1.7em;
	line-height:1.2em;
}

form#signupForm li, form#loginForm li {
	margin:.5em 0;
	padding:0;
	background:none;
	color:#fff;
}

form#signupForm label {
	width:130px;
	padding-top:.4em;
	text-align:left;
	color:#fff;
}

form#signupForm input {
	width:260px;
	font-size:1em;
	margin:0;
	border:3px solid #CECECE;
}

form#signupForm li span, form#loginForm li span {
	display:block;
	font-size:.95em;
	margin-left:132px;
}

form#signupForm input#cardNumber, form#signupForm input#promo {
	width:200px;
}

form#signupForm input#expMonth, form#signupForm input#expYear, form#signupForm input#securityCode {
	width:40px;
}

form#signupForm input#zip {
	width:90px;
}

form#signupForm li a {
	color:#fff;
	font-size:.9em;
	padding-left:1em;
}

form#signupForm p.charge {
	color:#fff;
	font-size:.95em;
	padding:0 5em 0 .5em;
}

form#signupForm p.charge span {
	color:#F2BF7C;
	font-weight:bold;
}

form#signupForm p.terms {
	margin-bottom:0;
}

form#signupForm p.terms label {
	width:auto;
	font-weight:normal;
}

form#signupForm p.terms input {
	position:relative;
	top:.3em;
	width:auto;
	border:0;
}

.webkit form#signupForm p.terms input {
	top:0;
}

form#signupForm p.terms label span {
	padding-left:.5em;
}

form#signupForm p.terms label a {
	color:#fff;
}

form#signupForm input#createAccount {
	text-indent:-9000px;
	width:209px;
	height:41px;
	border:0;
	margin:2em 0 0 0;
	background-position:-346px -270px;
}

form#signupForm input#createAccount:hover, form#loginForm input#sendBtn:hover {
	cursor:pointer;
}

/* help */
.helpSprite {
	background:url(../images/help.png) no-repeat;
}

a.blog, a.twitter, a.gs {
	display:block;
	float:left;
	width:235px;
	text-indent:-9000px;
}

a.blog {
	height:79px;
	background-position:0 0;
}

a.twitter {
	position:relative;
	left:2em;
	bottom:4px;
	height:85px;
	background-position:0 -79px;
}

a.gs {
	height:78px;
	background-position:0 -164px;
}

/* free account page */
#tweetThis {
	padding:1em;
	background:#5C8BBF;
	border:1px solid #89ABD0;
	margin-bottom:2em;
}

#tweetThis h3 {
	color:#E8BF8D;
}

#tweetThis blockquote {
	margin:0;
	padding:5px 0 0 32px;
	background:url(../images/quote_lt.png) no-repeat top left;
}

#tweetThis blockquote p {
	padding:0 0 0 0;
	margin-right:15px;
	background:url(../images/quote_rt.png) no-repeat bottom right;
}

#tweetThis fieldset {
	margin-bottom:0;
}

#tweetThis ul {
	list-style:none;
	margin:0;
}

#tweetThis li {
	float:left;
	padding-right:1em;
}

#tweetThis li label {
	width:auto;
	padding-right:.5em;
}

#tweetThis li input {
	width:130px;
}

#tweetThis li input#twLogin {
	position:relative;
	top:2px;
	width:auto;
}

p.disc {
	font-size:.9em;
}

/* error pages */
h1.irony {
	margin:0 auto;
	width:664px;
	height:101px;
	text-indent:-9000px;
	background:url(../images/ironic.png) no-repeat top left;
}

p.bigBlue {
	font-size:2.2em;
	padding:0 30px;
	color:#B1CEEC;
}

/* footer */
#footer {
	margin-top:2em;
	padding:1.5em 0;
	border-top:1px solid #557DB4;
}

#footer ul {
	margin:0 0 0 200px;
}

#footer li {
	padding:0 1em;
}

#footer a, #footer p {
	text-decoration:none;
	color:#96B1D3;
	font-size:.95em;
}

#footer a:hover {
	text-decoration:underline;
}

#footer p {
	margin-top:.5em;
}