/*
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.5
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/*-----------------------------------------------
READ THIS FIRST!

Please do not edit this file unless you absolutely have to.
To customise your CSS styles, create an alternate stylesheet
as per the instructions at the following URL:

http://tarskitheme.com/help/styles/

Using this method will preserve your changes when
you upgrade to a newer version of Tarski.
----------------------------------------------- */

/* Initial cleanup
----------------------------------------------- */
html, body, form, fieldset { margin: 0; padding: 0; }
form label { cursor: pointer; }
fieldset { border: none; }

/* Main structure
----------------------------------------------- */
body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 76%; line-height: 120%; color: #404040; background: #fff; }
#wrapper { text-align: left; }
body.rtl #wrapper { text-align: right; direction: rtl; }
	#header, #content { margin-bottom: 2em; padding-left: 20px; padding-right: 20px; }
	#footer, #theme-info, #footer-include { clear: both; }
	
/* Fix floats
----------------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* 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
----------------------------------------------- */
#navigation ul.primary { list-style: none; margin: 0; padding: 0.5em 0; }
body.rtl #navigation ul.primary { direction: ltr; }
	#navigation ul.primary li { display: inline; margin: 0 1em 0 0; }
	body.rtl #navigation ul.primary li { display: inline; margin: 0 0 0 1em; }
#navigation div.secondary { padding: 0.5em 0; }
	#navigation div.secondary p { margin: 0; }
	body.janus #navigation .secondary p, body.janus #theme-info .secondary p { text-align: right; }
	
