/*  
Theme Name: L1 0.1 beta
Theme URI: http://alan-kay.com
Description: Optimized landing page.
Version: 1.0
Author: Alan Kay
Author URI: http://alan-kay.com
*/


/* ------------------ 

FOUNDATIONS

------------------ */

/* ------------------ reset ------------------ */
html { }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0em; padding: 0em; } 
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
li { list-style:none; }
caption,th {text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after{content:'';}
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top;}
sub { vertical-align:text-bottom;}
input, textarea, select { font-family:inherit;font-size:inherit;font-weight:inherit;}
legend { color: rgb(0,0,0); }

/* ------------------ tags ------------------ */
body { background-color: #F8F8F8; color: rgb(0,0,0); font-family: Verdana, Arial, Helvetica, sans-serif;

background-image: url(_images/bg.jpg);
 background-repeat: repeat-x; background-position: left top;
   }
body#grey { background-color: rgb(75,75,75); background-image: url(_images/grd-dark.jpg); background-attachment: fixed; background-repeat: repeat-x; background-position: left top; }

a, a:link, a:active, a:visited { color: rgb(0,0,255); font-weight: bold; }
a:hover { text-decoration: none; }
a.more-link { background: url(_images/ico-continue.png) no-repeat left center; padding-left: 20px; }

/* ------------------ classes ------------------ */
.highlight { background: rgb(250,245,190);  }
.underline { padding-bottom: .15em; border-bottom: 1px dotted rgb(0,0,0); }
.centre { text-align: center; }
.sinistra { text-align: left; }
.destra { text-align: right; }
.breathe { padding: 1em; }
.invisible { display: none; visibility: hidden; }
.float-left { float: left; }
img.float-left { margin-right: .25em; }
.float-right { float: right; }
ul.bullets { padding-left: .25em; overflow:hidden; }
ul.bullets li { margin: 0px 0px 0px 0px; }
ul.bullets li span { background-image: url(_images/ico-check.gif); background-repeat: no-repeat; background-position: 0em .15em; padding-left: 12px; margin: 0em 0em; text-indent: 0em; display: block; }
ul.bullets li.alt { font-weight: bold; }


/* ------------------ 

LAYOUT

------------------ */

/* ------------------------------ div#package ------------------------------ */
div#package { background: rgb(255,255,255); width: 750px; margin: 0em auto 0em auto; border: 1px solid rgb(200,200,200); border-top: none; border-bottom: none; }
div#package strong { font-weight: bold; }
div#package em { font-style: italic; }


/* ------------------------------ div#header ------------------------------ */
div#header { background: rgb(245,245,245); border-bottom: 1px solid rgb(200,200,200);  }
div#header strong { font-weight: bold; }
div#header em { font-style: italic; }


/* ------------------------------ div#deck ------------------------------ */
div#deck { padding: 1em 1em 1em 1em; text-align:center; }
div#deck h1 { font-family: Impact, Arial, Helvetica, Verdana; font-weight: normal; font-size: 250%; color: rgb(204,0,0)  }
div#deck h1 .underline { padding-bottom: 0em; border-bottom: 1px dotted rgb(0,0,0); }
div#deck h2 { font-family: Tahoma, Arial, Helvetica, Verdana; font-weight: normal; letter-spacing: -1px;  font-size: 155%; color: rgb(0,0,0); }
div#deck h3 { font-family: Tahoma, Arial, Helvetica, Verdana; font-weight: bold; letter-spacing: -1px;  font-size: 155%; color: rgb(0,0,0); text-align:left }
div#deck p { line-height: 1.15em; margin: 0em 0em; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* ------------------------------ div#deck ------------------------------ */
div#letter { padding: 0em 3em 0em 3em; margin: 0em 0em 1em 0em; }
div#letter, div#disclaimer { line-height: 1.15em; font-size: 1em; }
div#letter h2 { font-size: 125%; text-align:center; color: rgb(0,0,0); font-weight:bold; letter-spacing: -2px; margin: 1em 0em; }
div#letter h2 u { text-decoration:underline; color: rgb(204,0,0); }
div#letter p { line-height: 1.15em; margin: 1em 0em; font-size: 1em; text-indent: 2em; }

