/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 8, 2010 */
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */

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

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

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

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

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

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

html {
  background: #000 url('../images/darkwood_50.jpg') fixed;
  margin: 0;
  padding: 0;
/*	padding-bottom: 3em;*/
}
body {
  /*font-family: Georgia;*/
	margin-top: 40px;
	margin-bottom: 3em;
  font-size: 20px;
  color: #fff;
	text-rendering: optimizeLegibility;
}
#header {
	height: 180px; /* 5em */
}
#header h1 .home {
	visibility: hidden;
	width: 40px;
	margin-top: 60px;
	margin-left: -58px; /* 48 + padding */
	padding-right: 20px;
	font-size: 12pt;
	text-shadow: none;
	color: #fff;
	vertical-align: top;
}

#header h1:hover {
	/*text-shadow: 1px 1px 0px #444;*/
}
#header h1:hover .home {
	visibility: visible;
}
#header a:hover {
	border: none;
}
a:active, a:focus {
	outline: none;
	-moz-outline-style: none;
}
a.nounderline,
a.nounderline:hover,
a.post-edit-link {
	border: none !important;
	text-decoration: none;
}
.alignright {
	text-align: right;
}
.badges {
	height: 60px; /* 3em */
}

/*
.container_12 {
	background: #fff url(images/12_col.gif) repeat-y;
	margin-bottom: 20px;
}
*/
/*#container {
  margin: 150px 0 200px 150px;
  width: 750px;
}
#toc {
  position: fixed;
  margin-top: 130px;
}
*/
hr {
	margin: 14px 0;
	height: 0;
	clear: both;
	border-top: 1px solid #000;
	border-bottom: 1px solid #555;
}

.hl {
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	padding: 2px;
	/*background-color: #a9014b;
	opacity: 0.10; 
	filter: alpha(opacity=10);*/
	background-color:rgba(165,1,75,0.2);
}
::selection, 
::-moz-selection {
	background-color:rgba(165,1,75,0.2);
}

h1 {
	font-size: 2.5em;
  color: #fff;
  text-shadow: 0 1px 1px #a9014b;
}
#header h1 {
	font-size: 1em;
}
h2, h3, h4, h5, h6 {
	/*color:rgb(169,1,75);*/
}
h2 {
  margin: 30px 0 10px 0;
}
ul {
  line-height: 1.8em;
  margin: 0;
  list-style: none;
}
ul.h2 {
  font-size: 16px;
}
ul.h3 {
  font-size: 80%;
}
a:link,
a:hover
a:active,
a:visited {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #aaa;
}
a:hover {
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}
a.nounderline,
a.nounderline:hover,
a.nounderline:active {
	border: none;
	text-decoration: none;
}
h2 a,
h3 a,
h2 a:hover,
h3 a:hover {
  border-bottom: none;
}
p {
/*	font-family: 'Myriad Pro', Corbel, 'Helvetica Neue', Helvetica, 'Lucida Grande', Verdana, sans-serif;*/
	font-family: 'DeliciousRoman','Helvetica','Arial',sans-serif;
	font-size: 1em; /* 20px */
	line-height: 1.5em; /* 30px */
	padding-bottom: 1.5em; /* prevent margin collapse */
	margin: 0;
	color: #ccc;
}
blockquote {
  font-style: italic;
}
.center {
  text-align: center;
}
.clear {
	clear: both;
}

/* TYPOGRAPHY */

span.amp {
  font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
  font-style: italic;
	font-size: 0.85em;
	/*font-size: 18px;
	line-height: 30px;
	margin: 0;
	padding: 0;*/
	vertical-align: middle; /* prevents line-height getting thrown off? */
}

/* END TYPOGRAPHY*/

/* GRID DESIGN */

.b {
	/*height: 450px; /* 10em */
	/*margin: -10px -10px 30px -10px;
	padding: 10px 10px 0 10px;*/
	/*border: 1px solid transparent;*/
	/*padding: 15px;*/
	height: 270px;
	overflow: hidden;
}
.b:hover {
	cursor: pointer;
}
.b .tombstone:hover {
	cursor: default;
}
.b > div {
	padding: 15px;
}
.awesome.large {
	font-size: 1em !important;
	padding: 0.5em 1em !important;
	letter-spacing: 1px;
	font-weight: normal !important;
}
.tombstone {
	background-color: rgba(0,0,0,0.3);
	color: #fff;
	height: 220px;
}
.tombstone h2 {
/*	font-family: Georgia;*/
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 2.3em;
	font-family: 'DeliciousHeavyRegular';
	font-size: 3em;
	margin-top: 0;
	text-align: right;
	line-height: 1em;
	letter-spacing: 1px;
}
.frame {
	padding: 15px;
	padding-bottom: 10px;
	margin: -15px;
	margin-bottom: 10px;
	background-color: rgba(165,1,75,0.2);
}
@-webkit-keyframes magentaPulse {
	from { background-color: rgba(165,1,75,0.5); }
	50% { background-color: rgba(165,1,75,1.0); }
	to { background-color: rgba(165,1,75,0.5); }
}
.b:hover .frame {
	background-color: rgba(165,1,75,1.0);
	-webkit-animation-name: magentaPulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
}
a.green.button {
}
.b img {
	width: 270px;

	-moz-box-shadow:		0px 6px 7px #222;
	-webkit-box-shadow:	0px 6px 7px #222;
	box-shadow:					0px 6px 7px #222;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333');
}
.b h3 {
	display:none;
}
.b p {
	height: 60px; /* don't throw off global vertical rhythm with smaller font size */
	color: #ccc;
	font-style: italic;
	font-size: 15px;
	line-height: 20px;
	padding: 0;
}
.b:hover p {
	color: #fff;
}

