*
Theme Name: Tam's 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/
Butchered By: Tamara Westfall
Tags: white, two-columns, left-sidebar, right-sidebar, fixed-width, custom-colors, custom-header, theme-options, threaded-comments, sticky-post, microformats, rtl-language-support, 
translation-ready
Version: 2.6
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.

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


/* Trial
-------------------------------- */
ul li a {a:link; color:#404040 ; text-decoration: none}
.cat-item a {a:link; color:#404040; text-decoration: none}
.feed {a:link; color:orange; text-decoration: none}
.post-edit-link {a:link; a:active; a:visited;color: #7A7A7A; text-decoration: none}
.comments-link {a:link; a:active; a:visited;color: #7A7A7A; text-decoration: none}
.metadata {color:#7A7A7A; text-decoration: none}
p {color:#404040;}


/* Main structure
----------------------------------------------- */
body {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 76%; line-height: 120%; color: #7a7a7a; background: #fff;}
#wrapper {text-align:left; color:#990000;}
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: #404040; }
#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: Century Gothic, Trebuchet MS, Helvetica sans-serif; 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: Century Gothic, Trebuchet MS, Helvetica sans-serif; 
          font-size: 2.5em; 
          font-weight: normal;  
          margin: 0; 
          border: none; 
          padding: 0; 
          line-height: 120%; }
	

#tagline { 
font-family: Century Gothic, Trebuchet MS, Helvetica sans-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 { 
             font-family: Century Gothic, Trebuchet MS, Helvetica sans-serif;
             font-size: 2em; 
             font-weight: normal; 
             font-style: italic;             
             line-height: 125%; 
             margin: 0;
             border-bottom: 1px solid #ccc; 
             padding: 0 0 0.1em 0;}


	h2 { 
          font-family: Century Gothic, Trebuchet MS, Helvetica sans-serif;
          font-style: italic;
          font-size: 2em;
          font-weight: normal; 
          line-height: 120%; 
          margin: 0 0 0.5em 0; }
        h2 a {a:link; color:#990000 ; text-decoration: none; }


	h3 { 
        font-size: 0.8em; 
        font-weight: normal; 
        color: #990000; 
        text-transform: uppercase; 
        letter-spacing: 0.1em; 
        border-bottom: 1px solid #e5e5e5; 
        font-weight: bold;
        padding: 0 0 0.4em 0; }
      

	h4 { 
          font-family: Century Gothic, Trebuchet MS, Helvetica sans-serif;
          font-size: 1.5em; 
          font-weight: bold; 
          line-height: 120%; 
          margin: 0 0 0.3em 0; }

	h5 { 
        font-size: 1em; 
        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 .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; margin: 0; padding: 0; a:link; color:#7A7A7A;}
                      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: Century Gothic, Trebuchet MS, Helvetica sans-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; }
    
    body .wp-caption { margin-bottom: 10px; border: 1px solid #e5e5e5; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    #wrapper .wp-caption a { display: block; margin: 4px; border: none; }
    body .wp-caption img { display:block; }
    body .wp-caption .wp-caption-text { margin: 4px; font-size: 0.9em; }
    
	/* 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; 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; color:#7a7a7a; }
		.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: Century Gothic, Trebuchet MS, Helvetica sans-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: Century Gothic, Trebuchet MS, Helvetica 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::-webkit-input-placeholder { 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; color:#7A7A7A}


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; color:yellow;}


#wrapper .content h2 a:link,
#wrapper .content h2 a:active,
#wrapper .content h2 a:hover,
#wrapper .content h2 a:visited,

#wrapper .content h3 a:link,
#wrapper .content h3 a:active,
#wrapper .content h3 a:hover,
#wrapper .content h3 a:visited,

#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; color:#404040; }
		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: Century Gothic, Trebuchet MS, Helvetica sans-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: Century Gothic, Trebuchet MS, Helvetica sans-serif;; font-size: 1.5em; }
		body .widget_calendar #prev { text-align: left; }
		body .widget_calendar #next { text-align: right; }