/*
Theme Name: Decisivemess
Theme URI: http://www.vielfrass.se
Description: N/A
Author: Johan Lagerqvist
Author URI: http://www.vielfrass.se
*/

.clearing-div {clear: both !important; height: 0 !important; font-size: 0 !important; visibility: hidden !important; float: none !important;}

/* RESET file loaded first. */

/* GROUND RULES - let us set some */

::selection {background-color: #000; color: #fff;}
::-moz-selection {background-color: #000; color: #fff;}
#footer ::selection {background-color: #fff; color: #000;}
#footer ::-moz-selection {background-color: #fff; color: #000;}

html {font-size: 100%;}
body {font-family: "Georgia",serif; font-size: 100%; line-height: 1.2em; margin: 10px 0; background-color: #fff;}
h1,h2,h3,h4,h5,h6 {margin: 24px 0; font-family: "Bodoni MT",serif; text-transform: uppercase; line-height: 110%;}
h1 {font-size: 300%;}
h2 {font-size: 200%;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}
h5 {font-weight: bold;}
h6 {}
p {margin: 1em 0; text-align: left;}
img {display: block;}
em {font-style: italic;}
strong {font-weight: bold;}
code {font-family: "Courier New",monospace;}
dfn {border-bottom: 1px dotted #ccc; padding-bottom: 0;}
cite {font-style: normal;}
blockquote {margin: 1em 2em; padding: 1em 1em 0.1em; border-left: 5px solid #ccc; background-image: url(images/000-05.png);}
a {color: #000; text-decoration: underline;}
a:hover {color: #059; text-decoration: underline;}

.hborder {width: 100%; height: 20px; background; position: fixed; z-index: 100; left: 0;}
.top-border {top: 0;}
.bottom-border {bottom: 0;}

.inner-border {height: 20px; float: left;}
.top-inner-border {background: url(images/border-top.png) repeat-x top;}
.bottom-inner-border {background: url(images/border-bottom.png) repeat-x bottom;}

.corner {width: 20px; height: 20px;}
.top-left {float: left; background: url(images/border-top-left.png) no-repeat left top;}
.top-right {float: right; background: url(images/border-top-right.png) no-repeat right top;}
.bottom-left {float: left; background: url(images/border-bottom-left.png) no-repeat left bottom;}
.bottom-right {float: right; background: url(images/border-bottom-right.png) no-repeat right bottom;}

.vborder {width: 20px; position: fixed; z-index: 100; top: 20px;}
.left-border {left: 0; background: url(images/border-left.png) repeat-y left;}
.right-border{right: 0; background: url(images/border-right.png) repeat-y right;}

.main-outer-wrapper
{
	margin: 0 0 -22px 0;
	background: url(images/bg.jpg) repeat-x center bottom;
}
.main-inner-wrapper
{
	background: url(images/bg2.png) repeat-x top;
	background-attachment: fixed;
	padding-bottom: 250px;
}
.main {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
	.title {display: none;}
	.sidebar
	{
		position: absolute;
		top: 0;
		right: 0;
		width: 151px;
	}
		.navigation {background: url(images/nav-bg-mid.png) repeat-y center;}
		.navigation-inner {background: url(images/nav-bg-top.png) no-repeat top; width: 127px; margin: 0 auto;}
		.navigation-bottom {background: url(images/nav-bg-bot.png) no-repeat top; height: 22px; display: block;}
		
		.navigation img {margin: 0 auto;}
		
		.navigation ul {margin: 15px 0 0 0; padding: 0;}
		.navigation li {margin: 10px 0 0 0; padding: 0;}
		
		.navigation a {font-family: "Bodoni MT","Adobe Garamond Pro","Garamond",serif; color: #ddd; text-transform: uppercase; display: block; text-align: center; text-decoration: none; padding: 5px 0;}
		.navigation a:hover {color: #fff; background: url(images/fff-10.png);}
		.navigation a span {text-transform: lowercase; color: #444; display: block; font-size: 75%;}
		.navigation a span:before {content: "~";}
		.navigation a:hover span {color: #999;}
	.body
	{
		width: 502px;
		margin: 0 auto;
	}
		.body a[rel*=external] {padding-right: 15px; background: url(images/external-black.gif) no-repeat right;}
			.body a[rel*=external]:hover {background-image: url(images/external-hover.gif);}
			.post {padding-top: 50px;}
				.post ul {list-style-type: circle; margin: 1em 3em; padding: 0;}
				.post ol {list-style-type: upper-roman; margin: 1em 3em; padding: 0;}
				.post li {margin: 1em 0;}
				.post h2 {margin-left: -48px;}
				.post h3 {color: #333; margin-left: -24px;}
				.post h4 {margin-left: -12px;}
				.post-head {font-size: 87.5%;}
					.meta-published {margin: 0;}
					.published {font-size: 150%;}
					.meta-time {font-size: 66.67%;}
						.ampm {font-variant: small-caps;}
					.post-head h1, .post-head h2 {font-size: 300%; text-indent: -3em; margin: 0; position: relative;}
					h1 a, h2 a {text-decoration: none; color: #000; position: static;}
					h1 a:hover, h2 a:hover {text-decoration: none; color: #059;}
					h2 a:hover:after, h1 a:hover:after {content: "Permalink \27BD"; font-size: 33%; line-height: 100%; color: #aaa; position: absolute; top: -1em; left: 0;}
					.meta-byline {font-style: italic; display: none;}
					.meta-author {}
						
				.post-body {font-size: 87.5%;}
					.post-body p:first-child {margin-top: 0;}
					.initial {font-size: 450%; line-height: 1em; float: left; margin-left: -1.1em; width: 1em; text-align: right; font-family: "adobe garamond pro","garamond","times new roman",serif;}
					.post-body > p:first-child::first-line {text-transform: uppercase;}
					.post-body img {border: 1px solid #ccc;}
					.post-body a:hover img {border-color: #000;}
					.post-body {line-height: 1.5em;}
					.pullquote-left, .pullquote-right {border-bottom: 1px dotted #ccc;}
					.pullquote-left:hover, .pullquote-right:hover {border-bottom: 1px solid #bbb;}
					.pullquote {width: 200px; text-indent: 0; font-size: 150%; line-height: 150%; border: 0;}
					.pullquote:before {content: open-quote;}
					.pullquote:after {content: close-quote;}
					.pullquote-left-actual {float: left; margin: 0.33em 0.66em 0 -235px; padding: 2em 0.66em 0 0; text-align: right; border-top: 5px solid #f2f2f2; border-right: 5px solid #f2f2f2;}
					.pullquote-right-actual {float: right; margin: 0.33em -235px 0 0.66em; padding: 2em 0 0 0.66em; text-align: left; border-top: 5px solid #f2f2f2; border-left: 5px solid #f2f2f2;}
					.pullquote-left:hover .pullquote-left-actual {border-right: 5px solid #ddd; border-top: 5px solid #ddd;}
					.pullquote-right:hover .pullquote-right-actual {border-left: 5px solid #ddd; border-top: 5px solid #ddd;}
					
					.sociable {}
						.sociable-tagline {}
						.sociable h4 {font-size: 125%; margin-bottom: 12px;}
						.sociable ul {margin: 0; padding: 0; list-style-type: none;}
						.sociable li {margin: 0; padding: 0; display: inline;}
						.sociable img {display: inline;}
						.sociable li.sociablefirst {}
						.sociable li.sociablelast {}
						
					.gallery {}
						.gallery a {}
						.gallery a img {width: 90px; height: 90px; display: inline; margin-right: 7px; margin-bottom: 7px; opacity: 0.75;}
						.gallery a:nth-child(5n) img {margin-right: 0;}
						.gallery a:hover img {opacity: 1.0;}
					
				.post-foot {font-size: 87.5%; font-style: italic;}
					.meta-cats-tags {}
					.meta-comments {}
			#comments {font-size: 87.5%;}
				.comment {margin-top: 24px; padding-left: 5px;}
				/*.thread-even {background: url(images/000-05.png);}*/
				.bypostauthor{background: url(images/000-05.png); padding-bottom: 5px;}
				.depth-1 {border-top: 2px solid #790000;}
				.depth-2 {border-top: 2px solid #999999;}
				.depth-3 {border-top: 2px solid #cccccc;}
					.comment-div {position: relative; padding-bottom: 1.5em;}
					.depth-1 .comment-div {margin-left: 0;}
					.depth-2 .comment-div {margin-left: 40px;}
					.depth-3 .comment-div {margin-left: 80px;}
					.comment-author {font-style: italic; margin: 0.5em 0; line-height: 1em;}
						#comments .fn {font-style: normal; font-size: 115%}
						.says {}
					.comment-meta {position: absolute; bottom: 0; right: 10px;}
						.comment-edit-link {}
					.comment-reply {position: absolute; bottom: 0; left: 50px;}
						.comment-reply-link  {font-family: "Bodoni MT",Georgia,serif; text-transform: uppercase;}
						/*.comment-reply-link {text-indent: -9999px; display: block; width: 43px; height: 14px; background: url(images/comment-reply-link.png) no-repeat top;}*/
						/*.comment-reply-link:hover {background-position: bottom;}*/
					.avatarframe {/*position: absolute; top: 2em; left: 0;*/ float: left; border: 1px solid #ccc; background-color: #fff; padding: 2px;}
						.avatarframe .photo {border: 1px solid #ccc;}
					.comment-body {margin: 0 10px 0 50px; border: 1px solid #ccc; background: url(images/fff-10.png); padding: 0 10px;}
						.comment-body p {margin: 10px 0;}
				#respond {}
					#comment {width: 100%;}
					
.footer-outer-wrapper
{
	margin: 0;
	background: #000;
	color: #fff;
	padding-bottom: 10px;
	font: 75% "Trebuchet MS","verdana",sans-serif;
}
.footer-inner-wrapper
{
	
}
.footer
{
	width: 960px;
	margin: 0 auto;
}
	.tagline {font-family: "Bodoni MT"; font-size: 150%; text-align: center; position: relative; top: -50px; margin: 0;}
	.footer-block-wide {width: 100%; clear: both; border-top: 1px dotted #111; margin: 24px 0;}
	.footer-block-thin {width: 227px; float: left; margin: 0 0 16px 15px;}
	.footer-block-1 {margin-left: 0;}
	.footer-block-5 {float: right; /*padding-top: 16px;*/}

	.footer h3 {margin-top: 0; font-size: 150%; display: block; border-bottom: 1px solid #fff;}
	.footer h3 span {font-size: 66.666%;}
	.footer h4 {font-size: 125%; text-transform: none; margin: 12px 0; display: block; border-bottom: 1px dotted #666;}
	
	.footer li {margin: 0.33em 0;}
	.footer ul ul li {padding-left: 12px; background: url(images/li-arrow.png) no-repeat left;}
	.me-elsewhere, .me-elsewhere li {margin: 0; padding: 0;}

	.footer a {color: #fff; text-decoration: underline;}
	.footer a:hover {color: #f90;}
	/*.footer-block-1 a:hover {color: #f00;}
	.footer-block-2 a:hover {color: #0f0;}
	.footer-block-3 a:hover {color: #07f;}
	.footer-block-4 a:hover {color: #ff0;}
	.footer-block-5 a:hover {color: #f90;}*/
	
	.pictureframe {margin: 0 0 1em 0; padding: 5px; border: 1px solid #333;}
	.pictureframe .photo {margin: 0 auto; border: 1px solid #333; width: 213px;}
	
	.subscribe {display: block; height: 25px; padding-left: 30px; background: url(images/rss-btn.png) no-repeat left top;}
	.subscribe:hover {background-position: left bottom;}
	
	.license {background: url(images/license.png) no-repeat left 2px; padding-left: 25px;}
	
	.elsewhere {display: block; padding: 2px 0 2px; border-bottom: 1px dotted #222; background: no-repeat right;}
	.elsewhere:hover {border-color: #444;}
	.facebook-link {background-image: url(images/facebook-16.png);}
	.deviantart-link {background-image: url(images/deviantart-16.png);}
	.lastfm-link {background-image: url(images/lastfm-16.png);}
	.kongregate-link {background-image: url(images/kongregate-16.png);}
	.delicious-link {background-image: url(images/delicious-16.png);}
	.linkedin-link {background-image: url(images/linkedin-16.png);}
	
	.lastfm-timestamp {color: #666;}
	
	.gReader-item {clear: both;}
	.gReader-source {float: right; text-align: right; padding-left: 10px; background: url(images/greader-arrow.png) no-repeat left;}
	.gReader-source a {color: #666; text-decoration: none;}
	.gReader-source a:hover {color: #999;}
	
	.aktt_tweets {}
	.aktt_tweets ul {}
	.aktt_tweets li {margin: 5px 0;}
	.aktt_username {}
	.aktt_username:hover {}
	.aktt_tweets .aktt_tweet_time {color: #333; display: block; text-align: right; text-decoration: none;}
	.aktt_tweets li:hover .aktt_tweet_time {color: #666;}
	.aktt_tweets li:hover .aktt_tweet_time:hover {color: #999;}
	.aktt_more_updates {text-align: right;}
	
	#fancybox-outer #fancybox-title {text-align: left; font: italic 12px georgia,serif;}