body { background: rgb(0,0,0); color: rgb(255,255,255); font-family: Helvetica, Geneva, Arial, Verdana, sans-serif;  }
a, a:visited { color: blue; }
a:active { color: green; }
a:hover { text-decoration: none; }

/* classes */
.off { display: none; visibility:hidden; }
.centre { text-align: center; }
.sinistra { text-align: left; }
.destra { text-align: right; }
.breathe { padding: 1em 0em; }
span.question { color: rgb(204,0,0); font-weight: bold; }
span.answer { color: rgb(0,150,0); font-weight: bold; }
.invisible { display: none; }
.board { background-color: rgb(0,150,0); color: rgb(255,255,255); padding:.15em .5em; }
.board-alt { background-color: rgb(204,0,0); color: rgb(255,255,255); padding:.15em .5em; }
.count { background-color: rgb(0,0,0); color: rgb(255,255,255); padding:.15em .5em; }
.peace { overflow: hidden; }
.float-left { float: left; }
.float-right { float: right; }

.login { float: right; margin: .25em 1em; background: rgb(225,250,200); border: .5em solid rgb(235,255,215); padding: .5em 1em; }
.login:hover { background-color: rgb(200,250,175); }
.login h3 a { font-size: 1.5em; font-weight: bold; line-height: 2em; background: url(_images/ico-secure.png) no-repeat 0em 0em; padding-left: 38px;  }

a.white, a:visited.white { color:white; }

a, a:visited { color: blue; }
a:active { color: green; }
a:hover { text-decoration: none; }

img.float-left { margin-right: .25em; }
img.float-right { margin-left: .25em; }

h1#logo { text-align: center; margin: .5em 0em .25em 0em; font-size: 2em;  }
h1#logo span { display: block; }

p#sub-headline { text-align: center; margin: .25em auto; width: 960px; color: rgb(200,200,200); font-size: 1.15em; padding: .15em .25em; font-style:italic;  }
p#sub-headline small { font-size: .8em;  }
p#sub-headline cite { font-style: normal;  }
p#sub-headline strong { font-weight: bold; }
p#sub-headline em {  border-bottom: 1px dotted rgb(230,230,230); }

ul#container { width:800px; margin: 0em auto;  color: rgb(0,0,0);}

#intro { margin: 0em 0em; padding: .5em 3em .5em 3em; background-color: rgb(250,245,190); }
#intro h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform:capitalize; line-height: 1.25em; font-size: 150%; padding: .25em 0em; border-bottom: 1px dotted rgb(230,230,230); margin-bottom: .5em; }
#intro h4 { font-family: "Courier New", Courier, monospace; font-size: 1em; font-style: italic; margin: 0em 0em 1em 0em; }
#intro em { text-decoration: underline; }
#intro h1 { font-size: 2em; text-align:center }
#intro h6 { color: rgb(0,0,0); font-size: 1.25em; color: rgb(204,0,0); text-align: center; padding-top: .5em; }
#intro h1, li#intro h2 { padding: .25em 1em; }
#intro p { font-family: "Courier New", Courier, monospace; margin: 0em 0em 1em 0em; font-size: 1em; }
#intro p, #intro ul, #intro dl { font-family: "Courier New", Courier, monospace;  }
#intro ul { margin: .5em 2em }
#intro ul li { list-style-type: disc; padding-left: 2em; list-style-position: inside; }
#intro dl.photo dd img { background-color: rgb(250,230,100); }
#intro p.peace img.float-right { padding: 1em 0em 0em 0em; }

#questions { margin: 0em 0em; padding: .5em 3em .5em 3em; background-color: rgb(255,255,255); }
#questions h1 { font-size: 1.5em; font-weight: bold; margin: 1em 0em; text-align: center }
#questions h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform:capitalize; line-height: 1.25em; font-size: 1.5em; padding: .25em 0em; border-bottom: 1px dotted rgb(230,230,230); margin-bottom: .5em; font-weight: bold; }
#questions h3 { font-family: Arial, Helvetica, sans-serif; text-transform:capitalize; line-height: 1.25em; font-size: 1.25em; margin-bottom: .5em; font-weight: normal; }
#questions h4 { font-family: "Courier New", Courier, monospace; font-size: 1em; font-style: italic; margin: 0em 0em 1em 0em; }
#questions em { text-decoration: underline; }
#questions h6 { color: rgb(0,0,0); font-size: 1.25em; color: rgb(204,0,0); text-align: center; padding-top: .5em; }
#questions p { margin: 0em 0em 1em 2em; font-size: 1em; }
#questions p, #questions ul, ##questions dl {  }
#questions ul { margin: .5em 2em }
#questions ul li { list-style-type: disc; padding-left: 2em; list-style-position: inside; }
#questions dl.photo dd img { background-color: rgb(250,230,100); }
#questions p.peace img.float-right { padding: 1em 0em 0em 0em; }