/* ------------------------------ div#disclaimer ------------------------------ */
div#disclaimer {  text-align:center; margin-top: 3em; padding-bottom: 1em; }
div#disclaimer p { margin: 0em; color: rgb(150,150,150);  }
div#disclaimer a, div#disclaimer a:visited, div#disclaimer a:active { color: rgb(150,150,150); font-weight: normal; text-decoration: none; }


/* ------------------ 

RESPONSE

------------------ */

/* ------------------------------ div#response ------------------------------ */
div#response { float: left; float/**/: none; overflow:hidden;background: rgb(245,245,245); border-bottom: 1px solid rgb(230,230,230);   }
div#response:after { display: block; height: 0; clear: both; visibility: hidden; }
div#response { display: inline-block; }
/*\*/
div#response { display: block; }

/* ------------------------------ div#hero-shot ------------------------------ */
div#hero-shot { float: left; width: 250px; text-align: right; }

/* ------------------------------ div#optin ------------------------------ */
div#optin { float: left; width: 475px; font-family:Arial, Helvetica, sans-serif }

div#optin form { width: 450px; margin: 0em auto; text-align:center; overflow: hidden; font-family:Arial, Helvetica, sans-serif; padding: .5em; }
div#optin form dl dt { clear:both; width:31%; float:left; text-align: right;  padding: .5em 0em;}
div#optin form dl dt label {  }
div#optin form dl dt.submit { width: 450px; margin: 0em auto; } 
div#optin form dl dt.submit button { width: 450px; margin: 0em auto; padding: .25em; font-size: 150%; font-weight: bold; cursor:pointer; text-align:center; border-width: 2px; } 
div#optin form dl dt.privacy_policy { width: 100%; font-size: 75%; } 
div#optin form dl dd { float:left; width:68%; margin: 0em 0em 0.5em 0.25em; }
div#optin form dl dd input { background-color: rgb(255,255,255); color : rgb(0,0,0); padding: .5em; width: 230px; font-size: 1.25em; }

div.optin form { border-top: none;  }
ul.step { list-style:none; clear:both; background-color: transparent; margin: .25em auto 0em auto; width: 750px; overflow: hidden; }
ul.step li { list-style: none; float: right; padding: .5em .5em; text-decoration:none; font-weight:bold; color: rgb(200,200,200); text-decoration: none; border-right: .01em solid rgb(200,200,200); font-size: 1em; font-family: Tahoma, Arial, Helvetica, Verdana; margin-left: .5em; }
ul.step li strong { color: rgb(204,0,0); font-weight: bold; border-bottom: .05em solid rgb(204,0,0); }
ul.step li.active { background-color: rgb(245,245,245); color: rgb(0,0,0); border: 1px solid rgb(230,230,230); border-bottom: none; }
ul.step li.active strong { }



/* ------------------------------ div#footer ------------------------------ */
div#footer { text-align:center; margin-top: 3em; padding-bottom: 1em; clear:both }
div#footer p { margin: 0em; color: rgb(150,150,150);  }
div#footer a, div#footer a:visited, div#footer a:active { color: rgb(150,150,150); font-weight: normal; text-decoration: none; }

p.content { 
padding: 20px 20px 0px 20px; 
}
li {
padding: 13px 5px 0px 15px;
}


label.opt {
	float: left;
	text-align: right;
	display: block;
	margin: 3px 0 0 0;
	width: 60px;
	}
input, select, submit, label {
	margin: 3px 0 0 15px;
	}
button {
	font-size:18pt;
}
textarea {
	width: 500px;
	margin: 3px 0 0 15px;
}