/*
THEME NAME:		Gridy / Lower_a
THEME URI:		http://ranh.co.il/about
DESCRIPTION:	Unified grid-based design, by RYH (version 3.5)
VERSION:		3.5
AUTHOR:			Ran Yaniv Hartstein
AUTHOR URI:		http://ranh.co.il
*/

/* Some basics adapted from Blueprint 0.6 http://tinyurl.com/36aaer/
 	Mostly for reset rules and near-perfect 1.5em baseline grid */
@import "blueprint-basics.css";

/* Shows the grid 
#container { 
background: 
	url('http://localhost/blogs/wp-content/themes/gridy/images/grid-18.png')
	top right !important; }
/* */

/*	~Colors ~Typo (and other generic styles)
	----------------------------------------------- */
	
/*	Colors based on wonderful palettes from COLOURlovers, mostly by
	the user mbwebdesign
	http://www.colourlovers.com/lover/mbwebdesign
	
	Browns from "Midnight Stone" @ http://tinyurl.com/2f34tm
	Darks from "Muted, Lurking" @ http://tinyurl.com/2yk5wf
	
	Basic text colors from "Muted, Lurking". Dark grey with very light
	touches of red:
		Plain text:		635B5B @ http://tinyurl.com/2jeaxu
		Links:			4A4444 @ http://tinyurl.com/3yoet4
		Links hover:	2B2828 @ http://tinyurl.com/2j8rg3
	
	Headings, Navigation and buttons, mostly "Midnight Stone":
		Back: 			eee
			(Perfect grey, for lack of a better one. Easy to remember, too)
		Back hover:		383632 @ http://tinyurl.com/2vjjem
			(Amazing dark brown)
		Text hover: 	F9F7E8 @ http://tinyurl.com/335vcl
			("Day Old Milk")
				
	Misc:
		Slightly darker grey, for thin lines etc.: #ddd
	
	*/
	
	body {color: #635B5B;}
	a {color: #4A4444; font-weight: bold; text-decoration: none;}
	a:hover {color: #2B2828; text-decoration: underline;}
	
	h1, h2, h3, h4, 
	h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
		font-weight: bold;}
	
	.switch { /* Some defaults will have to be overridden */
		float: left; margin-bottom: 1.5em; width: 216px;
		background-color: #383632 !important; background-repeat: no-repeat; 
		background-position: 7px 9px; }
	.switch a { 
		display: block; margin: 0; padding: 9px 7px 7px 30px; 
		background-color: #eee;  }
	.switch a:hover { 
		background: transparent !important; color: #F9F7E8 !important; }
		
	.switch.outline a { border: 1px solid #ddd; 
		background-color: white; }
	.switch.outline a:hover { border: 1px solid #383632; 
		background: transparent;}
		
	.bar-head { /* For headings in widgets */
		display: block; margin: 0; padding: 0.5em 7px 0.5em; }
	.sub-head { /* Just like a Post heading, but no background */
		clear: right; margin-bottom: 0.75em;
		padding: 0 7px 0 30px; width: 558px; }

/*	~Structure
	----------------------------------------------- */

	/*	Grid is 918=(72*13)-18 , which is 13 columns of 54px width, and 18px
		of gutter, for a total of 72px for 12 columns and 54 for the 
		last (left) column. Everything is inset by an extra 9px. */
	
	#container { width: 918px; margin: 3.0em auto 0; }
	
	/* Clears whatever needs clearing, from Blueprint CSS 0.6 */
	
	clear:after, #container:after, .post:after  {
		content: "."; display: block; height: 0; 
		clear: both; visibility: hidden;}

/*	~Header 
	------------------------------------------------ */

	#head { width: 918px; }

	/* 	~Navigation
		------------------------------------------------ */

		#nav-pages {/* Room for 5+1 links */
			float: right;
			/* Fonts are bigger (1.2em), so 1.25em is 18px */
			margin: 0; padding: 0;
			width: 918px;
			background: #eee;
			font-size: 1.2em; }
		
		#blog-ranh #nav-pages { margin-bottom: 2.5em; }
		#blog-wph #nav-pages { margin-bottom: 1.25em; }
		
		#nav-pages .switch { margin-bottom: 0; }
		
		#head-links { margin: 0; }

		#head-links li {
			float: right; margin-left: 18px; width: 126px; height: 36px;
			background-color: #383632; list-style: none; }

		#head-links li a {
			float: right; padding: 7px 7px 0 23px;
			width: 96px; height: 29px;
			background-color: #eee; }
			
		/* Feed link is on the left */
		#head-links li.nav-goto-rss { float: left; margin-left: 0; }
		#head-links li.nav-goto-rss a { float: left; }

		/* The actual icons */
		#head-links li.nav-goto-news {
			background-image: url('icons/time.png');}
		#head-links li.nav-goto-contact {
			background-image: url('icons/email.png');}
		#head-links li.nav-goto-about {
			background-image: url('icons/information.png');}
		#head-links li.nav-goto-web {
			background-image: url('icons/world.png');}
		#head-links li.nav-goto-help {
			background-image: url('icons/help.png');}
		#head-links li.nav-goto-wph {
			background-image: url('icons/heart.png');}
		#head-links li.nav-goto-rss {
			background-image: url('icons/feed.png');}

	/*	~Search
		----------------------------------------------- */

		div#search input#s {
			float: right; display: block;
			height: 18px;
			margin-top: 18px; margin-right: 7px;  
			border: none;
			outline: 1px solid #ddd; 
			width: 181px;}

		div#search input#s:focus,
		div#search input#s:hover {
			outline: 1px solid #383632; }

		/* Styles for the button, don't work in Camino */
		div#search .switch { 
			float: right; display: block;
			margin-top: 9px; margin-right: 7px;
			border: none;
			width: 92px; height: 38px;
			background:	#383632 url('icons/folder_magnify.png') 
				7px 9px no-repeat; color: #4A4444; }
		
		div#search .switch input#searchsubmit {
			float: right; display: block;
			/* 9px centers the icon vertically */
			border: none;
			width: 92px; height: 38px;
			background: white; color: #4A4444;
			font-family: Arial, sans-serif;
			font-weight: bold; text-align: right;
			cursor: pointer; }

		div#search input#searchsubmit:hover {
			background: transparent;
			color: #F9F7E8; }

	/* 	~Mark
		------------------------------------------------ */

		#mark { float: left; }

		#mark h1 { margin-bottom: 0; }

		#mark h1 a {/* Actual images are on the <h1>, for each blog */
			overflow: hidden; display: block;
			padding-top: 0; text-indent: -1000em; }

		/*	Header image for each blog; prevents black overlay when hovering
			on mark */
		
		#blog-ranh #head { height: 180px; } /* Any less and mark disappears */
		#blog-wph #head { height: 180px; } /* Any less and mark disappears */

		/* Both states are in the same image - the position is changes when
			hovering */
		#blog-ranh h1 {
			background: url('images/mark-ranh-flip.png') no-repeat; }
		#blog-ranh h1, #blog-ranh h1 a, #blog-ranh h1 a span {
			width: 504px; height: 54px;}
		#blog-ranh h1 a:hover {
			background: url('images/mark-ranh-flip.png') bottom left no-repeat;
			text-decoration: none;}

		#blog-geekim h1, #blog-geekim h1 a:hover {
			background: url(images/geekim.png) left no-repeat;}
		#blog-geekim h1, #blog-geekim h1 a {width: 107px; height: 108px;}

		#blog-wph h1 {
			background: url('images/mark-wph-flip.png') no-repeat; }
		#blog-wph h1, #blog-wph h1 a, #blog-wph h1 a span {
			width: 144px; height: 108px;}
		#blog-wph h1 a:hover {
			background: url('images/mark-wph-flip.png') bottom left no-repeat;
			text-decoration: none;}

		#blog-planet h1 {
			background: url('http://wph.co.il/wp-content/themes/gridy-3.5/images/mark-wph-flip.png') no-repeat; }
		#blog-planet h1, #blog-planet h1 a, #blog-planet h1 a span {
			width: 144px; height: 108px;}
		#blog-planet h1 a:hover {
			background: url('http://wph.co.il/wp-content/themes/gridy-3.5/images/mark-wph-flip.png') bottom left no-repeat;
			text-decoration: none;}