#contact { margin: 0em 0em; padding: .5em 3em .5em 3em; background-color: rgb(255,255,255); }
#contact h1 { font-size: 1.5em; font-weight: bold; margin: 1em 0em;  }
#contact h3 { font-family: Arial, Helvetica, sans-serif; text-transform:capitalize; line-height: 1.25em; font-size: 1.25em; margin-bottom: .5em; font-weight: normal; }

#thank-you { margin: 0em 0em; padding: .5em 0em .5em 0em; background-color: rgb(255,255,255); }
#thank-you h1 { font-size: 1.5em; font-weight: bold; margin: 1em 0em;  }
#thank-you h3 { font-family: Arial, Helvetica, sans-serif; text-transform:capitalize; line-height: 1.25em; font-size: 1.25em; margin-bottom: .5em; font-weight: normal; }
#thank-you p { margin: 0em 0em 1em 2em; font-size: 1em; }

#share { margin: 0em 0em; padding: .5em 0em .5em 0em; background-color: rgb(255,255,255); }
#share h1 { font-size: 1.5em; font-weight: bold; margin: 1em 0em;  }
#share h3 { font-family: Arial, Helvetica, sans-serif; text-transform:capitalize; line-height: 1.25em; font-size: 1.25em; margin-bottom: .5em; font-weight: normal; }
#share p { margin: 0em 0em 1em 2em; font-size: 1em; }

dl#toc {  }
dl#toc dt { font-size: 1.5em; margin: .5em 0em; padding-bottom: .25em; border-bottom: 1px dotted rgb(230,230,230); }
dl#toc dd { margin: 0em 0em 1em 2em; }

li#super-headline { text-align:center; padding: .5em 0em 0em 0em; background: rgb(255,255,255) url(_images/css-top_960.png) no-repeat 0em 0em; font-family: Tahoma, Arial, Helvetica, sans-serif }
li#super-headline h2 { font-size: 1.25em; }

li#headline { text-align:center; padding: 0em 0em; }

li#letter { padding: 0em 1em; font-size: 100% }
li#letter p { margin: .5em 0em }

li#optin { padding: 0em 1em; overflow: hidden; }
li#optin form { width: 400px; margin: auto; }
li#optin ul { }
li#optin ul li#form { float: left; width: 75%; }
li#optin ul li#offset { float: left; width: 25%; }
li#optin dl { }
li#optin dl dt { float: left; width: 200px; padding: .25em 0em; font-weight: bold; }
li#optin dl dd { margin: .5em 0em; }
li#optin dl dt#submit { clear: both; display: block; margin: .5em 0em; }
li#optin dl dt#privacy_policy { clear: both; text-align: center; display: block; width: 400px; font-weight: normal; }

ul#branding { background: rgb(200,200,200); width: 600px; margin: .5em auto; }
ul#branding li { float: left; width: 50%; }

ul#footer { overflow: hidden; margin: 1em auto; width: 800px; }
ul#footer li p { font-size: .75em; border-top: 1px dotted rgb(100,100,100); padding-top: .25em; margin: .5em auto; width: 95%; }
ul#footer li ul { padding: 0em 0em; }
ul#footer li ul li { display: inline; float: left; width: 50%; }
ul#footer li a, ul#footer li a:visited { color: rgb(255,255,255); text-decoration: underline; }
ul#footer li a:active { color: green; }
ul#footer li a:hover { text-decoration: none; }

li#disclaimer { text-align:center; padding: 2em 1em 1em 1em; background: rgb(255,255,255); overflow: hidden; }
li#disclaimer p { color: rgb(150,150,150);  }
li#disclaimer a { color: rgb(150,150,150); text-decoration: none; padding-right: .5em; margin-right: .5em; border-right: 1px solid rgb(200,200,200);  }

