/* @override 
	http://ihd.local:3000/stylesheets/ihd.css
	http://ihd.com:3000/stylesheets/ihd.css
	http://localhost:3000/stylesheets/ihd.css?1266039641
	http://localhost:3000/stylesheets/ihd.css?1266039877
	http://localhost:3000/stylesheets/ihd.css?1266039949
	http://localhost:3000/stylesheets/ihd.css?1266040042
	http://localhost:3000/stylesheets/ihd.css?1266040285
	http://localhost:3000/stylesheets/ihd.css?1266040610
	http://localhost:3000/stylesheets/ihd.css?1266040646
	http://localhost:3000/stylesheets/ihd.css?1266041013
*/

/* Thanks to Ryan Fait for sticky footer code! (http://ryanfait.com/) */

/* @group Layout */

	html {
		text-align: center;
		height: 100%;
	}
	
	body {
		position: relative;
		height: 100%;
		min-width: 980px;
		background-color: #ffffff;
	}

	ul {
		list-style-type: square;
		margin-bottom: 2em;
	}

	ul li {
		list-style-position: outside;
		margin-left: 1.25em;
		margin-bottom: .5em;
	}
  
	ul.inline li {
		display: inline;
	}
  
	ul.no_bullets {
		list-style-type: none;
	}
	
	ol.no_numbers {
		list-style-type: none;
	}
	
	ul.bulleted {
		list-style-type: square !important;
		list-style-position: inside !important;
	}

	.indented li {
		margin-left: 1em;
	}

	.flush_left {
		margin-left: -1.25em;
	}
	
	ul.tabs {
		width: 100%;
		height: 50px;
		margin-left: 0em;
		margin-top: -1em;
		margin-bottom: -2em;
		background: url(../images/layout/hr_dark.png) repeat-x 0 2em;
	}

	ul.tabs li {
		width: 120px;
		text-align: center;
		height: 30px;
		display: block;
		float: left;
		margin-right: 0em;
		margin-left: 0em;
		/*background: url(../images/layout/vr_dark.png) no-repeat right;*/
	}

	ul.tabs li.selected {
		background: url(../images/layout/selected_tab.png) no-repeat 0px -7px;
	}
	
	.wrapper {
		/* the bottom margin is the negative value of the footer's height */		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -50px; 
		background: url(/images/layout/sidebar_bg_torn.png) repeat-y right;
	}

	div#header {
		height: 75px;
		padding: 0em 50px 0em 50px;
		background-color: #000000;
		background-image: url(/images/layout/header_bg.png);
	}
	
	div#navigation {
		background-color: #990000;
		background: url(/images/layout/navigation_bg.png) repeat-x;
		padding: 0em 50px 0em 50px;
		height: 25px;
	}
	
	div#body {
		height: 100%;
		padding: 25px 50px 0px 50px;
		margin-right: 200px;
		line-height: 1.5em;
		background: url(../images/layout/navbar_shadow.png) no-repeat;
	}
	
	div#sidebar_container {
		position: absolute;
		top: 100px;
		right: 0px;
		width: 200px;
	}

	div#sidebar {
		padding: 0em 25px;
	}
	
	div#sidebar_top {
		width: 200px;
		height: 25px;
		background-image: url(/images/layout/sidebar_top_bg_torn.png);
	}
	
	.push {
		height: 50px; /* .push must be the same height as .footer */
	}

	div#footer {
		position: relative;
		margin-bottom: 0px;
		background-color: #000000;
		background-image: url(/images/layout/footer_bg.png);
		height: 50px;
		padding-left: 50px;
		z-index: 100;
	}
	
/* @end */