/*	~Bars (General styles for sidebars/bottombars/whatever)
	----------------------------------------------- */

	/*.bar { margin-bottom: 1.5em; }*/
	.bar { float: right; margin-bottom: 1.5em; }
	.bar ul.widgets { margin: 0; }
	.bar ul ul { margin-right: 1.0em; }
	.bar li { margin-bottom: 1.5em; list-style: none; }
	/*.bar li div { padding-right: 7px; padding-left: 7px; }*/
	.bar h3 {
		/* Fonts are bigger so everything must be scaled down accordingly */
		margin-bottom: 1em;
		background: #eee;
		font-size: 1.5em; line-height: 1.0em; font-weight: bold; }
	.bar li ul li, .bar li ul li ul li { background: none; }
	.bar .gutter { padding-left: 7px; padding-right: 7px; }

/*	~Widgets (generic)
	----------------------------------------------- */

	#my-pic img { display: none; }
	#my-pic {
		display: block;
		padding: 7px; border: 1px solid #fff;
		background-position: 7px 7px; background-repeat: no-repeat; }
	#my-pic:hover { border: 1px solid #ddd; }
	#my-pic a, #my-pic a:hover { 
		display: block; background-repeat: no-repeat; }

	#about .switch.outline { background-image: url('icons/help.png'); }
	#dh .switch.outline { background-image: url('icons/money.png'); }


