/**************************************************************
 * Roberto Sciascia hand-edited stylesheet, v1.0.0 13.06.2008 *
 **************************************************************/

/* general styles */
body { font: 12px arial, sans-serif; background: #646464; color: #333; text-align: left; margin: 0; padding: 0; text-align: center; }
html, form { margin: 0; padding: 0; }
img, a img { border: 0; }
table { font: 12px arial, sans-serif; background: #646464; color: #333; border: 0px; text-align: left; margin: 0; padding: 0; text-align: left; }
a { text-decoration: none; color: #C0C0FF; }
a:hover { text-decoration: none; color: #E0E0E0; }

#header { width: 955px; height: 150px; /*border: 1px dashed #FFFFFF;*/ margin-left: auto; margin-right: auto; text-align: left; position:relative; }
#photo { width: 120px; height: 123px; /*border: thin dashed #F00;*/ left: 0; top: 27px; position: absolute; }
#headtitle { top: 27px; left: 125px; width: 520px; height: 123px; /*border: thin dashed #0F0;*/ font: 14px courier; position: absolute; color: #FFF; }
#headtitle a { color: #999; }
#name { font: 24px courier; font-weight: bold; letter-spacing: 2px; }
#language { font: 12px arial, sans-serif; color: #999; position: absolute; bottom: 0; left: 0; /*border: thin solid #F0F;*/ }
#cv { font: 12px arial, sans-serif; color: #999; position: absolute; bottom: 0; right: 0; /*border: thin solid #F0F;*/ text-align: right; }
#quotes { top: 0; left: 650px; width: 300px; height: 150px; position: absolute; color: #FFF; background: #757599; /*border: thin dashed #00F;*/ }
#quotes div { position: absolute; bottom: 0; left: 0; vertical-align: bottom; font-size: 80%; /*border: thin dashed #F0F;*/ }

#band { width: 100%; height: 420px; background: #868686; /*border: thin dashed #F0F;*/ }
#main { top: 0; width: 955px; height: 100%; /*border: 1px dashed #FFF;*/ margin-left: auto; margin-right: auto; text-align: left; position:relative; }
#menu { top: 0; left: 0; background: #757575; height: 100%; width: 120px; /*border: 1px dashed #00F;*/ }
#menu p:before { content: url("grafica/menuarrow.gif"); padding-right: 3px; vertical-align: middle; }
#menu a:hover { text-decoration: none; }
#menu a.noemphasis { color: #424242; }
#core { top: 0; left: 120px; width: 530px; height: 80%; text-align: center; /*border: 1px dashed #F00;*/ position: absolute; }
.load { margin-top: auto; margin-bottom: auto; margin: 0 auto; background: url(grafica/loading.gif) no-repeat center; /*border: 1px dashed #0FF;*/ }
#caption { color: #333; }

/* Links and Blog styles */
#links { top: 0; left: 650px; background: #339; height: 100%; width: 300px; position: absolute; overflow: auto; }
#links p.news { color: #333; }
#links .title { color: #000; font-weight: bold; }
#links .postDate { color: white; }
#links h3 { color: white; margin-top: 0; }
#links a { color: #999; }
#links a:hover { color: #FFF; }

#blog { top: 0; left: 650px; background: #339; color: #999; height: 100%; width: 300px; position: absolute; overflow: auto; }
#blog p.entry { color: #333; }
#blog .title { color: #000; font-weight: bold; }
#blog .postDate { color: white; }
#blog h3 { margin-top: 0; color: white; }
#blog a { color: #999; }
#blog a:hover { color: #FFF; }

#footer { width: 955px; color: #868686; /*border: 1px dashed #FFF;*/ margin-left: auto; margin-right: auto; text-align: right; position:relative; }

#firefox { bottom: 20px; left: 0; position:absolute; /*border: 1px solid #F00;*/ }
#compliant { bottom: 0; left: 0; position:absolute; /*border: 1px solid #F00;*/ }

/* Normal page style */
#page { width: 955px; /*border: 1px dashed #FFFFFF;*/ margin-left: auto; margin-right: auto; text-align: left; font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; color: white; position:relative; }
#page h2 { text-align: center; font-size: 24px; margin-top: 10px; }
#page h3 { width: 100%; background: #757575; font-weight: bold; margin-top: 5px; margin-bottom: 5px; padding: 2px; /*border: 1px dashed #999;*/ }

/* Code page styles */
#title { text-align: center; font-size: 16px; margin-top: 20px; }
#question { margin-top: 5px; }
.answer { margin-top: 5px; background: #868686; }

/* Photo page styles */
#photo_section { background: #646464; /*border: 1px dashed #FFF;*/ position: relative; }
#photo_section.special { background: #555; }
#year { width: 100%; background: #757575; font-weight: bold; margin-top: 5px; margin-bottom: 5px; padding: 2px; /*border: 1px dashed #999;*/ }
#pic_title { float: left; width: 230px; min-height: 30px; margin: 0; padding: 0; /*border: 1px dashed #F00;*/ }
#pic_comment { float: left; width: 715px; margin: 0; padding: 0; /*border: 1px dashed #00F;*/ }
.cleaner { clear: both; height: 1px; font-size: 1px; border: none; margin: 5px; padding: 0; background: transparent; }

/* Notes page styles */
#note_title { float: left; width: 230px; min-height: 30px; margin: 0; padding: 0; /*border: 1px dashed #F00;*/ }
#note_comment { float: left; width: 715px; margin: 0; padding: 0; /*border: 1px dashed #00F;*/ }
.cleaner { clear: both; height: 1px; font-size: 1px; border: none; margin: 5px; padding: 0; background: transparent; }

/* CSS tip */