/*=====================================================================
* Filename: main.css
* Template: Core3
* Author: Jarel Remick - http://www.jremick.com
* Date Created: 1/13/2009
* Media: Screen
*
* Description
* -----------
* CSS Reset using "reset.css" from 960 framework package, derived from Eric Meyers.
* Uses blueprint typography CSS as base starting point: http://www.blueprintcss.org/
=====================================================================*/
 
@import "reset.css";

html { background: url(https://www.nolombroso.org/images/layout/page-bg-repeat.jpg) repeat; }
body { background: url(https://www.nolombroso.org/images/layout/page-bg-top.jpg) repeat-x; border-top: solid 1px #d1761b; }

/* ===== GLOBAL ===== */
.center { margin: 0 auto; }
.tcenter { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.spacer { height: 10px; }
.pagespacer,
.nofeature { height: 50px; }

p img		{ padding: 5px; background: #1d1f27; border: solid 1px #363644; }
p a.left,
p img.left  { float: left; margin: .5em 1.5em 1.5em 0; }
p a.right,
p img.right { float: right; margin: .5em 0 1.5em 1.5em; }
p a:hover img{ background: #2b2e38; }

/* Use this instead of html hr tag */
div.hr { width: 100%; height: 1px; border-top: solid 1px #222; }

/* ===== LAYOUT ===== */
#header, #featured,
#content, #footer,
#navigation, #featured-tabs { width: 900px; margin: 0 auto; }

ui-dialog{
    border: none;	
}
.ui-widget-content {
    border: none;
}
ui-dialog-container{
    border: none;	
}
#messaggio img { padding: 5px; background: none; border: none; }

/*MESSAGGIO*/

/* === HEADER === */
#header { height: 165px; background: url(https://www.nolombroso.org/images/layout/page-topshadow.jpg) no-repeat 0 0; }
#header .content { height: 78px; border-bottom: solid 1px #2a2d32; padding-top: 35px; }
#header .contact-info { width: 250px; float: right; }
#header .contact-info ul { margin: 0; list-style: none; }

.logo { width: 175px; height: 47px; display: block; }
.tagline { float: left; margin-left: 38px; padding-top: 12px; }

/* === NAVIGATION === */
#navigation { height: 50px; position: absolute; background: url(https://www.nolombroso.org/images/layout/nav-bg.jpg) repeat-x; border-top: solid 1px #5b6066; }
#navigation ul { list-style: none; margin: 0; padding-left: 20px; }
#navigation ul li { float: left; display: inline; }
#navigation a { height: 50px; display: block; float: left; padding: 0 20px; }
#navigation a:hover,
#navigation a.active { background: url(https://www.nolombroso.org/images/layout/nav-active-arrow.gif) no-repeat 50% 100%; }

/* === Featured Content Section === */
#featured { height: 299px; overflow: hidden; background: url(https://www.nolombroso.org/images/layout/featured-bg.jpg) repeat; border: solid 1px #56595d; border-top: solid 1px #70757a; }
#featured .content { height: 249px; padding: 25px 30px; overflow: hidden; background: url(https://www.nolombroso.org/images/layout/featured-radialgradient.jpg) no-repeat 0 0; }

#featured-tabs { height: 30px; margin-bottom: 30px; background: url(https://www.nolombroso.org/images/layout/featured-tabs-bgshadow.jpg) no-repeat 0 0; }
#featured-tabs > div { width: 2px; height: 30px; float: left; background: url(https://www.nolombroso.org/images/layout/featured-tabs-divider.gif) no-repeat 0 0; }
#featured-tabs ul { list-style: none; margin: 0; }
#featured-tabs ul li { float: left; display: inline; background: url(https://www.nolombroso.org/images/layout/featured-tabs-divider.gif) no-repeat 100% 0; }
#featured-tabs a { padding: 0 20px; display: block; float: left; height: 29px; margin-top: 1px; }
#featured-tabs a:hover,
#featured-tabs li.active a { border-top: solid 1px #d1761b; margin: 0; }

#featured .image-container { width: 300px; }
#featured .image { margin: 1px 0; height: 233px; }
#featured .image img { margin: 0; }
#featured .topshadow, #featured .bottomshadow { width: 299px; height: 7px; }
#featured .topshadow { background: url(https://www.nolombroso.org/images/layout/featured-image-topshadow.gif) no-repeat; }
#featured .bottomshadow { background: url(https://www.nolombroso.org/images/layout/featured-image-bottomshadow.gif) no-repeat; }

#featured .content-container { margin: 5px 0; }
#featured .content-container p { width: 650px; margin: 0 auto; }
#featured .content-container-right { font-size:90%; width: 500px; float: right; margin: 5px 0 5px 30px; }
#featured .content-container-left { width: 500px; float: left; margin: 5px 30px 5px 0; }

#featured ul.horz-gallery { width: 820px; margin: 0 auto; }
#featured ul.horz-gallery li { float: left; display: inline; list-style: none; margin-right: 12px; }
#featured ul.horz-gallery li.last { margin-right: 0; }
#featured ul.horz-gallery li img { padding: 5px; background: #1d1f27; border: solid 1px #545466; }
#featured ul.horz-gallery li a:hover img { background: #2f3240; border: solid 1px #858bae; }

#featured ul.featured-blocks { list-style: none; margin: 25px 0 0; }
#featured ul.featured-blocks li { float: left; margin-right: 30px; }
#featured ul.featured-blocks li.last { margin-right: 0; }
#featured ul.featured-blocks .image { height: 158px; display: block; }
#featured ul.featured-blocks .bottomshadow { width: 260px; height: 6px; background: url(https://www.nolombroso.org/images/layout/featured-blockimage-bottomshadow.jpg) no-repeat; }

/* === Learn More links === */
.featured-learnmore-lg, .featured-learnmore-sm,
.content-learnmore-lg, .content-learnmore-sm { margin: 10px 0; width:200px; }

.featured-learnmore-lg.center, .featured-learnmore-sm.center,
.content-learnmore-lg.center, .content-learnmore-sm.center { margin: 10px auto; width:200px; }

.featured-learnmore-lg.fl, .featured-learnmore-sm.fl,
.content-learnmore-lg.fl, .content-learnmore-sm.fl { margin: 0 0 10px 25px; }
.featured-learnmore-lg.fr, .featured-learnmore-sm.fr,
.content-learnmore-lg.fr, .content-learnmore-sm.fr { margin: 0 25px 10px 0; }

.featured-learnmore-lg, .content-learnmore-lg { width: 156px; height: 36px; display: block; }
.featured-learnmore-sm, .content-learnmore-sm { width: 104px; height: 29px; display: block; }

.featured-learnmore-lg { background: url(https://www.nolombroso.org/images/layout/featured-learnmore-lg.gif); }
.featured-learnmore-lg:hover { background: url(https://www.nolombroso.org/images/layout/featured-learnmore-lg.gif) 0 -36px; }
.featured-learnmore-sm { background: url(https://www.nolombroso.org/images/layout/featured-learnmore-sm.gif); }
.featured-learnmore-sm:hover { background: url(https://www.nolombroso.org/images/layout/featured-learnmore-sm.gif) 0 -29px; }

.content-learnmore-lg { background: url(https://www.nolombroso.org/images/layout/content-learnmore-lg.gif); }
.content-learnmore-lg:hover { background: url(https://www.nolombroso.org/images/layout/content-learnmore-lg.gif) 0 -36px; }
.content-learnmore-sm { background: url(https://www.nolombroso.org/images/layout/content-learnmore-sm.gif); }
.content-learnmore-sm:hover { background: url(https://www.nolombroso.org/images/layout/content-learnmore-sm.gif) 0 -29px; }

/* === MAIN CONTENT AREA === */
#content { overflow: hidden; }
#contentMain { width: 560px; float: left; }

#content ul.horz-gallery { width: 841px; margin: 0 auto; }
#content ul.horz-gallery li { float: left; display: inline; list-style: none; margin-right: 15px; }
#content ul.horz-gallery li.last { margin-right: 0; }
#content ul.horz-gallery li img { padding: 5px; background: #1d1f27; border: solid 1px #545466; }
#content ul.horz-gallery li.active img,
#content ul.horz-gallery li a:hover img { background: #2f3240; border: solid 1px #858bae; }

#content .horz-gallery-content { width: 841px; margin: 25px auto 0; }

/* === SIDEBAR === */
#sidebar { width: 300px; float: right; }
#sidebar .news { margin: 0; list-style: none; }
#sidebar .news li { margin-bottom: 6px; padding-bottom: 10px; border-bottom: solid 1px #1d1f27; }
#sidebar .news p { margin: 0; }

/* === FOOTER === */
#footer { margin-top: 25px; background: url(https://www.nolombroso.org/images/layout/footer-bg.gif) repeat; border-top: solid 1px #191b22; }
#footer .content { background: url(https://www.nolombroso.org/images/layout/footer-topshadow.jpg) no-repeat 0 0; border-top: solid 1px #050606; }
#footer .pad { padding: 20px 30px; }
#footer .info { height: 38px; width: 560px; float: left; }
#footer .logo-small { padding-right: 20px; border-right: solid 1px #222222; float: left; }
#footer .logo-small a { margin: 12px 0 8px; display: block; }

#footer .info ul { float: left; padding-left: 12px; list-style: none; margin: 5px 0 0; }
#footer .info ul li { float: left; display: inline; padding: 0 8px; border-right: solid 1px #1e1e1f; }
#footer .info ul li.last { border: none; }

#footer .legal { float: left; margin: 8px 0 0 20px; width: 70%; }

/* === Quick Contact Form === */
#quick-contact { width: 270px; float: right; position: relative; }
#quick-contact .container { margin-top: 5px; }
#quick-contact label, #quick-contact .qmessage { clear: both; }
#quick-contact .qname,
#quick-contact .qemail { width: 131px; }
#quick-contact input { width: 125px; border-bottom: solid 1px #050506; }
#quick-contact input, #quick-contact textarea { margin: 4px 0 0; padding: 3px; background: url(https://www.nolombroso.org/images/layout/footer-formbg.gif) repeat; border: none; }
#quick-contact textarea { width: 264px; height: 50px; }
#quick-contact .qname, #quick-contact .qemail, #quick-contact .qmessage { border-bottom: solid 1px #111116; margin-bottom: 7px; }
#quick-contact .qmessage { clear: both; }
#qresponse { padding: 0 25px; }
#quicksubmit { text-align: right; }
#quick-contact input.qsubmit { width: 62px; border: solid 1px #111116; }
#quick-contact input.qsubmit:hover { background: url(https://www.nolombroso.org/images/layout/send-hover.gif) repeat; }
#qshow, #qhide { display: block; position: absolute; top: 0; right: 0; }

/* Forms */
form { margin: 20px 0 15px; padding: 10px 30px 0; }
form fieldset { margin: 0; padding: 0; position: relative; }
form fieldset legend { display: none; }
form fieldset legend.show { display: inline; white-space: normal; }     
form fieldset br { clear: both; }

#contact-form label,
form fieldset label { clear: left; display: block; float: left; margin: 1em 10px 0 0; width: 100px; vertical-align: middle; }
#contact-form input,
form fieldset input {  padding: 4px 6px; vertical-align: middle; margin-top: 1em; width: 50%; }
#contact-form textarea,
form fieldset select,
form fieldset textarea { padding: 4px 6px; vertical-align: middle; width: 61%; margin-top: 1em; }

#petition-form label,
form fieldset label { clear: left; display: block; float: left; margin: 1em 10px 0 0; width: 100px; vertical-align: middle; }
#petition-form input,
form fieldset input {  padding: 4px 6px; vertical-align: middle; margin-top: 1em; width: 50%; }
#petition-form textarea,
form fieldset select,
form fieldset textarea { padding: 4px 6px; vertical-align: middle; width: 61%; margin-top: 1em; }

#donation-form label,
form fieldset label { clear: left; display: block; float: left; margin: 1em 10px 0 0; width: 100px; vertical-align: middle; }
#donation-form input,
form fieldset input {  padding: 4px 6px; vertical-align: middle; margin-top: 1em; width: 50%; }
#donation-form textarea,
form fieldset select,
form fieldset textarea { padding: 4px 6px; vertical-align: middle; width: 61%; margin-top: 1em; }

#donation-form button,
#petition-form button,
#contact-form button,
form fieldset input,
form fieldset select,
form fieldset textarea,
form fieldset button { width:200px;font-size:150%;background: url(https://www.nolombroso.org/images/layout/footer-bg.gif) repeat; border: solid 1px #1e2028; }
form fieldset select { width: 52.5%; }
form fieldset input[type="radio"],
form fieldset input[type="checkbox"] { width: auto; margin-left: 0; padding: 0; }

form fieldset fieldset { margin: 1.5em 0 0 110px; padding: 0; }
form fieldset fieldset legend span { position: absolute; left: -160px; width: 150px; }    
form fieldset fieldset input[type="radio"],    
form fieldset fieldset input[type="checkbox"] { margin-top: 0; margin-bottom: 5px; }
form fieldset fieldset label { clear: none; float: none; display: inline; margin-right: 0; }
#donation-form button,
#petition-form button,
#contact-form button,
form fieldset button { margin: 10px 15px 0 350px; padding: 3px 8px; }
#donation-form button,
#petition-form button,
#contact-form button,
form fieldset button:hover { cursor: pointer; }



/* ===== FONTS ===== Default font settings. The font-size percentage is of 16px. (0.825 * 16px = 13.2px) */
body { font-size: 82.5%; color: #9f9f9f; font-family: "Helvetica Neue", "Arial Narrow", Arial, Helvetica, sans-serif; }
.nojs { color: #f49331; text-align: center; }

/* === HEADER === */
#header .contact-info ul { text-align: right; line-height: 1.3em; font-size: .95em; }

/* === NAVIGATIN & FEATURED CONTENT TABS === */
#navigation a,
#featured-tabs a { text-decoration: none; font-weight: 100; letter-spacing: .1em; }

#navigation { font-size: 1.2em; }
#navigation a { line-height: 46px; color: #bbbbbb; }
#navigation a:hover,
#navigation a.active { color: #fff; }

#featured-tabs { font-size: .9em; }
#featured-tabs a { line-height: 28px; color: #9b9a9a; }
#featured-tabs a:hover,
#featured-tabs a.active { color: #bbbbbb; }

#featured .content-container { text-align: center; }

#featured ul.featured-blocks { text-align: center; }

/* Learn More links */
.featured-learnmore-lg, .content-learnmore-lg { font-size: 1.15em; color: #d28335; line-height: 32px; }
.featured-learnmore-sm, .content-learnmore-sm { color: #a6acd0; font-size: .9em; line-height: 24px; }
.featured-learnmore-lg:hover, .content-learnmore-lg:hover { color: #e28f3d; }

.featured-learnmore-lg, .featured-learnmore-sm,
.content-learnmore-lg, .content-learnmore-sm { text-align: center; font-style: italic; }
.featured-learnmore-lg:hover, .featured-learnmore-sm:hover,
.content-learnmore-lg:hover, .content-learnmore-sm:hover { text-decoration: none; }

/* === SIDEBAR === */
#sidebar .news { font-size: .95em; }
#sidebar .news .date { font-size: .9em; color: #54575f; }

/* === FOOTER === */
#footer, #quick-contact { font-size: 1.05em; }
#footer .info ul li { font-size: .85em; line-height: 10px; }
#footer .info ul li a { color: #999; }
#footer .info ul li a:hover { color: #a6acd0; }

#footer .legal { font-size: .8em; color: #474751; line-height: 12px; }

/* Quick Contact form */
#quick-contact, #quick-contact input.qsubmit { font-size: .9em; color: #7e7e7e; }
#quick-contact .qsuccess { text-align: center; }
#qresponse { color: #9e1a1a; line-height: 1.2em; }
#quick-contact input.qsubmit:hover,
#qshow:hover, #qhide:hover { color: #f49331; cursor: pointer; text-decoration: none; }
#quick-contact input,
#quick-contact textarea { color: #acacac; font: 1em "Helvetica Neue", "Arial Narrow", Arial, Helvetica, sans-serif; letter-spacing: .05em; }

/* Forms */
form label, form legend { font-family: "Helvetica Neue", "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: 200; }
form fieldset label,
form fieldset fieldset legend { color: #7e7e7e; text-align: right; }
#donation-form button,
#donation-form input,
#donation-form textarea,
#petition-form button,
#petition-form input,
#petition-form textarea,
#contact-form button,
#contact-form input,
#contact-form textarea,
form fieldset input,
form fieldset select,
form fieldset textarea,
form fieldset button { color: #ae1500;font-weight: bold;}
#donation-form button:hover,
#petition-form button:hover,
#contact-form button:hover,
form fieldset button:hover { color: #f49331; }

#response { color: #9e1a1a; line-height: 1.3em; }
.success {color:#008C00;}

/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #d1d1d1; }

#featured h1 { color: #cdcfd9; letter-spacing: 0em; }
#footer h5 { font-size: 1.1em; color: #a6acd0; }

h1 { font-size: 2em; margin-bottom: 1.1em; }
h2 { font-size: 1.65em; margin-bottom: 1.1em; }
h3 { font-size: 1.3em; margin-bottom: 1em; }
h4 { font-size: 1.1em; margin-bottom: 1em; }
h5 { font-size: 1em; margin-bottom: .75em; }
h6 { font-size: .95em; margin-bottom: .6em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0; }


/* Text elements */
p           { margin: 0 0 1.5em; font-weight: 200; line-height: 1.55em; }
#featured p { color: #babcc5; line-height: 1.45em; }

a:focus, 
a:hover     { color: #bcc1e3; text-decoration: underline; }
a           { color: #a6acd0; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn  { font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

ul, ol, dl	{ font-weight: 200; line-height: 1.65em; margin: 10px 0 1.5em 35px; }
ul ul, ol ol{ font-size: 1em; margin: 0 0 0 25px; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables */
table       { margin-bottom: 1.4em; width:100%; font-weight: 200; line-height: 1.65em; border: solid 1px #222; }
th          { font-weight: bold; background: #0C0E10; }
th,td       { padding: 4px 10px 4px 5px; border: solid 1px #222; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* pulsante donazione */

.shiny-button {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  background-color: #C0330E;
  background-image: -webkit-linear-gradient(top, #c5340e 0%, #cd4c29 48%, #C0330E 49%, #C0330E 82%, #da3a10 100%);
  background-image: -moz-linear-gradient(top, #c5340e 0%, #cd4c29 48%, #C0330E 49%, #C0330E 82%, #da3a10 100%);
  background-image: -o-linear-gradient(top, #c5340e 0%, #cd4c29 48%, #C0330E 49%, #C0330E 82%, #da3a10 100%);
  background-image: linear-gradient(top, #c5340e 0%, #cd4c29 48%, #C0330E 49%, #C0330E 82%, #da3a10 100%);
  border-color: hsl(12, 26%, 40%);
  -webkit-box-shadow: inset 0 0 1px 1px #f0542b, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #f0542b, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #f0542b, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #611a07;
  -moz-text-shadow: 1px 1px 1px #611a07;
  -o-text-shadow: 1px 1px 1px #611a07;
  text-shadow: 1px 1px 1px #611a07;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  padding: 12px 30px 12px 30px;
}

.shiny-button strong {
  letter-spacing: 1px;
  font-size: 22px;
}

.shiny-button:hover {
  color: #FFFFFF;
  background-color: #ce370f;
  background-image: -webkit-linear-gradient(top, #d3380f 0%, #d55330 48%, #ce370f 49%, #ce370f 82%, #e83e11 100%);
  background-image: -moz-linear-gradient(top, #d3380f 0%, #d55330 48%, #ce370f 49%, #ce370f 82%, #e83e11 100%);
  background-image: -o-linear-gradient(top, #d3380f 0%, #d55330 48%, #ce370f 49%, #ce370f 82%, #e83e11 100%);
  background-image: linear-gradient(top, #d3380f 0%, #d55330 48%, #ce370f 49%, #ce370f 82%, #e83e11 100%);
  border-color: hsl(13, 27%, 43%);
  -webkit-box-shadow: inset 0 0 1px 1px #f05c34, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #f05c34, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #f05c34, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #6f1e08;
  -moz-text-shadow: 1px 1px 1px #6f1e08;
  -o-text-shadow: 1px 1px 1px #6f1e08;
  text-shadow: 1px 1px 1px #6f1e08;
}

.shiny-button:active {
  color: #FFFFFF;
  background-color: #b22f0d;
  background-image: -webkit-linear-gradient(top, #a82c0c 0%, #C0330E 100%);
  background-image: -moz-linear-gradient(top, #a82c0c 0%, #C0330E 100%);
  background-image: -o-linear-gradient(top, #a82c0c 0%, #C0330E 100%);
  background-image: linear-gradient(top, #a82c0c 0%, #C0330E 100%);
  padding: 13px 30px 11px 30px;
}