/*	~Mainbar
	------------------------------------------------ */
	
	#mainbar { 
		float: right; 
		margin-bottom: 3em; width: 558px; }
				
	/*	~Content ~Entries ~Posts
		------------------------------------------------ */
	
		.posts { float: right; width: 558px;}
	
		.post { clear: left; overflow: hidden; }

		.posts h2 {
			clear: right;
			/*	Fonts are bigger in the heading - 0.75 equals 18px */
			margin-bottom: 0.75em;
			width: 558px; }
	
		.posts h2.switch { background-image: url('icons/page_link.png') }
	
		.posts h2.switch a {
			/* 30px on the left for icons - 7px | 16px | 7px 
				Also overrides defaults for buttons */
			display: block; padding: 0 7px 0 30px; width: 521px; }
		
		.posts h2.switch a:hover { background: transparent; }
		
		.no-link { 
			float: right; margin-bottom: 1em; width: 544px;
			background: #eee;
			font-size: 1.5em; line-height: 1.0em; font-weight: bold; }
		
		.post-meta {
			float: right;
			margin-bottom: 1.5em; padding-right: 7px; padding-left: 7px;
			width: 112px;
			text-align: left;}
		
		.post-content {
			float: left; 
			/*margin-bottom: 3em;*/ padding-right: 7px; padding-left: 7px;
			width: 400px;
			text-align: right;}
	
		.akpc_pop { display: none; }
		
		.post-more-meta { /* Using outline keeps the baseline grid un-broken */
			float: right;
			margin-right: 144px; margin-bottom: 3em;
			padding: 1.5em 7px 0 7px;
			width: 400px;
			outline: 1px solid #ddd; }
			
		.post .comment-link { 
			margin-left: -7px; width: 144px;
			background-image: url('icons/comments_add.png') ; }
			
		.bodytext ul li { margin-bottom: 1.5em; }
		.bodytext ul li ul { margin-bottom: 1.5em; }
		.bodytext ul li ul li { margin-bottom: 0; }
		
		dd { margin-bottom: 1.5em; }
		
		/* ~excerpts */
		
		.post-excerpt { 
			float: right; width: 558px; margin-bottom: 1.5em; }
		
		.post-excerpt h2, .post-excerpt h4 { 
			width: 407px;
			margin-right: 151px; margin-bottom: 1em;
			font-size: 1.5em; line-height: 1; }
			
		.post-excerpt div.post-meta { margin-bottom: 0; }
		
		.post-excerpt p { margin-bottom: 0; }
		.post-excerpt .post-content p { display: inline; }
		
		/* ~nav-posts */

		.posts .nav-posts { 
			float: right; /*margin-bottom: 3em;*/ width: 558px; }
		.nav-posts .nav-previous { 
			float: right; text-align: left;
			background-position: 193px 9px;
			background-image: url('icons/control_fastforward_blue.png'); }
		.nav-posts .nav-previous a { padding-left: 9px; padding-right: 30px; }
		.nav-posts .nav-next { background-image: url('icons/control_rewind_blue.png'); }
		
		/* ~Classes ~Post Classes */
		
		.hidden { display: none; visibility: hidden; }
		
		/* http://www.positioniseverything.net/easyclearing.html */
		.clearfix:after {
		    content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden; }
		
		.image-198, .image-big { 
			float: right; overflow: hidden; 
			margin: 0 -151px 1.5em 25px; width: 198px; 
			text-align: center; }
	
		.image-198 img, .image-big img { margin-bottom: 0; }

		/* ~Purple numbers */

		span.purple a { visibility: hidden;
			color: #c8a8ff; text-decoration: none; }
		p:hover span.purple a { visibility: visible; }
		
		/* ~DH ad */
		
		.dh-small { 
			width: 558px; /*text-align: center;*/
			background-image: url('icons/money.png'); text-align: center; }

	/*	~Archives
		----------------------------------------------- */

		#archives { display: none; visibility: hidden;
			float: right; 
			/* Makes room for the border (1px=0.08em) */ 
			margin-top: 5.92em; width: 918px;
			border-top: 1px solid #999;   }
		#archives h3 { 
			background-color: transparent; 
			border-bottom: 1px solid #ddd; }
		/* Makes room for the border (1px=0.06em) */ 
		#archives h3.bar-head { padding-bottom: 0.44em; }
		#archives .archives-list { margin: 0; padding: 0 7px; }
		#archives .archives-list ul { 
			margin: 0 18px 0 0; padding: 0; }
		#archives .archives-list li { 
			margin: 0; padding: 0;
		list-style: square; }

		#archives #categories { float: right; margin-left: 18px; width: 270px; }
		#archives #tags { float: right; margin-left: 18px;  width: 342px; }
		#archives #months { float: right; width: 270px; }

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

		.comments { 
			float: left; 
			margin: 0; padding: 0; width: 560px; 
			list-style: none; }
	
		.comment { 
			float: right; 
			margin-bottom: 1.5em; padding-top: 1.5em; 
			/* Using outline keeps the baseline grid un-broken */ }
	
		.comment.odd { outline: 1px solid #ddd; }
	
		.comment.mine { background-color: #F9F7E8; }
		
		/* Fixes styles inherited from Post headings */
		#comments-title { padding-left: 7px; width: 544px; }
		#comments-title span { background-color: transparent; }
	
		.comment h3 { 
			font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

		cite { font-style: normal; }
	
		.comment .gravatar { float: left; margin: 0; }
		.comment .gravatar img { 
			float: left; margin-right: 12px; margin-bottom: 18px; 
			padding-left: 7px;  }

		/* These fix a float bug in Safari, otherwise not strictly necessary */
		.comment .comment-head { float: right; width: 560px; }
		.comment .comment-content { float: right; width: 560px; }
		
		.comment .time, .comment .count {
			float: right;
			padding-right: 7px; padding-left: 7px;
			width: 112px;
			text-align: left }
	
		.comment .time {  margin-bottom: 1.5em; }
	
		.comment .time { visibility: hidden; }
	
		.comment:hover .time  { visibility: visible; }
	
		.comment .content, .comment .byline {
			float: left;
			margin-right: 18px; padding-right: 7px; padding-left: 7px;
			width: 399px;
			text-align: right; }
	
		.comment .content { margin-bottom: 0; }

		#comments .comments-closed {
			display: none;
			float: left; 
			margin: 0 0 1.5em 1px; border: none; width: 412px; 
			font-style: italic;}
	
		#respond { float: right; width: 560px; }
	
		#respond h2 span { background-color: transparent; }
	
		#respond .logged-in { float: left; width: 412px; }
	
		#respond label { 
			float: right; margin-bottom: 1.5em; padding-left: 7px;
			width: 118px; text-align: left; 
			font-weight: bold; }
	
		#respond p { float: right; width: 558px; height: 3.0em; }
		#respond .your-comment { float: right; width: 558px; height: 21em; }
	
		#respond input, #respond textarea { 
			float: left; 
			margin: 0 0 1.5em 1px;
			border: none;
			width: 412px; 
			outline: 1px solid #ddd; }
		#respond input { height: 16px; }
		#respond textarea { height: 18em; }
		#respond #submit { clear: both; width: 72px; }
		#respond input:hover, #respond textarea:hover { 
			outline: 1px solid #938A79; }
		#respond input:focus, #respond textarea:focus {
			outline: 1px solid #D3CBAF; }
	
		#respond .subscribe-to-comments {
			width: 400px; float: left; }
		#respond .subscribe-to-comments label {
			width: auto; }

		/* Styles for the button, don't work in Camino */
		#respond .switch { 
			float: left; display: block;
			border: none;
			margin-left: 3px;
			width: 268px; height: 35px;
			background:	#383632 url('icons/comments_add.png') 
				7px 9px no-repeat; color: #4A4444; }
	
		#respond .switch input#submit {
			float: right; display: block;
			/* 9px centers the icon vertically */
			border: none;
			width: 268px; height: 35px;
			background: white;
			font-family: Arial, sans-serif;
			font-weight: bold; text-align: right; 
			color: #4A4444;;}
		
		#respond input#submit:hover {
			outline: 1px solid #383632;
			background: transparent;
			color: #F9F7E8; }

	/*	~Moreinfo
		----------------------------------------------- */
		
		#moreinfo { margin: 0; padding: 0; }

		#about-big { float: right; }
		#about-big h3 { width: 544px; }
		#about-big .switch.outline { 
			background-image: url('icons/help.png'); }
		#about-big #desc {
			float: left; margin-right: 18px; width: 326px; padding: 0 7px; }
		#about-big #my-pic { 
			float: right; margin-bottom: 1.5em; width: 184px; height: 146px;
			background-image: url('images/ranh-arms-color.jpg'); }
		#about-big #my-pic a {
			float: right; width: 184px; height: 146px;
			background-image: url('images/ranh-arms-bw.jpg'); }
		#about-big #my-pic a:hover { background-image: none; }

		#about-big #my-links { 
			/* leaves room for left-margin on links */
			float: left; width: 558px;
			margin: 0; padding: 0; }
		#about-big #my-links ul {
			float: right; margin: 0 0 1.5em;  width: 270px; }
		#about-big #my-links li {
			float: right; width: 256px; margin: 0; padding: 0 7px;
			list-style: none; }
		#about-big #my-links #my-links-1 { margin-left: 18px; }
		
		/* ~DreamHost */
		
		#dh-big { 
			float: right; margin-bottom: 1.5em; width: 558px; 
			/*background-color: #eee;*/ }
		#dh-big .button.outline a { width: 166px; }

		#dh-big .dh-logo img { display: none; }
		#dh-big .dh-logo {
			display: block;
			padding: 0 8px; /*border: 1px solid #eee;*/
			background-position: 8px 0; background-repeat: no-repeat; }
		#dh-big .dh-logo:hover { /*border: 1px solid #eee;*/ }
		#dh-big .dh-logo a, #dh-big .dh-logo a:hover { 
			display: block; background-repeat: no-repeat; }
		#dh-big .dh-logo { 
			float: right; margin-bottom: 1.5em; width: 119px; height: 123px;
			background-image: url('images/dh-big-color.png'); }
		#dh-big .dh-logo a {
			float: right; width: 119px; height: 123px;
			background-image: url('images/dh-big-bw.png'); }
		#dh-big .dh-logo a:hover { background-image: none; }

		#dh-big div.gutter { float: left; width: 399px; }
		
		/* ~Popularity */

		#popular-posts { float: right; margin-left: 18px; width: 558px; }
		#popular-posts ul { margin: 0; }
		#popular-posts li.pop-post { 
			/*margin-bottom: 3em !important;*/ padding: 0 7px; }
		#popular-posts .pop-excerpt { margin-bottom: 1.5em; padding: 0; }
		#popular-posts .pop-meta { text-align: left; }
		#popular-posts #goto-pop { 
			width: 144px; background-image: url('icons/chart_bar.png') }

		.akpc_report h3 {
			display: block; clear: right;
			margin: 0 0 1em; padding: 9px 7px 9px 30px;
			width: 521px; 
			background: #eee; }

		.akpc_report ol { 
			float: right; 
			margin: 0 7px 1.5em; padding-right: 25px; }

		.akpc_report ol { background: url('images/pop-table.png');}
		.akpc_report ol li { float: right; clear: both; width: 521px;}
		.akpc_report ol li span { 
			display: block; float: left; padding-left: 7px;}

		/* Recent comments */
		
		#recent-comments { display: none; }

		#recent-comments {float: left; width: 270px;}
		/*.recent-comment { margin-bottom: 3em !important; }*/
		#recent-comments ul {margin: 0;}
		#recent-comments ul li ul li {padding: 0 7px;}
		/* For extra-long links in comments */
		#recent-comments p { overflow: hidden; }
		p.recent-excerpt { margin-bottom: 0; }
		
		/* ~Planet WordPress */
		
		#planet { width: 342px; }
		#planet ul { /* Ovverrides SimplePie */
			margin-right: 0; margin-left: 0;
			padding-right: 7px; padding-left: 7px; }
		#planet .switch.outline {
			background-image: url('icons/favicon-wph.png'); }
			
		#wph-links { margin-right: 18px; width: 198px; }
		#wph-links ul { /* Ovverrides SimplePie */
			margin-right: 0; margin-left: 0;
			padding-right: 7px; padding-left: 7px; }

