/* reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
img { border:0 }
ol, ul, li { list-style:none }
strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none; vertical-align:top; }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* Typography */

h1 { font:24px; font-family: "Century Gothic", "Helvetica", "Arial", sans-serif; margin:60px 0 2px 0; color:#111 }
h2 { font:25px bold; font-family: Georgia, "Times New Roman", Times, serif; margin:8px 0 4px 0; color:#111 }
h3 { font:17px bold; font-family: "Century Gothic", "Helvetica", "Arial", sans-serif; margin:0 0 4px 0; color:#111 }
h3 a { padding: 4px 0; }
body, p, dt, dd, label, input, textarea { font-family:'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, Helvetica, sans-serif }

p { margin:2px 0 10px 0; font-size:12px; line-height:18px; color:#111 }
li { font-family: Georgia, "Times New Roman", Times, serif; font-size:15px; color:#111 }

input, textarea { border:2px solid #333; font-size:11px; color:#000; padding:3px }
	
a { color:#111; text-decoration:none }
a:hover { color:#fff; background: #FD423D; }
a:hover img, a.news:hover { border: none; padding: 0; }

/* Layout */
html, body { width: 100%; overflow: auto; }
* html, * body { overflow: hidden; }
body { background:url(cork.jpg) repeat fixed -200px 0; }

div#corkboard { width:520px; height:1000px; overflow: hidden; background:url(cork.jpg) top left; position: absolute; top:0; left: 0; }
body > div#corkboard { position:fixed; }
div#whiteboard { width:540px; min-height: 800px; height: 100%; overflow: auto; position:absolute; left:520px; top: 0; background:url(whiteboard.jpg) #aaa repeat-y 0 0; }
body > div#whiteboard { height: inherit; overflow: hidden; } 

div#main { margin: 10px 20px 0 20px; width: 480px; }
div#footer { margin: 10px 0 30px 0; width: 480px; text-align: center; }

ul#nav { list-style: none; width: 520px; height: 580px; position: absolute; top:0; left:0; }
ul#nav a { display: block; text-indent: -900%; position: absolute; outline: none }
ul#nav a:hover { background-position: left bottom; border:0; padding:0 }
ul#nav .home { width: 271px; height: 185px; background: url(home.jpg) no-repeat; left: 15px; top: 5px }
ul#nav .writings { width: 233px; height: 174px; background: url(writings.jpg) no-repeat; left: 11px; top: 358px }
ul#nav .films { width: 210px; height: 201px; background: url(films.jpg) no-repeat; left: 244px; top: 153px }
ul#nav .thought { width: 113px; height: 73px; background: url(thought.jpg) no-repeat; left: 335px; top: 80px }
ul#nav .performances { width: 253px; height: 146px; background: url(performances.jpg) no-repeat; left: -9px; top: 212px }
ul#nav .photos { width: 243px; height: 178px; background: url(photo.jpg) no-repeat; left: 294px; top: 354px; z-index: 1; }

br.columnEnder { clear:both; border:none; height:0 }
div.clear { clear: both; }
img.floatleft { float: left; }

div.contact { width: 240px; height: 111px; float: right; margin: 0 20px 0 0; padding:20px 0 0 0; background: url(sticky.png) no-repeat 0 0; text-align: center; font-size:.9em; z-index: 1; color: #333; }
div.contact a { color: #fff;  } 

div.navigation { width: 480px; float: left; margin: 0 0 10px 0; }
div.alignleft { float: left; }
div.alignright { float: right; }

div#sidebar { padding: 10px; min-height: 320px; height: auto !important; height: 320px; background: #ccc; border: 1px solid #111; }
li#links { float: right; width: 210px;  }
li#search { float: left; width: 240px;  }
h2.widgettitle, h2.widgettitle a { font-size: 17px; margin: 0 0 5px 0; }
li#links ul li a, ul#mylinks li a { font: 11px normal "Century Gothic", "Helvetica", "Arial", sans-serif; padding: 1px 0; }
ul#mylinks { margin: 0 0 10px 0; }
li#links ul li, ul#mylinks li { height: 13px; }
form#searchform { margin: 0 0 5px 0; }

div.movie { margin: 40px 0 0 40px; }
a.back { display: block; width: 420px; margin: 20px 0 0 40px; padding: 10px; color: #fff; }

div.filmcat { margin: 0 0 15px 0; width: 480px; }
div.afilm { height: 85px; margin: 0 0 5px 0; }
div.afilm img { float: left; margin: 0 10px 10px 0; }
div.afilm a:hover img { border: 0; padding: 0; }
div.afilm h3 { margin: 0 0 0 110px; padding: 5px 0 0 0; }
div.afilm p { margin: 0 0 0 110px; line-height: 14px; }

img.coverup { position: absolute; top: 0; left: 0px; }

div.afilm a img { border: 2px solid white; }
div.afilm a:hover img { border: 2px solid #FD423D; }
div.afilm a:hover h3 { text-decoration: underline; }

/* BLOG : General */
div.narrowcolumn, div.widecolumn { width:480px; margin: 10px 0 20px 0; }
div#blogsidebar { float:left; width:320px; position:absolute; top:0px; right:0 }
div#post { margin: 0 0 15px 0 }
div.post h3 a { font-size: 15px; }
ol.commentlist { margin:15px 0 }
div.entry { margin:10px 0 0 0; padding: 0 0 10px 0;  }
textarea#comment { width:480px }
form#commentform { margin: 0 0 20px 0 }
ol.commentlist li { border-left:3px solid #fff; border-bottom:1px solid #9d9e93; margin:0 0 15px 0; padding:0 0 0 10px }
div.entry p img, div.entry p a img { margin: -5px 0 5px 50px; width:200px; border:4px solid #fff }