/*  
Theme Name: Juhan's Pocket Guide to Interface Design
Theme URI: http://www.mit.edu/~juhan (snagged from http://www.rikcatindustries.com)
Description: PGID Theme
Version: 0.1
Author: Rik Catlow, editing by Juhan Sonin
Author URI: http://www.rikcat.com
*/

	body { 
		margin:30px 0 0 0;
		font:normal 13px arial;
		}
		
	a {
		color:#000; 
		text-decoration:none;
		}
	
	a:hover {color:#cc3300;}
	
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
		}

		pre.code {
		background:#f9f9f9;
		padding:15px 20px 25px 20px;
		margin:0 0 15px 0;
		border-left:10px solid #ddd;
		}

		code {
		margin:0;
		padding:0;
		}

	.clearfix {display: inline-block;}
	
	h1 a {
		background:url(images/ri_logo.gif) no-repeat;
		width:185px;
		height:45px;
		text-indent:-9000px;
		margin:0 30px 0 0;
		overflow:hidden;
		float:left;
		}

	h1 a:hover {
		background:url(images/ri_logo.gif) no-repeat 0 -45px; 
		}

	
	h2 {
		font:normal 18px arial;
		margin:0 0 30px 0;
		}
		
	 p {
		font:normal 13px/20px arial;
		}
		
	#page { 
		margin:0 auto 0 auto;
		width:920px;
		}
	

	#header {
		margin:0 0 30px 0;
		}
	
	#logo {float:left;}
	
	#blurb {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding:35px 0 40px 0;
		font:normal 41px/41px georgia;
		}
		

	
/* ### Navigation ### */					

	.navigation {
		float:left;
		padding:0;
		margin:28px 0 0 0;
		font:normal 18px arial;
		color:#666;
		}

	.navigation li {
		display:inline;
		}

	.navigation li a {
		color:#666;
		text-decoration:none;
		}

	.navigation li a.selected {
		color:#000;
		border-bottom:1px dotted #ccc;
		}

	.navigation li a:hover {color:#cc3300}

	
/* ### Sidebar ### */	
	
	#sidebar {
		padding:40px 0 30px 40px;
		width:259px;
		float:left;
		}
	
	#sidebar h2 {
		margin:0 0 4px 0;
		}
	
	#sidebar  form {margin:0 0 40px 0;}
	
	#sidebar .postmetadata {font:normal 11px arial;}
	
	
	
	#sidemessage {
		margin:0 0 40px 0; 
		padding:0 15px 0 0;
		}
		
	.sidelist {
		margin:0 0 40px 0;
		padding:0;
		border-top:1px dotted #ccc;
		}
	
	.sidelist li {
		list-style:none;
		margin:0;
		padding:0;
		font:normal 12px arial;
		}
		
	.sidelist li a {
		display:block;
		padding:6px 0;
		border-bottom:1px dotted #ccc;
		color:#000;
		}
	
	.sidelist li a:hover {
		background:#f9f9f9;
		color:#c30;
		}
	
	