/* END GRID DESIGN */

#colophon p {
	font-size: 0.7em;
	font-style: italic;
	color: #999;
}
.key {
	vertical-align: middle;
	height: 3em;
	margin: auto 0.3em;
}

#a-mode {
	position: fixed;
	bottom: 30px;
	right: 30px;
	font-family: 'Myriad Pro', Corbel, 'Helvetica Neue', Helvetica, 'Lucida Grande', Verdana, sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;*/
	font-size: 0.9em;
	font-style: italic;
	/*letter-spacing: 0.1em;*/
	padding: 8px 12px;
	background: #000;
	background-color: rgba(0,0,0,0.3);
  -moz-border-radius: 20px; 
  -webkit-border-radius: 20px;
  /*-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);*/
}
.clicks {
	visibility: hidden;
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 5000;
	width: 2em;
	height: 2em;
	text-align: center;
	line-height: 2em;
	background-color: rgba(0,0,0,0.8);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}
body.analytics .clicks {
	visibility: visible;
}
.mixpanel {
	text-align: right;
}


.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.grid_12_overlay {
	background: url(../images/12_col.png) repeat-y;
}

/**
 * Grid
 */
#grid{

    /* Vertical grid lines */
    background: url(../images/bg-grid-960.gif) repeat-y 0 0;

    /* Dimensions - same width as your grid with gutters */
    width: 960px;

    /* Grid (left-aligned)
    position: absolute;
    top: 0;
    left: 0;
    */

    /* Grid (centered) */
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -480px;

}

#grid.grid-1{
    background: url(../images/bg-grid-960.gif) repeat-y 0 0;
}

/**
 * Horizontal grid lines, defined by your base line height
 *
 * Remember, the CSS properties that define the box model:
 * visible height = height + borders + margins + padding
 */
#grid div.horiz{
    /* 30px line height */
    height: 29px;
    border-bottom: 1px dotted #777;
    margin: 0;
    padding: 0;
}

/* TWEET EMULATION STYLES */
.content-bubble-arrow {
	background-image:url("http://s.twimg.com/a/1280874693/images/arr2.gif");
	background-position:32px 0;
	background-position: 50px 0;
	background-repeat:no-repeat;
	height:11px;
	margin-top:6px;
	overflow:hidden;
}
#tcontent {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-topleft:5px;
	background-color:#FFFFFF;
	margin-top:0;
/*	width:564px;*/
	word-wrap:break-word;
}
#tcontent.wide {
	-moz-border-radius:5px 5px 5px 5px;
/*	width:100%;*/
}
#tcontent {
/*	margin-bottom:15px;*/
	padding:15px;
	padding-bottom: 0;
/*	width:570px;*/
	font-size: 28px !important;
	font-family: Georgia, sans-serif;
	color: #444;
	line-height: 36px;
}
.wrapper {
	padding:5px 10px 15px;
	padding-bottom: 0px;
}
.hentry {
	position:relative;
}
.status-body {
	display:block;
/*	font-size:1.2em;*/
	margin-right:30px;
	padding-bottom:15px;
}
.twitter a {
	color:#A9014A;
	text-decoration: none;
	border: none;
}
.twitter a:hover {
	text-decoration: underline;
}
.entry-content {
	background-color:#FFFFFF;
	display:block;
	font-family:georgia;
/*	font-size:2em;*/
	font-weight:400;
/*	line-height:1.25em;*/
	overflow:hidden;
	padding:0;
}
#tcontent .meta {
	color:#999999;
	display:block;
	font-family:'Lucida Grande';
	font-size: 11px !important;
}
#tcontent .meta a {
	color: #999;
}
#permalink .entry-meta {
	line-height:16px;
}
.meta {
	color:#999999;
	display:block;
	font-size:11px;
}
.entry-meta {
	margin-top:2px;
}

.user-info {
	border-top:1px solid #E6E6E6;
	height:73px;
	line-height:1;
	margin-top:0;
	padding-top:15px;
	font-family: 'Lucida Grande',sans-serif;
}
div.thumb {
	float:left;
	margin-right:20px;
}
.thumb img {
	height:48px;
	width:48px;
}
.full-name {
	font-size:14px;
	margin:3px 0 0 2px;
}
/* END TWEET EMULATION */

.paging a {
	background-color:#0077EE;
	background-image:-moz-linear-gradient(center top , #2299FF, #0055CC);
	border-color:#2299FF;
	color:#FFFFFF;
}
.paging a, .paging span {
	-moz-border-radius:18px 18px 18px 18px;
	background:none repeat scroll 0 0 #0077EE;
	color:#FFFFFF;
	float:left;
	margin-right:15px;
	padding:6px 16px;
}
.paging a:hover {
	opacity:0.85;
}
a {
	color:#0077EE;
	text-decoration:none;
}

.tweet_list {
	color: #333 !important;
	-moz-border-radius:10px 10px 10px 10px;
	background:none repeat scroll 0 0 #EEEEEE;
	color:#333333;
	margin:100px 0 0.5em;
	padding:15px;
	position:relative;
	font-size: 28px;
	line-height: 1.25em;
	font-family: Cambria, Georgia, sans-serif;
}
/* creates the triangle */
.tweet_list:before {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	z-index:-1;
	bottom:-40px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
	width:0;
	height:0;
	border:15px solid transparent;
	border-bottom-color:#eee;
}