/*
Theme Name: Tarski
Theme URI: http://tarskitheme.com/
Description: An elegant, flexible theme developed by <a href="http://extralogical.net/">Ben Eastaugh</a> and <a href="http://ceejayoz.com/">Chris Sternal-Johnson</a>.
Author: Benedict Eastaugh and Chris Sternal-Johnson
Author URI: http://tarskitheme.com/about/
Tags: white, two-columns, fixed-width, custom-colors, custom-header, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats
Version: 2.4
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/*-----------------------------------------------

----------------------------------------------- */


/* Main structure
----------------------------------------------- */
body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 76%; line-height: 120%; color: #404040; background: #fff url(http://www.siren.org/images/pattern01.jpg); }
#wrapper { text-align: left; background: #ffffff}

#blog-title {display:none}


/* Header
----------------------------------------------- */
#header-image { overflow: hidden; margin: 0 0 -20px 0; }
	#header-image a { text-decoration: none; border: none; }
	#header-image a img { border: none; }
#title { margin: 20px 0 -20px; border-bottom: 1px solid #ccc; }
#navigation { margin: 20px 0 0 0; border-bottom: 1px solid #ccc; }

/* Navigation
----------------------------------------------- */
#wrapper .nav-current:link, #wrapper .nav-current:visited, #wrapper .nav-current:active { color: #163B4E; }
#wrapper .nav-current:hover { color: #883280; }

	/* Feed icon
	------------------------------------------- */
	body .feed { display: block; float: left; padding: 1px 0 1px 20px; min-height: 15px; font-size: 0.8em; background: url('images/icons.png') no-repeat 0 1px; }
	body.janus .feed, body.rtl .feed { float: right; padding: 1px 20px 1px 0; background-position: 100% 1px; }

