/*
Theme Name: Tarski
Theme URI: http://ionfish.co.uk/tarski/
Description: Developed by <a href="http://ionfish.co.uk/">Ben Eastaugh</a> and <a href="http://ceejayoz.com/">Chris Johnson</a>
Author: Benedict Eastaugh and Chris Johnson
Author URI: http://ionfish.co.uk/
Version: 1.0.1
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
Modified by Sverre Beisland.
*/


/* Initial cleanup
----------------------------------------------- */
html, body, form, fieldset {
	margin: 0; padding: 0;
	}
form label {
	cursor: pointer;
	}
fieldset {
	border: none;
}
input, select, textarea {
	font-size: 100%;
	}
.clearer {
	clear: both;
	}

/* Main structure
----------------------------------------------- */
body {
	font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 76%;
	color: #545454; background-color: #DAE4E6 !important;
	text-align: left; line-height: 120%;
	min-width: 760px;
	}
#wrapper {
	width: 760px;
	margin: 0 auto 0 0;
	text-align: left;
background: #fff
	}
	#content {
		clear: both;
		padding: 2em 20px;
		}
		#primary {
			width: 500px; float: right;
			}
		#secondary {
			width: 200px; float: left;
			}
		#intro {
			padding: 0 0 1em 220px;
			}
#footer {
	clear: both;
	}
	#miscellany {
		width: 200px; float: left;
		margin: 1.6em 0 0 0;
		}
		#miscellany .searchbox {
			float: none;
			}
	#about {
		width: 500px; float: right;
		margin: 1.6em 0 0 0;
		}
	#theme-info {
		clear: both;
		}

/* Header
----------------------------------------------- */
#header {
	padding: 0 20px 0 20px;
	}
	#title {
		border-bottom: 1px solid #ccc;
		}
	#navigation {
		border-bottom: 1px solid #ccc;
		}

/* Navigation
----------------------------------------------- */
#nav-1 {
	list-style: none;
	width: 500px; float: right;
	margin: 0; padding: 0.5em 0;
	}
	#nav-1 li {
		display: inline;
		margin: 0 1em 0 0;
		}
#nav-2 {
	list-style: none;
	width: 200px; float: left;
	margin: 0;  padding: 0.5em 0 0.2em 0;
	}
	#nav-2 li {
		display: inline;
		margin: 0 1em 0 0;
		}

/* Feed icon
----------------------------------------------- */
.feed {
	padding: 5px 0 5px 20px;
	font-size: 0.8em;
	background: #fff url('images/feed-add.png') no-repeat 0 50%;
	}

/* Clearfix
----------------------------------------------- */
#navigation:after, #comments-meta:after, .comment:after, .trackback:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#navigation, #comments-meta, .comment, .trackback {display: inline-table;}
/* Hides from IE-mac \*/
* html #navigation, * html #comments-meta, * html .comment, * html .trackback {height: 1%;}
#navigation, #comments-meta, .comment, .trackback {display: block;}
/* End hide from IE-mac */

/* Content
----------------------------------------------- */
p {
	margin: 0 0 1em 0;
	}
blockquote {
	background: url('images/quote-background.gif') no-repeat 0 0;
	margin: 0 0 1.2em 0; padding: 0 60px;
	font-family: 'Arial', Arial, sans-serif; font-size: 1.2em; color: #a8a8a8;
	}

ul, ol {
	margin: 0 0 1em 2em; padding: 0;
	}
ul {
	list-style: url('images/bullet.png') circle;
	}
li {
	margin: 0 0 0.25em 0;
	}

strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
code {
	font-family: 'Courier New', Courier, monospace; font-size: 1em; color: #7ca653;
	}
acronym {
	border-bottom: 1px solid #8fb7bf;
	}
