/*
Theme Name: Tarski
Theme URI: http://tarskitheme.com/
Description: An elegant, flexible theme developed by Ben Eastaugh and Chris Sternal-Johnson.
Author: Benedict Eastaugh and Chris Sternal-Johnson
Author URI: http://tarskitheme.com/about/
Tags: white, custom header, fixed width, two columns, widgets, API, options page, update notifier
Version: 2.3
.
Released under the GPL.
.
*/
/*-----------------------------------------------
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: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 120%; color: #000; 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: 2px dotted #000; }
#navigation { margin: 20px 0 0 0; border-bottom: 2px dotted #000; }
/* 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: #666; }
#wrapper .nav-current:hover { color: #000; }
/* 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: #000; }
strong { font-weight: bold; }
em { font-style: italic; }
acronym, abbr { border-bottom: 2px dotted #000; }
small { font-size: 0.8em; }
sup, sub { font-size: 75%; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
hr { width: 100%; height: 2px; background: #fff; color: #000; margin: 1em 0; border: none; padding: 0; }
img { border: none; }
pre, code { font-family: "Trebuchet MS", 'Verdana', 'Arial', 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: #000; }
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: 'Georgia','Times New Roman', Times, serif; font-size:40px ; color: #000; font-weight: bold; margin: 0; border: none; padding: 0; line-height: 60px; }
#tagline { font-family: 'Georgia','Times New Roman', Times, serif; font-size: 0px; font-weight: normal; font-style: italic; color: #000; margin: 0.1em 0 0.3em 0; border: none; padding: 0; line-height: 120%; }
/* 2.5em 120% */
h1, body .entry .title { font-family: 'Georgia','Times New Roman', Times, serif; color: #000; font-size: 2em; font-weight: bold; line-height: 120%; margin: 0; border-bottom: 2px dotted #000; border-top: 2px dotted #000; padding: 0 0 0.1em 0; }
h2 { font-family: 'Georgia','Times New Roman', Times, serif; color: #000; font-size: 2em; font-weight: bold; line-height: 120%; margin: 0 0 0.5em 0; }
h3 { font-family: 'Georgia','Times New Roman', Times, serif; font-size: 1.2em; font-weight: bold; color: #000; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 0.8em 0; border-bottom: 2px dotted #E00; border-top: 2px dotted #E00; padding: 0.3em 0 0.3em 0; }
h4 { font-family: 'Georgia','Times New Roman', Times, serif; color: #000; font-size: 1.5em; font-weight: bold; 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: 2px dotted #000; padding-top: 0.75em; padding-bottom: 0.75em; background: #FFF; color: #000; }
body.janus .articlenav { text-align: right; }
body.rtl .articlenav { border-bottom: 2px dotted #000; }
body .entry { margin: 0 0 2em 0; clear: both; }
body .posts .entry { margin: 0 0 2.5em 0; }
body .entry .meta { margin: 0 0 1em 0; }
body .entry .metadata { font-size: 0.8em; color: #000; 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: 2px dotted #000; padding: 0.2em 0 0 0; color: #999; 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: #000; clear: both; }
body .pagination { margin: 0; font-family: 'Times New Roman', Times, serif; font-size: 1.5em; font-weight: normal; line-height: 120%; color: #000; 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: #FFF; margin: 0 0 1em 0; border: 2px dotted #000; padding: 9px; }
body .insert h3 { border-bottom: 2px dotted #000; }
/* 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:#FFF url('images/icons.png') no-repeat 5px -295px; border: 2px dotted #000; }
body .content a.download:hover { text-decoration: underline; }
/* Images
--------------------------------------- */
a img { border: none; }
a:hover img, body .comment a:hover .avatar { border: none; }
#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: #999; 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: #000; margin: 0 0 0.2em 0; border: none; padding: 0; }
body .post-brief p.excerpt { margin: 0; }
/* Comments
--------------------------------------- */
#comments { padding: 2em 0 0 0; clear: both; }
body.janus #comments .secondary { text-align: right; }
#comments .meta { margin: 0 0 0.2em 0; }
#comments .meta .title { width: 49.5%; float: left; margin: 0; border: none; }
body .meta .comments-feed { width: 49.5%; float: right; text-align: right; margin:0; padding: 0.75em 0 0 0; }
body .meta .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; }
#trackback-link { margin: 0; padding-top: 2px; border-top: 2px dotted #000; font-size: 0.8em; color: #000; clear: both; }
#trackback-link .secondary p { font-weight: bold; margin: 0; padding: 5px 24px 5px 0; }
#trackback-link .primary p { margin: 0; padding: 5px 0; }
body .comment { margin: 0; border-top: 2px dotted #000; padding: 0.66em 0; }
body .comment-permalink, body .comment-edit { font-size: 0.8em; margin: 0; }
body .comment-author { margin: 0 0 0.5em 0; font-weight: bold; }
body .avatar, body .comment a .avatar { margin: 0 0 0.5em 0; border: 2px dotted #000; padding: 4px; background:#fcfcfc; }
body .moderated .primary-span { border-bottom: 2px dotted #000; padding-bottom: 0.5em; background: url('images/icons.png') no-repeat 100% -200px; }
body .author-comment {}
body .trackback { margin: 0; border-top: 2px dotted #000; padding: 0.5em 0; background: #ffffff; }
body .trackback p { font-size: 0.8em; margin: 0; }
#respond { margin: 0; border-top: 2px dotted #000; padding: 1em 0 0 0; }
body .comments-info { font-size: 0.8em; margin: 0.6em 0 1em 220px; border-bottom: 2px dotted #000; padding: 0 0 1.2em 0; }
body .req-notice { font-size: 0.8em; }
/* 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; }
#sidebar { border-right: 2px dotted #E00; }
/* Footer
--------------------------------------- */
#footer { margin: 0 20px 0 20px; border-top: none; 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: #000; 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: 2px dotted #000; padding: 1em 0 0.5em 0; color: #666; }
/* Forms
----------------------------------------------- */
input, select, textarea { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100%; }
/* Search form
--------------------------------------- */
body .searchbox { width: 200px; margin: 0 0 1em 0; }
#s { display: block; width: 194px; margin: 0 0 0.6em 0; border: 2px dotted #000; padding: 2px; background: #fff; color: #000; }
#s:focus { background: #fff; }
body.js #searchlabel { display: none; }
/* Comment form
--------------------------------------- */
#commentform {}
#info-input {}
body .userinfo { color: #000; }
#info-input label { display: block; margin: 0 0 1.2em 0; color: #000; }
#author, #email, #url { display: block; width: 48%; margin: 0.2em 0 0 0; border: 2px dotted #000; padding: 2px; background: #fff; color: #000; }
#comment-input {}
#comment-input label { display: block; margin: 0 0 0.2em 0; color: #000; }
#comment-input textarea { width: 98%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 1.2em 0; border: 2px dotted #000; padding: 2px; background: #FFF; color: #000; }
#author:focus, #email:focus, #url:focus, #comment:focus { background: #fff; }
#submit { display:block; margin: 0 0 1em 0; }
/* Links
----------------------------------------------- */
a { text-decoration: none; }
a:link, a:visited, a:active { color: #000; }
a:hover { color: #E00; }
ul.primary li a { text-decoration: none; }
ul.primary a:link, a:visited, a:active { color: #E00; }
ul.primary a:hover { color: #000; }
.metadata a:link, a:visited, a:active { color: #E00; }
.metadata a:hover { color: #000; }
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 { color: #E00; border-bottom: none; text-decoration: underline; }
body .content a:hover, body .link-pages a:hover, body .tagdata a:hover, body .widget_tag_cloud a:hover { border-bottom: none; color: #000; text-decoration: underline;}
#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 { margin-left:2em; }
/* 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 h3 { border-bottom: none; border-top: none; font-size: 0px; margin:0px; padding:0px }
body .widget_calendar caption { margin: 0 0 0.2em 0; border-bottom: 2px dotted #E00; border-top: 2px dotted #E00; padding: 0.3em 0 0.3em 0; font-family: Georgia,'Times New Roman', Times, serif; color: #000; text-transform: uppercase; letter-spacing: 0.1em; font-weight: bold; font-size:1.2em; text-align:left }
body .widget_calendar th, body .widget_calendar td { margin: 1px; padding-left: 0px; padding-right: 10px; padding-bottom: 5px; text-align: center; }
body .widget_calendar th { font-family: Georgia,'Times New Roman', Times, serif; color: #000; font-size:1.2em; background: #FFF; font-weight: bold; }
body .widget_calendar td { color: #000; background: #FFF; }
body .widget_calendar tbody td a { display:block; margin: -5px; padding: 5px; color: #fff; background: #E00; }
body .widget_calendar tbody td a:hover { color: #FFF; background: #000; }
body .widget_calendar td.pad, .widget_calendar tfoot td { background: #fff; }
body .widget_calendar tfoot td { font-family: Georgia,'Times New Roman', Times, serif; font-size: 1.5em; }
body .widget_calendar #prev { text-align: left; }
body .widget_calendar #next { text-align: right; }