/*
Theme Name: Alan-Kay
Theme URI: http://alawnwinner.com
Description: Quite but loud.
Author URI: http://alanwho.com

*/

/* >>>>>>>>>>>>>>>>>>>> 

FOUNDATIONS

<<<<<<<<<<<<<<<<<<<<  */

/* ------------------------------ RESET ------------------------------ */
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, 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 { font-family: Arial, Helvetica, sans-serif; background: rgb(230,230,230); }
fieldset, img { border: none; }
a, a:link, a:visited { color: rgb(0,0,255); font-weight:bold; text-decoration: none; }
a:visited:hover, a:link:hover, a:hover:active { color: rgb(0,0,255); text-decoration: underline; }
h2 { font-size: 1.25em }
h3 { font-size: 1.5em }

/* ------------------ classe ------------------ */
.centre { text-align:center; }
.sinistra { text-align: left; }
.destra { text-align: right; }
.breathe { padding: .5em 0em; }
.invisible { display: none; visibility: hidden; }
.float-right { float: right; }
.float-left { float: left; }
.peace { overflow: hidden; }
.question { color: red; }
.answer { color: green; }
.white { background: rgb(255,255,255); color: rgb(0,0,0); }
.black { background: rgb(0,0,0); color: rgb(255,255,255); }
.yellow { background-color: rgb(250,245,190); color: rgb(0,0,0); }
.light { background: rgb(240,240,240); }
.orange { background: rgb(255,100,0); color: rgb(255,255,255); }

.blue { background: rgb(0,125,200); color: rgb(255,255,255); }
.lips { background: rgb(175,0,100); color: rgb(255,255,255); }
.gold { background: rgb(215,150,0); color: rgb(255,255,255); }
 
div.wrapper { overflow: hidden; width: 850px; margin: 0em auto 0em auto; }
span.alan { background: rgb(230,230,230); padding: .25em; margin: 0em .5em; }


/* >>>>>>>>>>>>>>>>>>>> 

LAYOUT

<<<<<<<<<<<<<<<<<<<<  */

/* ------------------------------ div#header ------------------------------ */
div#header { background: rgb(0,0,0); color: rgb(255,255,255);  padding: .25em 0em 0em 0em;  }
div#header strong { font-weight: bold; }
div#header em { font-style: italic; }

blockquote.logo {   }
blockquote.logo h1 { font-size: 3em; font-family: "Trebuchet MS", arial, helvetica, sans-serif; display: inline; letter-spacing: -2px;}
blockquote.logo h1 a:link, blockquote.logo h1 a:visited { color: rgb(255,255,255); background-color: transparent; text-decoration: none;  border-right: 1px solid rgb(100,100,100); padding: 0em .15em 0em .25em;    }
blockquote.logo h1 a:hover, blockquote.logo h1 a:active { background-color: rgb(0,0,0); color: rgb(255,255,255); }
blockquote.logo h2 { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; letter-spacing: -2px; font-size: 2em; display: inline }
blockquote.logo { float: left; width: 60% }

blockquote.usp { float: left; width: 40%; position: relative; height: 65px;}
blockquote.usp ul { position: absolute; bottom: 0em; right: 0em; }

/* ------------------------------ ul#freedom ------------------------------ */
ul#optinsteps { list-style: none; overflow:hidden; list-style:none; }
ul#optinsteps li { list-style:none; float:left; padding-right: .5em }
ul#optinsteps li.last { padding-right: 0em }
ul#optinsteps li a { background:rgb(51,51,51); color:rgb(230,230,230); display:block; text-decoration:none; font-weight: bold; padding: .25em .5em; font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; text-align:center  }
ul#optinsteps li a span { display:block;  font-size: 1.5em; letter-spacing: -2px; }
ul#optinsteps li a:hover { background:rgb(255,255,255); color: rgb(0,0,255); }
ul#optinsteps li a.selected { display:block; background:rgb(255,255,255); color: rgb(0,0,0); }