small {
	font-size: 0.8em;
	}

		/* Headers
		--------------------------------------- */
		#blog-title {
			font-family: Arial, sans-serif; font-size: 2.5em; font-weight: normal;
			margin: 0; border: none; padding: 0.25em 0;
			}
		h1, h2, .post-title {
			font-family: Arial, sans-serif; font-size: 1.5em; font-weight: normal;
			margin: 0; border-bottom: 1px solid #ccc; padding: 0 0 0.4em 0;
			}
			.static .post-title, .archive .post-title {
				margin: 0 0 0.3em 0;
				}
			.post-title {
			  font-size: 2.0em;
			}
		h2 {
			line-height: 1;
      }
		#intro h1 {
			margin: 0 0 0.3em 0;
			}
		h3 {
			font-size: 0.8em; font-weight: normal; color: #48662A;
			/* color: #8fbf60; */
			text-transform: uppercase; letter-spacing: 0.1em;
			margin: 0 0 0.8em 0; border-bottom: 1px solid #e5e5e5; padding: 0 0 0.4em 0;
			}
		h4 {
			font-size: 1.5em; font-weight: normal;
			margin: 0 0 0.4em 0;
			}

		/* Post content
		--------------------------------------- */
		#post-nav {
			font-size: 0.8em; text-align: center;
			margin: -2em 0 2em 0; padding: 0 0 0 220px;
			}
		.entry {
			margin: 0; padding: 1px 0 0 0;
			/*Added by beisland.net:*/
			clear: both;
			}
			.post-metadata {
				font-size: 0.8em; color: #a8a8a8;
				margin: 0 0 1em 0; padding: 0.2em 0 0 0;
				}
			.post-content {
				margin: 0 0 3em 0;
				}
			.post-content p {
				line-height: 1.4em;
				}
				.post-content li {
					line-height: 1.4em;
					}
			.archive .post-content {
				margin: 0 0 1.5em 0;
				}
			body a.download {
				display: block; font-weight: bold;
				margin: 0 0 1em 0; padding: 5px 5px 5px 36px;
				}
			body a.download:link, body a.download:visited, body a.download:active {
				background: #fafeff url('images/download.png') no-repeat 10px 50%;
				border-top: 1px solid #cfe2e5; border-bottom: 1px solid #cfe2e5;
				}
			body a.download:hover {
				background: #fffafb url('images/download.png') no-repeat 10px 50%;
				border-top: 1px solid #e5cfd2; border-bottom: 1px solid #e5cfd2;
				}
			
			.tagdata {
				font-size: 0.8em; color: #a8a8a8;
				}
		/* Tag cloud
		--------------------------------------- */
		.tagcloud {
			padding: 1em 0 0 0;
			}
		.tagcloud a {
			border: none !important;
			}
		/* Search content
		--------------------------------------- */
			.post-brief {
				margin: 0 0 2em 0;
				}
				.post-brief h3 {
					margin: 0 0 0.2em 0;
					}
				.post-brief p.post-metadata {
					color: #a8a8a8;
					margin: 0 0 0.2em 0; border: none; padding: 0;
					}
				.post-brief p.excerpt {
					margin: 0;
					}
			
		/* Comments
		--------------------------------------- */
		#comments {
			clear: both;
			padding: 2em 0 0 0;
			}
		#comments-meta {
			padding: 0 0 0.5em 0;
			}
			h2.comments-title {
				width: 200px; float: left;
				margin: 0; border: none; padding: 0.1em 0 0 0;
				}
			.comments-feed {
				width: 500px; float: right; text-align: right;
				margin: 0;
				}
				.comments-feed a {
					padding: 5px 24px 5px 0;
					background: #fff url('images/feed.png') no-repeat 100% 50%;
					font-size: 0.8em;
					}
		.comment {
			margin: 0; border-top: 1px solid #ccc; padding: 0.5em 0;
			}
			.comment p {
				line-height: 1.4em;
				}
			.comment-metadata {
				width: 200px; float: left;
				}
				.comment-permalink {
					font-size: 0.8em;
					margin: 0;
					}
				.comment-author {
					}
			.comment-content {
				width: 500px; float: right;
				}
			.gravatar {
				border: none;
				float: right;
				margin: 0 0 3px 6px;
				}
		.author-comment {
			/* author highlighting: uncomment the following line to turn it on */
			/* background: #fbfeff; */
			}
		.trackback {
			margin: 0; border-top: 1px solid #ccc; padding: 0.5em 0 0.5em 0;
			background: #fcffff url('images/trackback.gif') no-repeat 100% 60%;
			}
			.trackback p {
				font-size: 0.8em;
				margin: 0;
				}
			.trackback-time {
				width: 200px; float: left;
				}
			.trackback-data {
				width: 500px; float: right;
				}
		
		#respond {
			margin: 0; border-top: 1px solid #ccc; padding: 1em 0 0 0;
			overflow: auto; clear: both;
			}
			.comments-info {
				font-size: 0.8em;
				margin: 0.6em 0 1em 220px; border-bottom: 1px solid #ccc; padding: 0 0 1.2em 0;
				}
		
		/* Lists
		--------------------------------------- */
		.navlist {
			list-style: none;
			margin: 0 0 1em 0;
			}
			.navlist li {
				margin: 0.5em 0;
				}
				.navlist ul {
					margin: 0 0 0 1em;
					list-style: none;
					}
					.navlist ul li {
						margin: 0.3em 0;
						}
		
		.archivelist {
			list-style: none;
			margin: 0.5em 0 1em 0;
			}
			.archivelist li {
				margin: 0.5em 0;
				}
				.archivelist ul {
					margin: 0 0 0 1.5em;
					list-style: none;
					}
					.archivelist ul li {
						margin: 0.5em 0;
						}

		/* Code
		--------------------------------------- */

		/* Sidebar
		--------------------------------------- */
		#secondary {
			}
		
		/* Footer
		--------------------------------------- */
		#footer {
			margin: 1em 20px 0 20px; border-top: 3px double #ccc; padding: 0 0 0 0;
			}
			#recent {}
				#recent ul {
					list-style: none;
					margin: 0;
					}
					#recent li {
						margin: 0;
						}
					h4.recent-title {
						margin: 0 0 0.2em 0;
						}
					p.recent-metadata {
						font-size: 0.8em; color: #a8a8a8;
						margin: 0;
						}
					p.recent-excerpt {
						line-height: 1.4em;
						margin: 0 0 1em 0;
						}
			#blurb {}
				#blurb p {
					line-height: 1.4em;
					}
			#theme-info {
				margin: 0.5em 0; border-top: 3px double #ccc; padding: 1em 0 0 0;
				color: #a8a8a8;
				}
