#hdr {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99999;
}

#hdr, #ident {
	float: right;
}

h1#ident {
	margin: 0;
	padding: 0;
}

#globnavi li a {
	text-decoration: none;
	font-weight: normal;
	font-size: 1.15em;
	padding: 2px 15px 2px 0;
	margin-bottom: 5px;
	letter-spacing: 0.05em;
	width: 115px;
	display: block;
	clear: both;
	background-image: url(/assets/images/tile-mask-white.gif);
}

#globnavi li a:active {
	background-color: #000000 !important;
	color: #FFFFFF;
	background-image: none;
}

body#about #globnavi li a.about,
body.project #globnavi li a.projects,
body#site-noted #globnavi li a.noted {
	background-color: #000000;
	color: #000000;
	background-image: none;
}

#globnavi li a:hover {
	background-image: none;
}

body#about #globnavi li a.about,
#globnavi li a.about:hover {
	background-color: #C0A9C8;
}

body.project #globnavi li a.projects,
#globnavi li a.projects:hover {
	background-color: #92DA84;
}

body#site-noted #globnavi li a.noted,
#globnavi li a.noted:hover {
	background-color: #E5EC63;
}

ul#globnavi {
	list-style-type: none;
	text-align: right;
}

#hd-noted, #hd-projects, #hd-about {
	position: absolute;
	top: 0;
	left: 0;
	width: 595px;
	height: 130px;
	background-repeat: no-repeat;
}

body#site-noted #hd-noted {
	background-image:url(../images/hd-noted.gif);
}

body.project #hd-projects {
	background-image:url(../images/hd-projects.gif);
}

body#about #hd-about {
	background-image:url(../images/hd-about.gif);
}

div#about {
	margin-top: -15px;
	margin-right: 23px;
}

h1.daniel-rehn a{
	outline: none;
	cursor: pointer;
}

div#navi h1 a, div#navi-research h1 a, ul#nav li a {
	margin: 0; 
	padding: 0;
}

#hd, #hd-research {
	width: 880px;
}

#navi {
	margin-top: 14px;
}

#navi-research {
	margin-top: 21px;
}

#navi-research h1 {
	margin-bottom: 18px;
}

#project-lister ul {
	line-height: 150%;
}

ul#nav, #project-lister ul {
	display: inline;
}

ul#nav span {
	display:none;
}

ul#nav li, ul#nav a {
	background-image:url("../images/daniel-rehn-nav-tile.png");
	display: block;
	height: 30px;
	width: auto;
	outline: none;
}

#nav li, #project-lister li {
	float:left;
	list-style:none;
	display:block;
	margin-right: 15px;
}

#project-lister li {
	float:none;
}

li#work a {
	width: 87px;
	background-position:0 0;
}

li#work a:hover, li#work a.sel {
	background-position:-133px 0;
}

li#blog a {
	width: 79px;
	background-position:0 -44px;
}

li#blog a:hover, li#blog a.sel {
	background-position:-133px -44px;
}

li#research a {
	width: 96px;
	background-position:0 -88px;
}

li#research a:hover, li#research a.sel {
	background-position:-133px -88px;
}

li#about a {
	width: 91px;
	background-position:0 -132px;
}

li#about a:hover, li#about a.sel {
	background-position:-133px -132px;
}

.hidden {
	display: none;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

body {
	background-repeat: repeat;
}

html.site-noted, body#site-noted {
	background-image: url(../images/daniel-rehn-canvas.gif) !important;
	background-attachment: scroll !important;
}

body#about {
	background-image: url(../images/daniel-rehn-canvas-dungeons.gif) !important;
	background-attachment: scroll !important;
}

body {
	background-image: url(../images/daniel-rehn-canvas-paper-large.gif) !important;
}

div.container, #bd {
	background-color: #FFFFFF;
	padding: 0 40px 20px 20px;
}



/* SITE NAVI */

ul#sitenav {
	list-style-type: none;
	display: inline;
	position: absolute;
	left: 410px;
	top: 10px;
	z-index: 900000;
	
}

ul#sitenav li a div {
	background-image: url(../images/sprites-sitenav.gif);
	float: left;
	margin-right: 20px;
	height: 42px;
	display: inline;
}

ul#sitenav li {
	float: left;
	display: inline;
}

ul#sitenav li a div#noted {
	width: 128px;
	background-position: 0px 0px;
}

ul#sitenav li a div#projects {
	width: 192px;
	background-position: -144px 0px;
}

ul#sitenav li a div#blog {
	width: 152px;
	background-position: -352px 0px;
}

ul#sitenav li a div#bio {
	width: 77px;
	background-position: -518px 0px;
}

ul#sitenav li a div#noted:hover {
	background-position: 0px -51px;
}

ul#sitenav li a div#projects:hover {
	background-position: -144px -51px;
}

ul#sitenav li a div#blog:hover {
	background-position: -352px -51px;
}

ul#sitenav li a div#bio:hover {
	background-position: -518px -51px;
}

ul#sitenav li a div#noted:active {
	background-position: 0px -108px;
}

ul#sitenav li a div#projects:active {
	background-position: -144px -108px;
}

ul#sitenav li a div#blog:active {
	background-position: -352px -108px;
}

ul#sitenav li a div#bio:active {
	background-position: -518px -108px;
}



/* TUMBLR */

#paul-rand {
	padding:15px; 
	margin-right:100px; 
	width: 725px;
	line-height: 175%;
	font-size: 95%;
	color: #000000;
}

#paul-rand a, #paul-rand a:visited {
	color: #000000;
	text-decoration: underline;
}

#paul-rand span.fill {
	background-color: #FFFFFF;
}

#tumblr {
	margin-bottom: 30px !important;
}

#social-hd {
	display: block;
	z-index: 900000;
	padding-left: 22px;
}

#social-hd a {
	background-color: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

#twitterlg, #rsslg {
	background-image: url(../images/daniel-rehn-sprites.png);
	width: 57px;
	height: 62px;
	background-repeat: no-repeat;
	float: left;
	margin-right: 28px;
}

#twitterlg {  
	background-position: 0 -161px;
}

#rsslg {  
	background-position: -68px -161px;
}

#twitterlg:hover {  
	background-position: 0 -81px;
}

#rsslg:hover {  
	background-position: -68px -81px;
}

#twitterlg:active {  
	background-position: 0 -161px;
}

#rsslg:active {  
	background-position: -68px -161px;
}

div#tweetFeed {
	padding-top: 25px;
	clear: both;
}

ul#tweet-list, ul.jta-tweet-list {
	background-image: url(../images/tile-mask-white.gif) !important;
	list-style-type: none;
	padding: 5px 10px 10px 15px;
	margin-left: 0;
	clear: both;
}

ul#tweet-list li {
	font-size: 12px;
	padding: 5px 0 0 0;
	border-bottom: 1px dotted #999999;
}

ul#tweet-list li a {
	color: #FF006C;
	font-weight: normal;
	text-decoration: none;
}

ul#tweet-list li a:hover {
	color: #000000;
}

a.tweet_time {
	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
	color: #000000 !important;
}

a.tweet_time:hover {
	text-decoration: underline !important;
}

.jta-tweet-list-controls-button-more,
.jta-tweet-list-controls-button-next {
	float: right;
}