/*	~Sidebar
	----------------------------------------------- */
	
	.side { float: right; width: 328px; }

	/*	~Sidebar (for ranh.co.il, only in inner pages)
		----------------------------------------------- */

		.side { width: 342px; float: left; }
		.side h3 { width: 328px;}
		.side ul li { clear: both; }

		/* Both photos are loaded, but the BW is above the color one and hides
			it. When hovering, the color photo is revealed. */
		#sidebar #my-pic {
			float: left; margin-right: 7px; width: 96px; height: 72px;
			background-image: url('images/ranh-arms-color-small.jpg'); }
		#sidebar #my-pic a {
			float: right; width: 96px; height: 72px;
			background-image: url('images/ranh-arms-bw-small.jpg');  }
		#sidebar #my-pic a:hover { background-image: none; }

		#download #get-latest { 
			float: none; margin-right: 72px; width: 198px;
			background-image: url('icons/arrow_down.png'); }
		#download #more-downloads { 
			margin-left: -7px; width: 144px; 
			background-image: url('icons/disk_multiple.png'); } 
			
		#updates #more-updates {
			width: 144px; 
			background-image: url('icons/newspaper.png'); }
		
		/*#sidebar #about .switch.outline, #sidebar #dh .switch.outline  {
					margin-bottom: 3em; }*/
					
		#dh .dh-logo { 
			float: right; margin-bottom: 0; padding: 0 0 18px 7px;}
		#dh .dh-logo img { margin-bottom: 0; }
		#dh p { margin-bottom: 0; padding-bottom: 1.5em; }
		

	/*	~Asides (only on the front page)
		----------------------------------------------- */

		#asides ul { margin: 0 7px; }
		#asides .aside-content p { display: inline; }
		#asides ul p.aside-meta { text-align: left; }

		#asides .switch.outline { float: left; clear: both; width: 144px; }
		#goto-asides { background-image: url('icons/note.png'); }
		#goto-asides-feed { background-image: url('icons/feed.png'); }

		#asides div:hover span.purple a { 
			visibility: visible !important;
			text-decoration: underline; }

	/*	~Lifestream (only on the front page)
		----------------------------------------------- */
		
		#lifestream { margin-bottom: 3em; }

		.media-images { float: right; overflow: hidden; }
		.flickr_badge_image, .lastfm-cover {
			float: right;
			margin: 0 0 11px 34px; padding: 7px;
			border: 1px solid #fff; width: 75px; height: 75px;
			text-align: center; }
		.flickr_badge_image img, .lastfm-cover img { 
			width: 75px; height: 75px; }
		.flickr_badge_image:hover, .lastfm-cover:hover {
			border: 1px solid #ddd;}
		.media-images .switch.outline { width: 144px; }

		/* ~flickr */

		#flickr { float: right; margin-bottom: 0; width: 342px; }
		#flickr .media-images { /*height:360px;*/ }
		#flickr_badge_image3, #flickr_badge_image6, #flickr_badge_image9 { 
			margin-left: 0; }
		#flickr .switch.outline { background-image: url('icons/camera.png'); }

		/* ~last.fm */

		#lastfm { float: right; margin-bottom: 0; width: 342px; }
		#lastfm .media-images { /*height: 360px;*/ }
		#lastfm-cover-3, #lastfm-cover-6, #lastfm-cover-9 { margin-left: 0; }
		#lastfm .switch.outline { background-image: url('icons/music.png');	}
		
		/* ~Elsewhere */

		#elsewhere { float: left; margin-bottom: 0; width: 342px; }
		#elsewhere .button.outline a { width: 94px; }

		#elsewhere ul, #elsewhere .simplepie { 
			margin: 0; padding: 0; }
		#elsewhere .simplepie ul { float: right; width: 342px; }
		#elsewhere li { 
			float: right; 
			margin-right: 0; margin-left: 18px; 
			padding-right: 7px; padding-left: 7px;  }

		#elsewhere .switch.outline { 
			margin-right: 126px; margin-bottom: 1.5em; width: 144px; }
		#elsewhere #goto-wph { 
			background-image: url('icons/favicon-wph.png'); }
		#elsewhere #goto-nana10-blog  { 
			background-image: url('icons/israblog.png'); }
		#elsewhere #goto-geekim  { 
			background-image: url('icons/favicon-geekim.png'); }

