/* 01 Global Reset
==========================================
[ cite: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ ]
*/

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; }
blockquote, q { quotes: 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; }


/* 02 GENERIC CLASSES
==========================================
*/

.db { display:block; }
.di { display:inline; }
.dn { display:none; }
.bn { border:0 none !important; }
.fl { float:left; }
.fr { float:right; }
.cl { clear:left; }
.clear { clear: both; }
.replace { position:absolute; left:-9999px; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.uc { text-transform:uppercase; }
.lc { text-transform:lowercase; }
.nl { list-style:none; }

.skip, hr, .vcard { 
	display: none;
	height: 0;
	padding: 0;
	margin: 0; }
	
.container {
    width:960px;
    margin:0 auto;
    text-align: left; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* 03 General Structure
==========================================
*/

body { 
	text-align: left;
    background: #e1e1e1 url(http://tumblr.wasseldesign.com/v2/_images/bg-body.jpg) fixed center top repeat;
	font: 75%/1.5 "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-bottom:28px;
	color: #222;
	text-align: center; }
div#utility-nav { border-bottom:1px solid #666; }
div#utility { 
    background-color:#333;
    border-bottom:1px solid #e1e1e1;
    font-family: Arial;
    font-size: 91.7%; }
    div#utility ul.nl li {
        border-right:1px solid #555;
        float: left; }
    div#utility ul.nl li a { 
        display: block;
        padding:9px;
        color:#fff;
        text-decoration:none; }
        div#utility ul.nl li a:hover { background-color:#7d1313; }
    
    /* search box styles */
    div#utility dl.searchbox {
        float:right;
        width:200px;
        position:relative; }
        div#utility dl.searchbox input { 
            width:190px;
            margin-top:7px; }
        div.searchresultbox {
            position:absolute;
            z-index:9999;
            top:3.5em;
            right:0;
            width:390px; }
			.searchmatch { background-color:yellow; }
			.searchresultbox { }
			.searchresultrow {
				overflow: hidden;
				padding:10px;
				border-right:1px solid #999;
				border-bottom:1px solid #ccc;
				background-image:url(http://tumblr.wasseldesign.com/v2/_images/bg-search.png); }
			.searchresultrow:hover {
				cursor:pointer;
				background:#fafafa; }
			.searchresultrow a {
				font-weight:bold;
				text-decoration:none; }
			.searchexcerpt { color:#aaa; }
			.searchexcerpt span { background:yellow; }

div#header {
    border-bottom:3px double #ccc;
    padding:2em 0 2em 0; }

div#footer {
    border-top:3px double #ccc;
    padding:2em 0 2em 0;
    text-align:center; }

div#entries {
    float: left;
    width: 540px;
    margin:2em 0 2em 0; }
div#sidebar { 
    float:right;
    width:390px;
    margin:3em 0 2em 0; }
    div#sidebar div.module { margin-bottom:2em; }
    div#sidebar div.module img {
        border:5px solid #efefef;
        margin:0 0 5px 10px; }
        div#sidebar div.module ul.followed img { border:none; }
    div#sidebar div.module p { 
        font-size:91.7%;
        margin-top:1em; }
    div#sidebar div.module ul#features { 
        margin-top:1em;
        border-top:1px dotted #999;
        border-bottom:1px dotted #999; } 
    div#sidebar div.module ul#features li { 
        float:left;
        font-size:91.7%;
        border-right:1px dotted #999; }
        div#sidebar div.module ul#features li.last-child { border-right:none; }
    div#sidebar div.module ul#features li a { 
        width:123px;
        margin:3px;
        display:block;
        text-align:center; }
    div#sidebar div.module ul#features li a:hover { 
       text-decoration:none;
       color:#fff;
       background-color:#7d1313; }
  	div#sidebar div.module ul.followed { margin-top:1em; }
    