/* @group Rules */

	hr.sketch_hr {
		display: block;
		height: 13px;
		border: none;
	}
	
	hr.sketch_hr_0 {
		background: url(../images/layout/sketch_hr_sprite.png) repeat-x 0 0px;
	}
	
	hr.sketch_hr_1 {
		background: url(../images/layout/sketch_hr_sprite.png) repeat-x 0 -50px;
	}
	
	hr.sketch_hr_2 {
		background: url(../images/layout/sketch_hr_sprite.png) repeat-x 0 -100px;
	}
	
	hr.sketch_hr_3 {
		background: url(../images/layout/sketch_hr_sprite.png) repeat-x 0 -150px;
	}
	
	hr.sketch_hr_4 {
		background: url(../images/layout/sketch_hr_sprite.png) repeat-x 0 -200px;
	}
	
	hr.sketch_hr_5 {
		background: url(../images/layout/sketch_hr_sprite.png) repeat-x 0 -250px;
	}
	
	hr.sketch_hr_6 {
		background: url(../images/layout/sketch_hr_sprite.png) repeat-x 0 -300px;
	}
	
	hr.sketch_hr_7 {
		background: url(../images/layout/sketch_hr_sprite.png) repeat-x 0 -350px;
	}
	
	hr.sketch_hr_8 {
		background: url(../images/layout/sketch_hr_sprite.png) repeat-x 0 -400px;
	}
	
	hr.sketch_hr_9 {
		background: url(../images/layout/sketch_hr_sprite.png) repeat-x 0 -450px;
	}
	
	.hr_dark_bottom {
		background: url(../images/layout/hr_dark.png) no-repeat 0 bottom;
		padding-bottom: 1em;
	}
	
	.hr_light_bottom {
		background: url(../images/layout/hr_light.png) no-repeat 0 bottom;
		padding-bottom: 1em;
	}
	
	.hr_dark_top {
		background: url(../images/layout/hr_dark.png) no-repeat 0 top;
		padding-top: 2em;
		margin-top: 0em;
	}

	.hr_light_top {
		background: url(../images/layout/hr_light.png) no-repeat 0 top;
		padding-top: 2.5em;
		margin-top: 1em;
	}
	
	tr.hr_light_top td {
		padding-top: 2.5em !important;
	}
	
/* @end */

/* @group Sketch Backgrounds */

	.sketch_mouseover:hover {
		background: url(../images/layout/sketch_bg_sprite.jpg) no-repeat -7px -4px;
	}
	
	h3.sketch_bg {
		min-height: 34px;
		margin-bottom: 0em;
		white-space: nowrap;
	}
	
	.sketch_bg_0 {
		background: url(../images/layout/sketch_bg_sprite.jpg) no-repeat -7px -4px;
	}

	.sketch_bg_1 {
		background: url(../images/layout/sketch_bg_sprite.jpg) no-repeat -7px -54px;
	}

	.sketch_bg_2 {
		background: url(../images/layout/sketch_bg_sprite.jpg) no-repeat -7px -104px;
	}

	.sketch_bg_3 {
		background: url(../images/layout/sketch_bg_sprite.jpg) no-repeat -7px -154px;
	}

	.sketch_bg_4 {
		background: url(../images/layout/sketch_bg_sprite.jpg) no-repeat -7px -204px;
	}

	.sketch_bg_5 {
		background: url(../images/layout/sketch_bg_sprite.jpg) no-repeat -7px -254px;
	}

	.sketch_bg_6 {
		background: url(../images/layout/sketch_bg_sprite.jpg) no-repeat -7px -304px;
	}

	.sketch_bg_7 {
		background: url(../images/layout/sketch_bg_sprite.jpg) no-repeat -7px -354px;
	}

	.sketch_bg_8 {
		background: url(../images/layout/sketch_bg_sprite.jpg) no-repeat -7px -404px;
	}

	.sketch_bg_9 {
		background: url(../images/layout/sketch_bg_sprite.jpg) no-repeat -7px -454px;
	}

/* @end */