#wrapper .nav-current:link, #wrapper .nav-current:visited, #wrapper .nav-current:active { color: #8fbf60; }
#wrapper .nav-current:hover { color: #a8001c; }

	/* 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, tt { font-family: 'Courier', 'Courier New', monospace; font-size: 1em; line-height:1.8; color: #4d4d4d; }
		pre { margin: 0 0 1em 0; border: 1px solid #e5e5e5; padding: 0.5em 1em; white-space: pre-wrap; overflow: hidden; background: #fafafa; }
  	code, tt { background: #efefef; }
  	pre code, pre tt { background: none; }
		html > body code, html > body tt, html > body pre { font-size:12px; }
		h3 code { text-transform: none; }
	ul, ol { margin: 0 0 1em 15px; padding: 0; }
	ul { list-style: disc; }
		li { margin: 0 0 0.25em 0; }
		body.rtl ul, body.rtl ol { margin: 0 15px 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: '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: #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-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; }
		
	/* Inserts
	--------------------------------------- */
	body .insertright { margin: 0 0 20px 20px; width: 220px; float: right; }
	body .insertleft { margin: 0 20px 20px 0; width: 220px; float: left; }
	body .insert { background: #fcffff; margin: 0 0 1em 0; border: 1px solid #cfe2e5; padding: 9px; }
		body .insert h3 { border-bottom: 1px solid #cfe2e5; }

	/* Downloads
	--------------------------------------- */
	body a.download { display: block; margin: 1em 0; padding: 5px 5px 5px 28px; min-height: 15px; }
	body .content a.download:link, body .content a.download:visited, body .content a.download:active { background:#fcffff url('images/icons.png') no-repeat 5px -295px; border: 1px solid #cfe2e5; }
	body .content a.download:hover { text-decoration: underline; }

	/* Images
	--------------------------------------- */
	a img { border: 1px solid #006a80; }
	a:hover img, body .comment a:hover .avatar { border: 1px solid #a8001c; }
		#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; }
	
	/* Tags & Tags page
	--------------------------------------- */
	body .tagdata { font-size: 0.8em; color: #808080; clear: both; }
	body .tagcloud {}
	body .tagcloud a { margin: 0 2px 0 0; }

	/* Search content
	--------------------------------------- */
	body .post-brief { margin: 0 0 2em 0; }
		body .post-brief h3 { margin: 0 0 0.2em 0; }
		body .post-brief p.post-metadata { color: #808080; margin: 0 0 0.2em 0; border: none; padding: 0; }
		body .post-brief p.excerpt { margin: 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.rtl .comment ol.children, body.rtl .trackback ol.children, body.rtl .pingback ol.children { padding: 0 20px 0 0 ; }
		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.rtl .comment .reply a { background: url('images/icons.png') no-repeat -7px -598px; }
	
	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.rtl .comment-meta { float: right;}
		body .avatar-link { display: block; float: right; margin: 0 0 10px 10px; }
		body.rtl .avatar-link { float: left; margin: 0 10px 10px 0; }
		body .avatar, body .comment a .avatar { display: block; float: right; margin: 0 0 10px 10px; border: 1px solid #ccc; padding: 4px; background:#fcfcfc; }
		body.rtl .avatar, body.rtl .comment a .avatar { float: left; margin: 0 10px 10px 0;}
		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.rtl .comment-content { clear: right; }
	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; }
	.rtl #comments-header .title { float: right; }
	#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; }
		.rtl #comments-header .comments-feed a { float:left; padding: 1px 20px 1px 0; }
	#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-articles {}
			.recent-articles ul { list-style: none; margin: 0; }
				.recent-articles 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, input[type=text], input[type=password], textarea { border: 1px solid #ccc; padding: 2px; background: #fafafa; color: #404040; }
input.text:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus { background: #fff; }
input[type=submit]:enabled, button:enabled { border: 1px solid #ccc; padding: 2px 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url('images/button_gradient.png') repeat-x 0 0; color: #404040; cursor: pointer; }
input[type=submit]:enabled:focus, input[type=submit]:enabled:hover, button:enabled:focus, button:enabled:hover { border-color: #666; }

	/* 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; }
	.rtl #respond-header .title { float: right; }
	#respond-header .cancel-reply { float: right; margin: 0; padding-top: 0.75em; font-size: 0.8em; }
	.rtl #respond-header .cancel-reply { float: left; }
		#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: #006a80; }
a:hover { color: #a8001c; }

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: 1px solid #cfe2e5; }
body .content a:hover, body .link-pages a:hover, body .tagdata a:hover, body .widget_tag_cloud a:hover { border-bottom: 1px solid #e5cfd2; }
	#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: none; }
		
/* Widgets
----------------------------------------------- */
body .widget { margin: 0 0 2em 0; }
	
	/* List widgets
	------------------------------------------- */
	body .widget ul { margin: 0; list-style: none; }
		body .widget ul li { margin: 0.5em 0; }
		body .widget ul ul, body .widget ol ol, body .widget ol ul, body .widget ul ol { margin-left: 15px; }
		body.rtl .widget ul ul, body.rtl .widget ol ol, body.rtl .widget ol ul, body.rtl .widget ul ol { margin-right: 15px; }
	
	/* Tag cloud widget
	------------------------------------------- */
	body .widget_tag_cloud { line-height: 1.2; }
		body .widget_tag_cloud a { margin: 0 2px 0 0; }
	
	/* Calendar widget
	------------------------------------------- */
	body .widget_calendar {}
		body .widget_calendar table { width: 100%; }
		body .widget_calendar caption { margin: 0.25em 0 0.2em 0; border-bottom: 1px solid #ccc; padding: 0 0 0.5em 0; font-family: 'Times New Roman', Times, Georgia, serif; font-size:1.5em; text-align: center; }
		body .widget_calendar th, body .widget_calendar td { margin: 1px; padding: 5px; text-align: center; }
		body .widget_calendar th { background: #fafcfc; font-weight: bold; }
		body .widget_calendar td { background: #edf1f2; }
		body .widget_calendar tbody td a { display:block; margin: -5px; padding: 5px; color: #fff; background: #8bb6cc; }
		body .widget_calendar tbody td a:hover { color: #fff; background: #cc8a95; }
		body .widget_calendar td.pad, .widget_calendar tfoot td { background: #fff; }
		body .widget_calendar tfoot td { font-family: 'Times New Roman', Times, Georgia, serif; font-size: 1.5em; }
		body .widget_calendar #prev { text-align: left; }
		body .widget_calendar #next { text-align: right; }
