/*
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.3
.
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: Verdana, Helvetica, Arial, sans-serif; font-size: 76%; line-height: 120%; color: #7E8689; min-width: 760px; }
#wrapper { width: 760px; text-align: left; }
#content { clear: both; padding: 2em 20px; }
#footer, #theme-info, #footer-include { clear: both; }
/* Positioning
----------------------------------------------- */
.primary { width: 450px; float: right; padding-top: 10px;}
body.janus .primary { float: left; }
.primary-span { padding: 0 0 0 320px; clear: both; }
body.janus .primary-span { padding: 0 320px 0 0; }
.primary-wide { width: 520px; float: right; }
body.janus .primary-wide { float: left; }
.secondary { width: 201px; float: left; padding-top: 10px; }
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; }
/* Header
----------------------------------------------- */
#header { padding: 0 0px 0 0px; }
#title { color: #000000; border-bottom: 1px solid #ccc; }
#navigation { padding-top: 5px; border-bottom: 1px solid #ccc; }
/* Navigation
----------------------------------------------- */
#navigation ul.primary { list-style: none; margin: 0; padding: 0.5em 0; }
#navigation ul.primary li { display: inline; margin: 0 1em 0 0; }
#navigation ul.secondary { list-style: none; margin: 0; padding: 0.5em 0 0.2em 0; }
#navigation ul.secondary li { display: inline; margin: 0 1em 0 0; }
#nav-current:link, #nav-current:visited, #nav-current:active { font-style: italics; border-bottom: 1px; border-bottom-style: dotted; color: #6E7B82; }
#nav-current:hover { color: #4D5456; }
/* Feed icon
------------------------------------------- */
.feed { padding: 5px 0 5px 20px; font-size: 0.8em; background: url('images/feed-add.gif') no-repeat 0 50%; }
/* Clearfix
----------------------------------------------- */
#navigation:after, .comment:after, .trackback:after, #comments .meta:after, #trackback-link:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#navigation, .comment, .trackback, #comments .meta, #trackback-link { display: inline-block; }
/* Hides from IE-mac \*/
* html #navigation, * html .comment, * html .trackback, *html #comments .meta, *html #trackback-link { height: 1%; }
#navigation, .comment, .trackback, #comments .meta, #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 30px; color: #a8a8a8; }
strong { font-weight: bold; }
em { font-style: italic; }
code, pre { font-family: 'Courier New', Courier, monospace; font-size: 1em; color: #6BA5BD; }
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 30px; padding: 0; }
ul { list-style: disc; }
li { margin: 0 0 0.25em 0; }
pre { overflow: scroll; margin: 0 0 1em 0; padding: 0 0 0.5em 0; }
.primary pre { width: 500px; }
.secondary pre { width: 200px; }
/* 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%; }
#tagline { font-family: 'Times New Roman', Times, serif; font-size: 1em; font-weight: normal; font-style: color: #a8a8a8; margin: 0.1em 0 0.3em 0; border: none; padding-bottom: 2em; line-height: 100%; }
h1, .entry .title { font-family: 'Verdana', Helvetica, serif; font-size: 1.2em; text-transform: uppercase; letter-spacing: 0.6px; font-weight: normal; line-height: 120%; margin: 0; border-bottom: 1px solid #ccc; padding: 0 0 0.3em 0; margin-bottom: 2px;}
h2 { font-family: 'Verdana', Helvetica, 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: #6BA5BD; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 3em 0; border-bottom: 1px solid #ccc; 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; }
/* Portfolio page
--------------------------------------- */
#portfolio { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: .8em; font-weight: normal; color: #6BA5BD; text-transform: uppercase; letter-spacing: 0.1em; margin: 0; border: none; padding: 0; line-height: 250%; }
#blockcontent div {float:left; width:120px;}
hr.clear {clear:both; visibility:hidden;}
/* Post content
--------------------------------------- */
.articlenav { margin: 0em 0 2em 0; border-bottom: 1px solid #e5e5e5; padding-top: 5em; padding-bottom: 0.75em; background: #f8f8f8; color: #a8a8a8; }
.portfolioentry { margin: 0 0 1em 0; clear: both; display: block; }
.entry { margin: 0 0 4em 0; clear: both; }
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 0; font-family: 'Times New Roman', Times, serif; font-size: 1.5em; font-weight: normal; line-height: 120%; color: #a8a8a8; }
.post-meta { font-size: 0.8em; color: #577483; margin: 0; padding: 0; }
.post-meta li {list-style-type: none;}
.post-meta-key { font-size: 1em; color: #a8a8a8; margin: 0; padding: 0; }
/* 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
--------------------------------------- */
a img { margin-bottom: 2px; margin-right: 2px; border: 1px solid #ababab; }
a:hover img { margin-bottom: 2px; margin-right: 2px; border: 1px solid #7B7B7B; }
#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: 0.8em; 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 { text-align: left; clear: both; padding: 2em 0 0 0; color:#74ACC6; }
#comments .meta {text-align: left; }
#comments .meta .title { text-align: left; margin:0; border: none; padding: 0.1em 0 0 0; }
.meta .comments-feed { text-align: left; margin: 0; padding: 0.75em 0 0 0; }
a:hover { color: #4D5456; }
.meta .comments-feed a { padding: 5px 24px 5px 0; background: url('images/feed.gif') no-repeat 100% 50%; font-size: 0.8em; }
p.comments-feed { float: left; text-align: left; 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 #ccc; 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 { float:left; font-weight: bold; }
.comment { margin: 0; border-top: 1px solid #ccc; padding: 0.5em 0; }
.comment-permalink { font-size: 0.8em; margin: 0; }
.comment-author { margin: 0 0 0.5em 0; color: #bb000; }
.gravatar { border: none; float: right; margin: 0 0 3px 6px; }
.comment a:link .gravatar, .comment a:visited .gravatar, .comment a:hover, .gravatar, .comment a:active .gravatar { border: none; }
body.janus .gravatar {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 {}
.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; }
#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 0; border-bottom: 1px solid #fff; padding: 0 0 1.2em 0; }
#commentPreview { margin: 1em 0 0 0; }
#commentright {text-align: left; }
/* Lists
--------------------------------------- */
.navlist { list-style: none; margin: 0 0 1em 0; }
.navlist li { margin: 0.5em 0; }
.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; }
/* Sidebar
--------------------------------------- */
.bookmarks ul { list-style: none; margin: 0 -2em 2em 0; }
#bookmarks ul { list-style: none; text-position-left: -20; margin: 0; }
.bookmarks ul li { margin: 0, 0, 0.5em 0; }
/* Footer
--------------------------------------- */
#footer { margin: 1em 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; }
p.recent-metadata { font-size: 0.8em; color: #a8a8a8; margin: 0; }
p.recent-excerpt { line-height: 1.4; margin: 0 0 1em 0; }
#blurb {}
#theme-info { margin: 0.5em 0 0 0; padding: 1em 0 0.5em 0; color: #a8a8a8; }
/* Forms
----------------------------------------------- */
input { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100%; }
/* Search form
--------------------------------------- */
.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: #545454; }
#s:focus { background: #fff; }
#search_input {
margin:0;
padding:1px 0 1px 3px;
font:normal 12px arial;
height:14px;
width:180px;
float:left;
color:#555;
border:1px solid #ccc;
background:#fcfcfc;
}
#search_div {
margin:5px 0 10px 0;
}
#searchsubmit {
margin:0 0 0 5px;
float:left;
}
/* Mailing List form
--------------------------------------- */
.text_input {
margin:0;
padding:2px 0 2px 3px;
font:normal 12px arial;
height:14px;
width:170px;
float:left;
color:#555;
border:1px solid #ccc;
background:#fcfcfc;}
.mail_button {
border:1px solid #ccc;
background:#fff;
padding:3px 3px 2px 3px;
margin:2px 0 1px 4px;
color:#7AAAC2;
text-transform:uppercase;
font:bold 9px/9px "lucida grande";
}
#mailinglist {
margin-bottom: 10px;
margin-top: 20px;
}
#mailing{
margin-top: 30px;
}
#line {
border-top: 1px #DDDDDD double;
}
/* Contact form
--------------------------------------- */
.text_input {
margin:0;
padding:2px 0 2px 3px;
font:normal 12px arial;
height:14px;
width:170px;
float:left;
color:#555;
border:1px solid #ccc;
background:#fcfcfc;}
#contactright {color:#bb000 }
.contact_button {
border:1px solid #ccc;
background:#fff;
padding:3px 3px 2px 3px;
margin:2px 0 1px 4px;
color:#7AAAC2;
text-transform:uppercase;
font:bold 9px/9px "lucida grande";
}
/* 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: inline; width: 194px; margin: 0.2em 0 0 0; border: 1px solid #ccc; padding: 2px; background: #fafafa; color: #545454; }
#comment-input { width: 500px; float: left; }
#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; }
#submit { border:1px solid #ccc;
background:#fff;
padding:3px 3px 2px 3px;
margin:2px 0 12px 0px;
color:#7AAAC2;
text-transform:uppercase;
font:bold 9px/9px "lucida grande";
}
/* Links
----------------------------------------------- */
a { text-decoration: none; }
a:link, a:visited, a:active { color: #6c7d84; }
a:hover { color: #4D5456; }
.content a:link, .content a:active, .content a:visited { border-bottom: 1px solid #cfe2e5; }
.content 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; }
.portfoliocontent a:link, .portfoliocontent a:active, .portfoliocontent a:visited { border-bottom: 1px solid #cfe2e5; }
.portfoliocontent a:hover { border-bottom: 1px solid #e5cfd2; }
#wrapper .portfoliocontent h2 a:link, #wrapper .portfoliocontent h2 a:visited, #wrapper .portfoliocontent h2 a:hover, #wrapper .portfoliocontent h2 a:active, #wrapper .portfoliocontent h3 a:link, #wrapper .portfoliocontent h3 a:visited, #wrapper .portfoliocontent h3 a:hover, #wrapper .portfoliocontent h3 a:active, #wrapper .portfoliocontent h4 a:link, #wrapper .portfoliocontent h4 a:visited, #wrapper .portfoliocontent h4 a:hover, #wrapper .portfoliocontent h4 a:active { border: none; }
.portfoliocontent {
margin-top: 25px;
}
/* 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 .widget_links 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; }
.widget_links ul li { margin: 0.5em 0; }
.widgets .widget_archives, .widget_links ,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: 1em 0 4em 0; }
.widgets .widget_recent_entries {
margin-top: 3px;
border-bottom: 1px solid #DDDDDD;
}
.widgets .widget_recent_entries ul{
margin-top: 0px;
}
#rsswidget {margin-right: 4px;}
#comments, #respond {
width: 500px;
float: left;
clear: none;
}
#hidden {display: none; }
#copyright {text-align: centre ;}
ul.no_bullet{
list-style-type: none;}