/* Content
----------------------------------------------- */
	
	/* HTML element control
	--------------------------------------- */
	p { margin: 0 0 1em 0; }
		blockquote { margin: 0 0 1em 0; padding: 0 30px; color: #808080; }
		strong { font-weight: bold; }
		em { font-style: italic; }
		acronym, abbr { border-bottom: 1px solid #8fb7bf; }
		small { font-size: 0.8em; }
		sup, sub { font-size: 75%; }
		sup { vertical-align: super; }
		sub { vertical-align: sub; }
		hr { width: 100%; height: 1px; background: #ccc; color: #ccc; margin: 1em 0; border: none; padding: 0; }
	pre, code { font-family: Courier, "Courier New", monospace; font-size: 1em; }
		pre { overflow: scroll; margin: 0 0 1em 0; padding: 0 0 0.5em 0; white-space: pre-wrap; }
		body .primary pre { width: 500px; }
		body .secondary pre { width: 200px; }
		code { color: #7ca653; }
		html>body code, html>body pre { font-size:12px; }
	ul, ol { margin: 0 0 1em 30px; padding: 0; }
	ul { list-style: disc; }
		li { margin: 0 0 0.25em 0; }
		body.rtl ul, body.rtl ol { margin: 0 30px 1em 0; padding: 0; }
	
	/* Global content control
	--------------------------------------- */
	body .content p { line-height: 1.4; }
	body .content li { line-height: 1.4; }

	/* Headers
	--------------------------------------- */
	#blog-title { font-family: 'Times New Roman', Times, serif; font-size: 2.5em; font-weight: normal; margin: 0; border: none; padding: 0; line-height: 120%; }
	#tagline { font-family: 'Times New Roman', Times, serif; font-size: 1.5em; font-weight: normal; font-style: italic; color: #808080; margin: 0.1em 0 0.3em 0; border: none; padding: 0; line-height: 120%; }

	h1, body .entry .title { font-family: Verdana, 'Times New Roman', Times, serif; font-size: 2em; font-weight: normal; line-height: 120%; margin: 0; border-bottom: 1px solid #ccc; padding: 0 0 0.1em 0; }
	h2 { font-family: 'Times New Roman', Times, serif; font-size: 2em; font-weight: normal; line-height: 120%; margin: 0 0 0.5em 0; }
	h3 { font-size: 0.8em; font-weight: normal; color: #883280; 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-family: 'Times New Roman', Times, serif; font-size: 1.5em; font-weight: normal; line-height: 120%; margin: 0 0 0.3em 0; }
	h5 { font-size: 1em; font-weight: bold; line-height: 120%; margin: 0 0 0.3em 0; padding: 0; }
	h6 { font-size: 0.8em; font-weight: bold; line-height: 120%; margin: 0 0 0.3em 0; padding: 0; }

	/* Post content
	--------------------------------------- */
	body .articlenav { margin: 0 0 2em 0; border-bottom: 1px solid #e5e5e5; padding-top: 0.75em; padding-bottom: 0.75em; background: #fcffff; color: #808080; }
		body.janus .articlenav { text-align: right; }
	body.rtl .articlenav { border-bottom: 1px solid #e5e5e5; }
	body .entry { margin: 0 0 2em 0; clear: both; }
	body .posts .entry { margin: 0 0 4em 0; }
		body .entry .meta { margin: 0 0 1em 0; }
			body .entry .metadata { font-size: 0.8em; color: #808080; margin: 0; padding: 0; }
			body .entry .meta .metadata { margin: 0; padding: 0.3em 0 0 0; }
	body .aside { margin: 0 0 4em 0; }
		body .aside .meta { margin: -0.8em 0 0 0; border-top: 1px dotted #d9d9d9; padding: 0.2em 0 0 0; color: #808080; font-size: 0.8em; text-align: right; clear: both; }
	body .archive { margin: 0 0 2em 0; }
		body .archive .meta { margin: 0 0 1em 0; }
	body .link-pages { font-size: 0.8em; color: #808080; clear: both; }
	body .pagination { margin: 0; font-family: 'Times New Roman', Times, serif; font-size: 1.5em; font-weight: normal; line-height: 120%; color: #808080; clear: both; }
		
	
	/* Images
	--------------------------------------- */
	a img { border:0; }
	a:hover img, body .comment a:hover .avatar { border:0; }
		#wrapper .gallery a:link, #wrapper .gallery-item a:visited, #wrapper .gallery-item a:hover, #wrapper .gallery-item a:active, #wrapper a.imagelink2 img, #wrapper a.imagelink2:hover img, #wrapper a.imagelink:link, #wrapper a.imagelink:visited, #wrapper a.imagelink:hover, #wrapper a.imagelink:active, #wrapper a.imagelink2:link, #wrapper a.imagelink2:visited, #wrapper a.imagelink2:hover, #wrapper a.imagelink2:active { border: none; }
		body .imageleft, body .alignleft { float: left; margin: 0 10px 10px 0; }
		body .imageright, body .alignright { float: right; margin: 0 0 10px 10px; }
		body .imageblock { display: block; margin: 0 0 1em 0; }
		body .imagecentre, body .imagecenter, body .centered, body .aligncenter { display: block; text-align: center; margin: 0 auto 1em auto; }
		
	body .gallery { margin: 0 auto 1em 0; }
	body .gallery-item { float: left; margin-top: 10px; text-align: center; }
	body #wrapper .content .gallery-item a, body #wrapper .content .attachment a { border-bottom:none; }
	body .gallery-caption { margin-left: 0; }
	

			
	/**
	 * Comments layout & style
	 * 
	 * Designed to work for comments which are threaded, unthreaded, paginated
	 * and unpaginated. Trackbacks are now included inline rather than being
	 * rendered at the top. Comments also sit directly below the post or page
	 * content, rather than taking the entire width of the site. This increases
	 * their flexibility (given column swapping etc.) and maintainability
	 * (since fewer permutations reduce the likelihood of bugs.)
	 * 
	 * @since 2.4
	 */
	#comments { clear: both; margin: 0; padding: 0; }
	body .comment, body .trackback, body .pingback { padding: 0; list-style: none; }
		body .comment .comment { margin: 0; }
		li.comment, li.trackback, li.pingback { margin: 0; border-top: 1px solid #ccc; padding: 0; }
		body .comment ol.children, body .trackback ol.children, body .pingback ol.children { clear: both; margin: 0; border-top: 1px solid #ccc; padding: 0 0 0 20px; }
		body p.pingdata { margin: 0; font-size: 0.8em; color: #808080; }
		li.comment-lvl-first { border-top: none; }
		body .comment .reply { clear: both; }
		body .comment .reply a { padding-left: 13px; background: url('images/icons.png') no-repeat -7px -398px; }
	
	body .comment-wrapper { padding: 0.66em 0; }
	body .moderated { border-bottom: 1px solid #e5e5e5; padding-bottom: 0.66em; background: url('images/icons.png') no-repeat 100% -200px; }
	body .comment-meta { margin: 0; float: left; font-size: 0.8em; color: #808080; }
		body .avatar-link { display: block; float: right; margin: 0 0 10px 10px; }
		body .avatar, body .comment a .avatar { display: block; float: right; margin: 0 0 10px 10px; border: 1px solid #ccc; padding: 4px; background:#fcfcfc; }
		body .comment .avatar-link .avatar { float: none; margin: 0; }
		body .comment-permalink, body .comment-edit {}
		body .comment-author { font-weight: bold; color: #404040; }
	body .comment-content { clear: left; padding-top: 0.8em; }
	body .reply { margin: 0; font-size: 0.8em; }
	body .author-comment {}
	body .trackback { margin: 0; border-top: 1px solid #ccc; padding: 0.5em 0; background: #fcffff; }
	body .trackback p { font-size: 0.8em; margin: 0; }
	
	#comments-header .title { width: 49.5%; float: left; margin: 0 0 0.1em 0; border: none; }
	#comments-header .comments-feed { width: 49.5%; float: right; text-align: right; margin: 0; padding: 0.75em 0 0 0; }
		#comments-header .comments-feed a { display: block; float:right; min-height:16px; padding: 1px 20px 1px 0; background: url('images/icons.png') no-repeat 100% -100px; font-size: 0.8em; }
	#comments-header .trackback-link { clear: both; margin: 0.4em 0 0 0; border-top: 1px solid #ccc; padding: 0.5em 0; font-size: 0.8em; font-weight: bold; color: #808080; }
		#comments-header .trackback-link a { font-weight: normal; }
	#comment-paging { padding: 0.5em 0; }
	#comment-paging { margin: 0; border-top: 1px solid #ccc; font-family: 'Times New Roman', Times, serif; font-size: 1.5em; color: #808080; }
		#comment-paging span.page-numbers { color: #404040; }
	#comments-closed { margin: 0; border-top: 1px solid #e5e5e5; padding-top: 0.66em; }
	
	/* Lists
	--------------------------------------- */
	body .navlist { list-style: none; margin: 0 0 1em 0; }
		body .navlist li { margin: 0.5em 0; }
			body .navlist ul { list-style: none; margin: 0 0 0 1em; }
				body .navlist ul li { margin: 0.5em 0; }
		#wrapper .navlist a:link, #wrapper .navlist a:visited, #wrapper .navlist a:hover, #wrapper .navlist a:active { border-bottom: none; }
	body .archivelist { list-style: none; margin: 0.5em 0 1em 0; }
		body .archivelist li { margin: 0.5em 0; }
			body .archivelist ul { list-style: none; margin: 0 0 0 1.5em; }
				body .archivelist ul li { margin: 0.5em 0; }
	body .postspermonth { list-style: none; margin: 0.5em 0 1em 0; }
		body .postspermonth li { margin: 0.5em 0; }
		
	/* Sidebar
	--------------------------------------- */
	body .bookmarks ul { list-style: none; margin: 0 0 1em 0; }
		body .bookmarks ul li { margin: 0.5em 0; }

	/* Footer
	--------------------------------------- */
	#footer { margin: 0 20px 0 20px; border-top: 3px double #ccc; padding: 1em 0 0 0; }
		#recent {}
			#recent ul { list-style: none; margin: 0; }
				#recent li { margin: 0; }
				h4.recent-title { margin: 0; }
				.recent-metadata { font-size: 0.8em; color: #808080; margin: 0 0 0.5em 0; }
				.recent-excerpt { line-height: 1.4; margin: 0 0 1em 0; }
		#theme-info { margin: 0.5em 0 0 0; border-top: 3px double #ccc; padding: 1em 0 0.5em 0; color: #808080; }
			
/* Forms
----------------------------------------------- */
input, select, textarea { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100%; }
input.text, textarea { border: 1px solid #ccc; padding: 2px; background: #fafafa; color: #404040; }
input.text:focus, textarea:focus { background: #fff; }

	/* Search form
	--------------------------------------- */
	body .searchbox { width: 200px; margin: 0 0 1em 0; }
		#s { display: block; width: 194px; margin: 0 0 0.6em 0; border: 1px solid #ccc; padding: 2px; background: #fafafa; color: #404040; }
		#s:focus { background: #fff; }
		body.js #searchlabel { display: none; }
	
	/**
	 * Comment reply form layout & style.
	 * 
	 * Consists of a simple header with a title and 'Cancel reply' link,
	 * followed by three text fields which are floated next to one another.
	 * Lastly, a textarea and submit button. The amount of specialised code
	 * is intentionally small, since the form should inherit from the general
	 * Tarski form styling.
	 * 
	 * @since 2.4
	 */
	#respond { padding-top: 0.66em; border-top: 1px solid #e5e5e5; }
	#respond-header { margin-bottom: 0.66em; border-bottom: 1px solid #ccc; padding-bottom: 0.4em; }
	#respond-header .title { float: left; margin: 0; }
	#respond-header .cancel-reply { float: right; margin: 0; padding-top: 0.75em; font-size: 0.8em; }
		#respond-header .cancel-reply a { padding-right: 13px; background: url('images/icons.png') no-repeat 100% -498px; }
	body .response-details { margin-bottom: 1em; }
	body .response-details .text-wrap { width: 31%; float: left; margin-right: 2%; }
	body .response-details > .text-wrap { width: 32%; }
	body .response-details .url-wrap { margin-right: 0; }
	body .response { margin-bottom: 0.8em; }
		body .response-details .text-wrap label, body .response label { display: block; height: 1.5em; color: #808080; }
		body .response-details .text-wrap input.text { display: block; width: 98%; }
		body .response textarea { display: block; width: 99%; }
		body .req-notice { font-size: 0.8em; }
	p.submit-wrapper { margin: 0; }

/* Links
----------------------------------------------- */
a { text-decoration: none; }
a:link, a:visited, a:active { color: #163b4e; }
a:hover { color: #883280; }

body .content a:link, body .content a:active, body .content a:visited, body .link-pages a:link, body .link-pages a:active, body .link-pages a:visited, body .tagdata a:link, body .tagdata a:active, body .tagdata a:visited, body .widget_tag_cloud a:link, body .widget_tag_cloud a:active, body .widget_tag_cloud a:visited { border-bottom: none; }
body .content a:hover, body .link-pages a:hover, body .tagdata a:hover, body .widget_tag_cloud a:hover { border-bottom: none; }
	#wrapper .content h2 a:link, #wrapper .content h2 a:visited, #wrapper .content h2 a:hover, #wrapper .content h2 a:active, #wrapper .content h3 a:link, #wrapper .content h3 a:visited, #wrapper .content h3 a:hover, #wrapper .content h3 a:active, #wrapper .content h4 a:link, #wrapper .content h4 a:visited, #wrapper .content h4 a:hover, #wrapper .content h4 a:active { border-bottom: none; }