/* ### Content ### */
	
	#content {
		width:580px;
		float:left;
		padding:0 40px 30px 0;
		border-right:1px dotted #ccc;
		min-height:400px;
		}
	
	#content h2 {
		font:normal 24px georgia;
		margin:40px 0 13px 0;
		padding:0;
		}

	#content h2 a {
		color:#c30;
		}
	
	#content h2 a:hover {
		color:#000;
		}
		
	#content .post {margin: 0 0 40px 0;}
	
	
	.left_image {
		float:left;
		margin:8px 17px 2px 0;
		}
		
	.right_image {
		float:right;
		margin:8px 0 2px 17px;
		}
	
		
	.postmetadata {
		color:#666; 
		margin:8px 0 13px 0; 
		background:#f9f9f9; 
		padding:4px 10px;
		border-left:10px solid #ddd;
		border-top:1px dotted #ddd;
		}
	
	.postmetadata a {color:#666;}
	
	.postmetadata a:hover {color:#000;}
	
	
	.cal_icon {
		background:url(images/meta_icons/cal_icon.gif) no-repeat ;
		padding:1px 20px 1px 19px;
		}
	
	.cat_icon {
		background:url(images/meta_icons/cat_icon.gif) no-repeat;
		padding:1px 20px 1px 19px;
		}
	
	.at_icon {
		background:url(images/meta_icons/addthis_icon.gif) no-repeat 0 1px ;
		padding:1px 20px 1px 19px;
		}
	
	.com_icon {
		background:url(images/meta_icons/com_icon.gif) no-repeat ;
		padding:1px 20px 1px 19px;
		}
	
	.edit_icon {
		background:url(images/meta_icons/edit_icon.gif) no-repeat ;
		padding:1px 20px 1px 19px;
		}
	
	

	.entry a {font-weight:bold;}
	
	.entry a[target="_blank"] {
		background:url(images/exlink.gif) no-repeat 100% 3px;
		padding:0 12px 0 0;
		}
	
	.entry h3 { 
		color:#666; 
		font:italic 16px georgia;
		margin:25px 0 10px 0; }
	
	.entry ul {margin:30px 0; padding-left: 0px; }
	
	.entry li {margin: 0 0 10px 0;}
	
	.entry p {margin:0 0 20px 0; padding:0;}
	
	#archive {
		margin:40px 0 40px 0;
		}
	
	span.pagetitle {
		padding:5px 10px; 
		background:#000; 
		color:#fff;
		font:normal 11px/11px arial;
		}
	
	.pagination {
		width:100%;
	 	border-top:1px dotted #ccc;
		border-bottom:1px dotted #ccc;
		margin:40px 0 20px 0; 
		padding:5px 0 ;
		}
	
	.pagination a {font-weight:normal;}
	
	
	.paging a {
		background:#000;
		color:#fff;
		font:normal 12px/12px arial;
		padding:5px 10px 5px 10px;			
		}
	
	.paging {
		margin:10px 0 0 0;
		}
	
	.paging  a:hover {
		background:#c30;
		color:#fff;
		}
	
	.alignleft {float:left;}
	
	.alignright {float:right;}
	
	a.blk_button {
		background:#000;
		color:#fff;
		font:normal 12px/12px arial;
		padding:5px 10px 5px 10px;
		}
	
	a:hover.blk_button {
		background:#c30;
		color:#fff;
		}	
		
	a.more-link {
		padding:0 19px 0 0;
		width:16px;
		height:16px;
		background:url(images/ri_dot.gif) no-repeat 100% 96%;
		border:none;
		}
		
	a:hover.more-link {
		background:url(images/ri_dot.gif) no-repeat 100% 0;
		}

	.editlink {margin:50px 0 0 0;}
	
	.editlink a {		
		background:#000;
		color:#fff;
		font:normal 12px arial;
		padding:4px 9px 4px 9px;
		}
	
		
/* ### Search Form ### */	
	
	#query {
		width:215px; 
		border:1px solid #ccc; 
		font:normal 12px arial; 
		padding:3px; 
		color:#666;
		}
	
	input, textarea {	border:1px solid #ccc; }
	
	label {color:#999;}

 	#searchsubmit {
		padding:3px;
		border:none; 
		background:#000; 
		color:#fff; 
		font:normal 12px arial;
		}
	
	#searchsubmit:hover {
		background:#c30;
		}
		
	#submit {
		padding:5px 14px;
		border:none; 
		background:#000; 
		color:#fff; 
		font:normal 14px/14px arial;
		}
	
	#submit:hover {
		background:#c30;
		}
		
/* ### Footer ### */
	
	#footer {
		color:#000;
		border-top:1px dotted #ccc;
		margin:0 0 30px 0;
		padding:20px 0 20px 0;
		clear:both;
		font:normal 12px arial;
		}
		
	#footer a {
		font-weight:bold;
		color:#000;
		}

	#footer a:hover {
		color:#c30;
		}
		
	a.feed {
		height:16px;
		background:url(images/feedicon.gif) no-repeat 0 100% ;
		padding:1px 0 0 21px;
			}
	a:hover.feed {
		background:url(images/feedicon.gif) no-repeat ;
		}
		
	a.dellink {
		height:16px;
		background:url(images/delicon.gif) no-repeat 0 100% ;
		padding:1px 0 0 21px;
				}
	a:hover.dellink  {
		background:url(images/delicon.gif) no-repeat ;
		}
	
/* ### Footer ### */
		
	.recentlist {
		margin: 0;
		padding:0;
		border-top:1px dotted #ccc;
		}

	.recentlist li {
		list-style:none;
		padding: 6px 0;
		border-bottom:1px dotted #ccc;
		color:#666;
		font:normal 12px arial;
		}
	
	.recentlist li:hover {
		background:#f9f9f9;
		}


	#side_archive {
		margin:0 0 50px 0;
		}

