/*
Theme Name: Jumptree
Description: A theme to fit http://jumptree.com. Code and structure derived from Michael Heilemann's Kubrick v1.5 (http://binarybonsai.com/kubrick/). Thanks man!
Version: 1.0
Author: Jumptree
*/

	@import url(http://jumptree.com/css/site/jumptree.css);
	
/****************************************************************
 * BLOG
 ****************************************************************/

	#Blog #Page { width: 750px; }
	
	#Blog #Content { width: 450px; }
	
	#Blog .tagline { 
		color        : #545454;
		font         : normal 1em Verdana, Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #ccc;
		margin       : 0 0 20px;
		padding      : 0 0 20px;
	}
	
	#Blog p { line-height: 1.4em; margin: 0 0 1em; }
	#Blog del { text-decoration: line-through; }
	#Blog ins { text-decoration: none; }
	
	#Blog .screenshot {
		background: #dfeff0;
		margin    : 0 0 2em;
		overflow  : visible;
		padding   : 5px;
	}
		#Blog .screenshot .enlarge { font-size: 0.9em; font-weight: bold; margin: 0 0 5px; text-align: center; }
			#Blog .screenshot .enlarge a { color: #000; text-decoration: none; }
			#Blog .screenshot .enlarge a:hover { text-decoration: underline; }

