/*  
Theme Name: Left Justified
Description: The default theme for Left Justified
Version: 2.0
Author: Andrew Krespanis
Author URI: http://leftjustified.net/
*/


/* DEFAULT STYLES */

* { padding:0; margin:0; } /* Global Whitespace Reset - http://leftjustified.net/journal/2004/10/19/global-ws-reset/  */

html { 
	background:#222 url(img/plank-vert.gif) repeat-y 4px 0;
	padding-left:18px; 
	max-width:1280px;
	min-width:900px;
	margin:0 auto;
}

body {
	background:#F6F6F4 url(img/white-tile.gif);
	margin-right:5px ;
	position:relative;
	font:79%/1.7em "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
}
hr {
	display:none;
}
textarea {
	font:1em/1.7em "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
}

/* -- links -- */
a {
	color:#466ac2;
	text-decoration:none;
}
a:visited {
	color:#4f5d81;
}
a:hover, a:focus, a:active {
	color: #466ac2;
	padding-bottom:0;
	text-decoration:underline;
}

a abbr {border:none;}
/* -- headers -- */

h2, h3, h4, h5, th {
	margin:1em auto .5em;
	padding:0;
	font-size:1.5em;
	color:#7f3b22;
	font-weight:normal;
	line-height:1.6;
	font-family: Georgia, "Lucida Bright", "Bitstream Vera Serif", serif ;
}
h2 {
	font-weight:bold;
	font-size:2.1em;
	letter-spacing:1pt;
	margin:1em 0 1.2em;
	font-variant:small-caps;
}
h3 {
	font-size:1.8em;
	margin-top:1.2em;
	font-variant:small-caps;
}
h3 span {
	color:#888;
	font-size:90%;
}
h4 { font-size: 1.4em; font-weight:normal;}
h5 { font-size: 1.25em; font-weight:normal;}


th {font-size:1.1em; font-weight:bold;}
td {padding:.1em 1%;}

blockquote {
	border:1px solid #EFEBE1;
	background:#fbfaf6url(img/quote.gif) no-repeat ;
	margin:1em 2%;
	padding-left:14px;
}
code {
	font-family: Monaco, Courier, monospace;
}

input[type='submit'] {
	border:1px solid #cbbcac;
	margin:0;
	cursor:pointer;
	padding:1px 2px;
	font-weight:bold;
	border:2px solid #f4f1ea;
	border-color:#f4f1ea #e5e2d8 #e5e2d8 #f4f1ea;
	background:#fbfaf6url(img/foot-nav.gif) repeat-x left bottom;
	cursor:pointer;
}
input[type='submit']:focus, input[type='submit']:hover {
	background:#f3ede7 url(img/btn.gif) repeat-x;
	color:#d41b03;
}
input[type='text'], textarea {
	padding:2px;
	border:1px solid #51504D;
}

/* END DEFAULT STYLES */

#header, #nav {
	padding-top:14px;
	background:transparent url(img/sml-plank-shad.png) repeat-x;
	position:relative;
}
#page {
	background:transparent url(img/page-fade.png) repeat-x;
	padding-top:30px;
}

#skip {
	position:absolute;
	left:0;
	top:16px;
	font-size:.9em;
	padding:0 5px;
	color:#466ac2;
	border:none;
	text-indent:-9999em;
	width:8.5em;
	line-height:1.2;
}
#skip:hover, #skip:focus {
	text-indent:0;
	color:#ec3f17;
	background:#fff;
}

#header div.xtra {
	background:transparent url(img/head-bg.jpg) no-repeat right -3px;
	height:156px;
}
#header div.xtra div.xtra2 {
	float:right;
	width:233px;
	height:158px;
	position:relative;
	background:transparent url(img/v2.jpg) no-repeat left -3px;
}
#header h1 a {
	border:none;
	display:block;
	height:136px;
	width:517px;
	margin-top:10px;
	float:left;
	text-indent:-1000em;
	background:transparent url(img/lj.png) no-repeat;
}
div#nav { position:relative;}

#nav ul {
	position:relative;
	list-style:none;
	height:40px;
	border-top:1px solid #bab3a7;
	background:#f1f0ea url(img/mnu-bg.png) repeat-x left bottom;
}
#nav li {
	position:absolute;
	top:0;
	display:block;
	width:120px;
	height:57px;
	background:transparent url(img/mnu-li-sprite.png) no-repeat left 0;
}
#nav li:hover {
	background-position:0 -58px;
}
li#mnu_contact {right:20px; z-index:4000;}
li#mnu_archive {right:122px; z-index:4100;}
li#mnu_lab {right:224px; z-index:4200;}
li#mnu_home {right:326px; z-index:4300;}