li#disclaimer blockquote { text-align: center; padding: .25em; }

/* ------------------ classe ------------------ */
.wrap { margin: 0em auto; width: 800px; overflow: hidden;  }


/* ----------------------- navigation------------------------- */
li.ui-tabs { overflow: hidden; background-color: rgb(0,0,0); margin: .5em 0em 0em 0em }

/* Subsection Tabs
--------------------*/
ul.subsection_tabs { text-align:left; list-style:none; clear:both; }
ul.subsection_tabs li { display: inline; color: rgb(255,255,255);  }
ul.subsection_tabs li a { background: rgb(51,51,51); color: rgb(255,255,255); font-size: 1.25em;  padding: 1em 1em; line-height: 2.5em; }
ul.subsection_tabs li a:hover { background-color: rgb(255,255,255); color: rgb(0,0,0); text-decoration: underline; }
ul.subsection_tabs li a.active { background: rgb(255,255,255); color: rgb(0,0,0); text-decoration: none; }


li#navigation { overflow: hidden; background-color: rgb(0,0,0); }
li#navigation ul li { display: inline; color: rgb(255,255,255); }
li#navigation ul li a.active, li#navigation ul li a:visited.active {background: rgb(255,255,255); color: rgb(100,100,100); }
li#navigation ul li a, li#navigation ul li a:visited { background: rgb(51,51,51); color: rgb(255,255,255); font-size: 1.25em;  padding: 2.5em 1em; line-height: 2.5em; }
li#navigation ul li a:hover { background:rgb(255,255,255); color: rgb(0,0,0	); font-size: 1.25em;  padding: 2.5em 1em; line-height: 2.5em; }

div#tutorial { margin: 1em auto 0em auto; width: 750px; background: rgb(250,245,190); color: rgb(0.0.0)  }
div#tutorial h2 { font-size: 175%; color: #3c4c1b; border-bottom: 1px dotted rgb(230,230,230); padding-bottom: .25em; margin: 0em .5em; }
div#tutorial h3 { padding: .25em 0em 0em 0em; margin: 1em .5em; font-weight: normal; color: rgb(0,0,0); font-size: 1.25em; }
div#tutorial blockquote { text-align: center;  }
div#tutorial p { margin: 1em 2em; text-align:justify; }
div#tutorial ol { margin: .25em 4em; }
div#tutorial textarea { width: 510px; margin: 1em auto; }

ul#content { padding: 0em; }

ul#content li { padding: .5em; color: rgb(0,0,0);	 }

.question { background-color: rgb(51,51,51); text-align: center; }
.question h3 { color: rgb(255,255,255); font-size: 2em; }

li.question { padding: .5em; border-bottom: 1px dotted rgb(150,150,150); }
li.question h1 {  font-size: 2em; text-align: center; color: rgb(255,255,255); }
li.question h3 {  font-size: 2em; text-align: center }
li.question h2 {  font-size: 1.5em; }

#horizontal { overflow: hidden; padding: 1em 2em;}
#horizontal h3 { margin-top: 2em; text-align:center; font-size: 1.25em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: -1px; height: 2em; }
#horizontal h3 em { border-bottom: 1px dotted rgb(100,100,100); font-style: italic; }
#horizontal h4 { text-align:center; padding-top: 1em; }
#horizontal h4 a { font-size: 1.5em; background:url(ico-next.png) 0em .25em no-repeat; padding-left: 20px; }
#theform { width: 100%; margin: 0em auto 1em auto; overflow: hidden }
#theform fieldset { width: 50%; float: left;	}
#theform fieldset legend { font-size: 1.25em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: -1px; }
#theform fieldset legend em { border-bottom: 1px dotted rgb(100,100,100); font-style: italic; }
#theform fieldset h3 { height: 5em; font-size: 1em;	}
#theform fieldset p { font-size: 0.7em; height: 2em; }
#theform fieldset label { font-size: 0.7em; display: block; line-height: 1.5em; padding-top: 1em; }
#theform fieldset input { padding: .5em; margin-right: .5em; }
#theform fieldset input#download-opml { padding: 0em; }

div.section { background: rgb(255,255,255); padding: 1em 3em .5em 3em;  }

