/* For a simple CSS file start with http://sudosocial.me/static/css/lifestream-blank.css

   This CSS file starts with a CSS Reset, then designs the profile, then each entry by website type.
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END CSS RESET */
body, p, div, span {
    font-family: verdana;
    font-size: 12pt;
    color: #2A1911;
}
body { background-color: 7C5F3E; }
#viewport {
    background: #7C5F3E url('/static/css/i/firefoxzilla_big1350.png') repeat fixed top right;
    
}
#content {
    padding-top: 10px;
    padding-left: 10px;
}
/* profile */
.profile_blurb {
    position: absolute;
    top: 20px;
    left: 630px;
    background-color: rgba(207, 223, 224, 0.8);
    border: solid 1px #333;
    padding: 0.8em;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.profile_blurb img {

}

.profile_image, .followme {
    clear: right;
}

.vcard .fn, .vcard .email, .vcard .username {
    display: block;
    float: right;
    clear: right;
}

.profile_blurb li {
    line-height: 1.5;
}

/* .social_identities { display: none; } */

.profile_blurb h5 {
    margin-top: 1em;
}
.followme ul {
    margin: 0px;
    padding: 0px;
}
.followme ul li {
    list-style: none;
}
.profile_blurb a {
    text-decoration: none;
    font-weight: bold;
}
/* end profile */
#viewport {
    
}
#content { width: 590px; text-align: left; min-height: 600px;}
a { color: #7C5F3E; }
a:hover { color: #692F0A; }
.feed-entry {
    background-color: #E9DFC2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #7C5F3E;
    line-height: 1.5;
    margin: 0 0 0.2em 0;
    padding: 10px;
    position: relative;
    
}
.tag-area {
    position: relative;
    bottom: 0px;
    right: 0px;
}
.tag-area a {
    text-decoration: none;
}
/* tilt the tags at 30 degress to match an isometric point of view */
.tag-heading {
    color: #7C5F3E;
    font-size: 80%;
    margin-right: 3em;
    -moz-transform: translate(-40px, 10px) rotate(-30deg); -moz-transform-origin: bottom left;
    -webkit-transform: translate(-40px, -5px) rotate(-30deg); -moz-transform-origin: bottom left;    
}
.tags {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.tags li {
    font-size: 80%;
    -moz-transform: translate(0px, 0px) rotate(-30deg); -moz-transform-origin: bottom left;
    -webkit-transform: translate(-5px, -10px) rotate(-30deg); -moz-transform-origin: bottom left;
}
hr {
  display: none;
}

#processing-canvas {
    position: absolute;
    top: 300px;
    left: 0px;
    width: 200px;
    height: 200px;
    z-index: -1;
}

.tag-heading {
    margin: 0px;
}
.tags li a, .tags li {
    color: #7C5F3E;
}
.tags li {
    float: left;
    list-style: none;
}
.permalink {
    color: grey;
    font-size: 80%;
    position: absolute;
    bottom: 1em;
    right: 1em;
}
#release-footer {
    padding-left: 1em;
}
/* Identi.ca */
.feed-identica .vcard .nickname {
    display: inline;
    clear: none;
    float: none;
}

/* twitter */
.twitter-com{
    
}

/* Flickr */
.www-flickr-com, .flickr-com {
    text-align: center;
}
.www-flickr-com a img, .flickr-com a img {
    
}

/* You may have other websites... the will show up as
  .example-com { }
  if you had imported http://example.com/some/feed.atom
*/