li#mnu_contact:hover {z-index:4150;}
li#mnu_lab:hover {z-index:4250;}
li#mnu_archive:hover { z-index:4350;}
li#mnu_home:hover { z-index:4400;}

#nav li a {
	text-indent:-1000em;
	text-decoration:none;
	display:block;
	height:51px;
	margin:0 11px 0 12px;   
	background:transparent url(img/mnu-home.png) no-repeat 0 -57px;
	border:none;
	padding-bottom:0;
}

li#mnu_home a {background-image:url(img/mnu-home.png);}
li#mnu_archive a {background-image:url(img/mnu-archive.png);}
li#mnu_contact a {background-image:url(img/mnu-contact.png);}
li#mnu_lab a {background-image:url(img/mnu-lab.png);}

#nav li a:hover, #nav li a:focus, #nav li a:active {
	background-position:0 0;
	border:none;
}
html body div#nav ul li.active {
	background-image:url(img/mnu-li-active.png);
	height:70px;
	z-index:4000;
}
html body div#nav ul li.active:hover {
	z-index:4000;
	background-position:0 0;
}
#nav form {
	position:absolute;
	left:10px;
	top:22px;
	width:42%;
	z-index:5000;
}
#nav fieldset {
	border:none;
	margin:0;
}
#nav input#search {
	width:75%;
	margin-top:2px;
	border:1px inset #222;
	background:#fff url(img/inp-txt.gif) repeat-x;
}
#nav legend {display:none;}
#nav input#search:focus {
	background:#fff;
}

#nav input[type='submit'] {
	position:absolute;
	top:1px;
	left:78%;
}
 
/* paging nav */
.paging-nav .nav-next a
{
	display:block;
	float:left;
	font-weight:bold;
}

.paging-nav .nav-prev a
{
	display:block;
	float:right;
	font-weight:bold;
}

.paging-nav a
{
	border:1px solid #f4f1ea;
	border-color:#f4f1ea #e5e2d8 #e5e2d8 #f4f1ea;
	background:#fcfaf6;
	text-align:center;
	-moz-border-radius:8px;
	border-radius:8px;
	padding:5px 10px;
}

.paging-nav a:hover
{
	background:#fff;
}


/*---------------------- 
	MAIN content box
	****************
---------------------*/
div#cont-wrap {
	background:transparent url(img/double-plank.png) repeat-x left 70px;
	position:relative;
	margin-top:10px;
	overflow:hidden;
}

#content {
	width:86%;
	position:relative;
	margin:0 auto;
	padding-bottom:20px;
	background:#fbfaf6;
	border:1px solid #e1daca;
	border-width:4px 4px 0;
	overflow:hidden;
	min-height:700px;
	max-width:800px;
}

#body {
	width:63%;
	float:left;
	margin:1em 1% 1em 3%;
	overflow:hidden;
}
#content div.noSidebar {
	float:none;
	width:auto;
	margin:1em 10% 1em;
}

#body p, #body ul, #body ol {
	margin:1em 0;
	padding:0;
}
#body ol {
	list-style:outside decimal;
	padding-left:2em;
}
#body ol ol {
	list-style:outside lower-alpha;
	padding-left:1.5em;
}
#body ul {
	padding-left:1.5em;
}

#body div.excerpt-link
{
	margin:1em 0;
	text-align:right;
}

p.edit
{
	float:right;
}

/* content images */
#body .figure 
{
	margin:1em 0;
	padding:0;
	text-align:center;
	border:2px solid #EFEBE1;
	border-color:#EFEBE1 #DFD7C3 #DFD7C3 #EFEBE1;
	background:#fff;
	padding:10px;
	clear:both;
	font-style:italic;
}


.figure img
{
	border:1px solid #ccc;
}

#intro {
	padding-top:80px;
	position:relative;
	background:transparent url(img/bonsai-corner.png) no-repeat;
	float:right;
	margin:30px 4% 0 3%;
	width:26%;
	border-bottom:1px solid #F3F1E3;
	font-size:95%;
}
html body #content #intro p {
	margin:0;
}

