/* clear stuff */
html, body, form, fieldset, div, table, td {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, pre, address {
margin: 0;
padding: 0;
}

blockquote {
margin: 0;
padding: 0;
}

a img {
border:none;
}

#accessability {
display:none;
}

/* done clearing stuff */

body {
font:13px/18px Helvetica, Arial, sans-serif;
color:#333;
background:#FFF url('img/columnsrepeaty2.gif') center top repeat-y;
}

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

h1, h1 a {
font:15px/18px Helvetica, Arial, sans-serif;
color:#000;
text-decoration:none;
}
h1 a:hover {
color:#009;
}

blockquote {
font-style:italic;
color:#666;
}

.pad {
padding:8px;
margin:0;
border:none;
}

#page {
width:960px;
margin:0 auto;
text-align:left;
}

#header {
font:17px/18px Helvetica, Arial, sans-serif;
color:#000;
height:133px;
padding:11px 0 14px 0;
}

#header .year {
margin-left:19px;
color:#999;
}

.column {
float:left;
width:137px;
word-wrap: break-word;
}

/* fix for fucking WinXP IE */
.column.lastfm {
	width:133px;
}

.doublecolumn {
float:left;
width:274px;
word-wrap: break-word;
}

.triplecolumn {
float:left;
width:411px;
word-wrap: break-word;	
}

.column .item,
.doublecolumn .item,
.triplecolumn .item {
margin-top:18px;
}

.column.personalia img {
margin:0 0 5px 0;
}

#mytwitter .item p {
font-size:20px;
line-height:27px;
}

#mytwitter .item {
margin-bottom:1px;
}

#flickr {
visibility:hidden;
}

#flickr p {
font-size:12px;
color:#666;
}

#flickr img {
margin:3px 0 0 0;
}

.column.twitter .item p {
color:#666;
}
.column.twitter .item.hilite p {
color:#333;
}

#lastfm .item p a {
color:#666;	
}

.posted,
a.posted {
font-size:11px;
font-weight:bold;
color:#999;
text-decoration:none;
}