h1 { text-shadow: 1px 1px 2px #fff; font-size: 4em; margin: 0 0 0.5em; color: #fff; }
h1 a { color: #fff; }
h1 a:hover { background: none; }
h2 a { color: #333; }

pre { font-size: 90%; }

a {  color: #4099ff; text-decoration: none; }
a:hover { background: #eee; }

#wrapper { width: 900px; margin: 20px auto auto; }
#content { width: 650px; float: right; clear: both; }
#sidebar { width: 210px; float: left; background: #fff; padding: 20px 10px; }

#sidebar, .post { -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.post { position: relative; margin-bottom: 20px; background: #fff; clear: both; }
.postcontent { float: left; width: 400px; padding: 20px 25px; }
.postcontent h2 { margin-top: 0; }
.postmeta { width: 160px; float: left; padding: 20px; }

.postmeta-ul { font-family: monospace; font-size: 90%; }
.date { font-size: 140%; margin-bottom: 5px; }
.date span { color: #333; }
.tags { margin: 5px 0; }
.tags ul { margin: 0; }
.tags ul li { display: inline; margin-right: 5px; }

.short { font-size: 300%; letter-spacing: -1px; line-height: 1em; }
.medium { font-size: 200%; letter-spacing: -0.5px; line-height: 1.2em; }
.long { font-size: 150%; }

.chat .line span.label { display: block; width: 100px; font-weight: bold; }

.quote { font-family: "Times new roman", Georgia, serif; font-style: italic; }
.link a { font-family: monospace; font-size: 170%; background: #4099ff; color: #fff; }
.link a:hover { background: #eee; }
.copy { margin-top: 10px; color: #555; font-size: 90%; }

.comments { padding: 20px 25px; }

#sidebar ul, .postmeta-ul { margin: 0; }
#sidebar ul li, .postmeta-ul li { list-style-type: none; }

li#followontumblr a,
li#rss a,
li#random a,
li#archive a,
li#mobile a,
li#pwdbytumblr a,
li#followontumblr a
{
	display: block;
	padding: 3px 0 2px 30px;
	font-size: 110%;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 3px;
}

li#rss a { background: #111 url('http://cdn.codebyko.se/silk/feed.png') 5px 3px no-repeat; }
li#random a { background: #111 url('http://cdn.codebyko.se/silk/arrow_switch.png') 5px 3px no-repeat; }
li#archive a { background: #111 url('http://cdn.codebyko.se/silk/folder_page_white.png') 5px 3px no-repeat; }
li#mobile a { background: #111 url('http://cdn.codebyko.se/silk/phone.png') 5px 3px no-repeat; }
li#followontumblr a { background: #111 url('http://cdn.codebyko.se/silk/add.png') 5px 2px no-repeat; }
li#pwdbytumblr a { background: #111 url('http://cdn.codebyko.se/tumblr.png') 5px 2px no-repeat; }

#twitterwrapper { margin-bottom: 3px; }
#tweetme {
	display: block;
	padding: 3px 0 2px 30px;
	background: #111 url('http://cdn.codebyko.se/twitter.png') 5px 3px no-repeat;
	font-weight: bold;
	font-size: 110%;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}
#tweetcontainer li { margin: 2px 0; background: #f1f1f1; padding: 2px; }
#tweetcontainer li a { color: #333; }

input.query { display: block; width: 60%; border: 1px solid #111; float: left; margin: 3px 0; }

#navigation a { display: block; float: left; padding: 5px 10px; background: #fff; -moz-border-radius: 5px;
	-webkit-border-radius: 5px; margin-right: 20px; font-size: 120%; }

.clear { clear: both; }