/*
Theme Name: Foliage_jpr V5b
Description: JR edit of foliage mod 10/08. new wacky color scheme, now with blacker backgnd
Author: Joshua Pablo Rosenstock


Loosely based on the FoliageMod theme by Derek Punsalan http://5thirtyone.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/ 

/* My colors:
green #54ad7f
hilite orange #f06d16
yellow #ddc201

*/

@font-face {
	font-family: 'STEAK';
	src: url('steak_jr-webfont.eot');
	src: local('☺'), url('steak_jr-webfont.woff') format('woff'), url('steak_jr-webfont.ttf') format('truetype'), url('steak_jr-webfont.svg#webfontZAxpjrqx') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Telegraphem';
	src: url('telegraphem-webfont.eot');
	src: local('☺'), url('telegraphem-webfont.woff') format('woff'), url('telegraphem-webfont.ttf') format('truetype'), url('telegraphem-webfont.svg#webfontUyr9YjiH') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Artisan12';
	src: url('artisan12-webfont.eot');
	src: local('☺'), url('artisan12-webfont.woff') format('woff'), url('artisan12-webfont.ttf') format('truetype'), url('artisan12-webfont.svg#webfontK18zNFG8') format('svg');
	font-weight: normal;
	font-style: normal;
}


* {
	margin: 0;
	padding: 0;
	outline: none;
	}
	
h1, h2, h3, h4, p, pre, blockquote, form, fieldset, ul, ol {
	margin: .5em 0; /* give me back my basic margins */
	line-height: 1.5em;
	}
	
body {font: 100% 'Artisan12', 'Trebuchet MS', Arial, Sans-Serif; 
	color: #000000;
	background: #58261f url(images/leather.jpg) repeat;
	text-align: left;
	}
	
/* links  and fonts */
a:link, a:active, a:visited {color: #54ad7f; text-decoration: none;}
a:hover {color: #54ad7f; background: #f06d16;}


	
h1 {font-size: 1.7em;
	font-family: 'Telegraphem', 'Trebuchet MS', Arial, Sans-Serif;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.1em;}

	
/* shelf & navigation */
#shelfwrap {
	background: #F06d16 url(images/orangeleatherfade.jpg) repeat-x top left;
	}
	
#shelf {
	color: #d6ddbc;
	background: transparent;
	
	width: auto;
	margin: 0 auto;
	line-height: 1.5em;
	}


	#shelf .left {
		width: 10em; 
		padding: 1em 1em 1em 1em;
		}


		ul#navigation {
			margin: 0;
			list-style: none;
        		font-size: 1em;
        		line-height: 1.2;
        
			}	
			
		#navigation li {
			background: transparent;
			}
			
		#navigation li a {
			float: right;
			padding: 0 0.2em 0 0;
		
			}
		#navigation li a {color: #54ad7f;}
		#navigation li a:hover {background: #54ad7f; color: #F06d16;}



			
		ul#navigation li br {
			clear: both;
			}
		
	#shelf .right {
		width: 48em; 
		padding: 1em 1em 1em 1em;
     		text-align: left;
		float: left;
		}

	#shelf .right #myname {
		color: #54ad7f;
		font-size: 3em;
		letter-spacing: 3px;
		padding-bottom: .5em;
		font-family: 'STEAK', 'Trebuchet MS', Arial, Sans-Serif;}

	#shelf .right #myname a:hover{background: #54ad7f !important; color: #F06d16 !important;}

	#shelf .right #tagcloud a:hover{background: #54ad7f; color: #F06d16 !important;}


	
/* top banner */
#banner {
	background: transparent url(images/orangespat.gif) repeat-x top left;
	height: 3em;	
	}



	#pull a {	
		float: right;
		display: block;
		position: relative;
		left: -3em;
		width: 105px;
		height: 146px;
		text-indent: -9999em;
		background: url(images/transp_chain.png) no-repeat top right;
		}
		
	#pull a:hover {
		background: url(images/transp_chain.png) no-repeat bottom right;
		}
		
/* main content area */

	
#content
		{
		width:800px;
		margin-left:auto;
		margin-right:auto;
		color: #ddc201;
		}

#content #error {color: #54ad7f;}

