body  { 
    background-color: #f2f2f2; 
/*    background-color: #191919;   */
    background-color: #303030;
    background-image: url(/media/images/grablr-big-g-trans2.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: -20px -30px;
    margin: 0em;
}
.whisper { color: #aaa; }
.housekeeping {
/*    background-image: url(/media/images/grablr-g-faded.png);*/
/*    background-color: white;  */
	background-color: #080808;
	opacity: 0.9;
	color: white;
	padding: 0.5em;
	position: absolute;
	overflow: auto;
	z-index: 7001;
	width: 100%;
border-bottom: solid 1px #282828;
}

@media screen { .housekeeping { position: fixed; } } 
.housekeeping A { color: #aaa; font-weight: bold }
.housekeeping A:hover { color: #ffffcc; }
.housekeeping h1 { 
	margin-top: 0px; 
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 1.8em;
	line-height: 0.8em;
}
.housekeeping h3 { 
    margin: 3px;
}
.housekeeping h4 { 	
	margin-top: 0px;
	margin-bottom: 0.0em;
	padding-bottom: 0px;
/*	border-bottom: solid 1px #dfdfdf; */
 }

.grablrColumn { 
  padding-left: 100px;  
  width: 600px;  
  position: relative;
}


A { 
    color: #4E0000;
}
A:hover { 
    color: darkred;
}


.post {
   position: relative;
   padding-bottom: 30px;   
/*   padding: 10px;   */
    padding: 20px;
    margin: 0px;
   line-height: 125%;
   clear: both;
    opacity: 0.5;
    color: #aaa;
    background-color: #080808;
    
    /* 
     * border: solid 1px #333;
     * border-left: solid 3px #333;
     * border-right: solid 3px #333;
     */
    border: solid 1px #000;
    border-left: solid 3px #000;
    border-right: solid 3px #000;

}

.post A { color: white; font-weight: bold }

.post .header {
 position: relative;
 border-bottom: solid 1px #ccc;
/* fixme: should be a percent or something */
 padding-bottom: 20px;
}
.post .title {
    font-size: 175%;
    line-height: 105%;
}

.post .title .viewing {
    color: gold;
}

.post .sourcetitle {
   position: absolute;
   right: 20px;
   bottom: 0px;
   color: #bbb;
   font-size: 95%;
}
.post .sourcetitle A {
	color: #444;
}

.post .sourcelink {
   position: absolute;
   right: 0px;
   bottom: 0px;
   font-size: 96%;
}
.post .sourcelink A { 
	color: #aaa; 
	text-decoration: none; 
}

.post .header .tools { 
    height: 16px;  
    text-align: right;
    position: absolute;
    margin: 5px;
    bottom: 0px;
    opacity: 0.0;
} 


.post .header .outside_tools { 
    height: 16px; 
    text-align: right;
    margin: 5px;
} 


.post .header .tools .ratings { 
    display: table-cell; 
    padding: 0px;
    margin: 0px;
    width: 42px;
    height: 16px;
    text-align: left;
}


/* 
 * .post .header .ratings .mark_good, 
 * .post .header .ratings .mark_bad,
 * .post .header .readstatus
 * { 
 *     display: inline;	 
 *     width: 16px;
 *     height: 16px;
 * }
 */
.post .header .readstatus { 
    padding-left: 5px;
}

.post .header .ratings IMG,
.post .header .readstatus IMG
{ border: 0px; padding: 0px; margin: 0px; }

.post .header .ratings .mark_good,
.post .header .ratings .mark_bad,
.post .header .mark_toread,
.post .header .mark_share_tumblr,
.post .header .mark_share_delicious,
.post .header .note,
.post .header .note_edit,
.post .header .readstatus,
.post .header .status_good,
.post .header .status_bad,
.post .header .status_toreaderror,
.post .header .status_toreadsaved,
.post .header .status_read,
.post .header .status_unread,
.post .header .loading {
    background-repeat: no-repeat;
    display: table-cell;
    padding-right: 3px;
    width: 16px;
    height: 16px;
}
.post .header .ratings .mark_good {
    background-image: url(/media/images/silk/accept.png);
}
.post .header .ratings .mark_bad {
    background-image: url(/media/images/silk/delete.png);
}
.post .header  .status_good {
    background-position: 45% 0%;
    background-image: url(/media/images/silk/award_star_gold_1.png);
}
.post .header  .status_bad {
    background-image: url(/media/images/silk/exclamation.png);
}
.post .header  .mark_toread {
    background-image: url(/media/images/silk/clock.png);
}
.post .header  .mark_share_tumblr {
    background-image: url(/media/images/icon-tumblr.gif);
}
.post .header  .mark_share_delicious {
    background-image: url(/media/images/icon-delicious.gif);
}

.post .header  .status_toreadsaved {
    background-image: url(/media/images/silk/clock_red.png);
}
.post .header  .status_toreaderror {
    background-image: url(/media/images/silk/clock_red.png);
}
.post .header  .note_edit {
    background-image: url(/media/images/silk/note_edit.png);
}
.post .header  .note {
    background-image: url(/media/images/silk/note.png);
}

.post .header  .status_read {
    background-image: url(/media/images/silk/book.png);
}
.post .header  .status_unread {
    background-image: url(/media/images/silk/book_open.png);
}
.post .header .loading {
/*    background-position: 45% 0%; */
    background-image: url(/media/images/silk/arrow_refresh_small.png);
}


.post .header .date {
/*
    position: absolute;
    bottom: 0px;
*/
    margin-top: 5px;
    color: #aaa;
}

.post .date:after {
  clear: both;
}

.post .content {
    position: relative;
/*    margin: 20px; */
    margin-bottom: 0px;
    margin-top: 0.5em;
    clear: both;
}

.post IMG {
    border: solid 3px black;
    margin: 10px;

} 

.post .right { float: right; }
.post .left { float: left; }


.itsTheContextStupidItsAClintonReference {
    margin-left: 10px;
    font-size: 85%;
    width: 40%;
    background-color: #fbfbfb;
    border: solid 1px #ccc;
    padding: 5px;
    overflow: hidden;
    filter:alpha(opacity=0);
    -moz-opacity: .0;
    opacity: .0;

}


/* tumlbr stuff */
.tumblr .quotetext {
    font-size: 150%;
    line-height: 110%;
    margin-bottom: 10px;
}
.tumblr  blockquote {
    padding-left: 5px; 
    border-left: solid 3px #ccc;
}
.tumblr .source   {
    text-align: right;
}
.tumblr .link,
.delicious .link {
    font-size: 1.5em;
    line-height: 1.02em;
}
.tumblr .link .caption {
    position: relative;
}

/* end tumblr stuff */
/* start twitter */
.twitter .quotetext {
    font-size: 150%;
    line-height: 110%;
    margin-bottom: 10px;
}
.twitter .source {
    text-align: right;
}

/* end twitter */

/* 
 * .itsTheContextStupidItsAClintonReference:HOVER {
 *     filter:alpha(opacity=100);
 *     -moz-opacity: 1.0;
 *     opacity: 1.0;
 * }
 */

.grablrContext { 
/*   padding-left: 10%;  */
   position: absolute;
   width: 600px;
}

.selected { 
    background-color: #fff;

    border: solid 1px darkred;
    border-left: solid 3px darkred;
    border-right: solid 3px darkred; 

    color: black;
    opacity: 1.0;
    moz-opacity: 1.0;
}
.selected A { 
    color: #4E0000;
    font-weight: normal;
}
.selected A:hover { 
    color: darkred;
    font-weight: normal;
}

.newlyread .title  {
	color: #aaa;
	font-size: 125%;
}


.date .d, .date .D, .date .j, .date .l, .date .N, .date .S, .date .w, .date .z, .date .F, .date .m, .date .M, .date .n, .date .t, .date .Y, .date .y, .date .a, .date .A, .date .g, .date .G, .date .h, .date .H, .date .i, .date .s, .date .e, .date .full { display: none; }

.date .full { display: block; }