/*  
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, 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 { color: rgb(0,0,0); font-family: Arial, Helvetica, sans-serif; }
body#gray { background-color: rgb(255,255,255); background-image: url(_images/grd-gray.jpg); background-attachment: fixed; background-repeat: repeat-x; background-position: left top; }
body#dark { background-color: rgb(100,100,100); background-image: url(_images/grad-dark.jpg); background-attachment: fixed; background-repeat: repeat-x; background-position: left top; }
body#dark div#package { border: 4px solid rgb(150,150,150); border-top: none; }
a, a:link, a:active, a:visited { color: rgb(0,0,255); font-weight: bold; }
a:hover { text-decoration: none; }

ol { margin: 1em 0em 1em 1.5em; }
ol li { list-style-type: decimal; }
ol li h4 { font-weight: bold; }
ol li p { margin: 0em 0em; }
big { font-size: 2em; }

/* ------------------ 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; }
.space { margin: 1em 0em; }
.invisible { display: none; visibility: hidden; }
.float-left { float: left; }
img.float-left { margin-right: .25em; }
.float-right { float: right; }
.highlight { background: rgb(250,245,190); font-style: italic; }
.red { color: rgb(204,0,0); }
.green { color: rgb(0,150,0); }
.peace { overflow: hidden; }
.video { padding: .25em 0em; text-align:center; width: 450px; margin: .5em auto; }

a.more-link { background:url(_images/ico-next.png) left top no-repeat; padding-left: 20px; }
a.background { color: rgb(100,100,100); }
big a.more-link { background:url(_images/ico-next.png) left .4em no-repeat; padding-left: 20px; letter-spacing: -1px; }

ul.bullets { padding-left: .25em; margin-left: 2em; }
ul.bullets li { margin: .5em 0em; }
ul.bullets li { background-image: url(_images/ico-check.gif); background-repeat: no-repeat; background-position: 0em .15em; padding-left: 12px; margin: .5em 0em; text-indent: 0em; display: block; }
ul.bullets li.alt { font-weight: bold; }

ul.positive-red { margin: 0em 0em 0em 1em; list-style: square;  }
ul.positive-red li { list-style-image: url(_images/ico-positive_red.gif); list-style-type: square; list-style-position: inside; margin: .5em 0em;  padding-left: .25em; }
* +html ul.positive-red li, *html ul.positive-red li { list-style-position: outside; }

ul.square-red { margin: 0em 0em 0em 1em; list-style: square;  }
ul.square-red li { list-style-image: url(_images/ico-square_red.gif); list-style-type: square; list-style-position: inside; margin: .5em 0em;  }

ul.circle-red { margin: 0em 0em 0em 1em; list-style: square;  }
ul.circle-red li { list-style-image: url(_images/ico-circle_red.gif); list-style-type: square; list-style-position: inside; margin: .5em 0em;  }

blockquote.indented { margin-left: 2em; margin-right: 1.5em;  }
div.indented { margin-left: 2em; margin-right: 1.5em;  }
div.indented p { text-indent: 0em; }
*html blockquote.indented { margin-left: 0em; margin-right: 0em; padding-left: 2em;}
*html div.indented { margin-left: 0em; margin-right: 0em; }

form.buy input { padding: .25em; font-size: 1.25em;  }
form.buy dl { width: 285px; }
form.buy dl dd { padding: .15em; background: rgb(255,100,0); }

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

LAYOUT

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

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

/* ------------------------------ div#header ------------------------------ */
div#header { text-align:center; border-bottom: 1px solid rgb(200,200,200); }
div#header strong { font-weight: bold; }
div#header em { font-style: italic; }
div#header ul { overflow: hidden; }
div#header ul li.logo { text-align: left; }
div#header ul li.logo { float: left; width: 49%; }
div#header ul li.usp { float: left; width: 49%; }
div#header ul li.usp p { font-size: 1.25em; text-align: right; padding: 0em 0em;letter-spacing: -1px; font-style:italic; padding-top: .25em; }

/* ------------------------------ div#deck ------------------------------ */
div#headline { padding: .5em 0em; }
div#headline h1 { font-family: Impact, Arial, Helvetica, Verdana; font-weight: normal; font-size: 2em; text-transform:capitalize; color: rgb(0,0,0); text-transform:uppercase; line-height: 1em; text-align: center; }
div#headline h1 span { font-style: normal; color: rgb(204,0,0);  }
div#headline h1 em { font-style: normal; }
div#headline h1 .underline { padding-bottom: 0em; border-bottom: 1px dotted rgb(0,0,0); }

