@import url("reset.css");

div#debug                             {font-family:"Andale mono"; font-size:10px; color:blue; position:fixed; top:15px; right:15px;}
body                                  {font-family:'Helvetica', Arial, sans-serif; color:#000000; font-size:0.9em; font-weight:lighter; min-width:1090px; padding-bottom: 30px;}
#wrapper                              {padding:12px 0px 0px 0px; border-bottom: 0px solid;}
#about #wrapper                       {padding:12px 0px 0px 0px; border-bottom: 1px solid;}

p,ul,ol                               {margin-bottom:1.2em;}

/* menu */                            
#menu                                 {letter-spacing:1px; text-transform: lowercase; padding-left:12px; position:absolute; font-size: 122%; }
#menu li                              {display:inline;}
#menu a                               {text-decoration: none; margin-left: 5px;}
a#menu_home                           {margin-left:0px;}
a#menu_work	{margin-left: 15px;}
a#menu_about{margin-left: 15px;}

#home #menu_home,
#work #menu_work,
#about #menu_about						{color:#000000; border-bottom:1px solid; text-decoration: none; }

#menu a:hover                         {border-bottom:1px solid; color:#000000; text-decoration: none;}

a:link									{color: black;}
a:visited 								{}
p									{font-family: 'courier', monospace; font-size: 95%; line-height: 1.1em;}
h3 {font-weight: lighter; }
/* content */
#content                              {margin-top:50px;}         
#content_loading                      {text-transform:lowercase; letter-spacing:1px; margin-left:12px; font-size: 122%; visibility: hidden;}

#content .column                      {float:left; display:block; border-top:none; border-bottom: none; padding:2px 0px 0px 12px; width:255px; line-height:1.2em; font-size:100%; word-spacing: -0.04em; margin-bottom: 20px;}

#content .column h3                   {display:block; text-transform:lowercase; letter-spacing:1px; margin:5px 0px 7px 0px; font-size: 122%; font-weight: lighter;}
#content .column ul li:before         {content: "× "; font-size:110%;}
#content .column.contact ul li:before {content:" ";}
#content .column a:hover	          {text-decoration:none; border-bottom:solid 1px #000;}
#content .column a			          {text-decoration:underline;}
#content .column img	{margin-top: 3px;}

/* lade */
.item.first                           {border-top: 1px solid;}
.item                                 {border-bottom: 1px solid;}
/*.item span.year                     {float:right; text-align:right;}*/
.item h3                              {display:block; cursor: pointer; text-transform:lowercase; letter-spacing:1px; font-weight: lighter;}
                                      
.item h3 span                         {padding:2px 0 0px 12px; display:inline-block; width:345px; line-height: 22px; font-size: 122%;}
.active h3, .item h3 a:hover          {text-transform: uppercase; color: black;}
.item .body                           {display:none;}
.item .body img                       {vertical-align:top; background-color:#000000;}
.item .body .description              {padding:5px 0px 0px 12px; font-size:100%; width:275px; line-height: 1.2em; word-spacing: -0.04em;}
.item .body .description a            {text-decoration:underline;}
.item .body .description a:hover      {text-decoration:none; border-bottom:solid 1px #000;}
.item .body .description ul li:before {content:"× "; font-size:100%; color:;}

.item .body .thumbnails               {padding:7px 0px 0px 14px;}
.item .body .thumbnails ul li         {overflow:hidden; margin-bottom:2px; padding-left:0px; border-bottom:2px solid white;}
.item .body .thumbnails .current      {padding-left:0px;  border-bottom:2px solid white;}
.item .body .images                   {padding:7px 0px 10px 0px; display:block; margin-left:375px;}
.item .body .images div               {display:inline-block;}
.item .body .images div span          {background-color:#ffffff; clear:both; padding:5px 0 2px 0px; text-align:right; font-family: 'courier', monospace; font-size: 95%;}