/* @group General Typography */
		
	a:link, a:hover, a:active, a:visited {
		color: #990000;
		padding: 0px;
	}
	
	a:link.no_decoration, a:visited.no_decoration {
		text-decoration: none;
	}
	
	a:hover.no_decoration {
		text-decoration: underline;
	}
	
	blockquote {
		padding: 2em;
		padding-bottom: 6em;
		margin: 1em 2em -1em 0em;
		background: #fafafa url(../images/layout/blockquote_bg.png) repeat-x left bottom;
		border-top: 1px solid #eeeeee;
	}
	
	blockquote.grid {
		background: #fafafa url(../images/layout/blockquote_bg_grid.png) repeat-x left bottom;
	}
	
	body {
		font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
		font-size: .75em;
		text-align: left;
		background: url(../images/layout/left_bg.png) repeat-y -175px;
	}
	
	.align_left {
		margin-right:  auto;
		display: block;
	}

	.align_right {
		margin-left: auto;
		display: block;
	}

	.align_centered {
		margin-left:  auto;
		margin-right: auto;
		display: block;
	}

	code {
		font-family: Consolas, Monaco, Courier New, Courier;
		color: #666666;
		position: relative;
	}
	
	pre {
		display: block;
		font-family: Consolas, Monaco, Courier New, Courier;
		line-height: 1.5em;
		color: #666666;
		margin: 1em;
	}

	h1 {
		color: #333333;
		font-weight: bold;
		font-size: 1.3em;
		margin: .5em 0em 1em 0em;
		text-transform: uppercase;
		text-shadow: #bfbfbf 1px 1px 10px;
	}
	
	h2 {
		color: #333333;
		font-weight: bold;
		font-size: 1.2em;
		margin: 1.5em 0em 1em 0em;
		text-transform: uppercase;
		text-shadow: #bfbfbf 1px 1px 10px;
	}
	
	/*div#body h2 {
		margin: 1.25em 0em 1em 0em;
		padding-top: .25em;
		padding-bottom: .25em;
		border-top: 1px solid #aaaaaa;
		border-bottom: 1px solid #aaaaaa;
	}*/
	
	h2 a:link {
		color: #990000;
	}
	
	h2 a:hover {
		color: #990000;
	}
	
	h2 a:active {
		color: #990000;		
	}
	
	h2 a:visited {
		color: #990000;		
	}
		
	h3 {
		color: #444444;
		font-weight: bold;
		font-size: 1.1em;
		margin: 1.5em 0em .5em 0em;
	}
	
	h3 a, h3 a:link, h3 a:visited, h3 a:active {
		color: #990000;
		text-decoration: none;
	}
	
	h3 a:hover {
		text-decoration: underline;
		color: #990000;
	}
	
	h3.sketch_bg {
	background: url(../images/layout/selected_tab.png) no-repeat -10px -7px;
}
	
	ol {
		list-style-type: decimal;
		margin: 1em 2.5em;
		line-height: 2em;
	}
	
	p {
		margin-bottom: 1.5em;
	}

	dt {
		font-weight: bold;	
		margin: .5em 0em .5em 1em;
	}
	
	dd {
		display: block;
		margin: .5em 0em .5em 1em;
	}

	em {
		font-weight: bold;
	}

	.em {
		font-weight: bold;
	}

	.float_right {
		float: right;
		margin-left: 1em;
		margin-bottom: 1em;
	}
	
	.float_left {
		float: left;
		margin-right: 1em;
		margin-bottom: 1em;
	}
	
	.nowrap {
		white-space: nowrap;
	}
	
	.strong {
		font-weight: bold;
	}
  
	.subtle {
		font-size: .9em;
		color: #666666;
	}
  
	.indented {
		margin-left: 1em;
	}
	
	.flush_top {
		margin-top: 0em !important;
	}	
	
/* @end */

/* @group Tables */

	table.standard th {
		background-image: url(../images/layout/footer_bg.png);
		border: none;
		padding-left: .5em !important;
	}

	table.standard th a:link {
		text-decoration: none;
	}

	table.standard th a:visited {
		text-decoration: none;
	}
	
	tr.root_row {
		background-color: #cccccc !important;
	}
	
	table.drag_highlight {
		border: 2px solid #999999;
	}
	
	tr.drag_highlight td {
		background-color: #999999 !important;
		border-left: #990000;
		border-right: #990000;
	}
	
	tr.image_asset_fields {
		border-bottom: 1px solid #999999;
	}
	
/* @end */

