/* MAIN STYLESHEET FOR JOELHANS.COM */

@import "reset.css";
@import "typography.css";
@import "css3.css";

body {
	margin: 0; 
	padding: 0;
	background-color:rgba(33, 33, 34);
	overflow:auto;
	}

#container {
	width: 960px;
	height: 2000px;
	margin: 0 auto;
	background-color:rgba(33, 33, 34);
	overflow:hidden;
	}

h1.thinking {margin: 5px 0 0 0;}

div#article {
	width: 960px;
	display:table;
	text-align:center;
	}

/* NORMAL TOOLBAR */	
	
div#toolbar {
	width: 960px;
	position: absolute;
	bottom: 0px;
	}

ul.more_bar {position:relative;}
	
ul.more_bar li {
	display: inline;
	list-style-type: none;
	position: absolute;
	bottom: 0px;
	border-left: 3px solid #C8C8C8;
	border-right: 3px solid #C8C8C8;
	border-top: 3px solid #C8C8C8;
	background-color:#212122;
	z-index:2;
	}
	
ul.more_bar li.other_thoughts {padding: 5px 8px 0px 8px;cursor:s-resize;}

ul.more_bar li.about {
	padding: 5px 8px 0px 8px;
	right: 218px;
	}
	
.rss, .twitter, .tumblr {padding: 5px 8px 0px 8px;}

ul.more_bar li.rss {right: 164px;}	
ul.more_bar li.twitter {right: 82px;}	
ul.more_bar li.tumblr {right: 0px;}

	/* tooltips */
	
	span.rss_tooltip, span.twitter_tooltip, span.tumblr_tooltip {display:none;position:absolute;height:2em;top:-40px;}


	span.rss_tooltip {
		width: 110px;
		left: -3px;
		}

	span.twitter_tooltip {
		width: 180px;
		right: -60px;
		text-align: center;
		}

	span.tumblr_tooltip {
		width: 90px;
		right: 0px;
		text-align: right;
		}

/* REVERSED TOOLBAR */

/*ul.more_bar_reversed {*/
/*	width: 960px;*/
/*	position: absolute;*/
/*	top: -50px;*/
/*	}*/

ul.more_bar_reversed {
	width:960px;
	position: fixed;
	top:0px;
	left:50%;
	margin: 0 0 0 -480px;
	}

ul.more_bar_reversed li {
	display: inline;
	list-style-type: none;
	position: absolute;
	top: 0px; 
	border-left: 3px solid #C8C8C8;
	border-right: 3px solid #C8C8C8;
	border-bottom: 3px solid #C8C8C8;
	background-color:#212122;
	z-index:2;
	}
	
li.main_thought {padding: 5px 8px 0px 8px;cursor:n-resize;}
	
.about_reversed {
	padding: 5px 8px 0px 8px;
	right: 218px;
	}
	
.rss_reversed, .twitter_reversed, .tumblr_reversed {padding: 5px 8px 0px 8px;}
.rss_reversed {right: 164px;}
.twitter_reversed {right: 82px;}
.tumblr_reversed {right: 0px;}

	/* tooltips */
	
	span.rss_tooltip_reversed, span.twitter_tooltip_reversed, span.tumblr_tooltip_reversed {display:none;position:absolute;height:2em;bottom:-40px;background-color:#212122}

	span.rss_tooltip_reversed {
		width: 110px;
		left: -3px;
		}

	span.twitter_tooltip_reversed {
		width: 180px;
		right: -60px;
		text-align: center;
		}

	span.tumblr_tooltip_reversed {
		width: 90px;
		right: -3px;
		text-align: right;
		}
	
	
/* MORE THOUGHTS */

div#more {
	position: absolute;
	bottom: -610px;
	z-index:1;
	width: 960px;
	}

a.flickr {
	position:absolute;
	bottom:-40px;
	right:0px;
	}

span.img_hover {
    display:none;
    z-index:10;
    color:#000;
    position:absolute;
    top: 40px;
    right: 60px;
    font: 10px Arial;
    text-decoration:none;
    }​

#more p {margin: 40px 0 0 0;}