/* ------------------------------ div#deck ------------------------------ */
div.letter {  margin: 0em 0em 0m 0em; padding: .5em 2em 0em 2em; }
div.letter, div#disclaimer { line-height: 1.15em; font-size: 1em; }
div.letter h1 { font-family: Impact, Arial, Helvetica, Verdana; font-weight: normal; font-size: 1.75em; text-transform:capitalize; color: rgb(204,0,0); text-transform:uppercase; line-height: 1em; text-align: center; }

div.letter h1 em { font-style: normal; color: rgb(0,0,0); }
div.letter h2 { font-family:Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: -1px; font-size: 1.25em; color: rgb(0,0,0);line-height: 1.15em; padding-bottom: .25em; border-bottom: 1px solid rgb(230,230,230);  }
div.letter h3 { font-weight: bold; line-height: 1.15em; margin: .5em 0em; }
div.letter h4 { font-weight: bold; color: rgb(204,0,0); line-height: 1.15em; margin: .5em 0em;  }
div.letter p { line-height: 1.15em; margin: .5em 0em; font-size: 1em; }
div.letter ol { }
div.letter ol li { margin: .5em 0em; }

/* ------------------------------ div.deck ------------------------------ */
div.optin { margin: 0em 0em; padding: 0em 1em; overflow: hidden;  }
div.optin img { float: left; margin-right: 1em; }
div.optin form { margin: .5em 0em;  }
div.optin form input { padding: .25em; width: 315px;border-width: 2px; margin: .25em 0em; }

/* ------------------------------ div#testimonials ------------------------------ */
div#testimonials { text-align:center; clear:both; border-top: 1px solid rgb(240,240,240); border-bottom: 1px solid rgb(240,240,240); }
div#testimonials blockquote { background: url(_images/css-quote.png) no-repeat 0em 0em; padding-left: 50px; overflow:hidden; margin: .5em 2em; }
div#testimonials blockquote p { text-align: left; overflow:hidden }
div#testimonials blockquote p img { float: right; margin-left: .5em; padding: .25em; border: 1px rgb(200,200,200); background: rgb(230,230,230); }
div#testimonials a, div#testimonials a:visited, div#testimonials a:active { color: rgb(150,150,150); font-weight: normal; text-decoration: none; }

/* ------------------------------ div#disclaimer ------------------------------ */
div#disclaimer { margin-top: 1em; padding-bottom: 1em; padding: .5em 2em; border-top: 1px solid rgb(200,200,200); }
div#disclaimer p { margin: 0em; color: rgb(150,150,150); font-size: .9em; }
div#disclaimer a, div#disclaimer a:visited, div#disclaimer a:active { color: rgb(150,150,150); font-weight: normal; text-decoration: underline; }

/* ------------------------------ div#footer ------------------------------ */
div#footer { text-align:center; padding: .25em 0em; margin-top: .5em; clear:both; background: rgb(245,245,245); }
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; }

.download-box { margin: 1em auto; overflow:hidden; border-top:1px dotted #b6b6b6; padding: 7px 10px 7px 80px; width: 85%; clear: both; background: rgb(245,245,245) url(_images/ico-download.png) no-repeat 10px 8px; border: 1px solid rgb(230,230,230); min-height: 70px;  }
.download-box p { padding-bottom: 10px; margin: 0; }
.download-box h3 { font-weight: normal; padding: .25em; font-size: 1.25em; letter-spacing: -1px; }

.satisfaction { background-color: rgb(255,255,150); background-image: url(_images/css-satisfaction.jpg); background-repeat: no-repeat; background-position: .25em .25em; margin: 0em auto; min-height: 150px;  border: 4px solid rgb(255,230,0); border-left: none; border-right: none; } 
.satisfaction p {  padding-left: 160px; margin: .5em 0em; }

.warning_alt { overflow:hidden; clear: both; background: rgb(0,0,0) url(_images/ico-warning_alt.png) no-repeat .5em 0em; padding: .25em .5em .25em 95px; min-height: 85px; border: 4px solid rgb(200,200,200); border-left: none; border-right: none; }
.warning_alt p { color: rgb(255,255,255); }
.warning_alt p span.highlight { color: rgb(0,0,0); }

.idea { omargin: 1em auto 1em auto; overflow:hidden; border-top:1px dotted #b6b6b6; padding: 7px 10px 7px 80px; width: 85%; clear: both; background: rgb(245,245,245) url(_images/ico-idea.png) no-repeat 10px 0em; border: 1px solid rgb(230,230,230); min-height: 70px; border: 4px solid rgb(230,230,230); border-left: none; border-right: none; }
.idea p { font-weight: normal; padding: .75em .25em .5em .25em; letter-spacing: -1px; }
.idea h3 { font-weight: normal; padding: .25em; font-size: 1.25em; letter-spacing: -1px; }

.pdf { background: rgb(245,245,245) url(_images/ico-download-pdf.png) no-repeat 10px 8px; }