p.quotesrc {
	font:bold 1em "Lucida Bright", "Times New Roman", Georgia, serif;
	text-align:right;
	margin-right:12%;
}
p.quotesrc a {
	padding-right:10px;
	background:transparent url(img/ext-link.gif) no-repeat 100% 50%;
}

.subContent {
	width:48%;
	float:left;
	padding:0 1%;
}

/*---------------
MULTI-POST PAGES
-----------------*/
ol#postList {
	list-style:none;
	margin:.5em 0 2em;
	padding:0;
	list-style:none;	
}

ol#postList li.item, table#postsTable, #respond {
	display:block;
	padding:.7em 3%;
	margin:1em auto 1.5em;
	background:#fff;
	border:1px solid #f4f1ea;
	border-color:#f4f1ea #e5e2d8 #e5e2d8 #f4f1ea;
	-moz-border-radius:6px;
	border-radius:6px;
/*	overflow:hidden; */
	border-collapse:collapse;
}

h3.entry-title {
	margin:0;
	padding-bottom:0;
	line-height:1.5;
	font-weight:bold;
	margin-top:.2em;
	font-size:1.6em;
}

#postList h4 {
	color:#51504D;
	margin:.1em auto;
	padding:0 1em;
	font-size:1.3em;
}

#body li pre {
	clear:both;
}

#postList p.path {
	color:#51504D;
	font-size:90%;
	padding-left:0;
}
a.commentsLink, span.commentsOff {
	float:right;
	font-size:90%;
	margin-top:0;
	text-align:right;
	padding-left:24px;
	background:transparent url(img/ico-comments.png) no-repeat 2px top;
}
span.commentsOff {
	background:transparent url(img/ico-comments-off.png) no-repeat 2px top;
	color:#777;
	padding-left:22px;	
}

#postList p.tags {
	margin:0 0 .5em;
	padding:0;
	font-size:90%;
	padding-left:0;
}
#content p.published {
	float:left; 
	text-align:center;
	color:#888;
	width:3.5em;
	font-size:.9em;
	margin:0.3em 2% 0.5em 0;
	padding: 0;
	background:#f5f5ea;
	border:1px solid #efebe1;
	border-bottom-width:2px;
}

#postList p.published
{
	margin-top:1.5em;
}

p.published span {
	display:block;
	line-height:1.1;
	margin:0;
	padding:1px 0;
}
.published span.day {
	font-size:1.2em;
	border-bottom:1px solid #efebe1;
	background:#fff;
}
.published span.month {
	text-transform:uppercase;
	font-size:1em;
	border-bottom:1px solid #efebe1;
	background:transparent url(img/white-tile-60.png);
}
.published span.year {
	font-size:.8em;
	background:none;
}

a.download {
	font-size:1.2em;
	font-weight:bold;
	background: url(img/ico-folder-link.png) no-repeat 0 50%;
	padding:4px 0 0 20px;
}

/*---------------
     sidebar
-----------------*/

#sidebar {
	float:right;
	margin:30px 4% 0 3%;
	width:26%;
	font-size:95%;
	position:relative;
}
div.side-cont {
	position:relative;
	margin:0 3% 2em 0;
}
.side-cont div {
	padding-top:5px;
}
#sidebar h2, .subContent h2, #intro h2 {
	border-bottom:2px solid #f3f1e3;
	font-size:1.3em;
	margin:0;
	padding:1px;
	text-align:left;
	font-variant:small-caps;
}
#sidebar ul h3 {
	font-size:1em;
	margin:0;
	padding:2px;
}

.side-cont p {
	margin:4px 1px 1px;
	padding:.2em 0 20px;
}
body #body .blockLinks {
	margin:1px 1px;
	list-style:none;
	display:block;
	padding-left:0;
}
.blockLinks li {
	margin:0;
	display:block;
	padding:4px;
	border:1px solid #fff;
	background:#fff url(img/sb-li.gif) repeat-x left bottom;
}

.blockLinks li:hover {
	background:#fff;
	border-color:#f4f1ea #e5e2d8 #e5e2d8 #f4f1ea;
}

#sidebar .extended {
	font-size:90%;
	margin:0;
	padding-left:20px;
}

.blockLinks li  a,  strong.currentPost {
	padding:.4em 2%;
	display:block;
}

.blockLinks li a:visited, strong.currentPost {
	border:none;
	text-decoration:none;
	color:#888;
}

strong.currentPost {
	color:#000;
}

.blockLinks li a:hover, .blockLinks li a:active, .blockLinks li a:focus {
	color:#d41b03;
	text-decoration:underline;
	border:none;
}