/* ------------------------------ div#headquote ------------------------------ */
div#headquote { margin: .5em 0em; overflow:hidden; }
div#headquote blockquote { overflow:hidden; padding: .5em; }
div#headquote h3 { font-size: 3em; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -2px; text-align:center; padding-top: .5em; }
div#headquote blockquote span.alan { float: right; background: rgb(230,230,230); padding: .25em; margin: 0em .5em; }
div#headquote blockquote p { margin: 1em 0em; }

div#headquote blockquote a.btn { margin-left: 6.5em; }

div.content { }
div.content p { margin: 1em 0em; }
div.content blockquote { overflow:hidden; padding: .5em; }
div.content h3 { font-size: 2em; letter-spacing: -2px; font-weight: bold; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  }
div.content h3 span { padding: 0em .25em; display: block }

/* ------------------ div#control ------------------ */
div#control { overflow: hidden }

/* ------------------ div#contain ------------------ */
div#contain { width: 100%; float: left; margin-right: -250px; }

/* ------------------ div#main ------------------ */
div#main { margin-right: 250px; }

/* ------------------ div#sidebar  ------------------ */
div#sidebar { width: 250px; float: right; }
div#sidebar ul { width: 95%; margin: .5em auto; overflow:hidden; background: rgb(200,200,200); }
div#sidebar ul li { width: 95%; overflow: hidden; margin: 0em auto 1em auto; }
div#sidebar ul li.last { margin: 0em auto .15em auto; }
div#sidebar ul li h3 { font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 1.5em; letter-spacing: -1px; font-weight: normal;  }
div#sidebar ul li h3.heading { text-align: center; padding: .15em 0em; background: rgb(51,51,51); color: rgb(230,230,230); }
div#sidebar ul li blockquote { overflow: hidden; background: rgb(255,255,255); }
div#sidebar a.get { font-size: 1.25em; margin-left: 3px; } 

div.optin form { overflow: hidden; text-align:center; padding: 0em 0em 0em .5em; }
div.optin form p { margin: .5em 0em; text-align: left; }
div.optin form dl dt { clear:both; padding: .5em 0em; text-align: left}
div.optin form dl dt label {  font-size: 1em; color: rgb(0,0,0); font-weight: bold; }
div.optin form dl dt.submit-home { margin: 0em 0em 0em .5em; } 
div.optin form dl dt.submit-home input { padding: .25em .25em; font-size: 115%; width: 240px; font-weight: bold; cursor:pointer; text-align:center; border-width: 2px }
div.optin form dl dt.privacy_policy { width: 100%; font-size: .85em; } 
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: .25em; width: 235px; font-size: 1em;  }
div.optin form dl dd input:hover, div.optin form dl dd input:focus { background-color: rgb(255,255,255); color : rgb(0,0,0); }
div.optin form dl dt.privacy_policy { font-size: .8em; text-align:center; font-weight: normal; color: rgb(0,0,0); text-align: left; }


/* ------------------------------ div#what_i_do ------------------------------ */
div#what_i_do { }
div#what_i_do blockquote { overflow:hidden; padding: .5em; }
div#what_i_do h3 { font-size: 2em; letter-spacing: -2px; font-weight: bold; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  }
div#what_i_do h3 span { padding: 0em .25em; display: block }
div#what_i_do ul li {  }
div#what_i_do dl { padding: .5em; overflow:hidden; }
div#what_i_do dl dt { font-size: 2em; letter-spacing: -2px; font-weight: bold; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; float: left; width: 30%; text-align: center; }
div#what_i_do dl dt span { padding: 0em .25em; display: block }
div#what_i_do dl dd.sidebar { float: left; width: 30%;  }
div#what_i_do dl dd.blurb { padding: .5em; float: left; width: 70%; overflow: hidden; }

div#what_i_do dl dd.blurb p { font-size: 1.5em; font-style:italic; font-family: Georgia, "Times New Roman", Times, serif;  line-height: 1.5em; letter-spacing: -1px;  }
div#what_i_do dl dd blockquote a.btn { margin-left: 7em; }