/* @group Component Typography */

	div.copy_to_keyboard {
		position: absolute;
		top: 0px;
		right: 0px;
		background-image: url(../images/icons/copy_to_clipboard.png);
		height: 65px;
		width: 98px;
	}
	
	div.admin_menu_block {
		float: left;
		margin: 0em 2em 2em 0em;
		border-right: 1px dotted #cccccc;
		padding: 0em 4em .5em 0em;
/*
		height: 15em;
*/
		width: 15%;
	}
	
	div.admin_menu_block h2 {
		margin-top: 0em;
		padding: .5em 0em;
		/*border-bottom: 1px dashed #cccccc;*/		
	}
	
	ul.admin_menu li {
		margin-bottom: 1em;
	}
	
	ul.admin_menu li ul li {
		margin-bottom: 0em;
		font-size: .9em;
	}
	
	div.breadcrumbs {
		margin: -1em 0em 1.5em 0em;
		font-size: .9em;
		color: #999999;
	}
	
	div.breadcrumbs a:link,
	div.breadcrumbs a:visited {
		color: #999999;
		text-decoration: none;
	}
	
	div.breadcrumbs a:hover {
		color: #990000;
		text-decoration: underline;
	}
	
	div.clipboard_button {
		position: absolute;
		top: -1px;
		right: 14px;
		margin-left: 7px;
		width: 14px;
		height: 17px;
		padding: 3px;
		background: url(../images/icons/clipboard.png) no-repeat;
	}
	
	div.featured_image img {
		margin-top: 5em;
		margin-bottom: 1em;
		padding-top: 12px;
		padding-left: 32px;
		width: 250px;
		background: url(../images/layout/featured_image_bg_6.png) no-repeat;
	}
	
	div.centered_image {
	  width: 100% !important;
	  text-align: center;
	}
	
	img.click_to_play {
		margin-top: -1em;
		margin-bottom: 1em;
		padding-top: 22px;
		padding-left: 32px;
		min-width: 250px;
		background: url(../images/layout/click_to_play.png) no-repeat;
	}
	
	div.heatmap {
		padding: 1em;
		border: 1px solid #999999;
		background-color: #fefefe;
	}
	
	span.heatmap_element {
		display: block;
		text-align: center;
		margin: .25em;
		float: left;
	}

	div.image_with_caption {
		text-align: center;
	}

	div.image_with_caption img {
		text-align: center;
	}

	img.image_with_corner {
		margin-top: -1em;
		margin-bottom: 1em;
		padding-top: 12px;
		padding-left: 32px;
/*
		min-width: 250px;
*/
		background: url(../images/layout/featured_image_bg_6.png) no-repeat;
	}
		
	div.introductory_content p {
		line-height: 2em;
	}
	
	div.featured_article_image {
		float: right;
		margin: 0em 0em 2em 2em;
	}
	
	div#header p {
		font-size: 20px;
		font-weight: normal;
		padding: 20px 0em 0em 0em;
		color: #ffffff;
		margin: 0em 0em 0em 0em;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	
	img.license {
		float: right;
		margin-right: 1em;
	}
	
	a.link_to_remote {
		padding-right: 1.5em;
	background: url(../images/icons/link.png) no-repeat right;
}
	
	div#page_header {
		padding-bottom: .5em;
		margin-bottom: 1.5em;
	}
	
	div.tag_selector {
		color: #666666;
		cursor: pointer;
		padding: .25em 0em;
	}

	div.terminal {
		border: 1px solid #cccccc;
		background-color: #222222;
		padding: 1em;
		font-size: 11px;
		font-family: Consolas, Monaco, Courier New, Courier;
		color: #ffa300 !important;
		margin-bottom: 1em;
	}

	div.terminal pre {
		font-size: 11px;
		font-family: Consolas, Monaco, Courier New, Courier;
		color: #ffa300 !important;
	}
	
	div#footer p {
		color: #999999;
		text-transform: uppercase;
		padding: 15px 0px 0px 25px;
	}
	
	div#sidebar h2 {
		margin-top: 0em;
		padding-bottom: .75em;
		margin-bottom: .75em;
		font-size: 1em;
	background: url(../images/layout/sidebar_hr.png) no-repeat 0 bottom;
}

	div#sidebar ul {
		margin-bottom: 2em;
		list-style-type: none;
	}
	
	div#sidebar ul li {
		margin-left: 0em;
		margin-bottom: .75em;
		font-size: .8em;
	}
	
	div#sidebar a:link {
		text-decoration: none;
		color: #666666;
	}

	div#sidebar a:visited {
		text-decoration: none;
		color: #666666;
	}

	div#sidebar a:hover {
		text-decoration: none;
		color: #990000;
	}
	
	.caption {
		font-size: .9em;
		font-style: italic;
		color: #666666;
		display: block;
		padding: 1em;
		padding-left: 5em;
	}
		
	.colophon {
		color: #cc0000;
		font-weight: bold;
		font-size: 26px;
		letter-spacing: 4px;
	}
	
	.breadcrumbs .colophon {
		font-size: 12px;
		font-weight: bolder;
		margin-left: .25em;
		margin-bottom: 1em;
		letter-spacing: 2px;
	}
	
	.colophon_small {
		color: #cc0000;
		font-weight: bold;
		font-size: 1.5em;
		letter-spacing: 4px;
		margin-left: .25em;
	}

	.summary {
		margin-top: .5em;
		color: #666666;
	}
	
	
