/* styles common for all pages. ***********************************************/

html, body {
padding:0;
color:#333;
background-color:white;
font-family:"lucida grande", helvetica, verdana, sans-serif;
margin:0;
text-align:center;}

div#main {
text-align:left;
background-repeat:no-repeat;
border-top:1px solid white; /* more css funk .. remove this and stuff moves */
width:870px; /* this specifies the width for most content! */
height:700px;
margin:0 auto;
position:relative;}

img {
border:none;}

a {
text-decoration:none;
color:#369;}

a:hover {
text-decoration:underline;}

/* partly shared decls , note, no page specifier */

div#listcontent {
margin-top:80px;}

div#listcontent div#menu {
padding-left:35px;}

div#listcontent table {
margin-top:40px;
font-size:11px;
margin-bottom:20px;}

div#listcontent td.year {
vertical-align:top;
padding-right:8px;}

div#listcontent td {
font-size:11px;
padding-bottom:5px;}

div#listcontent td p {
line-height:22px;
margin:0;}

/* index **********************************************************************/

html#index div#main {
background-image:url(/image/frontpage_guy.png);
background-position:185px 0px;}

html#index div#menu {
position:absolute;
top:150px;
left:0;}

html#index div#menu ul {
padding:0;
margin:0; }

html#index div#menu li {
list-style-type:none;
line-height:26px;
padding:0;
margin:0;}

html#index div#menu p#author {
margin-top:25px;
color:#999;
font-size:11px;}

html#index div#mailing {
background-image:url(/image/frontpage_doggy.png);
background-repeat:no-repeat;
background-position:top left;
padding-top:15px;
padding-left:135px;
position:absolute;
top:545px;
left:-5px;
height:130px;
width:300px;}

html#index div#mailing h2 {
margin:0; 
font-size:16px;
font-weight:normal;}

html#index div#mailing input#emailinput {
width:200px;}

html#index div#mailing p {
font-size:11px;
margin:5px 0 3px 0;}

html#index div#newssection {
margin-left:620px;
width:245px;}

html#index div#newssection div#newsgraphics {
margin-top:80px;
margin-left:-5px;
margin-bottom:10px;}

html#index div#newssection h2 {
line-height:17px;
margin:0;
margin-top:11px;
color:#333;
font-size:11px;
text-transform:uppercase;
font-weight:bold;}

html#index div#newssection p {
margin:0;
line-height:15px;
color:#333;
font-size:11px;}

html#index div#newssection p.date {
color:#999;}

html#index div#newssection a,
html#index div#newssection p#more_news_toggler {
color:#369;}

html#index div#newssection p#more_news_toggler {
margin-top:11px;
cursor:pointer;}

/* listing images ************************************************************/

html#street div#main {
background-image:url(/image/streetposters.png);
background-position:340px 40px;}

html#exhibitions div#main {
background-image:url(/image/exhibitions.png);
background-position:360px 20px;}

html#mixed div#main {
background-image:url(/image/mixedprojects.png);
background-position:340px 30px;}

html#spray div#main {
background-image:url(/image/spray.png);
background-position:320px 30px;}

html#tshirts div#main {
background-image:url(/image/tshirts.png);
background-position:260px 80px;}

html#illustrations div#main {
background-image:url(/image/illustrations.png);
background-position:350px 35px;}

html#about div#main {
background-image:url(/image/about.png);
background-position:460px 35px;
height:800px;}

html#contact div#main {
background-image:url(/image/contact.png);
background-position:130px 130px;
height:800px;}
/* gallery and view styles ****************************************************/

/* some dark-voodoo reflowing and repurposing of elements! */

html.gallery div#main, html.view div#main {
background-image:none !important;
padding:40px 0;
height:auto;}


html.view div#main {
text-align:center;
width:100%;
margin:0;}

/* spans are not blocklevel elems, so margin affect left/right only */
html.gallery span.gallery-preview {
line-height:31px;
margin:10px 10px 10px 0;}

div#gallery-menu, div#view-menu {
position:absolute; /* remove from flow ... */
font-size:11px;}

html.view div#view-menu {
position:static; /* unless view page! */
width:870px; 
height:0;
margin:0 auto;
text-align:left;
background-color:red;}

div#gallery-header, div#view-header {
margin-bottom:25px;
text-align:center;}

div#gallery-header p, div#view-header p{
margin:0;
font-size:11px;}

div#gallery-header h1, div#view-header h1 {
margin:0;
font-size:11px;
font-weight:normal;
margin-bottom:10px;}

div#view-image {
display:table;
margin:0 auto;
width:10px;
font-size:11px;}

div#view-image table {
margin:0;
width:100%;
margin-top:15px;}

div#view-image td#view-image-counter, div#view-image td#view-image-misc {
text-align:right !important;
vertical-align:top;
width:50px;}

/* about *********************************************************************/

div#about-text {
width:380px;
margin-left:0px;
margin-top:35px;
font-size:11px;}

/* links *********************************************************************/

html#links div#link-box {
position:relative;
top:-80px;
margin:0 auto;
width:480px;}

html#links div#link-top-graphic {
height:470px;}

html#links div#link-top-graphic img {
z-index:0;
/*border:1px solid red;*/
position:absolute;}

html#links div#link-list {
margin-left:100px;
position:relative;
z-index:100;
top:-130px;
}

html#links div#link-list ul {
list-style-type: none;
margin:0;
padding:0;
font-size:11px;}

html#links div#link-list ul li {
margin:10px;}


html#links div#link-list a {
color:#333;}

html#links div#link-middle-box {
background-image:url(/image/links_repeat.png);
background-repeat:repeat-y;
z-index:10;
top:-20px;
position:relative;}

html#links div#link-middle-box div#link-bottom-graphic {
z-index:0;
/*border:1px solid blue;*/
position:absolute;
background-color:white;
bottom:-200px;
height:400px;
left:0;}

/* contact *******************************************************************/

html#contact p#contact-email {
position:absolute;
top:245px;
left:510px;}
html#contact p#contact-email a {
color:#333;
font-size:16px;}