/* Forms
----------------------------------------------- */
input {
	font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100%;
	}
		/* Search form
		--------------------------------------- */
		.searchbox {
			width: 200px;
			}
			#s {
				display: block; width: 194px;
				margin: 0 0 0.6em 0; border: 1px solid #ccc; padding: 2px;
				background: #fafafa; color: #545454;
				}
			#s:focus {
				background: #fff;
				}

		/* Login form (added by SB)
		--------------------------------------- */
		.loginbox {
			width: 200px;
			}
		#login-input {
			width: 200px;
			/*float: left;*/
			}
			#login-input label {
				/*display: block;*/
				margin: 0 0 1.2em 0;
				color: #a8a8a8;
				width: 100px;
				/*float: left;*/
				}
			#usr, #pwd {
				/*display: block;*/
				width: 100px;
				margin: 0.2em 0 0 0; border: 1px solid #ccc; padding: 2px;
				background: #fafafa; color: #545454;
				}
			#loginsubmit {
				margin-top: 5px;
			}

		/* Comment form
		--------------------------------------- */
		#commentform {
			}
		#info-input {
			width: 200px; float: left;
			}
			.userinfo {
				color: #a8a8a8;
				}
			#info-input label {
				display: block;
				margin: 0 0 1.2em 0;
				color: #a8a8a8;
				}
			#author, #email, #url, #sendername, #senderemail, #recipient, #msgtitle,
			#userlogin, #password, #requester {
				display: block; width: 194px;
				margin: 0.2em 0 0 0; border: 1px solid #ccc; padding: 2px;
				background: #fafafa; color: #545454;
				}
		#comment-input {
			width: 500px; float: right;
			}
			#comment-input label {
				display: block;
				margin: 0 0 0.2em 0;
				color: #a8a8a8;
				}
			#comment-input textarea {
				width: 494px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				margin: 0 0 1.2em 0; border: 1px solid #ccc; padding: 2px;
				background: #fafafa; color: #545454;
				}
		
		#author:focus, #email:focus, #url:focus, #comment:focus {
			background: #fff;
			}			

/* Links
----------------------------------------------- */
a {
	text-decoration: none;
	}
a:link, a:active, a:visited {
	color: #006a80;
	}
a:hover {
	color: #a8001c;
	}
a {
	outline: none;
	}

.post-content a:link, .post-content a:active, .post-content a:visited, .comment-content a:link, .comment-content a:active, .comment-content a:visited, .blurb a:link, .blurb a:active, .blurb a:visited, .recent p a:link, .recent p a:active, .recent p a:visited {
	border-bottom: 1px solid #cfe2e5;
	}
.post-content a:hover, .comment-content a:hover, .blurb a:hover, .recent p a:hover {
	border-bottom: 1px solid #e5cfd2;
	}

/* new styles - voodoo */

.right {float: right}
img.right {border: 1px solid #ccc; margin: 0.2em 0 0.2em 0.5em}


#resume ul {margin: 0.3em 1em; list-style-type: square; padding: 0 1em}
#resume li {padding: 0.1em 0; }

#resume dl {clear: both; width: 39em}
#resume dt {font-weight: bold; clear: left; width: 6em; white-space:nowrap}
#resume dd { float: left; clear: right; margin: -1.2em 0 0.3em 8em !important; margin-left: 4em; }

#resume h4 {font-size: 1.1em; font-variant:small-caps; font-weight: bold}

#resume hr {color: #fff; background-color: #fff; border-bottom: 1px dotted #12297D; border-style: none none dotted none; margin: 0.5em 0 0}

#resume p.dates {float: right; clear: right; margin: -1.7em 0}


/* new styles - beisland */

p.error { font-weight: bold; color: #a8001c; }
 
.left {float: left}
img.left {border: 1px solid #ccc; margin: 0.2em 0.5em 0.2em 0}

p.clearer { clear: both; }

.image .imgcaption { font-size: 80%; }

.sideBox {
  background-color: #fafafa;
  border-color: #e5e5e5;
  border-style: solid;
  border-width: 1px;
  float: right;
  padding: .5em;
  margin-top: 0px;
  margin-left: 8px;
  margin-bottom: 8px;
  margin-right: 0px;
  width: 12em;
}

 
/* Tables - beisland
----------------------------------------------- */
th { color: #666666; background-color: #AABBCC; }
td.oddrow { color: #666666; background-color: #BFCFDF; }
td.evenrow { color: #666666; background-color: #AABBCC; }
tr.oddrow {color: #fff; background-color: #fff; border-bottom: 1px dotted #12297D; border-style: none none dotted none; margin: 0.5em 0 0}
tr.evenrow {color: #fff; background-color: #fff; border-bottom: 1px dotted #12297D; border-style: none none dotted none; margin: 0.5em 0 0}