/* The Treehouse Summer 2008 - 184k (the tumblr spin-off of wobbling jello combined with 183k bits) */
/* Winter 2009 colour splash beeeiige edition. */
/* °15/11/08 - Last update: 18/12/09*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 11px; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* STRUCTURE */
body {
	/*font: 12px "Arial", "Verdana", "sans-serif";
	line-height:16px;
	color:#333;*/
	font-family:Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:72.5%;
	line-height: 16px;
	color:#010101;
	background: #f5f4f0; /* f2f2f2 */
	}
	
#container {width:998px /*820px*/;margin:0 0 0px 0;padding: 0 50px 0 0;}

#header {width:795px; margin: 0 0 0 50px; padding: 38px 0 16px 0; border-bottom:3px solid #282828; }
#header span {line-height:18px; font-size:11px;}
#header span a {text-decoration: none;}
h1 { text-indent:-9999px; height:57px; background:url(http://thetreehouse.be/tumblr/img/header.png) 0px 0px no-repeat;}
h1 a { position: absolute; display: block; top: 38px; left: 50px; width: 177px; height:57px; border:none !important;}

#main-content {position: relative; width:795px /*770px*/; left: 0px; padding:16px 0 16px 50px; background:#fff;}
#sidebar {float: left; margin-right: 0;}
#sidebar h2,
h2.notes-h {font-family: Baskerville, Times;font-weight: bolder; color:#242424; font-size:13px; text-transform:uppercase;}

.column {float: left; margin-right:10px;}	
.col1 {width:575px; margin-right: 0; border-right:1px dotted #333 /*#eee*/; background:#fff;}
.col2 {width:190px; padding:0 0 0 10px; }

#pagination {font-size: 11px; font-weight: bold; text-transform:uppercase; lettter-spacing:1px; }
#pagination a {text-decoration:none;}
#pagination span {font-family: Baskerville, Times; color:#242424;}

#footer {width:795px; margin: 0 0 0 50px; padding: 38px 0 16px 0; border-top: 3px solid #282828;}

/* NAVIGATION */
#nav {display:none; position:relative; height:24px; width:795px; margin: 8px 0 0 0; background: url(http://thetreehouse.be/tumblr/img/tagnav031209f.png) 0 0 no-repeat;}
#nav ul {list-style: none;padding-left: 0px;height: 24px;}
#nav li a, #nav li a:visited {
	height: 24px;
	overflow: hidden;
	display: block;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	text-decoration: none;
	background-color: transparent;
	}
#nav-text a:link,
#nav-text a:visited {width: 62px; background: url(http://thetreehouse.be/tumblr/img/tagnav031209f.png) 0 0 no-repeat; left: 0px;}
#nav-link a:link,
#nav-link a:visited {width: 63px; background: url(http://thetreehouse.be/tumblr/img/tagnav031209f.png) -80px 0 no-repeat; left: 80px;}
#nav-photo a:link,
#nav-photo a:visited {width: 81px; background: url(http://thetreehouse.be/tumblr/img/tagnav031209f.png) -160px 0 no-repeat; left: 160px;}
#nav-video a:link,
#nav-video a:visited {width: 78px; background: url(http://thetreehouse.be/tumblr/img/tagnav031209f.png) -259px 0 no-repeat; left: 259px;}
#nav-audio a:link,
#nav-audio a:visited {width: 79px; background: url(http://thetreehouse.be/tumblr/img/tagnav031209f.png) -355px 0 no-repeat; left: 355px;}
#nav-quote a:link,
#nav-quote a:visited {width: 81px; background: url(http://thetreehouse.be/tumblr/img/tagnav031209f.png) -451px 0 no-repeat; left: 451px;}
#nav-text a:hover { background-position: 0 -24px;}
#nav-link a:hover { background-position: -80px -24px;}
#nav-photo a:hover {background-position: -160px -24px;}
#nav-video a:hover {background-position: -259px -24px;}
#nav-audio a:hover {background-position: -355px -24px;}
#nav-quote a:hover {background-position: -451px -24px;}

/* SIDEBAR */

#sidebar a:link,
#sidebar a:visited {text-decoration: none !important;}
#sidebar a:hover {color:#fff; background:#282828; text-decoration: none !important;}

ul#delilist  { list-style: none; margin: 0; padding: 5px 0 0 0; }
ul#delilist li { padding: 5px 0px; border-bottom: 1px dotted #cecebd; }
ul#delilist li a:link {color:#1E1E1E; font-weight:bold;text-decoration: none !important;}
ul#delilist li a:visited {color:#606060; font-weight:bold;text-decoration: none !important;}
ul#delilist li a:hover {color:#fff; font-weight:bold; background:#000 /*0066CC*/;text-decoration: none !important;}

.delicious-posts {list-style: none; margin: 0; padding: 5px 0 0 0;}
.delicious-posts ul,.delicious-banner { margin: 0; padding: 0}
.delicious-posts li { padding: 5px 0px; border-bottom: 1px dotted #cecebd; }
.delicious-post { }
.delicious-post a {color:#1E1E1E; font-weight:bold;text-decoration: none !important;}
.delicious-post a:visited {color:#606060; font-weight:bold;text-decoration: none !important;}
.delicious-post a:hover {color:#fff; font-weight:bold; background:#282828;text-decoration: none !important;}
.delicious-endlogo {display:none;}
.delicious-extended {font-size: inherit !important;}
.delicious-rsslink a {font-size:10px; color:#999; margin-top:-10px;}

#linklove {padding:20px 0;}
#linklove li {color:#cecebd;}
#linklove a:link {color:#333;text-decoration: none !important;}
#linklove a:visited {color:#606060;text-decoration: none !important;}

/* GENERAL */
p {margin:4px 0;}
.caption {margin-bottom:8px;}
.caption.right {width:500px;padding-right: 20px;float:right; text-align: right;}
.caption.smallcap {font-size: 11px; margin-top: 5px;color: #888; font-style:normal;}
.caption.smallcap a {color: #888;font-weight: bold; text-decoration:none;}
.dashboardonly { display: none; }

a {outline: none}
a:link {color: #000 /*0066CC*/;text-decoration:underline;}
a:hover {text-decoration:none !important;}
a:visited {color: #999 /*0066CC*/;text-decoration:underline;}

/* DATE STICKER */
h3.date { /* date */
	position:absolute;width:76px;height:51px;margin:0 0 0 500px;padding:5px 0 0 0;
	font-family:BellGothicStd-Bold, Consolas, 'Andale Mono', monospace;font-size: 16px;line-height:16px;color:#fff;text-transform:uppercase;text-align:center;
	background: url(http://thetreehouse.be/tumblr/img/background-date.png) 20px 0px no-repeat;	}
h3.date em { /* month */
	display: block;
	font-size: 11px;font-weight: bold;}
h3.date a:link,
h3.date a:visited,
h3.date a:hover {color:#fff; text-decoration:none !important;}

/* BLOG POSTS */
.post {width: 500px; margin-bottom:16px;padding-bottom: 12px; border-bottom: 1px dotted #ccc;}
.photo,.photoset,.text,.link,.quote,.video {background:#fff;}

img {behavior:url(/js/iepngfix.htc);}
img.left {float:left;}

#description {color: #777; line-height: 18px; padding-right: 0px;margin-bottom: 30px;text-align:right;}		

h2 {font-family: "Helvetica", Arial, sans-serif;font-size: 14px;}
 
.post {margin-bottom: 40px; position: relative; clear: both;}
.post h2 {font-size: 14px; color: #000; margin: 0px 0px 5px 0px;}
.post h2 a {color: #000; border:none; text-decoration:none;}
.post h2 a:hover {border:none; text-decoration:none;}

.permalink {font-size:18px; position:absolute;
margin:-21px 0 0 486px; display:block; z-index:1;}
a.permalink:link,
a.permalink:visited {color:#D0D0D0; text-decoration:none;}
a.permalink:hover {color:#282828; text-decoration:none;}
       
/* Regular Post */
.regular h2 {
	font-family: "Helvetica", arial, sans-serif;
	font-size: 14px;
	font-weight:bold;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing:1px; text-decoration:none;}
.regular span.caption {font-size: 11px; margin-top: 5px;color: #888; font-style:normal;}
.regular span.caption a {color: #888;font-weight: bold; text-decoration:none;}
.regular .quote blockquote {padding-left:5px;}

/* .post .regular h2 a {color:#444;}
.post .regular {font: Normal 11px 'Lucida Grande', Verdana, Arial, sans-serif;line-height: 17px;}
.post .regular a {color: #44A3E2; font-weight: bold; }
.post .regular a:visited {color:#666;}

.post .regular blockquote {font-style: italic;}
.post .regular img .left { display:block; float: left; padding:5px 15px 5px 0px; border:none;} */
a img {border:none;}

/* Photo Post & Photoset */
.photo img,
.photoset img {border-width: 0px;}
.photo .caption,
.photoset .caption {margin-top: 5px;}
.photo .caption .smallcap,
.photoset .caption .smallcap {font-size: 11px; margin-top: 5px;color: #888; font-style:normal;}
.photo .caption .smallcap a,
.photoset .caption .smallcap a {color: #888;font-weight: bold; text-decoration:none;}
.photo .caption blockquote,
.photoset .caption blockquote {font-style: italic; padding-left:4px;}

/* Quote Post */
.quote {padding: 0px;}
.quote blockquote {
font-family: Century, 'Century Schoolbook', Georgia, serif;
font-weight: normal;
line-height: 28px;
letter-spacing: -1px;
color: #010101;
padding: 0px 3px 0px 3px;}
.quote .short {font-size: 24px;}
.quote .medium {font-size: 24px;}
.quote .long {font-size:13px; letter-spacing:0px; line-height:18px; }
.quote .source { color: #666; line-height:18px; font-size:11px;}
.quote .source a { color: #666; }

 /* Link Post */
.link {background:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:5px;}
.link span {}
.link a.link-anchor {font-size:14px; line-height:22px;}
.link .description {}
.link blockquote {font-style: italic; padding-left:5px;}
.faviconimg {margin:3px 2px; height:16px; width:16px;float:left;display:none;}
        
/* Conversation Post */
.post .conversation ul {list-style-type: none;margin: 0px;padding: 0px 0px 0px 1px;border-left: solid 5px #555; }
.post .conversation ul li {font-size: 12px;padding: 4px 0px 4px 8px;color: #000;margin-bottom: 1px;}
.post .conversation ul li span.label {font-weight: bold;}
.post .conversation ul li.odd {background-color: #f4f4f4;}
.post .conversation ul li.even {background-color: #e8e8e8;}
        
 /* Audio Post */
 .post .audio .caption {margin-top: 5px;}
 .post .audio .caption .quote {padding: 0px;}
 .post .audio .caption blockquote {
font-family: Century, 'Century Schoolbook', Georgia, serif;
font-weight: normal;
line-height: 28px;
letter-spacing: -1px;
color: #010101;
padding: 0px 3px 0px 3px;}

.post .audio .caption .short {font-size: 24px;} 

 /* Video Post
.post .video .caption {margin-top: 5px; color: #888; font-size: 11px;}
.post .video caption a {color: #888;}*/
.video .caption span.smallcap {font-size: 11px; margin-top: 5px;color: #888; font-style:normal;}
.video .caption .smallcap a {color: #888;font-weight: bold; text-decoration:none;}

/* Notes */
.notes {
	list-style-type: none;
	line-height: 1.5em;
	margin-top: 10px;
	width:500px;
	}
.notes li {
	border-bottom: 1px solid #dcdcdc;
	padding: 5px;
	}
.notes li blockquote {
	border-left: 5px solid #3a3a3a;
	margin: 0;
	margin-left: 28px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 10px;	}
	
.notes li blockquote a {
	text-decoration: none;
	}
	
.notes li img { float: left;
	margin-right: 10px;
	margin-top: 2px;
	}

/* tags */			
ul.tags {
	margin-top: 1em;
	overflow: hidden;
}

.tags li, .tags strong {
	font: 11px "Arial", "Verdana", "sans-serif";
	line-height:12px;
	display: block;
	float: left;
	background: url("http://thetreehouse.be/tumblr/img/tag-1.png") no-repeat 0 50%;
	padding: 0 0 0 10px;
	margin-right: 0.5em;
}

.tags li.notes-button {
	display: block;
	float: left;
	background: url("http://thetreehouse.be/tumblr/img/tag-3.png") no-repeat 0 50%;
	padding: 0 0 0 5px;
	margin-right: 0.5em;
}

.tags a, .tags strong a {
	display: block;
	float: left;
	color:#888;
	background: url("http://thetreehouse.be/tumblr/img/tag-2.png") no-repeat 100% 50%;
	padding: 0.25em 0.5em 0.4em 0.3em;
	white-space: nowrap;
	text-transform: lowercase;
	text-decoration:none;
	border:none;
}
.tags a:hover,
.tags a:active {color: #282828; }
.tag {
	background: url("http://thetreehouse.be/tumblr/img/tag-2.png") no-repeat 100% 50%;
	padding: 0.25em 0.5em 0.4em 0.3em;
}

/* self-clearing floats */
iframe:after,
#nav ul:after,
#c2:after,
#main-content:after,
.caption.right:after,
.column:after,
.flickr:after { 
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }