/*
Goldilocks Approach to Responsive Web Design Boilerplate

Author: Design by Front - @designbyfront
Version: 0.1
URL: http://www.goldilocksapproach.com
----------------------------------------------------------------------------------------

CONTENTS - GLOBAL.CSS
-----------------------------------------
1. RESET
2. ROOT
3. CORE TYPOGRAPHY
4. LINKS
5. GLOBAL LAYOUT & GLOBAL CUSTOM TYPOGRAPHY
6. CUSTOM LAYOUT & TYPOGRAPHY (Baby bear)
7. BROWSER AND NON-SEMANTIC STYLING

CONTENTS - LAYOUT.CSS
-----------------------------------------
8. CUSTOM LAYOUT & TYPOGRAPHY (Daddy bear)
9. CUSTOM LAYOUT & TYPOGRAPHY (Mummy bear)

*/


/* 1. RESET
----------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size:100%;
  font: inherit;
  vertical-align: baseline;
  }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  }
  
  
/* 2. ROOT
----------------------------------------------------------------------------------------*/
html { 
  overflow-y: scroll;
  background: #e8ddbf;
  background: #fff;
  }

/* /ht Ethan Marcotte - http://front.ie/l8rJaA */
img, embed, object, video { max-width: 100%; }
.ie6 img.full, .ie6 object.full, .ie6 embed, .ie6 video { width: 100%; }


/* 3. CORE TYPOGRAPHY
----------------------------------------------------------------------------------------*/
body {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1em;
  line-height: 1.618em;
  color: #333;
  }

h1, h2, h3, h4, h5, h6 {
	font-family:"Century Gothic",arial,helvitica,verdana,sans-serif;
	margin-bottom: 0.809em;
	line-height: 1em;
}

p, ul, ol, dl, blockquote {
    font-size: 1em;
    line-height: 1.618em;
    margin-bottom: 1.618em; 
    max-width: 30em; /* Optimal width for long-form text */
  }
    
ul { list-style-type: disc; margin-left: 1.618em; }
ol { list-style-type: decimal; margin-left: 1.618em; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0;}

b, strong { font-weight: bold; }
i, em { font-style: italic; }
small { font-size: 80%; }


/* 4. LINKS
----------------------------------------------------------------------------------------*/
a, a:visited { outline: none; color: #439BBD; text-decoration: underline; }  
a:hover { outline: none; text-decoration:none; }  
a:active, a:focus { outline: none; }


/* 5. GLOBAL LAYOUT & GLOBAL CUSTOM TYPOGRAPHY
----------------------------------------------------------------------------------------*/
body{	

}

#loginbar{
	text-align:right;
}

#branding, .intro{
	font-family:"Century Gothic",arial,helvitica,verdana,sans-serif;
	margin-top:.5em;	

}

.intro{
	 margin:1em 0;
	 /*font-variant:small-caps;*/
}

#lead p{
	font-weight:bold;
	margin-bottom:.5em;
}

#footer {
	clear:both;
	font-size:.8em;
	padding-top:2em;
}
#footer a{
	color:#000;
}

#signlink a{
	background: #524e44;
	padding:10px 1em;
	color:white;
	font-weight:bold;
	border-bottom-right-radius: 10px;
	moz-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	moz-border-bottom-left-radius: 10px;
	text-decoration:none;
}

#signlink a:hover{
	background: #807a6b;
}

#signupbox{
	/*background:#3f3;*/
	border-radius: 10px;
	moz-border-radius: 10px;
	
	
}
#pricingdiv{
	margin-top:1em;
	line-height:1.3em;
	border-width:3px;
	border-style:solid;
	border-color:#439BBD;
	padding-top:.3em;
	padding-bottom:.3em;
	border-radius: 10px;
	moz-border-radius: 10px;
	background:white;
	text-align:center;
}
.thirtydays{
	display:none;
}
#signupmenu{
	margin-bottom:3em;
}
#signupmenu ul{
	text-align:center;
	margin:0 auto;
 }
 #signupmenu li{
	list-style-type:none;
	display:block;
	padding: .3em 1em;
	background: #68b;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:.3em;
 }
 #signupmenu a{
	color:#fff;
	text-decoration:none;
 }
 #signupmenu a:hover{
	text-decoration:underline;
 }
#sp{
	background:#247 !important;
}

#signupbox input{
	font-size:1.2em;
	display:block;
	width:80%;
	margin:.3em auto;
	

}
#contactform textarea{
	margin:.1em auto;
	font-size:1.2em;
	width:80%;
	height:4em;
}
#signupform{
	text-align:center;
	background: #68b;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:.4em;
}

#contactform{
	text-align:center;
	background: #68b;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:.4em;
}

#signupform h3,#contactform h3{
	color:white;
}
/*



#screens > li{
	list-style-type:none;
	margin-left:0px;
	padding-left:0;
}

#signuplink > div{
	display:inline-block;
	padding:10px 15px;
	background:#12ff00;
	border-radius:15px;
	moz-border-radius:15px;
	border-width:4px;
	border-color:#060;
	border-style:solid;	
	margin-bottom:1em;
}
#signuplink > div:hover{
	background:#8f8;
}
#signuplink {
	color:#060;
	
	text-decoration:none;
	font-family:"Century Gothic",arial,helvitica,verdana,sans-serif;
}
*/
.error{
	color:red;
	margin-bottom:1em;
}
#screens img{
	border-radius:.2em;
	moz-border-radius:.2em;
	padding:.2em;
	background:#ccc;
	margin:.2em;
}

.thirtydays{
	
}

#checklist > li{
	list-style-image:url('https://4f7165.claudeassets.com/20250403084421im_/https://www.workmelon.com/img/work_order_check.png');
	margin-left:0px;
}

/*

dd > input{
	width:100%;
}
*/
/* 6. CUSTOM LAYOUT & TYPOGRAPHY (Smooshed)
----------------------------------------------------------------------------------------*/
#container {
    padding: 0 0.809em 0.809em 0.809em;
    max-width: 30em;
    margin: auto;
}

h3{
	font-size:1.3em;
}

#pricingdiv{
	margin-bottom:1em;
}

#screens > li{
	display:inline;
}

#bcontent h1{
	font-family:"Century Gothic",arial,helvitica,verdana,sans-serif;
	font-size:1.6em;
	margin:.5em 0;
}
#bcontent h3{
	font-family:"Century Gothic",arial,helvitica,verdana,sans-serif;
	font-size:1.3em;
	line-height:1.5em;
}

/* 7. BROWSER AND NON-SEMANTIC STYLING
----------------------------------------------------------------------------------------*/
.cf:before, .cf:after { content: ""; display: block; }
.cf:after { clear: both; }
.ie6 .cf { zoom: 1 }
/*
     FILE ARCHIVED ON 09:38:02 Apr 01, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:49:29 Aug 18, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.497
  exclusion.robots: 0.051
  exclusion.robots.policy: 0.04
  esindex: 0.007
  cdx.remote: 44.07
  LoadShardBlock: 222.614 (3)
  PetaboxLoader3.datanode: 238.78 (4)
  load_resource: 357.809
  PetaboxLoader3.resolve: 339.496
*/