/* @end */

/* @group Nav Bar */

	div#navigation ul {
		padding: 5px 0px 0px 0px;
	}
	
	div#navigation ul li {
		display: inline;
		text-transform: uppercase;
		margin: 5px 25px 0px 0px;
		font-size: 1em;
	}
	
	div#navigation ul li a:link {
		color: #dddddd;
		text-decoration: none;
	}
	
	div#navigation ul li a:visited {
		color: #dddddd;
		text-decoration: none;
	}
	
	div#navigation ul li a:hover {
		color: #ffffff;
		text-decoration: none;
	}
	
	div#navigation ul  {
		padding: 0em;
		margin: 0em !important;
		list-style: none;
		text-transform: uppercase;
		font-size: 1em;
		height: 3em;
	}

	div#navigation ul li {
		float: left;
		margin-top: 0em;
		position: relative;
		padding: .4em 1em .5em 0em;
	}
	  
	div#navigation ul li ul {
		display: none;
		position: absolute; 
		top: 25px;
		left: 0px;
		list-style: none;
		margin-left: 0px;
		/*padding: .5em .5em 1em .5em;*/
		/*background-color: #eeeeee;*/
		width: 125px;
		z-index: 500;
	}
	
	div#navigation ul li ul li {
		border: none;
		text-transform: none;
		font-size: .8em;
		padding: .75em;
		width: 90%;
		border-top: none;
		background: #eeeeee;
		border-bottom: 1px solid #cccccc;
	}

	div#navigation ul li ul li:last-child {
		height: 50px;
		background: url(../images/layout/nav_menu_last_item_bg.png) no-repeat left bottom;
		border-bottom: none;
	}

	div#navigation ul li ul li a:link {
		color: #666666;
		text-decoration: none;
	}
	
	div#navigation ul li ul li a:visited {
		color: #666666;
		text-decoration: none;
	}
	
	div#navigation ul li ul li a:hover {
		color: #000000;
		text-decoration: none;
	}
	
	
	div#navigation li > ul {
		top: auto;
		left: auto;
	}
		
	div#navigation ul li:hover ul{
		display: block;
	}
	
	div#navigation ul li.over ul{
		display: block;
	}
	
	div#navigation ul a {
		text-decoration: none;
	}
	
	div#navigation span.subnav {
		display: block;
		margin-left: 1em;
	}

/* @end */

/* @group Forms */

	.button {
		font-size: 11px;
		line-height: 1.25em;
		padding: 5px;
		background: #9b0009 url(../images/layout/button_bg.png) repeat-x;
	}
	
	a:link.button, a:visited.button, a:active.button {
		padding: .5em;
		font-size: 11px;
		line-height: 1.25em;
	}

	fieldset.form_container legend {
		margin-top: 1.5em;
		padding: .5em .75em;
		background-image: url(../images/layout/post_header_bg.png);
	}
	
	fieldset {
		line-height: 1em;
	}
	
	textarea.article_content_entry {
		width: 98%;
		height: 400px;
		font-family: courier;
	}

	select {
		background-color: #444444;
		border-color: #444444;
		color: #ffffff;
		padding: 0px !important;
	}
	
	input[type="text"].short_field {
		width: 120px;
	}
	
	textarea.short_field {
		width: 120px;
	}
	
	.static_value {
		display: block;
		color: #999999;
		margin: .5em 1em 1em 1em;
	}
	
	.collapsible {
		cursor: pointer;
	}

	.closed:after {
	    content: "\25B6";
	    float: left;
	    margin-right: .5em;
	}

	.opened:after {
	    content: "\25BC";
	    float: left;
	    margin-right: .5em;
	}

