/*-----------------------------------------------
READ THIS FIRST!
Please do not edit this file unless you absolutely have to. To customise your CSS styles, please instead creat 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.
----------------------------------------------- */
/*
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/
Version: 1.2
.
Released under the GPL.
.
*/
/* Initial cleanup
----------------------------------------------- */
html, body, form, fieldset { margin: 0; padding: 0; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
/* Main structure
----------------------------------------------- */
body { font-family: "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif; font-size: 83%; line-height: 120%; color: #c5bcad; background: #362e2b url(./images/body.gif) repeat-y scroll center; min-width: 860px; }
#wrapper { width: 860px; text-align: left; }
#content { clear: both; padding: 2em 20px 0em 20px; }
#footer, #theme-info, #footer-include { clear: both; }
/* Positioning
----------------------------------------------- */
.primary { width: 550px; float: right; }
body.janus .primary { float: left; }
.primary-span { padding: 0 0 0 270px; clear: both; }
body.janus .primary-span { padding: 0 220px 0 0; }
.secondary { width: 250px; float: left; }
body.janus .secondary { float: right; }
.secondary-span { padding: 0 0 0 520px; clear: both; }
body.janus .secondary-span { padding: 0 520px 0 0; }
body.center #wrapper { margin: 0 auto; }
body.left #wrapper { margin: 0 auto 0 0; }
body.center { text-align: center; }
body.left { text-align: left; }
#nwrapper {width:860px;clear:both;text-indent:-9999px;}
.metasidebar {float:left; width:250px;list-style:none;color:#A8A8A8;font-size:0.9em;border-top:4px solid #4b403c;padding:5px;margin:30px 0px 0px 0px;}
.metasidebar ul {list-style-type:none;list-style-position:inside;margin-left:0;}
/* Header
----------------------------------------------- */
#header { width:860px;padding: 0; height:150px;border-bottom:2px solid #070606;position:relative;overflow:hidden;border-bottom:2px solid #2E2725;}
#title { border-bottom: none;margin-top:75px;margin-left:40px; height:65px; width:449px; background: url('./images/logo.gif') no-repeat;}
#navigation { border-bottom: 1px solid #2e2725; background:#211B1A;padding:0px;}
#header-image {display:none;height:0px;}
/* Navigation
----------------------------------------------- */
#navigation ul.primary { list-style: none; margin: 0; padding: 0.5em 0px; text-align:right;}
#navigation ul.primary li { display: inline; margin: 0 1em 0 0; }
#navigation ul.secondary { list-style: none; margin-left: 20px; padding: 0.5em 0 0.2em 0; }
#navigation ul.secondary li { display: inline; margin: 0 1em 0 0; }
/* Icons
------------------------------------------- */
.feed { padding: 5px 0 5px 20px; font-size: 0.8em; background: url('../images/feed-add.gif') no-repeat 0 50%; }
li.date {background: url('./images/calendar.gif') no-repeat;padding-left:20px;}
li.category{background: url('./images/folder.gif') no-repeat;padding-left:20px;}
li.author {background: url('./images/author.gif') no-repeat;padding-left:20px;}
li.tagdata {background: url('./images/tag_blue.gif') no-repeat;padding-left:20px;}
span.readmore {background: url('./images/page_go.gif') no-repeat;padding-left:20px;}
li.liscense {background: url('./images/cc.gif') no-repeat;padding-left:20px;}
/* Clearfix
----------------------------------------------- */
#navigation:after, .comment:after, .trackback:after, #trackback-link:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#navigation, .comment, .trackback, #trackback-link { display: inline-block; }
/* Hides from IE-mac \*/
* html #navigation, * html .comment, * html .trackback, *html #trackback-link { height: 1%; }
#navigation, .comment, .trackback, #trackback-link { display: block; }
/* End hide from IE-mac */
/* Content
----------------------------------------------- */
/* HTML element control
--------------------------------------- */
p { margin: 0 0 1em 0; }
blockquote { margin: 0 0 1em 0; padding: 0 25px; color: #a8a8a8; }
strong { font-weight: bold; }
em { font-style: italic; }
code, pre { font-family: "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif; font-size: 1em; color: #7ca653; }
acronym, abbr { border-bottom: 1px solid #8fb7bf; }
small { font-size: 0.8em; }
sup, sub { font-size: 75%; }
hr { width: 100%; height: 1px; background: #ccc; color: #ccc; margin: 1em 0; border: none; padding: none; }
ul, ol { margin: 0 0 1em 25px; padding: 0; }
ul { list-style: disc; }
li { margin: 0 0 0.25em 0; }
/* Global content control
--------------------------------------- */
.content p { line-height: 1.4; }
.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%; text-indent:-9999px;}
#tagline { font-family: 'Times New Roman', Times, serif; font-size: 1.5em; font-weight: normal; font-style: italic; color: #a8a8a8; margin: 0.1em 0 0.3em 0; border: none; padding: 0; line-height: 120%; }
h1, .entry .title { font-family: 'Times New Roman', Times, serif; font-size: 1.7em; font-weight: normal; line-height: 120%; margin: 0; border-bottom: 1px solid #4b403c; 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: 4px solid #4b403c; 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: none; }
h6 { font-size: 0.8em; font-weight: bold; line-height: 120%; margin: 0 0 0.3em 0; padding: none; }
/* Post content
--------------------------------------- */
.articlenav { margin: -2em 0 2em 0; border-bottom:none; padding-top: 0.75em; padding-bottom: 0.75em; background:transparent; }
span.previous-post{float:left;}
span.next-post{float:right;}
.entry { margin: 0 0 4em 0; }
body.single .entry { margin: 0 0 2em 0; }
.entry .meta { margin: 0 0 1em 0; }
.entry .metadata { font-size: 0.8em; color: #a8a8a8; margin: 0; padding: 0; }
.entry .meta .metadata { margin: 0; padding: 0.3em 0 0 0; }
.aside { margin: 0 0 4em 0; }
.aside .meta { margin: -0.8em 0 0 0; border-top: 1px dotted #d9d9d9; padding: 0.2em 0 0 0; color: #a8a8a8; font-size: 0.8em; text-align: right; clear: both; }
.archive {}
.archive .meta { margin: 0 0 1em 0; }
.archive .content { margin: 0 0 2em 0; }
.pagelinks { clear: both; margin: 2.5em 0; font-size: 0.8em; font-weight: bold; }
.pagelinks strong { color: #a8a8a8; margin: 0 0.6em 0 0; border: 1px solid #e5e5e5; padding: 0.3em 0.6em; }
.pagelinks a { margin: 0 0.6em; border: 1px solid; padding: 0.3em 0.6em; }
.pagination { margin: -3em 0 0 0; padding: 2em 0px 0px 0px; font-family: 'Times New Roman', Times, serif; font-size: 1.5em; font-weight: normal; line-height: 120%; color: #a8a8a8; }
/* Inserts
--------------------------------------- */
.insertright { margin: 0 0 20px 20px; width: 220px; float: right; }
.insertleft { margin: 0 20px 20px 0; width: 220px; float: left; }
.insert { background: #fcffff; margin: 0 0 1em 0; border: 1px solid #cfe2e5; padding: 9px; }
.insert h3 { border-bottom: 1px solid #cfe2e5; }
/* Downloads
--------------------------------------- */
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: #fcffff url('../images/download.gif') no-repeat 10px 50%; border-top: 1px solid #cfe2e5; border-bottom: 1px solid #cfe2e5; }
body a.download:hover { background: #fffafb url('../images/download.gif') no-repeat 10px 50%; border-top: 1px solid #e5cfd2; border-bottom: 1px solid #e5cfd2; }
/* Images
--------------------------------------- */
.content img {padding:4px;margin:0pt 4px;max-width:98%;}
a img { border: 1px solid #006a80; }
a:hover img { border: 1px solid #a8001c; }
#wrapper a.imagelink:link, #wrapper a.imagelink:visited, #wrapper a.imagelink:hover, #wrapper a.imagelink:active { border: none; }
.imageleft { float: left; margin: 0 10px 10px 0; }
.imageright { float: right; margin: 0 0 10px 10px; }
.imageblock { display: block; margin: 0 0 1em 0; }
.imagecentre, imagecenter /* For the colonists amongst you... */ { display: block; text-align: center; margin: 0 auto 1em auto; }
/* Tags & Tags page
--------------------------------------- */
.tagdata { font-size: inherit; color: #a8a8a8; clear: both; }
.tagcloud { margin: 1em 0 2em 0; line-height: 150%; }
.tagcloud a { border: none !important; }
#searchselector { margin: 0.5em 0 1em 0; }
/* 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 {}
#comments .meta .title { margin: 0; border: none; padding: 0.1em 0 0 0; }
.meta .comments-feed { text-align: right; margin: 0; padding: 0.75em 0 0 0; }
.meta .comments-feed a { padding: 5px 24px 5px 0; background: url('../images/feed.gif') no-repeat 100% 50%; font-size: 0.8em; }
#trackback-link { margin: 0; border-top: 1px solid #211B1A; padding-top: 0.5em; padding-bottom: 0.5em; background: url('../images/trackback.gif') no-repeat 100% 60%; font-size: 0.8em; color: #a8a8a8; clear: both; }
#trackback-link p { margin: 0; }
#trackback-link .secondary { font-weight: bold; }
.comment { margin: 0; border-top: 1px solid #211B1A; padding: 0.5em 0; }
.comment-permalink { font-size: 0.8em; margin: 0; }
.comment-author { margin: 0 0 0.5em 0; }
#gravatar { background:#211B1A;width:40px; height:40px;border: 1px solid #4B403C; float: left; margin: 0 6px 3px 6px; }
.gravatar {margin:4px;}
.comment a:link .gravatar, .comment a:visited .gravatar, .comment a:hover, .gravatar, .comment a:active .gravatar { border: none; }
body.janus .gravatar { float: left; margin: 0 6px 3px 0; }
.moderated { background: #fcffff; }
.moderated .primary-span { border-bottom: 1px dotted #e5e5e5; padding-bottom: 0.5em; background: url('../images/moderated.gif') no-repeat 100% 50%; }
.author-comment {background:#211B1A}
.trackback { margin: 0; border-top: 1px solid #211B1A; padding: 0.5em 0 0.5em 0; background: #362E2B url('../images/trackback.gif') no-repeat 100% 60%; }
.trackback p { font-size: 0.8em; margin: 0; }
#respond { margin: 0; border-top: 1px solid #211B1A; 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; }
#commentPreview { margin: 1em 0 0 0; }
/* Lists
--------------------------------------- */
.navlist { list-style: none; margin: 0 0 1em 0;}
.navlist li { margin: 0.5em 0; border-bottom:1px solid #2e2725}
.navlist ul { list-style: none; margin: 0 0 0 1em; }
.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; }
.archivelist { list-style: none; margin: 0.5em 0 1em 0; }
.archivelist li { margin: 0.5em 0; }
.archivelist ul { list-style: none; margin: 0 0 0 1.5em; }
.archivelist ul li { margin: 0.5em 0; }
.postspermonth { list-style: none; margin: 0.5em 0 1em 0; }
.postspermonth li { margin: 0.5em 0; }
/* Footer
--------------------------------------- */
#footer { margin: 1em 20px 0 20px; border-top: 3px double #211B1A; padding: 1em 0 0 0; }
#recent {float:right;}
#recent ul { list-style: none; margin: 0; }
#recent li { margin: 0; }
h4.recent-title { margin: 0; }
p.recent-metadata { font-size: 0.8em; color: #a8a8a8; margin: 0; }
p.recent-excerpt { line-height: 1.4; margin: 0 0 1em 0; }
#footer div.primary div.content {float:right;width:100%;}
#blurb {}
#theme-info { margin: 0; border-top: none;background:#211B1A; padding:0px; color: #a8a8a8; width:100%; clear:both;}
#theme-info p {margin-bottom:0px;}
/* .mprimary {float:right;}
.msecondary {float:left;}*/
body > #theme-info {bottom:0pt;left:0pt;position:static;width:100%;}
/* Forms
----------------------------------------------- */
input { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100%; }
/* Search form
--------------------------------------- */
.searchbox { width: 100%; margin: 0 0 1em 0; }
#s { float:left; display: block; width: 80%; margin: 0 0 0.6em 0; border: 1px solid #ccc; padding: 2px; background: #fafafa; color: #545454; }
#s:focus { background: #fff; }
#searchsubmit {float:right}
/* 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 { display: block; width: 194px; margin: 0.2em 0 0 0; border: 1px solid #4B403C; padding: 2px; background: #2F2825; color: #C5BCAD; }
#comment-input { width: 550px; 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 #4B403C; padding: 2px; background: #2F2825; color: #C5BCAD; }
#author:focus, #email:focus, #url:focus, #comment:focus { background: #211B1A; }
#submit { margin: 0 0 1em 0; background:#211B1A none repeat scroll 0%;border:2px solid #4B403C;color:#C5BCAD;font-weight:bold;}
/* Links
----------------------------------------------- */
a { text-decoration: none; }
a:link, a:visited, a:active { color: #6ecdfd; }
a:hover { color: #d3e78f; }
.entry h2 a:link,.entry h2 a:visited,.entry h2 a:active, p.articlenav a:link,p.articlenav a:visited,.articlenav a:active, span.readmore a:link, span.readmore a:visited,span.readmore a:active {color:#d3e78f;}
.entry h2 a:hover,p.articlenav a:hover,span.readmore a:hover {color:#fff;}
.content a:link, .content a:active, .content a:visited { border-bottom:none;background:#251f1e; }
.content a:hover { border-bottom: none; }
#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 (I hate these things)
----------------------------------------------- */
.widgets .textwidget { padding: 0 0 1em 0; }
.widgets .rsswidget img { border: 0; }
.widgets .pagenav, .widgets .pagenav ul, .widgets .page_item, .widgets .widget_archives ul { list-style: none; background: none !important; margin: 0; padding: 0; }
.widgets .navlist .page_item { margin: 0.5em 0; }
.widgets .navlist ul { list-style: none; margin: 0 0 0 1em; }
.widgets .navlist ul li { margin: 0.5em 0; }
.widgets .pagenav ul li { margin: 0.5em 0; }
.widgets .pagenav ul li ul { margin: 0 0 0 1em; }
.widgets .pagenav ul li ul li { margin: 0.5em 0; }
.widget_archives ul li { margin: 0.5em 0; }
.widgets .widget_archives, body .widgets .pagenav { margin: 0 0 1em 0; }
.widgets .widget_gsearch div { text-align: left !important; margin: 0 0 1em 0; }
.widgets #wp-calendar { width: 100%; }
.widget_calendar table, .widget_calendar tr, widget_calendar th { text-align: left; }
.widgets #wp-calendar caption { text-align: left; 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; }
.widget_search { margin: 0 0 1em 0; }
.widget_search #s { display: block; width: 194px; margin: 0; border: 1px solid #ccc; padding: 2px; background: #fafafa; color: #545454; }
#s:focus { background: #fff; }
.widgets ul { list-style: none; margin: 0; padding: 0; }
.widgets li { margin: 0.5em 0; }
.widgets ul li ul { margin: 0 0 0 1em; }
.widgets .widget { margin: 0 0 1em 0; }
/* Del.icio.us
----------------------------------------------- */
h2.delicious-banner{ border-bottom:4px solid #4B403C;color:#8FBF60;font-size:0.8em;font-weight:normal;letter-spacing:0.1em;margin:0pt 0pt 0.8em;padding:0pt 0pt 0.4em;text-transform:uppercase;}
div.delicious-posts ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0pt 0pt 1em;}
li.delicious-post {border-bottom:1px solid #2E2725;margin:0.5em 0pt;}
/* Image Headding
----------------------------------------------- */
h3.last-comments {background:url('./images/comment_h.gif') no-repeat 0pt 90%;height:25px; text-indent:-9999px;}
h3.rencent-articles {background:url('./images/recent_article.gif') no-repeat 0pt 90%;height:25px; text-indent:-9999px;}
h3.about-info {background:url('./images/about.gif') no-repeat 0pt 90%;height:25px; text-indent:-9999px;}
/* Classes
----------------------------------------------- */
.alert {background: #211B1A url('./images/exclamation.gif') 8px 8px no-repeat;border: 1px solid #C5BCAD;border-top: 4px solid #C5BCAD;text-align: left;margin: 10px auto;padding: 5px 20px 5px 32px;}