/*
-----------------------------------------------
lasola.li Print Style
Author:   Robert Hilbe
Version:  15 September 2005
----------------------------------------------- */

body {
   margin: 0;
   padding: 0;
   font: small/1.5em helvetica, arial, verdana, sans-serif;
   color: #333;
   background: #fff;
   text-align: center;
   }

p {
   margin: 0 0 0.5em 0;
   letter-spacing: 0.02em;
   }

hr {
   display: none;
   }

.clear {
   clear: both;
   }

/* =Hide
----------------------------------------------- */

#accessibility, #navigation, #side, #search, .top  {
   display: none;
   }

/* =Headings
----------------------------------------------- */

h1 {
   margin: 1.5em 0 1em 0;
   font-weight: normal;
   color: #852129;
   font: 170% geneva,helvetica,arial,sans-serif;
   }

h2 {
   margin: 1.3em 0 0.8em;
   clear: both;
   font: bold 145%/1.3em geneva,helvetica,arial,sans-serif;
   color: #852129;
   }

h3 {
   margin: 1.3em 0 0.8em;
   clear: both;
   font: bold 125%/1.3em geneva,helvetica,arial,sans-serif;
   color: #852129;
   }

h4 {
   margin: 1.3em 0 0.4em 0;
   clear: both;
   font: bold 105%/1.3em geneva,helvetica,arial,sans-serif;
   color: #852129;
   }

/* =Links
----------------------------------------------- */
   
a, a:link, a:visited {
   color: blue;
   text-decoration: underline;
   border: none;
   }

#content a:link:after, #content a:visited:after {
   font-size: 90%;
   content: " (http://lasola.li/" attr(href) ") ";
   }

a img {
   padding: 3px;
   border: none;
   }

/* =Container
----------------------------------------------- */

#container {
   margin: 1em 3em;
   padding: 0 1px;
   text-align: left;
   }

/* =Header
----------------------------------------------- */

#header {
   margin: 0;
   height: 90px;
   position: relative;
   }

#logo {
   float: left;
   border: none;
   }

#logo img {
   margin: 0 7px 0 0;
   display: inline;
   }

#header h1 {
   margin: 0 0 0 60px;
   padding: 20px 0 0 0;
   }

#header h1 a {
   text-decoration: none;
   color: #852129;
   font: 140% geneva,helvetica,arial,sans-serif;
   }


/* =Content
----------------------------------------------- */

#content {
   font-size: 105%;
   }

#content fieldset {
   padding: 1em 0;
   border: solid #ddd;
   border-width: 1px 0;
   }

#content p {
   letter-spacing: 0.01em;
   }

#content legend {
   padding: 0 0.5em;
   }

/* =Footer
----------------------------------------------- */

#footer {
   margin: 0;
   padding: 1em 0;
   color: #bbb;
   background: url(/img/footer-bg.png);
   font-size: 75%;
   line-height: 1.4em;
   clear: both;
   border-top: 1px solid #e0e0e0;
   display: none;
   }

#footer a {
   font-weight: normal;
   display: none;
   }

/* =Classes
----------------------------------------------- */

.clear {
   clear: both;
   }

.hide {
   display: none;
   }

.floatleft {
   margin: 0 10px 5px 0;
   float: left;
   }

.floatright {
   margin: 0 0 5px 10px;
   float: right;
   }

.button {
   padding: 2px 3px;
   display: none;
   }

abbr, acronym, .help {
   border-bottom: dotted 1px #ccc;
   }

.atelier, .team, .jobdescription {
   margin: 0 0 1.8em;
   padding: 0 0 0.2em 0.7em;
   background: #eee url(/img/atelier.gif) no-repeat 0 100%;
   }

.atelier h3, .team h3, .jobdescription h3 {
   margin: 0;
   padding: 0.5em 0 0.3em 0;
   font-size: 110%;
   background: url(/img/atelier-h3.gif) no-repeat 100% 0;
   }

.atelier p, .team p, .jobdescription p {
   margin: 0;
   padding-right: 0.5em;
   }

.team img.foto {
   margin: 0 0.8em 0.2em 0.2em;
   float: left;
   }

/* =Tables
----------------------------------------------- */

table {
   margin: 1em 0;
   empty-cells: show;
   border-collapse: collapse;
   border-top: 1px solid #cfcfcf;
   border-left: 1px solid #e5e5e5;
   }

caption {
   font: bold 130%/2 georgia,serif;
   letter-spacing: 0.02em;
   color: #999;
   }

th, td {
   padding: 4px 8px;
   background: #fff;
   border-bottom: 1px solid #cfcfcf;
   border-right: 1px solid #e5e5e5;
   }

th {
   background: #f3f3ff;
   }

/* =Forms
----------------------------------------------- */

form fieldset {
   padding: 10px 15px;
   background: #fff;
   border: 1px solid #e5e5e5;
   border-color: #cfcfcf #e5e5e5 #cfcfcf #e5e5e5;
   }

form legend {
   padding: 0 3px;
   font-weight: bold;
   letter-spacing: 0.02em;
   color: #999;
   }

form label {
   font-weight: bold;
   color: #444;
   }
   
form dt {
   margin: 4px 0;
   width: 170px;
   height: 1em;
   float: left;
   clear: both;
   }

form dd {
   margin: 4px 0;
   }

form input {
   margin: 6px 0;
   font-size: 80%;
   color: #666;
   padding: 2px;
   background: #fff;
   border: 1px solid #cfcfcf;
   }