/* @end */

/* @group Columns */

	.four_column {
		width: 20%;
		float: left;
		margin-right: 5%;
	}

	.two_column {
		width: 45%;
		margin-right: 5%;
		float: left;
		min-width: 250px;
	}
	
/* @end */

/* @group Downloads */

	.download {
		display: block;
		margin-left: 1em;
		padding-left: 2em !important;
		padding-top: 4px !important;
		height: 30px;
		margin-top: 1em;
	}
	
	.dmg {
		background: url(../images/icons/dmg.gif) no-repeat;
	}
	
	.zip {
		background: url(../images/icons/zip.gif) no-repeat;
	}
	
	.pdf {
		background: url(../images/icons/pdf.gif) no-repeat;
	}
	
/* @end */

/* @group Projects */

	div.project_icon img {
		margin-top: 0em;
		padding-top: 12px;
		padding-left: 32px;
		width: 250px;
		background: url(../images/layout/featured_image_bg_6.png) no-repeat;
	}
	
	div.project_thumbnail_container {
		float: left;
		margin-top: -1em;
		margin-bottom: 5em;
		padding-top: 30px;
		padding-left: 47px;
		height: 70px;
		width:70px;
		background: #ffffff url(../images/layout/featured_image_bg_6.png) no-repeat;
		margin-right: 2em;
	}

	.project_thumbnail {
		min-width: 61px;
		min-height: 61px;
	}
	
	.project_thumbnail.applescript {
		background: url(../images/projects/icons/thumbnails_sprite.jpg) no-repeat 0 -0px;
	}
	
	.project_thumbnail.cheatsheet {
		background: url(../images/projects/icons/thumbnails_sprite.jpg) no-repeat 0 -61px;
	}
	
	.project_thumbnail.misc {
		background: url(../images/projects/icons/thumbnails_sprite.jpg) no-repeat 0 -122px;
	}
	
	.project_thumbnail.os_x_application {
		background: url(../images/projects/icons/thumbnails_sprite.jpg) no-repeat 0 -183px;
	}
	
	.project_thumbnail.os_project {
		background: url(../images/projects/icons/thumbnails_sprite.jpg) no-repeat 0 -245px;
	}
	
	.project_thumbnail.os_contribution {
		background: url(../images/projects/icons/thumbnails_sprite.jpg) no-repeat 0 -245px;
	}
	
	.project_thumbnail.rails_tool {
		background: url(../images/projects/icons/thumbnails_sprite.jpg) no-repeat 0 -306px;
	}
		
/* @end */


/* @group Blog Bits */

	div.image {
		text-align: center;
		margin: 1em;
	}
	
	div.image img{
		border: 1px solid #999999;
	}
	
	div.article {
		margin-bottom: 2em;
	}
	
	div.article_header {
		margin-top: 1.5em;
		padding: .5em .75em;
		background-image: url(../images/layout/post_header_bg.png);
	}
	
	div.article_header h2 {
		margin: .5em 0em;
		color: #ffffff;
	}

	div.article_header h2 a {
		color: #ffffff;
	}
	
	div.article_meta {
		font-size: 10px;
		color: #666666;
		height: 25px;
		padding: 15px 0em;
		margin: 1em 0em;
		background: url(../images/layout/double_hr.png) no-repeat;
	}

	div.article_meta a {
		color: #666666;
	}
		
	div.article_body {
		border: 1px solid #aaaaaa;
		margin-top: .0em;
		padding: .75em .75em;
	}
	
	div.article_footer {
		padding: .5em .75em .5em .75em;
		font-size: .8em;
		color: #666666;
		text-transform: uppercase;
		margin: 0em;
		background: #aaaaaa;
	}
	
	.article_footer a {
		font-size: .8em;
		color: #666666;
		text-transform: uppercase;
	}
	
	h2 a {
		text-decoration: none;
		font-weight: bold;
	}
	
	img.gravatar {
		float: left;
		margin: 0em 1em 1em 0em;
		border: 1px solid #999999;
	}
	
	div.centered_image {
		width: 100%;
		text-align: center;
	}
	
	ol.comments {
		margin: -.5em 0em 2em 0em ;
		width: 100%;
	}

	ol.comments li {
		margin-bottom: 1em;
		color: #333333;
	}
	
	p.article_meta {
		margin-top: -1em;
		margin-bottom: .5em;
	}
	
	.byline {
		color: #666666; 
		font-size: .8em;
		font-weight: normal;
	}
	
	p.byline {
		margin-top: -.25em;
		margin-bottom: 0em
	}
	