/*	~Special
	----------------------------------------------- */
	
	.paypal-donate { margin-bottom: 1.5em; height: 3em; }
	.paypal-donate .ppimg { 
		margin-bottom:-6px; margin-right:6px; border: none; } 
	#goto-donate { 
		margin-left: -7px; width: 144px; 
		background-image: url('icons/heart.png') }

	ul.screenshots {
		float: right;
		margin-right: -150px; margin-left: 0; 
		width: 557px; height: 252px; }
	
	ul.screenshots li {
		float: right;
		margin: 0 0 11px 20px; padding: 7px;
		border: 1px solid #fff; width: 108px; height: 108px;
		text-align: center; list-style: none; }
	ul.screenshots li img { 
		width: 108px; height: 108px; }
	ul.screenshots li:hover {
		border: 1px solid #ddd;}

		
	ul.screenshots li#screenshot-4, 
	ul.screenshots li#screenshot-8 { margin-left: 0; }

	.inline-right {
		margin: 0 0 0 0.5em !important;
		padding: 0 !important;
		float: right;
		display: inline;
		}

	/*	~Contact Form ~ddfm 
		----------------------------------------------- */

		div.ddfmwrap { float: right; margin-right: -151px; width: 558px; }
		div.ddfmwrap div.credits { display: none; visibility: hidden; }

		form.ddfm { float: right; }
	
		form.ddfm p.fieldwrap { float: right; clear: both; }
	
		form.ddfm label { 
			float: right; margin-bottom: 1.5em; padding-left: 7px;
			width: 118px; text-align: left; 
			font-weight: bold; }
		form.ddfm span.required { display: none; visibility: hidden; }

		form.ddfm p { float: right; width: 558px; height: 3.0em; }
		form.ddfm .your-comment { float: right; width: 558px; height: 21em; }

		form.ddfm input, form.ddfm textarea { 
			float: left; 
			margin: 0 0 1.5em 1px;
			border: none;
			width: 412px; 
			outline: 1px solid #ddd; }
		form.ddfm input { height: 16px; }
		form.ddfm textarea { height: 18em; }
	
		div.recaptcha { 
			float: left; clear: both; 
			margin-top: 18em; 
			width: 558px; height: 144px;
			direction: ltr; }
		div.recaptcha-inner { margin: 0 0 0 98px; width: 318px; }
	
		form.ddfm div.submit input { clear: both; width: 72px; }
		form.ddfm input:hover, form.ddfm textarea:hover { 
			outline: 1px solid #938A79; }
		form.ddfm input:focus, form.ddfm textarea:focus {
			outline: 1px solid #D3CBAF; }
		form.ddfm #fm_email { direction: ltr; text-align: left; }

		/* Styles for the button, don't work in Camino */
		form.ddfm div.submit input {
			float: left; display: block;
			border: none;
			margin-left: 3px;
			width: 268px; height: 34px;
			background: none; color: #4A4444;
			font-family: Arial, sans-serif;
			font-weight: bold; text-align: right;
			cursor: pointer;}

		form.ddfm div.submit input:hover {
			background:	#383632 url('icons/email_go.png') 7px 9px no-repeat; 
			color: #F9F7E8; outline: #383632;}

	/*	~Ads ~Goog
		----------------------------------------------- */

		.ads { /*outline: 1px solid #ddd;*/ }
		
		#goog-ref-as { 
			float: right; margin-bottom: 1.5em;  padding: 18px 45px 0; 
			width: 468px; height: 72px; outline: none; }

		#goog-side {
			float:left; /*margin-bottom: 3em;*/ padding-right: 3px;
			width: 339px; height: 288px; /*background-color: #eee;*/ }
		#goog-side * { margin: 0; padding: 0; }

		#goog-lead {
			float:left; margin-bottom: 3.0em; padding: 18px 96px 0; 
			width: 726px; height: 108px; /*background-color: #eee;*/ }

		#goog-post, #goog-mid { 
			float: right; margin-bottom: 1.5em;  padding: 18px 45px 0; 
			width: 468px; height: 72px; /*background-color: #eee;*/ }

		#goog-bottom { width: 126px; margin-left: 0; text-align: center; }
	
		#goog-foot { 
			float:left; margin-bottom: 1.5em; padding: 18px 96px 0; 
			width: 726px; height: 108px; /*background-color: #eee;*/ }
	
			/* ~Alljobs */

			#alljobs { 
				overflow: hidden; position: relative;
				float: right; margin-bottom: 1.5em; 
				width: 558px; height: 234px; 
				background: none; outline: 1px solid #ddd; }
			#alljobs h3 { width: 544px; background: none; }
			#alljobs .DivLogo { 
				position: absolute; top: 5px; left: 1px; 
				width: 69px !important; }
			#alljobs #XSS_PPCV_divMain { 
				overflow: hidden; margin: 0; padding: 36px 7px 0; 
				width: 562px; height: 126px !important;  }
			#alljobs #XSS_PPCV_divMain * { 
				background: none !important; 
				font-family: Arial, sans-serif !important; }
			#alljobs br { display: none; }
			#alljobs .XSS_PPCV_tblMain {
				float: right; margin: 0 0 0 18px; padding: 0; width: 263px; }
			#alljobs .XSS_PPCV_tblMain td { padding: 0 !important; }
			#alljobs .XSS_PPCV_CV img { margin: 0 0 0 2px; }
			#alljobs .floatDiv { 
				position: absolute; top: 0; width: auto !important; }
			#alljobs .XSSlnkMoreJobs, #alljobs .XSSlnkAddPPCVJob, 
			#alljobs #lnkPPCVAllJobs {
				position: absolute; top: 55px; width: 135px; 
				font-family: Arial, sans-serif !important; 
				text-decoration: none !important; }
			#alljobs .XSSlnkMoreJobs:hover, #alljobs .XSSlnkAddPPCVJob:hover,
			#alljobs #lnkPPCVAllJobs:hover {
				text-decoration: underline; }
			#alljobs #lnkPPCVAllJobs { right: 7px; }
			#alljobs .XSSlnkMoreJobs { right: 97px; }
			#alljobs .XSSlnkAddPPCVJob { right: 406px; text-align: left; }
	