/* ### Comments ### */

	#comments {
		margin:20px 0 40px 0;}
	
 	.commentlist {
		margin:0 0 20px 0;
		padding:0;
		}
		
	.commentlist li {
		border-left: 10px solid #000;
		margin:0;
		padding:0 0 5px 0 ;
		list-style:none;
		}
	
	.commentlist li.author {
		border-left: 10px solid #c30;
		}	
		
	.commentlist li.author h3.comment_hdr {
		background:#c30;
		}
	
	.commentlist p { 
		margin:18px 35px ; 
		font:normal 13px/19px arial;
		}
		
	.commentlist p a {font-weight:bold;}
	
	h3.comment_hdr {
	 	background:#000; 
		margin:0; 
		color:#fff; 
		padding:6px 15px; 
		font:normal 12px arial;
		}
	
	h3.comment_hdr a {color:#fff;}
	
	h3.comment_hdr a:hover {text-decoration:underline;}
	
	#comment_txt { padding:5px; font:normal 14px arial; width:569px;}
	
	
/* ### Resume ### */	

	#resume {
		padding:30px 0 0 0;
		}
	
	#resume h3 {
		color:#666; 
		font:italic 16px georgia;
		margin:35px 0 3px 0;
		}
		
	#resume h3.first {
		margin:0 0 20px 0;
		}
	
	.job {
		border-left: 10px solid #ddd;
		border-bottom: 1px dotted #ddd;
		padding:0 0 15px 15px;
		margin:0 0 20px 0;
		}
	
	#resume ul { 
		margin:0;
		padding:0;
		}
		
	#resume li {
		list-style:none;
		margin:0 0 3px 0;
		}
		
	.job_details li {	
		border-bottom: 1px dotted #ddd;
		padding:0 0 4px 0;
		}
		
	#resume .recent_urls {
		margin:15px 0 0 10px;
		}
	#resume .recent_urls span {
		color:#888;
		}
	

	/* ### Work ### */

	#work {
		padding:20px 0;
		min-height:400px;
		}


	.worklist {
		margin:0;
		padding:0;
		}

	.worklist li {
		list-style:none;
		padding:13px 0 15px 0;
		margin:0 0 5px 0;
		border-bottom: 1px dotted #ddd;
		color:#000;
		}
		
	.sm_work_img {
		float:left;
		margin:0 25px 0 0;
		}
		
	.work_description {
		width:360px;
		float:left;
		padding:15px 0 0 0;
		margin:0 30px 0 0;
		}
	
	.work_description h3 {
		font:normal 24px/16px georgia;
		margin:0 0 15px 0;
		padding:0;
		}
	
	.work_description p {
		font:normal 12px/14px arial;
		margin:0;
		padding:0;
		}
	
	.work_buttons {
		width:170px;
		float:right;
		text-align:center;
		margin:0;
		padding:0;
		}
		
	.work_buttons ul {
		margin:20px 0 0 0;
		padding:0;
		}
	
	.work_buttons li {
		padding:0;
		margin:0;
		border:none;	
		}
	
	.work_buttons li a  {
		display:block;
		text-align:right;
		border:none;
		margin:0 0 4px 0;
		border: 1px dotted #ddd;
		font:normal 12px/12px arial;
		padding:4px 5px;
		}
	
	.work_buttons a:hover {
		background:#f9f9f9;
		}
	
	#footer .stats {
		font:normal 12px arial;
		color:#666;
		}
	
	#footer a.statslink {
		font:normal 12px arial;
		color:#666;
		}
	
	#footer	a:hover.statslink {
		text-decoration:underline;
		}
		
	#sponsor_block {
			margin:60px 0 0 0;
		}
	#sponsor_block li {
		padding:8px 0;
		}
	
	#sponsor_block li img {
		float:left;
		margin:0 10px 0 0;
		}
	
	#sponsor_block li .textbox {
		text-align:center;
		height:62px;
		}
		
	.advertise {
		color:#666;
		float:right;
		font:normal 10px arial;
		margin:4px 0 0 0;
		}
		
		
	#tags {
		padding:4px 8px;
		background:#fcfae9;	
		margin:40px 0 0 0;	
		}
	
	#tags p {
		margin:0;
		}
	
	#tags a {
		color:#c30;
		}
	
	#tags a:hover {
		color:#000;
		}