#content a:link, a:active, a:visited {color: #54ad7f; text-decoration: none;}
#content a:hover {color: #54ad7f; background: #f06d16;}
	

	
		
	.post-top
	{
		height:20px;
		width:800px;
		background-image:url(images/fuzzyframe_top.png);
		background-repeat:no-repeat;	
	}
	
	.post-bottom
	{
		height:20px;
		width:800px;
		background-image:url(images/fuzzyframe_bottom.png);
		background-repeat:no-repeat;
		margin-bottom:50px;
	}
	
	.post
	{
		width:740px;
		padding:1px 30px;
		background-image:url(images/fuzzyframe_middle.png);
		background-repeat:repeat-y;
	}

	
	.post p{line-height: 1.em;}

	.post .entry {text-align: left;
		line-height: 1.5em;
		padding-top: .6em;
		padding-bottom: .6em;
}

	.post .entry blockquote
	{
		background-image:url(images/quote.gif);
		background-repeat:no-repeat;
		padding-left:65px;
	}
	
	.post .entry blockquote blockquote
	{
		padding:10px 65px ;
	}

	.post .entry #portraitwidth
	{
		width:218px;
		position:relative;
		left:46px;
		top:9px;
	}
	
	.postmetadata 
		{margin: 1em 0;
		font-size: .8em}
	
	.exhibitions ul
		{font-size: .8em;
		line-height: 1.5em;
		margin-top: .8em;
		margin-bottom: .8em;
		list-style: none;
		}
	
	/***comments***/
	#commentscolumn{}
	.commententry {font-family:'Artisan12', verdana; font-size:11px; color: #f06d16;}
	.commententry a:hover{color:#54b382 !important;}

	.commentlist{}
	ul
	{
	list-style-type: none;
	}
	.commentposter
	{margin-top:8px;}
	.comment_me
	{margin-top:8px;
	margin-left:515px;
	}
	

	/***the comment box***/

	
	form#commentform
	{
		display:block;
		background-image:url(none);
		padding:1px;
	}
	
		#commentform input
		{
			color:#000000;
			margin-bottom:5px;
			background-color:white;
			border:1px dashed #000000;
			padding:3px;


		}
		
		#commentform textarea
		{
			color:#000000;
			margin-bottom:5px;
			background-color:#FFFFFF;
			border:1px dashed #000000;
			padding:3px;
		}

		#commentform #submit
		{
		font-size:1em;
		color:#54ad7f;
		background-color: transparent;
		border:1px dotted #f06d16;
		cursor: pointer; /* hand-shaped cursor */
		cursor: hand; /* for IE 5.x */
		}
		
		#commentform #submit:hover
		{
		color:#54ad7f;
		background-color:#f06d16;
		border:1px solid #54ad7f;
		}

		#commentform label
		{
		position:relative;
		top:0px;
		}
		#commentform p.logininfo
		{
			padding-bottom:10px;
		}
		#commentform a
		{
		}
	
{color: #54ad7f; background: #f06d16;}

	
/* bottom content area */

		
#footer {
	clear:both;
	font-size: .8em;
	color: #54ad7f;
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	}
#footer a {color: #54ad7f;}

#searchbar{
	clear:both;
	width:20em;
	position: relative;
	top: -2em;
	left: 8em;
	display: block;
	margin-left: auto;
	margin-right: auto;	
	}

#searchform #s{
	font-size: .8em;
	color: #54ad7f;
	}

.nextprevious
	{font-size: 1.2em;
	position: relative;
	top: -30px;
	}
.nextprevious a {color: #54ad7f !important;}

		
/* -------------------------------------------- misc */
a img, a:hover img {border:0; background: none;} 

.gallery a:hover {color: none; background: none !important;}

.center {text-align: center;}

	
/* ----------------------------------- floats */
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; }
* html .fix { height: 1%; }
.fix { display: block; }
.centered { display: block; margin-left: auto; margin-right: auto; text-align: center;}




/* bubble box stuff */

#container div {width:400px; height:auto; padding-top: 2px; padding-bottom:10px;}
b.tl {display:block; width:400px; height:8px; font-size:1px;}
b.tr {display:block; width:392px; height:8px; font-size:1px; float:right;}
b.bl {display:block; width:8px; height:8px; font-size:1px; float:left;}
b.br {display:block; width:392px; height:8px; font-size:1px; float:right; position:relative;}
b.point {display:block; font-size:1px; width:21px; height:21px;}
#container div p {padding:8px; margin:0; border:3px solid #000; border-width:0 3px; text-align:justify;}

div.rbub  {position: relative; left:340px;}
div.rbub b.tl {background:url(images/top_left4.gif) top left no-repeat;}
div.rbub b.tr {background:url(images/top_right4.gif) top right no-repeat;}
div.rbub p {background:#fff;}
div.rbub b.bl {background:url(images/bottom_left4.gif) top left no-repeat;}
div.rbub b.br {background:url(images/bottom_right4.gif) top right no-repeat;}
div.rbub b.point {background:url(images/point1.gif) top left no-repeat; margin:5px 0 0 130px;}

div.lbub b.tl {background:url(images/top_left4.gif) top left no-repeat;}
div.lbub b.tr {background:url(images/top_right4.gif) top right no-repeat;}
div.lbub p {background:#fff;}
div.lbub b.bl {background:url(images/bottom_left4.gif) top left no-repeat;}
div.lbub b.br {background:url(images/bottom_right4.gif) top right no-repeat;}
div.lbub b.point {background:url(images/point4.gif) top left no-repeat; margin:5px 0 0 50px;}


#categorytag {
	width: 500px;
	position: relative;
	top: -15px;
	font-size: 1.7em;
	font-family: 'Telegraphem', 'Trebuchet MS', Arial, Sans-Serif;}

}

.moretext {
	font-size: small;
	font-style: italic;
}
.thumb {


}
.toggle {

	padding-bottom: 1em;}