div.section h1 { font-size: 1.5em; font-weight: bold; margin: 1em 0em;  }
div.section h3 { font-family: Arial, Helvetica, sans-serif; text-transform:capitalize; line-height: 1.25em; font-size: 1.25em; margin-bottom: .5em; font-weight: normal; }
div.section p { margin: 1em 0em; }

blockquote.video { text-align: center; padding: .5em 0em; }

#questions { margin: 0em 0em; padding: .5em 3em .5em 3em; background-color: rgb(255,255,255); }
#questions h1 { font-size: 1.5em; font-weight: bold; margin: 1em 0em; text-align: center }
#questions h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform:capitalize; line-height: 1.25em; font-size: 1.5em; padding: .25em 0em; border-bottom: 1px dotted rgb(230,230,230); margin-bottom: .5em; font-weight: bold; }
#questions h3 { font-family: Arial, Helvetica, sans-serif; text-transform:capitalize; line-height: 1.25em; font-size: 1.25em; margin-bottom: .5em; font-weight: normal; }
#questions h4 { font-family: "Courier New", Courier, monospace; font-size: 1em; font-style: italic; margin: 0em 0em 1em 0em; }
#questions em { text-decoration: underline; }
#questions h6 { color: rgb(0,0,0); font-size: 1.25em; color: rgb(204,0,0); text-align: center; padding-top: .5em; }
#questions p { margin: 0em 0em 1em 2em; font-size: 1em; }
#questions p, #questions ul, ##questions dl {  }
#questions ul { margin: .5em 2em }
#questions ul li { list-style-type: disc; padding-left: 2em; list-style-position: inside; }
#questions dl.photo dd img { background-color: rgb(250,230,100); }
#questions p.peace img.float-right { padding: 1em 0em 0em 0em; }

blockquote#save-promote { background: url(_images/ico-bookmark_add.png) no-repeat 0em 0em; overflow:hidden; padding: .25em 0em; }
blockquote#save-promote span { float: right; margin: 0em .5em; }
blockquote#save-promote span img { }
blockquote#save-promote dl { padding-left: 135px; height: 115px;overflow:hidden  }
blockquote#save-promote dl dt { font-family: Helvetica, Geneva, Arial, Verdana, sans-serif; font-size: 115%; }
blockquote#save-promote dl dd { margin: 1em 0em; }
blockquote#save-promote dl dd ul li a { background: white; color: blue; text-decoration: underline; }
blockquote#save-promote dl dd ul li a:hover { text-decoration: none; }
blockquote#save-promote dl dd dl dd { float:left; margin-right: 1em; }
blockquote#save-promote dl dd dl dd a { background: white; color: blue; text-decoration: underline }

li.question { background-color: rgb(51,51,51); padding: .5em;  }
li.question h1 { color: rgb(255,255,255); font-size: 2em; }

blockquote.content { overflow: hidden; }

blockquote.content dl { width: 32%; float: left; text-align:center; margin: .5em 0em;  }
blockquote.content dl dt img { padding: .25em; background-color: rgb(245,245,245) }
blockquote.content dl dd { text-align: center; }
blockquote.content dl dd h3 { font-size: 1.25em; }

blockquote.content dl dd h4 { margin: .5em 0em; font-size: 1em;  }
blockquote.content dl dd h4 a { background:url(_images/ico-next.png) no-repeat 0em 0em; padding-left: 20px;  }

/* ------------------ dl.social ------------------ */
dl.social { /*border-top:1px dotted #b6b6b6; */ margin: 0em auto; overflow:hidden; padding: 0em 1em 1em 1em; }
dl.social dd dl { text-align: center; border: 2px dotted #ffffff; width: 23%; height: 135px; padding: 0em; float: left; margin: 0em .25em 0em 0em; }
dl.social dd dl dt { line-height: 70px; font-size: 1.25em; float: left; }
dl.social dd dl { text-align: center; }

a#but-delicious { background: url(_images/but-delicious.png) 0 0 no-repeat; text-decoration: none; text-indent: -2000em; display: block; float: right; margin-right: 1em; width:60px; height: 80px; }
a:hover#but-delicious { background-position: -60px 0px; }
a#but-stumble { background: url(_images/but-stumble.png) 0em 0em no-repeat; text-decoration: none; text-indent: -2000em; display: block; float: right; margin-right: 1em; width:55px; height: 80px; }
a:hover#but-stumble { background-position: -60px 0px; }