/* @end */

/* @group VAPID */

	div#vapid_icon_creator { width: 470px; height: auto; padding: 0px; border: 1px solid #000000; margin: 2em auto 2em auto; }
	div#vapid_icon_creator p { margin: 0px; padding: 0px; }
	div#vapid_header { background: #000000 url('/grafx/vapid/gradient.png') repeat-x -10px; color: #eeeeee; font-family: Arial; font-size: 12px; font-weight: bold; text-align: center; padding: .5em; border: 1px solid #000000; margin-left: -1px; margin-right: -1px; }
	div#icon_form { width: 300px; padding: 1em; float: right; background: #eeeeee; text-transform: uppercase; color: #666666; font-family: Arial; font-size: 11px; }
	div#icon_form fieldset { border: none; }
	div#icon_form input { margin-top: 0em; padding: 0px; width: 2em;}
	div#icon_form label { font-weight: bold; display: block; width: 150px; text-align: right; padding: 5px; float: left; margin-bottom: .5em;}
	div#icon_form select { width: 100px; margin-top: 0em; padding: 0px; }
	div#icon_container { position: relative; margin: 2em 1em; height: 100px; width: 100px; margin-right: 2em; float: left; padding: 0px; }
	div#icon_bg { position: absolute; top: 0px; left: 0px; height: 100px; width: 100px; z-index: 25; }
	div#icon_bg.black { background-image: url('/grafx/vapid/base_black.png'); }
	div#icon_bg.grey { background-image: url('/grafx/vapid/base_grey.png'); }
	div#icon_bg.red { background-image: url('/grafx/vapid/base_red.png'); }
	div#icon_bg.green { background-image: url('/grafx/vapid/base_green.png'); }
	div#icon_bg.blue { background-image: url('/grafx/vapid/base_blue.png'); }
	div#icon_highlight { position: absolute; top: 0px; left: 0px; height: 100px; width: 100px; background-image: url('/grafx/vapid/highlight.png'); opacity: 0.5; z-index: 100; }
	div#icon_letter { position: absolute; top: 20px; left: 0px; height: 42px; width: 100px; text-align: center; font-size: 42px; color: #ffffff; z-index: 50; text-shadow: #000 0 0 0; }
	div#icon_letter p { vertical-align: top; margin: 20px; padding: 0px; }

/* @end */

/* @group CafePress */

	div.imageborder img {
	  border: 1px solid #999999 !important;
	  margin-bottom: 2px;
	}
	
	img.imageborder {
	  border: 1px solid #999999 !important;
	}

/* @end */