.blockLinks li {
	padding:0;
	position:relative;
}
#sidebar li.parent {
	border:1px solid #d3cdbb;
}
.blockLinks ul {
	margin:2px 0;
	padding:0;
	font-size:.86em;
	background:#fff;
}
#sidebar ul ul li {
	background:#fff;
	border-color:#f3f1e3;
}

.blockLinks p {
	margin:.2em 2% .4em;
	padding:0;
	font-size:0.9em;
}
.blockLinks span.date {
	color:#666;
	font-size:.8em;
	position:absolute;
	top:.6em;
	right:2%;
	text-align:right;
}


/*-----------------
   Comments
-----------------*/

#comments-heading
{
	border-top:3px double #e5e2d8;
	margin:2em 0 1em;
	padding-top:1em;
}
ol#comments
{
	margin:0;
	padding:0;
	list-style:none inside;
}

#comments li.comment
{
	display:block;
	padding:.6em 2% 0;
	margin:.8em auto 1.1em;
	background:#fff;
	border:1px solid #f4f1ea;
	border-color:#f4f1ea #e5e2d8 #e5e2d8 #f4f1ea;
	-moz-border-radius:6px;
	border-radius:6px;
}

#comments p.comment-author
{
	font-size:1em;
	font-weight:bold;
	margin:0 0 -10px;
}

#respond fieldset
{
	border:none;
	margin:0 0 1em;
}

#respond fieldset.input
{
	border-bottom:1px solid #e5e2d8;
	padding:.2em 0 .6em;
}

#respond label
{
	float:left;
	clear:left;
	width:13em;
}

#respond textarea
{
	width:99%;
}

#respond label[for='comment']
{
	display:block;
	float:none;
	width:auto;
}


#respond .input input
{
	width:24em;
}

fieldset.actions
{
	text-align:right;
}
fieldset.actions input
{
	font-size:1.4em;
}


/*-----------------
flickr
------------*/
ul.photoThumbs {
	margin:0 auto 2em !important;
	overflow:hidden;
	padding:.4em 0 0;
}
ul.photoThumbs li {
	width:79px;
	height:79px;
	float:left;
	margin:0 3% 6px;
	border:2px solid #EFEBE1;
	border-color:#EFEBE1 #DFD7C3 #DFD7C3 #EFEBE1;
	padding:0;
	list-style:none;
}
ul.photoThumbs li.msg {
	width:auto;
	float:none;
	font-weight:bold;
	color:#888;
	padding:.4em 2%;
	border:1px solid #EFEBE1;
	height:auto;
	text-align:center;
	background:#fff;
}
.photoThumbs a {
	padding:0;
	border:1px solid #F3F1E3;
	display:block;
	width:77px;
	height:77px;
}
.photoThumbs a:hover, .photoThumbs a:focus, .photoThumbs a:active {
	border-color:#466ac2;
}

.photoThumbs img {
	margin:0;padding:0;
	border:1px solid #eee;
	border-color: #ddd #fff #fff #ddd;
}
.photoThumbs img:hover {
	border-color:#38372B #666 #666 #38372B;
}


/* old content */
img.img-right {
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #eee;
	border-color: #ddd #fff #fff #ddd;
}
img.img-left {
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #eee;
	border-color: #ddd #fff #fff #ddd;
}

/*----------------
  Journal Archive
----------------*/
div.archive
{
	float:left;
	width:44%;
	margin-right:3%;
}

div.archive h3
{
	margin-top:0;
}

div.tags
{
	border-right:3px double #F3F1E3;
	padding-right:3%;
}
div.month
{
	margin-right:0;
}

#tagcloud
{
	margin-top:5em;
}

/*----------------
  The Lab
-------------*/
#body ul.labEntries 
{
	margin-top:0;
	padding:0;
}
#body ul.labEntries li 
{
	list-style: none inside;
	display:block;
	padding:.6em 2% 0 135px;
	margin:.8em auto 1.1em;
	background:#fff;
	border:1px solid #f4f1ea;
	border-color:#f4f1ea #e5e2d8 #e5e2d8 #f4f1ea;
	-moz-border-radius:6px;
	border-radius:6px;
}
#body ul.labEntries li h4 
{
	margin:5px 0 0;
	padding:0;
}
ul.labEntries dl
{
	margin-bottom:1em;
	font-size:.9em;
}
ul.labEntries dt
{
	float:left;
	width:8em;
	margin-bottom:.1em;
	font-weight:bold;
	color:#999;
}
ul.labEntries dd
{
	margin-bottom:.1em;
}