/*
#Blog .screenshot img { border: 1px solid #333; padding: 10px; } 
#Blog .tutorial .screenshot img { border: none; background: #dfeff0; padding: 5px; }
*/
	
	/*-- Sidebar --*/
	#Sidebar {
		background: url(images/divider-v.png) no-repeat top left;
		float     : right;
		width     : 250px;
		margin    : 0 0 0 25px;
		padding   : 0 0 0 25px;
	}
		#Sidebar div { margin: 0 0 15px; }
		
		#Subscribe { line-height: 32px; margin: 0 0 35px; }
		a#RSS {
			background: url(images/icon-rss.png) no-repeat top left;
			padding   : 10px 0 10px 36px;
		}
	
	/*-- post (also see jumptree.css) --*/
	#Blog .post { background: url(images/divider-h.gif) repeat-x bottom left; margin: 0 0 18px; padding: 0 0 18px; }
		#Blog .post.single { background: none; }
	
	#Blog .post h1 {
		background: url(images/divider-h.gif) repeat-x bottom left;
		font      : bold 2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		margin    : 0 0 8px;
	}
	#Blog .post h2.lnk	{ font: bold 2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 0 0 3px; }
		#Blog .post h2.lnk a:hover { color: #069; text-decoration: underline; }
		
	#Blog .post p a { color: #039; text-decoration: underline; }
	#Blog .post p a:hover { color: #069; text-decoration: none; }
	
	#Blog address,
	#Blog .post ul.list { margin: -0.8em 0 16px 32px; }
	#Blog .post ul.list li { background: url(images/li.gif) no-repeat 0 0.5em; padding: 1px 0 1px 8px; }
	
	#Blog .post ol.list	{ list-style: decimal; margin: -0.8em 0 16px 50px; }
	#Blog .post ol.list li { padding: 1px 0 1px 3px; }
	
	#Blog .post .list li.divider { padding-bottom: 16px; }
	
	#Blog .post .list.multiline li { padding: 1px 0 1em 8px; }
	
	#Blog .post .list li p { line-height: 1.1em; margin: 0 0 1em; }
	#Blog .post .list li p.last { margin: 0; }
	
	#Blog .post .center { text-align: center; }
	#Blog .post .right  { float: right; margin: 5px 0 5px 10px; }
	#Blog .post .left   { float: left;  margin: 5px 10px 5px 0; }	
	
	/*-- Post Content --*/
	#Blog .postContent { margin: 1.5em 0 0; }
	#Blog .postContent h2 {
		background: none;
		font      : bold 1em Verdana, Arial, Helvetica, sans-serif;
		margin    : 3em 0 1em;
	}
		#Blog .postContent .tutorial h2 {
			background: #3e991c;
			color     : #fff;
			font      : normal 1.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			margin    : 1.2em 0 .8em;
			padding   : 5px;
		}
	#Blog .postContent { font-size: 1.1em; }
	
	
	/*-- Other Post Widgets --*/
	#Blog .byline { color: #777; font-size: 0.9em; }
		#Blog .author,
		#Blog .byline .time { text-transform: uppercase; }
		#Blog .permalink { font-size: 1.1em; font-weight: bold; padding: 0 3px; }
		#Blog .feedback { font-size: 1.1em; }
			#Blog .feedback a { background: url(images/icon-talk.png) no-repeat; padding-left: 20px; }
	
	#Blog .postNav .back { float: left; }
	#Blog .postNav .next { float: right; }
	
	#Blog .note,
	#Blog .tip { margin: 10px 0 20px; padding: 10px 10px 0 32px; }
	
	#Blog .note { background: #f5fafa url(images/icon-note.png) no-repeat 10px 10px; border: 1px dashed #acd1e9; }
	#Blog .tip { background: #ffc url(images/icon-tip.png) no-repeat 10px 10px; border: 1px dashed #fc0; }
	
	#Blog blockquote { margin: 1.5em 2em; }
	#Blog blockquote .source { text-align: right; }
	
	#Blog .download { margin-left: 38px; }
	#Blog .file-doc { background: url(images/file-doc.png) no-repeat 0 0; padding: 0 0 0 20px; }
	#Blog .file-pdf { background: url(images/file-pdf.png) no-repeat 0 0; padding: 0 0 0 20px; }
	#Blog .file-zip { background: url(images/file-zip.png) no-repeat 0 0; padding: 0 0 0 20px; }
	
	#Blog .best { background: url(images/divider-h.gif) repeat-x top left; margin: 1.5em 0 0; padding: 1em 0 0; }
	
	/*-- Feedback = Comments + Trackbacks --*/
	#Feedback h3 { background: url(images/divider-h.gif) repeat-x bottom left; font-size: 1.3em; }
	
	#Feedback ol { background: #e8f0f8; margin: 0 0 32px; padding: 8px 0; }
		#Feedback li { margin: 0 5px 10px; padding: 5px; }
		#Feedback li.employee { background: #fff; border: 1px solid #039; }
			#Feedback li.employee p a { text-decoration: underline; }
			#Feedback li.employee p a:hover { text-decoration: none; }
		
	#Feedback .comment-meta { margin: 0 0 5px; }		
		#Feedback .comment-meta cite { font-size: 1.2em; font-weight: bold; font-style: normal }
		#Feedback .comment-meta cite a { color: #000; text-decoration: underline; }
		#Feedback .comment-meta cite a:hover { color: #039; text-decoration: none; }
		#Feedback .comment-time a { color: #333; }
		#Feedback .comment-time a:hover { color: #069; }
	
	#Trackbacks { }
		#Trackbacks ol { list-style: decimal; padding: 8px 0 8px 24px; }
		#Trackbacks li { font-weight: bold; }
		#Trackbacks li a { font-weight: normal; }
	
	#Feedback .nocomments { font-weight: bold; margin: 16px 0 0; }
	
	#Feedback form { background: #e8f0f8; padding: 8px; }
		#Feedback form textarea { padding: 3px 4px; }
		#Feedback form textarea { width: 90%; }
		#Feedback form p { margin: 0 0 6px; }
			#Feedback form p.submit { margin: 0; }
		
	/*-- Archive --*/
	#Archive h2 { font-size: 1.5em; margin: 0 0 6px; }
	#Archive ul { margin: 0 0 30px; }
	#Archive li { margin: 0 0 3px 16px; }
	
	#Blog #Wordpress { margin: 15px 0; }
		#Blog #Wordpress a { padding: 0; }