/* @group Footer */
	
	div.cc_info {
		margin-right: 200px;
		position: relative;
	}
	
	div.cc_logo {
		position: absolute;
		margin-top: 9px;
	}
	
	div.cc_license {
		position: absolute;
		left: 10em;
		color: #aaaaaa;
		text-transform: none;
		font-size: .8em;
		margin: 1em;
		min-width: 690px;
	}
	
	div.cc_license a:link {
		color: #aaaaaa !important;
		text-decoration: none;
	}
	
	div.cc_license a:visited {
		color: #aaaaaa !important;
		text-decoration: none;
	}
	
	div.cc_license a:hover {
		color: #eeeeee !important;
		text-decoration: underline;
	}

	div.footer_links {
		position: absolute;
		right: 0px;
		top: 0px;
		font-size: .8em;
		width: 200px;
		color: #aaaaaa;
	}

	div.footer_links ul {
		list-style-type: none;
		padding: 9px 25px;
	}
	
	div.footer_links ul li {
		display: block;
		float: left;
		padding: 0em 1em 0em 0em;
		margin: 0em;
	}
	
	div.footer_links a:link {
		color: #aaaaaa !important;
		text-decoration: none;
	}
	
	div.footer_links a:visited {
		color: #aaaaaa !important;
		text-decoration: none;
	}
	
	div.footer_links a:hover {
		color: #eeeeee !important;
		text-decoration: underline;
	}
		
/* @end */

/* @group Spam-o-Meter */

	div#captcha {
	}
	
	input#captcha_answer {
		width: 300px !important;
	}
	
	div#spamometer {
		float: left;
		padding: 10px;
		background: #dddddd;
		border: 1px solid #666666;
		text-transform: uppercase;
		font-size: 10px;
		color: #666666;
		width: 300px;
		height: 60px;
	}
	
	div#som_header {
		color: #333333;
		text-align: center;
		border: 1px solid #666666;
		margin: -11px -11px 11px -11px;
		padding: 5px;
		background: #999999;
	}
	
	div#som_meter {
		border: 1px solid #666666;
		height: 19px;
		width: 300px;
	}
	
	div.som_meter_reading {
		float: left;
		width: 75px;
		height: 17px;
		text-align: center;
		padding-top: 25px;
	}
	
	div#som_meter div.inactive { background: url(/images/spamometer/grey_bg.png) no-repeat 0 0 !important; }
	div#som_bot { background: url(/images/spamometer/red_bg.png) no-repeat; }
	div#som_spam { background: url(/images/spamometer/orange_bg.png) no-repeat; }
	div#som_moron { background: url(/images/spamometer/yellow_bg.png) no-repeat; }
	div#som_human { background: url(/images/spamometer/green_bg.png) no-repeat; }

/* @end */

/* @group Tipjoy */

	li#tipjar_container {
		color: #ff0000 !important;
		font-weight: bold;	
	}
	
	.tjbody{  /* this is the container around the entire widget */
		background:none;
		display:block;
	}
	
	.tjContent { /* this is the container just inside tjbody, contains all content */
		margin:5px auto;
		text-align:left;
		display:block;
	}
	
	.block1{ /* this is the 'give' block */
		display:block;
		margin-bottom:7px;
	}
	
	.block2{ /* this is the giver list block */
		margin-top:10px;
		display:block;
	}
	   
	.tjp{ /*this is our paragraph tag */
		margin-top:2px;
		display:block;
		font-weight: normal;
		width: 80px;
	}
	
	.tjp a:link {
		font-weight: normal !important;
	}
	
	.tjemphasis{ /* used to give various elements emphasis */
		font-weight: normal;
	}
	
	.tjtitle{  /* the title field is for your custom message.*/
		display: none;
		margin: 5px 0;
		font-size:110%;
		font-weight:bold;
	}
	
	.tjsubtitle{ /* the subtitle field is for the 'recent givers' and 'most generous' headers */
		font-size:100%;
		font-weight:bold;
	}
	
	.tjgivebtn{ /* this styles the 'give' button.*/
		vertical-align:middle;
		text-transform: uppercase;
		background-color: #dd0000;
		border: 1px solid #990000;
		color: #ffffff;
		font-weight: bold;
	}
	
	/* TIPJOY WIDGET: GIVER LISTS */
	
	.tjgiventry{  /* this gives extra style to the paragraphs which list the giver and their message if applicable */
		margin:5px 0 10px 0;
		padding-left:4px;
		border-left:1px solid #ccc;  
		display:block;
	}
	
	.tjtime{ /* the time indicator on each giver paragraph */
		font-style:italic;
	}
	
	.tjmymsgs{ /* the giver's message row(s)*/
		display:block;
	}

/* @end */

/* @group Workarounds */

	* {
		margin: 0;
	}

	#preload { height: 0; overflow: hidden; }
	
/* @end */