div.post { 
    padding:15px 15px 2em 15px;
    background-color:#dde0e3;
    border-width:1px;
    border-style:solid;
    border-color:#ccc #999 #999 #ccc;
    position:relative;
    margin-bottom:3em;
    min-height:40px; }
	div.post hr {
		border:0;
		height: 20px;
		display: block;
		margin:1em 0 1em 0;
		background: transparent url(http://tumblr.wasseldesign.com/v2/_images/hr.gif) 50% 0 no-repeat; }
	
/* links */
a:link, a:visited {
	color: #268CCD;
	text-decoration: none;	}
a:hover { text-decoration: underline; }

/* Image Replacement */			
p.tumbingupwind a {
	height: 0px !important;
	width: 0px !important;
	padding: 65px 510px 0 0;
	margin: 10px 10px 0 0;
	font-size: 1px !important;
	overflow: hidden;
	background: transparent url(http://tumblr.wasseldesign.com/v2/_images/ir/tumblingupwind.png) top right no-repeat;
	float:left; }
p.tagline {
	height: 0px !important;
	width: 0px !important;
	padding: 18px 302px 0 0;
	margin: 42px 10px 0 0;
	font-size: 1px !important;
	overflow: hidden;
	background: transparent url(http://tumblr.wasseldesign.com/v2/_images/ir/tumbling-downwind.gif) top right no-repeat;
	float:left; }
p.ask a {
	height: 0px !important;
	width: 0px !important;
	padding: 50px 390px 0 0;
	margin: 0 0 0 0;
	font-size: 1px !important;
	overflow: hidden;
	display:block;
	background: transparent url(http://tumblr.wasseldesign.com/v2/_images/ir/ask.png) 0 0 no-repeat; }
	p.ask a:hover { background-position:0 -50px; }

h3.about-me {
	height: 0px !important;
	width: 0px !important;
	padding: 21px 100% 0 0;
	margin: 0 0 1.5em 0;
	font-size: 1px !important;
	overflow: hidden;
	display:block;
	border-bottom:3px double #ccc;
	background: transparent url(http://tumblr.wasseldesign.com/v2/_images/ir/this-is-addam-wassel.gif) top left no-repeat; }
h3.im-reading {
	height: 0px !important;
	width: 0px !important;
	padding: 21px 100% 0 0;
	margin: 0 0 1.5em 0;
	font-size: 1px !important;
	overflow: hidden;
	display:block;
	border-bottom:3px double #ccc;
	background: transparent url(http://tumblr.wasseldesign.com/v2/_images/ir/im-reading.gif) top left no-repeat; }	
	
h2.date {
    text-align:right;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:91%;
    padding:0.5em 20px 0.5em 0;
    margin:0 0 3em 0;
    background:url(http://tumblr.wasseldesign.com/v2/_images/bg-date.gif) no-repeat 100% 50%; }	

dl.page-navigation dd a { 
    padding:6px;
    border-width:1px;
    border-style:solid;
    border-color:#ccc #999 #999 #ccc;
    background-color:#9b6061;
    color:#fff;
    font-size:91%; }
    dl.page-navigation dd a:hover { 
        background-color:#dde0e3;
        color:#000;
        text-decoration:underline; }

/* Notes */
ol.notes {
    padding: 0px;
    margin: 25px 0px;
    list-style-type: none;
    border-bottom: solid 1px #ccc;
    font-size:83.3%; }

ol.notes li.note {
    border-top: solid 1px #ccc;
    padding: 10px; }

ol.notes li.note img.avatar {
    vertical-align: -4px;
    margin-right: 10px;
    width: 16px;
    height: 16px; }

ol.notes li.note span.action { font-weight: bold; }

ol.notes li.note .answer_content { font-weight: normal; }

ol.notes li.note blockquote {
    border-color: #eee;
    padding: 4px 10px;
    margin: 10px 0px 0px 25px; }

ol.notes li.tumblelog_addam {
    background-color:#ccc;
    border:1px solid #aaa; }

ol.notes li.note blockquote a { text-decoration: none; }

/* Answer Form */
iframe#answer_form { margin-top:2em; }


/* 03 Post Styles
==================================
*/

blockquote { 
    border-left:1px solid #7d1313;
    margin:0 20px 18px;
    padding:0 0 0 15px; }

div.permalink { 
    position:absolute; 
    top:10px;
    left:10px; }
div.permalink a { 
    display:block; 
    height:50px; 
    width:50px;
    text-indent:-9999px;
    background-position:top left;
    background-repeat: no-repeat; }
div.permalink a:hover { background-position:bottom left; }

p.reblogged { 
	margin-top:1em;
    background-color:#9b6061;
    border:1px solid #fff;
    padding:5px;
    font-size:83.3%;
    float:right; }
    p.reblogged a { color:#fff; }

p.notes { 
	margin:1em 0 0 1em;
    background-color:#fff;
    border:1px solid #999;
    padding:5px;
    font-size:76%;
	text-transform:uppercase;
	letter-spacing:1px;
    float:right; }
p.reblogged, p.notes { _position: relative; /* IE6 Fix*/ }

div.description { margin-top:30px; }
body.entry div.link div.description { margin-top:1em; }

div.link div.permalink a { background-image:url(http://tumblr.wasseldesign.com/v2/_images/post-link.png); }
div.image div.permalink a { background-image:url(http://tumblr.wasseldesign.com/v2/_images/post-image.png); }
div.audio div.permalink a { background-image:url(http://tumblr.wasseldesign.com/v2/_images/post-audio.png); }
div.text div.permalink a { background-image:url(http://tumblr.wasseldesign.com/v2/_images/post-text.png); }
div.video div.permalink a { background-image:url(http://tumblr.wasseldesign.com/v2/_images/post-video.png); }
div.quote div.permalink a { background-image:url(http://tumblr.wasseldesign.com/v2/_images/post-quote.png); }
div.chat div.permalink a { background-image:url(http://tumblr.wasseldesign.com/v2/_images/post-quote.png); }

div.link h1, div.text h1, div.chat h1 { 
    margin-left: 60px; 
    border-bottom:3px solid #ccc;
    font-size:133%; }

div.text div.description { margin-top:0px; margin-left:60px; }
div.text div.hastitle div.description { margin-top:30px; margin-left:0px; }

div.image { text-align:center; }
div.image img { margin:0 auto; }
div.image div.description { text-align:left; }

div.audioholder { padding:10px 10px 10px 60px; }
    
div.video object { margin-left:5px;}

div.quote q { 
    font-size:172.7%;
    font-style:italic;
    font-family:Georgia, serif;
    line-height:1.3; }
div.quote q:before { content:"\00A0\201C\FEFF"; }
div.quote q:after { content:"\00A0\201D"; }
div.quote p.quotation { 
    margin-left:60px;
    text-indent:-1em; }

div.chat ul {
		margin-top: 30px;
		background-color: #f8f8f8;
		list-style-type: none;
		border-left: solid 5px #ddd; }
div.chat ul li {
		border-bottom: solid 1px #ddd;
		padding: 4px 0px 4px 8px;
		color: #444; }
div.chat ul li span.label {
		font-weight: bold;
		color: #111; }

div.description p { margin:0 0 1em 0; }
div.description ul, div.description ol { margin:1em 0 1em 2em; }
    
iframe#tumblr_controls { margin-top:3.5em; }

div#streampadBottomBar {
	background-attachment:scroll;
	opacity:.90;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	bottom:0pt;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Helvetica !important;
	font-size:12px;
	border-top: 4px solid #333333;
	height:28px !important;
	left:0pt;
	line-height:normal;
	position:fixed;
	width:100%;
	z-index:10000; }
a#streampadAudioCaption { height: 13px !important; }


/* Entry page overwrites */
body.entry div.permalink a { display:none; }
body.entry div.link h1,
body.entry div.text h1,
body.entry div.chat h1,
body.entry div.quote p.quotation,
body.entry div.text div.description { margin-left:0; }
body.entry div.text div.description,
body.entry div.chat ul { margin-top:1em; }
body.entry div.audioholder { padding:10px 0px 0px 0px; }