body {
  font-family: sans-serif, Verdana, Arial, Sans-serif;
  letter-spacing: 0.09em;
  font-size: 0.65em;
  background-color: #c4d7c1; }

* {
  margin: 0px;
  padding: 0px;
  text-decoration: none; }

img {
  border: 0; }

p {
  line-height: 1.4em;
  padding: 5px; }

a {
  color: #009900;
  text-decoration: underline; }

a:hover {
  color: #990000;
  text-decoration: none; }

h1 {
  font-size: 28px; }

h2 {
  color: #009900;
  font-size: 1.4em;
  font-weight: normal;
  border-bottom: 2px solid;
  padding-bottom: 4px;
  padding-left: 8px; }

h3 {
  color: #4d9b12; }

form h3 {
  margin: 25px 0 10px 0;
  border-bottom: 1px solid; }

.textile_reference {
  border: 1px #999999;
  margin: 30px 165px 30px 30px;
  background: #f9f9f9; }
  .textile_reference .heading {
    background: #eeeeee;
    font-size: 1.2em;
    font-weight: bold;
    padding: 4px 10px; }
  .textile_reference .content {
    padding: 2px 10px 15px 10px; }

#header {
  position: relative;
  background: #eeeeee;
  height: 60px;
  border-top: 6px solid #008832;
  padding: 0 3%; }
  #header img.logo {
    margin-left: 3%;
    position: relative;
    top: -2px; }
  #header img.title {
    margin-left: 10px;
    position: relative;
    top: -15px; }
  #header .flag {
    margin-left: 95%;
    position: relative;
    top: -56px; }
  #header .flag:hover {
    border-bottom: 2px solid #666666; }
  #header .tweet {
    margin-left: 95%;
    position: relative;
    top: -46px;
    background: url("/images/icons/tweet.png") top left no-repeat;
    overflow: hidden;
    width: 22px;
    height: 22px; }
    #header .tweet a {
      padding: 11px;
      text-decoration: none; }
  #header .tweet a:hover {
    background: url("/images/icons/tweet.png") 0px -11px no-repeat; }

#flash {
  margin-bottom: -3px; }

#nav {
  font-family: Verdana, Arial, sans-serif;
  position: absolute;
  top: 10px;
  left: 35%;
  font-size: 1.2em;
  padding-top: 20px; }
  #nav ul {
    list-style-type: none; }
    #nav ul li {
      float: left; }
    #nav ul a {
      padding: 8px 5px;
      font-weight: bold;
      display: block;
      text-decoration: none;
      color: #407053; }
    #nav ul a:hover {
      background: #d8ebde;
      color: #003a17; }

#nav_shadow {
  width: 100%;
  top: 66px;
  position: absolute;
  height: 7px;
  z-index: 2;
  background: url("/images/nav_dropshadow.png") repeat-x; }

#carousel {
  display: block;
  position: relative; }

#box.box {
  float: left;
  margin: 20px; }

#content {
  top: -48px;
  margin: 0 5% 0 4%;
  border-left: 0px solid #eeeeee;
  z-index: -1;
  background: white url("/images/paper_sheet_bg_side.png") repeat-y scroll right top; }
  #content img {
    float: left;
    margin-right: 2%; }

#page {
  clear: both;
  padding: 23px 4% 28px 4%;
  font-size: 1.4em;
  border-top: 1px solid #cccccc;
  position: relative;
  top: -5px; }

#inner_content {
  margin-right: 4px; }

.content {
  margin: 14px 7px 30px; }

#sheet_end {
  width: 100%;
  background: url("/images/nav_dropshadow.png") repeat-x scroll top left;
  height: 4px;
  position: relative;
  top: 2px;
  margin-bottom: 30px; }

#footer {
  text-align: center;
  margin-top: 20px;
  padding: 5px 0;
  background: #ebffe9; }
  #footer a {
    font-size: 1em;
    background: none; }

#message {
  padding: 3px 5px;
  margin-left: 30%;
  position: absolute;
  top: 8px; }