ul.testimonials { margin: .5em 0em; }
ul.testimonials h5 { font-size: 1.25em; letter-spacing: -1px; padding: .25em; }
ul.testimonials h5 span, ul.testimonials p small{ padding: 0em .25em; display: block }

dl.tst { background-color: rgb(255,255,204);  margin: .5em 0em;  }
dl.tst blockquote { color: rgb(204,0,0);  }
dl.tst p strong { font-weight: normal; }
dl.tst dd p { font-style: italic;  }

span.tst-image { float: right; padding: .25em; background: rgb(51,51,51); margin: 0em .5em; }


blockquote.pquote { padding: 0.5em; }
blockquote.pquote { background: url(_images/css-openquote-yellow.png) top left no-repeat; color: rgb(9,83,163);  }
blockquote.pquote { font-size: 1.15em; font-style: italic; text-align: left; }
blockquote.pquote p { margin: 0em 0em; padding: 0em 0em; }

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

FOOTER

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

/* ------------------ div#footer ------------------ */
div#footer { overflow: hidden; width: 850px; margin: .5em auto;clear:both; background: rgb(255,255,255);}
div#footer p { padding: .25em .5em; color: rgb(150,150,150); line-height: 51px; }
div#footer a, div#footer a:visited, div#footer a:active { color: rgb(150,150,150); font-weight: normal; text-decoration: none; }
div#footer ul { background: rgb(255,255,255);  overflow: hidden;}
div#footer ul li { float: left; width: 49%; }

ul.tab { list-style: none; overflow:hidden; list-style:none; height:40px; }
ul.tab li { list-style:none; float:left; padding-right: .5em; }
ul.tab li#search { float:right; padding-left: .5em; }
ul.tab li a:link, ul.tab li a:visited { font-size: 1.25em; color: rgb(200,200,200); display:block; letter-spacing: -1px; font-weight: normal; height:40px; line-height:40px; text-decoration:none; background:url(_images/css-tab_round_off.png) right 0 no-repeat; }
ul.tab li a span { display:block; height:30px; margin-right:14px; padding-left:14px; background:url(_images/css-tab_round_off.png) left 0 no-repeat; }
ul.tab li a:hover { display:block; color: rgb(0,0,0); background:url(_images/css-tab_round.png) right 0px no-repeat; text-decoration:underline; }
ul.tab li a:hover span { display:block; background:url(_images/css-tab_round.png) left 0px no-repeat;  }

ul.tab li.active a:link, ul.tab li.active a:visited, ul.tab li.active a:visited, ul.tab li.active a:hover { background:url(_images/css-tab_round.png) right 0 no-repeat; color: rgb(0,0,0) } 
ul.tab li.active a span, ul.tab li.active a:hover span { background:url(_images/css-tab_round.png) left 0 no-repeat; }


/* ------------------ buttons ------------------ */
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: rgb(0,0,255); text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.grey { background: rgb(255,255,255); font-weight: bold; font-size: 1.5em; letter-spacing: -2px; }
.btn.green { background: rgb(0,200,0); color: rgb(255,255,255); font-weight: bold; font-size: 1.5em; letter-spacing: -2px; }
.btn.carrot { background: rgb(255,100,0); color: rgb(255,255,255); font-weight: bold; font-size: 1.5em; letter-spacing: -2px; }
.btn:hover { background-color: rgb(230,230,230); }

.btn.green:hover { background: rgb(0,215,0); }

.btn.grey:hover { background: rgb(245,245,245); }
.btn:active { background-color: rgb(230,230,230); }
.btn[class] {  background-image: url(shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.grey { border-color: rgb(245,245,245); }

* html .btn:hover { border-color: #a00; }

a.more strong { background: url(_images/ico-more.png) no-repeat 0em .1em; padding-left: 30px; line-height: 1.25em;  }
a:hover.more { color: rgb(255,255,255); }
p big { margin-left: 35px; display:block; font-size: 1.25em; clear:both; }