/* COLORI INTERESSANTI

Blue e dintorni: steelblue,


*/

/* HTML & BODY */
html {
        background-color:	snow;
  	margin:			0;
	padding:		0;
}

body  {
  	background-color:	snow;
        border:                 8px solid #BBCCDD;
  	color:			black;
  	font: 			12px verdana, tahoma;
        width:                  1000px;
  	margin-top:		20px;
        margin-left:            auto;
        margin-right:           auto;
        padding:                0;
        text-align:             justify;
        -moz-border-radius:     25px;
}


/* MENU & TOP */
#nav {
        background-color:       #BBCCDD;
        border-bottom:          3px solid steelblue;
        margin-top:             -1px;
        width:                  1000px;
        height:                 30px;
}

#nav ul {
        margin:                 0;
        margin-bottom:          0;
        list-style:             none;
}

#nav li {
        background-color:       transparent;
        border-bottom:          4px solid transparent;
        color:                  white;
        display:                inline;
        font-size:              150%;
        margin-right:           15px;
        padding:                4px;
}

#nav a:link, #nav a:visited {
        color:                  #006699;
        font-weight:            normal;
        text-decoration:        none;
}

#nav a:hover, #nav a:active {
        color:                  white;
        font-weight:            normal;
        text-decoration:        none;
}

.bigFirst {
        color:                  yellow;
        font-size:              130%;
        font-weight:            bold;
        text-decoration:        underline;
}

.top {
        background-image:       url(../images/top.bmp);
        background-repeat:      no-repeat;
        color:                  snow;
        height:                 120px;
        width:                  1000px;
        margin:                 0;
        margin-top:             3px;
        padding:                0;
}

.info {
        background-color:       papayawhip;
        border-top:             2px solid gold;
        border-bottom:          2px solid gold;
        height:                 18px;
        margin:                 0;
        margin-top:             3px;
        padding:                5px;
        padding-left:           10px;
}

.credits {
        margin-left:            140px;
        padding-bottom:         5px;
        padding-top:            10px;
        text-align:             center;
}

.credits img {
        border:                 none;
        margin-right:           15px;
}

.leftColumn {
        float:                  left;
        margin-top:             20px;
        margin-left:            10px;
        width:                  130px;
}

.inLeft {
        background-color:	#EEEEEE;
        border:                 1px solid #BBBBBB;
        font-size:              80%;
        line-height:            1.5;
        margin:                 0;
        margin-bottom:          10px;
        -moz-border-radius:     12px;
        padding:                5px;
}

.page {
        line-height:            2.0;
        padding-left:           155px;
        padding-right:          15px;
        margin-top:             20px;
}

.end {
        font-size:              80%;
        font-style:             italic;
        padding:                5px;
        padding-right:          15px;
        text-align:             right;
}

.information1 {
        background-image:       url(../images/arrowRed.gif);
        background-position:    5px 0;
        background-repeat:      no-repeat;
        border-bottom:          3px solid #FF4040;
        font-size:              120%;
        font-weight:            bold;
        color:                  #FF4040;
        margin:                 0;
        height:                 32px;
        padding-left:           50px;
}

.information2 {
        background-color:       #FFAAAA;
        border-bottom:          3px solid #FF4040;
        margin:                 0;
        margin-bottom:          25px;
        padding:                8px;
        padding-left:           40px;
}


/* LINK & FORM */
a:link, a:visited {
        color:                  #006699;
        font-weight:            bold;
        text-decoration:        none;
}

a:hover, a:active {
        color:                  #006699;
        font-weight:            bold;
        text-decoration:        underline;
}

.formLeft {
        background-color:       snow;
        border:                 1px solid #BBCCDD;
        font: 			12px verdana, tahoma;
        margin-bottom:          6px;
        width:                  120px;
}

.formUrl {
        background-color:       #BBCCDD;
        background-image:       url(../images/page.gif);
        background-repeat:      no-repeat;
        background-position:    8px 2px;
        border:                 1px inset #EEEEEE;
        color:                  white;
        font-size:              125%;
        margin-top:             -3px;
        padding:                2px;
        padding-left:           30px;
        width:                  300px;
        -moz-border-radius:     8px;
}

input, select, textarea  {
        background-color:       #EEEEEE;
        border:                 2px solid #BBCCDD;
        width:                  400px;
}

/* HOMEPAGE */
.question {
        background-color:       transparent;
        background-image:       url(../images/arrowRed.gif);
        background-position:    5px 0;
        background-repeat:      no-repeat;
        border-bottom:          2px solid #FF4040;
        font-size:              120%;
        font-weight:            bold;
        color:                  #FF4040;
        margin-bottom:          0;
        height:                 32px;
        width:                  90%;
        padding-left:           50px;
}

.answer {
        background-color:       transparent;
        background-image:       url(../images/arrowGreen.gif);
        background-position:    30px 0;
        background-repeat:      no-repeat;
        border-bottom:          2px solid #008040;
        font-size:              120%;
        color:                  #008040;
        margin-bottom:          30px;
        margin-top:             4px;
        height:                 32px;
        width:                  90%;
        padding-left:           70px;
}

/* SMILES */
.smilesMenu {
        margin:                 0;
        margin-left:            20px;
        padding:                10px;
        list-style:             none;
}

.smilesMenu li {
        padding:                4px;
}

.listSmiles {
        border-right:           1px dashed steelblue;
        border-bottom:          1px dashed steelblue;
        padding:                10px;
        margin-bottom:          40px;
        text-align:             center;
}

.listSmiles label {
  	float: 			left;
  	width:			80%;
        text-align:             left;
}

/* PHRASES */
.listPhrases {
        list-style:             decimal;
}

.listPhrases li {
        margin-bottom:          15px;
        border-bottom:          1px dashed steelblue;
}

/* CONTACTS */
.listContacts {
        border-right:           1px dashed steelblue;
        border-bottom:          1px dashed steelblue;
        padding:                10px;
        margin-bottom:          10px;
        text-align:             center;
}

.listContacts label {
  	float: 			left;
  	width:			30%;
        text-align:             right;
}

/* WORKS */
.works {
        background-image:       url(../images/arrowRed.gif);
        background-position:    5px 40px;
        background-repeat:      no-repeat;
        border-bottom:          3px solid #FF4040;
        font-size:              130%;
        font-weight:            bold;
        color:                  #FF4040;
        margin:                 0;
        margin-top:             30px;
        height:                 75px;
        padding-left:           50px;
}

/* ARTICLES */
.listArticles {
        border-right:           1px dashed steelblue;
        border-bottom:          1px dashed steelblue;
        text-align:             center;
}

.listArticles label {
  	float: 			left;
  	width:			80%;
        text-align:             justify;
}

.articleTitle {
        border-bottom:          2px dashed steelblue;
        color:                  steelblue;
        font-size:              230%;
        font-weight:            bold;
        margin:                 0;
        padding:                0;
}

.articleInfo {
        background-color:	#EEEEEE;
        padding-left:           30px;
        -moz-border-radius:     8px;
}

pre {
        background-color:	#EEEEEE;
        border:                 1px solid #BBBBBB;
        font-style:             italic;
        padding:                5px;
}