.message_notice {
  color: #0d9c46;
  background: #dfffec;
  border: 1px solid #0d9c46; }

.message_error {
  color: #9e0000;
  background: #ffacac;
  border: 1px solid #9e0000; }

.error {
  background: #ffded6; }

div.error {
  margin: 20px;
  padding: 8px;
  border: 1px solid #cc0000;
  background: #fcf2e8; }
  div.error h2 {
    color: #dd5e38; }
  div.error ul {
    margin: 5px 0 0 20px; }

form input, form textarea, form select {
  padding: 4px;
  font-size: 1.4em;
  line-height: 1.2em;
  width: 95%; }
form textarea {
  font-size: 1.3em;
  height: 300px; }
form input.submit {
  width: auto; }
form .date {
  width: 50px;
  display: inline; }
form .short {
  width: 25px; }

#map_selector {
  height: 76px; }
  #map_selector ul {
    position: relative;
    margin: 0 0 0 0;
    list-style-type: none; }
    #map_selector ul li {
      float: left;
      text-align: right;
      margin: 0 4%;
      padding: 20px 12px 0px 12px;
      background: #c2d4ba;
      border: 2px solid #cccccc;
      border-top: 0;
      border-left: 0;
      font-size: 1.2em; }
      #map_selector ul li img {
        position: relative;
        margin: 0 10px 0 -4px;
        top: -20px; }
    #map_selector ul li.current {
      border: 2px solid #999999;
      border-top: 0;
      border-left: 0;
      background: #afee94; }
    #map_selector ul li.back {
      padding: 20px 20px 0px;
      background: #c7e9e6; }

.map {
  width: 100%;
  margin: 0px auto;
  height: 600px;
  position: relative; }

#big_image img {
  width: 100%; }

#page {
  text-align: justify; }
  #page .content {
    margin-top: 14px;
    margin-bottom: 30px; }

#pagine {
  margin-left: 20px; }
  #pagine p {
    margin-top: 20px; }

#page label, .devise label {
  font-weight: bold;
  font-size: 0.9em; }
#page label, #page input, .devise label, .devise input {
  display: block;
  margin: 5px 0; }
#page input, .devise input {
  margin-bottom: 20px; }
#page input, #page textarea, .devise input, .devise textarea {
  margin-left: 8px; }
#page input.submit, .devise input.submit {
  margin: 0; }
#page form, .devise form {
  margin-left: 7px; }

.pages #page input.submit {
  margin-top: 20px;
  margin-left: 550px; }

#preview {
  min-height: 300px;
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 5px; }

#textile_reference {
  width: 60%;
  margin: 10px;
  padding: 5px;
  border: 1px solid #009900; }
  #textile_reference .heading {
    padding: 5px;
    font-size: 1em;
    color: #009900;
    background: #deffe6;
    margin: -5px -5px 5px -5px; }

#textile_reference_link {
  float: right;
  margin-right: 3%; }

a.edit {
  float: right;
  color: #ff7500;
  font-size: 12px;
  margin: 10px 11px 0 0; }

a.edit:hover {
  color: #990000; }

#article p, #work p {
  margin-bottom: 10px;
  clear: both; }

#articles .hover_show .img_box {
  position: relative;
  float: left;
  width: 32%; }
  #articles .hover_show .img_box img {
    cursor: pointer;
    cursor: hand;
    margin: 0;
    width: 80%;
    margin: 10px 0; }
  #articles .hover_show .img_box .back, #articles .hover_show .img_box .text {
    position: absolute;
    cursor: hand;
    left: -70px;
    margin: 0;
    padding: 0; }
  #articles .hover_show .img_box img.back {
    border: 2px solid #222222;
    z-index: 2;
    top: -70px;
    width: 315px; }
  #articles .hover_show .img_box p.back {
    z-index: 3;
    margin-left: 1px;
    background: #333333;
    height: 30px;
    top: 190px;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7; }
  #articles .hover_show .img_box p.text {
    font-size: 11px;
    z-index: 4;
    color: white;
    top: 195px;
    margin-left: 15px; }
#articles table {
  clear: left;
  font-size: 0.8em;
  margin-top: 20px; }
  #articles table th {
    font-size: 0.9em;
    text-align: left; }
  #articles table td {
    padding: 0 5px; }
  #articles table td.name {
    font-size: 1.1em;
    line-height: 2em; }

#works h4 {
  margin-top: 20px; }
#works p {
  margin-left: 2px; }
#works .viewables {
  margin-left: 3%;
  margin-bottom: 30px;
  text-align: center; }
  #works .viewables .work_image {
    float: left;
    margin: 2%; }
#works .grey {
  background: #eaffe2;
  padding: 10px; }
  #works .grey .show {
    font-size: 1.1em; }
#works .by_year {
  margin-left: 15px;
  margin-bottom: 10px; }
  #works .by_year img {
    float: none;
    margin: 0; }

#works #list {
  clear: left;
  padding-top: 40px; }