/*	~Footer
	----------------------------------------------- */

	#footer {
		float: right;
		width: 918px; margin: 0; padding: 1.5em 0 3em;
		outline: 1px solid #ddd;
		text-align: right;}

	#footer p {padding-left: 7px; padding-right: 7px;}

	p#credits {padding-top: 0.5em;}
	
	#footer-plugins { text-align: center; }

/*	~Other blogs (top inter-blog navigation bar)
	----------------------------------------------- */

	#nav-blogs {
		position: absolute; top: 0; right: 0;
		width: 100%; height: 1.5em;
		/* Un-nudge */
		margin-right: 0; padding-right: 18px;
		background-color: #383632;
		font-size: 12px; line-height: 18px; list-style: none;}

	#nav-blogs a, #nav-blogs a:visited {
		display: block; float: right;
		padding: 0 18px;
		color: #938A79 !important;
		font-weight: bold; text-align: center; 	}

	#nav-blogs a:hover {color: #F9F7E8 !important;}

	#nav-blogs .current a, #nav-blogs .current a:hover {
		background: none; color: #66635B !important;
		font-weight: normal; text-decoration: none;
		cursor: default; }

	#nav-blogs li.admin { float: left; width: auto; padding-left: 36px; }

	#nav-blogs li.admin a { float: left; }