#body ul.labEntries li p
{
	margin:0.5em 0;
}

ul.labEntries li img
{
	float:left;
	border:2px solid #eee;
	border-color:#f4f1ea #e5e2d8 #e5e2d8 #f4f1ea;
	margin:0 10px 10px -120px;
}

pre code {
	display:block;
	max-width:100%;
	overflow:auto;
	padding:.2em 1%;
}
#body pre.code {
	border:2px solid #EFEBE1;
	background:#F1F0EE;
	padding:0;
}



/*----------------
  contact form
----------------*/
#contact {
	border:1px solid #F3F1E3;
	margin-top:1em;
}
#contact label {
	float:left;
	width:6em;
	padding:0;
	margin:.4em 0 0;
}

#contact input[type='text']
{
	padding:0.3em;
	width:20em;
	margin:.4em 0 0;
}
#contact fieldset {
	border:1px solid #EFEBE1;
	margin:.4em 2%;
	padding:0 2% .4em;
	background:transparent url(img/white-tile-60.png);
}
#contact textarea
{
	width:30em;
	margin:0.4em 0;
}
#contact li input[type='text']:focus, #contact li textarea:focus {
	background:#fff;
	border-color:#9f0000;
}
#contact fieldset.actions
{
	clear:both;
	margin:1em 2%;
	padding:.4em .4em .4em 7em;
	text-align:left;
}

/*--------footer --------*/

#footer {
	clear:both;
	background:transparent url(img/sml-plank-shad.png) repeat-x 0 bottom;
	padding-bottom:60px;
}

#f-content {
	width:86%;
	position:relative;
	margin:-20px auto 0 ;
	background:#fbfaf6;
	border:1px solid #e1daca;
	padding:20px 0 10px;
	border-width:0 4px 8px;
	font-size:.9em;
	max-width:800px;
}

#f-content ul {
	list-style:none;
	margin:0 20% .5em;
	border:1px solid #f4f1ea;
	border-color:#f4f1ea #e5e2d8 #e5e2d8 #f4f1ea;
	background:#fcfaf6;
	text-align:center;
	-moz-border-radius:8px;
	border-radius:8px;
}
#f-content ul li {
	display:inline;
	border-left:1px solid #D3CDBB;
	padding:1px .5em;
	line-height:1.8;
	margin:0;
}
#f-content ul li.first {border:none;}
p#copy {
	margin:.5em 20% 1em;
	text-align:center;
}
p#copy span {
	font-size:90%;
	color:#888;
	display:block;
}
a#wp {
	float:right;
	width:6em;
	margin-right:2%;
	margin-top:1em;
}
#footer ul a {
	font-weight:bold;
}


/*----float clearing------*/
#nav ul:after, #page:after, #content:after, #cont-wrap:after, #body:after, #details dl:after, ul.col:after, #teb-super-archive:after, #details dd:after {
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/*--------SEARCH RESULTS---------*/
div#page form#searchform {
	margin:1em auto;
	width:65%;
	text-align:center;
}
div#page input#search {
	width:75%;
   height:1.2em;
   font-size:1.2em;
}

/*--- bad bad bad! ---*/
#pointlessWrapperDivThatWillDamnMySoul {
	background: url(img/plank-vert.gif) repeat-y right 0;
	padding-right:14px;	
}

#plankEnd1, #plankEnd2, #plankEnd3, #plankEnd4, #plankFoot1, #plankFoot2 {
	position:absolute;
	top:0;
	left:-18px;
	height:15px;
	width:91px;
	background: url(img/plank-end-small.png) no-repeat;
}
#plankEnd2, #plankEnd4 {
	top:171px;
}
#plankEnd3, #plankEnd4, #plankFoot2 {
	right:-5px !important;
	left: auto;
	background-image:url(img/plank-end-small-right.png);
}
#plankFoot1, #plankFoot2 {
	top:auto;
	bottom:7px;
}
#dblPlankRight {
	position:absolute;
	top:337px;
	right:-2px;
	height:48px;
	width:79px;
	background: url(img/plank-end-twin.png) no-repeat;
}
#dblPlankLeft {
	position:absolute;
	top:337px;
	left:-18px;
	height:48px;
	width:79px;
	background: url(img/plank-end-twin-left.png) no-repeat;
}