#work {
  margin: 12px 15px; }
  #work #images .image {
    float: left;
    margin: 5px 10px; }
    #work #images .image div.head {
      text-align: right;
      background: #e0ffe0;
      padding: 8px 15px; }

#new_image {
  float: left;
  padding: 10px 20px 15px 10px;
  border: 1px solid #4fca43;
  margin: 10px;
  background: #eaffe2; }
  #new_image .submit {
    margin-left: 60%; }

#test_images {
  text-align: center;
  margin: 0 auto; }
  #test_images img {
    width: 100%; }

#projects {
  padding-top: 20px;
  margin: 0 30px 20px;
  font-size: 1.2em; }
  #projects h2 {
    font-size: 1.5em; }
  #projects table {
    border: 1px solid #cccccc; }
    #projects table thead {
      background: #41c069;
      color: white; }
    #projects table th {
      padding: 9px;
      font-size: 1.2em;
      font-weight: bold; }
      #projects table th a {
        color: #eeeeee; }
    #projects table td {
      padding: 5px;
      background: #fafafa; }
    #projects table tr.odd td {
      background: #eeeeee; }
    #projects table tr:hover td {
      background: #dddddd;
      cursor: pointer; }

#projects table span {
  font-weight: bold;
  font-size: 1.2em;
  color: #1aa245;
  background: #faf4b2; }

#project {
  font-size: 1.1em; }
  #project #infos p {
    line-height: 11px; }
  #project #infos p.title {
    font-weight: bold; }
  #project #infos p.descr {
    margin: 0 0 10px 10px;
    font-size: 1.3em; }
  #project table#plates {
    margin: 15px 30px; }
    #project table#plates td.descrizione {
      font-size: 1.2em; }

ul#plates_images {
  float: left;
  list-style-type: none;
  margin: 20px; }
  ul#plates_images li {
    background: #eeeeee;
    float: left;
    margin: 5px; }
    ul#plates_images li div {
      text-align: center;
      padding: 4px 0 0 0; }
    ul#plates_images li img {
      padding: 4px; }
  ul#plates_images li:hover {
    background: #cccccc; }

form#new_plate {
  float: right;
  margin: 10px;
  padding: 10px;
  background: #ecffee; }
  form#new_plate input {
    width: 250px;
    display: block; }
  form#new_plate input.num {
    width: 60px; }
  form#new_plate input.submit {
    width: auto; }

#project input.integer {
  width: 10%; }

p.plate_alert {
  background: #fad77f;
  color: #684f0f;
  margin: 20px;
  padding: 5px 20px;
  font-size: 1.4em; }

#projects .back a {
  font-size: 1.4em;
  padding: 20px; }

#toggle_how_to {
  font-size: 1.3em;
  margin-top: 5px; }

#how_to {
  font-size: 1.3em;
  background: #eeeeee;
  padding: 10px; }
  #how_to ul {
    list-style-type: none; }

.devise #inner_content {
  clear: both;
  padding: 23px 4% 28px 4%;
  font-size: 1.4em;
  border-top: 0;
  position: relative;
  top: -5px; }
  .devise #inner_content #page {
    border-top: 0; }
  .devise #inner_content input {
    width: 35%; }
  .devise #inner_content input.submit {
    width: auto;
    padding: 20px;
    margin-left: 28%; }
  .devise #inner_content input.checkbox {
    float: left;
    width: 30px; }
  .devise #inner_content h2 {
    margin-bottom: 25px; }
  .devise #inner_content #sheet_end {
    display: none; }
  .devise #inner_content #devise_links {
    margin-top: 20px; }

ul#user, ul#users {
  list-style-type: none; }
  ul#user li, ul#users li {
    line-height: 34px; }

.under_submit {
  margin-top: 15px; }

.right {
  float: right; }

.clear {
  clear: both; }

.back {
  margin-top: 20px; }

#page_not_found {
  padding: 50px 30px 30px; }
  #page_not_found h1 {
    margin-bottom: 10px; }
  #page_not_found p {
    font-size: 14px; }

ul.error_messages {
  margin: 5px 15px;
  padding: 0px 15px;
  list-style-type: none;
  border: 1px solid red; }
  ul.error_messages li {
    line-height: 30px; }

#search_project {
  padding: 20px 0 50px; }
  #search_project input {
    width: 400px;
    float: left; }
  #search_project input.submit {
    width: auto;
    float: left;
    margin: 6px 0 0 8px; }