/* layout structure */

body {
	background: url('floral-light.jpg') repeat;
}

#wrap {
	margin: 0 auto;
	width: 80%; /* or set to 50em */
	min-width: 900px;
}
#content {
	float: left;
	width: 100%;
	padding: 0;
}

/* global typography */

body {
	font-family:  Georgia, "Times new roman", serif;
	font-size: 100%;
	color: #666;
	margin: 0 auto;
}

h1 {
	color: #000;
	font-size: 1.2em;
	margin: 82px 20px 0.7em 370px;
}

h2, p {
	margin: 0 0 .7em 0;
}

h2 {
	font-size: .63em;
	color: #000;
	text-transform: uppercase;
	letter-spacing: .05em;
}
h2 a {
	font-size: 1.3em;
	text-transform: none;
	letter-spacing: 0;
}
h2 a:before {
	padding-left: .06em;
}
h2 a:after {
	content: " \00BB";
}
#posterous h2, #antypography h2, #tumblr h2, #delicious h2, #toys h2, #lastfm h2 {
	margin: 10px 0 20px 0;
}

h3, .headline {
	font-size: 1em;
}

p, #tumblr li p {
	font-size: .8em;
}

a, a:visited {
	text-decoration: none;
	color: #900;
}
a:hover {
	color: #000;
}

.outbound {
	text-transform: uppercase;
	letter-spacing: .07em;
	padding-left: 20px;
	background: url('outbound.gif') no-repeat left center;
	font-size: .8em;
}
.outbound:hover {
	background: url('outbound_over.gif') no-repeat left center;
}

em {
	font-style: italic;
}

#twitter li, #delicious li, #toys li, #lastfm li {
	font-size: .7em;
}
#posterous li a:hover, #antypography li a:hover, #delicious li a:hover {
	background: #990;
	color: #fff;
}

/* global layouts */

#posterous, #tumblr, #antypography, #delicious {
	float: left;
	padding-right: 1.5%;
}
#tumblr {
	padding-right: 1.8%;
}

#tumblr, #antypography {
	width: 32%;
}

#delicious, #toys, #lastfm {
	padding-left: 10px; 
	width: 15%;
}
#toys, #lastfm {
	float: right;
	padding-left: 0;
}

#posterous li, #tumblr li, #antypography li {
	font-size: 1em;
}
#tumblr li p, #antypography li p {
	line-height: 1.5em;
}
 #tumblr li:last-child, #antypography li:last-child {
	margin-bottom: 1em;
}
#tumblr img, #antypography img {
	max-width: 100%;
}
#tumblr object embed, #antypography object embed {
	max-width: 100%;
}

#twitter li, #antypography li, #delicious li,  #lastfm li {
	margin-bottom: 8px;
}

#tumblr img, #antypography li img {
	border: 6px solid #fff;
	padding: 1px;
	background-color: #ccc;
}

#antypography li, #delicious li {
	background: #fff;
	padding: 5px;
}


/* header */

#header {
	float: left;
	padding: 40px 0 20px 0;
	width: 100%;
}
#header p {
	line-height: 1.5em;
	color: #999;
}
#header li {
	font-size: .8em;
}
#intro {
	font-size: 1.2em;
	margin: 0 20px 0 370px;
	float: left;
	width: 17.5em;
}
#not {
	width: 10em;
	float: right;
	font-size: 1em;
	margin: 0 15px 0 0;
}
/* flickr */

#flickr {
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	clear: left;
	background: url('floral-med.jpg') repeat; 
	padding: 10px 20px 0 20px;
	}
}
#flickr h2 {
	margin: 0 0 0.5em 0;
	color: #fff;
}
#flickr .wrap {
	text-align: center;
	}
#flickr a img {
	background-color: #fff;
	border: 1px solid #666;
	padding: 2px;
	margin: 0 4px 1em 0;
	max-width: 9%;
}
#flickr a:hover {
	color: #fff;
}
#flickr a:hover img {
	border: 1px solid #900;	
}

/* twitter */

#twitter {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float: left;
	width: 100%;
	background: url('floral.jpg') repeat; 
	padding: 0 0 20px 0;
	margin-top: 10px;
}
#twitter h2 {
	margin: 5px 0 1.5em 20px;
	color: #fff;
}
#twitter p {
	text-align: center;
	}
#twitter a:hover {
	color: #fff;
}
#twitter li {
	clear: right;
	background: url('/css/iam/default/tweet-light.png') no-repeat left 1px;
	padding: 0 20px;
	float: right;
	width: 33%;
	font-size: 1em;
	color: #c6b276;
}
#twitter li:first-child {
	font-size: 1.5em;
	line-height: 1.2em;
	color: #990;
	width: 56%;
	float: left;
	clear: both;
	font-style: italic;
	background: none;
	padding-left: 20px;
}
#twitter li a {
	font-size: 65%;
}

/* posterous */

#posterous {
	clear: left;
	width: 104%;
	margin-bottom: 1em;
	}
#posterous ul {
	margin-top: -0.5em;
	}
#posterous li {
	float: left;
	width: 14.9%;
	font-size: 0.9em;
	padding: 0 0.5em 0 0.5em;
	border-left: 1px dotted #000;
	}
#posterous li p {
	font-size: .6em;
	font-style: italic;
	}
#posterous li:last-child {
	padding-right: 0;
	}
	
/* antypography */

#antypography {
	clear: left;
}
#antypography li div.feedflare img {
	background-color: #fff;
	padding: 0 0 0 3px;
}
#antypography li div.feedflare a:hover img {
	border: 1px solid #900;
	background-color: #E4ECD0;
}
#antypography blockquote {
	font-size: 1.2em;
	color: #990;
	font-style: italic;
	text-align: center;
}
#antypography blockquote:before, #antypography blockquote:after {
	color: #ccc;
	font-size: 3em;
}
#antypography blockquote:before #lastfm
#antypography blockquote:after {
	content: "\201D";
	line-height: .3em;
	vertical-align: -.6em;
}
#antypography blockquote p {
	margin: -2em 0 0 0;
}
#antypography ul li ol li {
	list-style-type: decimal;
	font-size: .8em;
	line-height: 1.5em;
	border: 0;
	margin: 0 0 0 1.2em;
	padding: .4em 0;
}
#antypography ul li div {
	font-size: .8em;
	line-height: 1.5em;
}
#antypography p.date {
	font-style: italic;
	font-size: 60%;
	color: #000;
	margin-top: .5em;
}

/* tumblr */

#tumblr {
}
#tumblr li {
	padding: 0 0 1.5em 0;
}
.tumblr_title {
	margin: 0 0 1em 0;
	color: #900;
}
.tumblr_caption, .tumblr_description {
	font-size: .8em;
	margin-top: .5em;
}
#tumblr li div.tumblr_caption p {
	font-size: 1em;
}
.tumblr_post {
}
.tumblr_quote {
	font-size: 1.3em;
	font-style: italic;
	color: #990;
	padding-bottom: 1em;
}
span.tumblr_open_quote, span.tumblr_close_quote {
	font-size: 2em;
	vertical-align: -.4em;
	line-height: 0;
	color: #ccc;
}
span.tumblr_open_quote {
	padding-right: .08em;	
}
span.tumblr_close_quote {
	padding-left: 0;
}
.tumblr_source {
	margin-top: -1.1em;
	font-size: .8em;
	padding-left: 6em;
	clear: right;
}
.tumblr_video_post {
	display: none;
}

/* delicious */

#delicious li p {
	margin-top: .2em;
	line-height: 1.3em;
}
#delicious li p.delicious-extended {
	font-size: .9em;
}

/* lastfm */

#lastfm h2 a:before {
}
#lastfm ul {
	background: #eee;
	padding: 6px 6px 1px 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
}
#lastfm li {
	margin: 0 0 1em 0;
	background: url('/css/iam/default/icon_lastfm.gif') no-repeat 0 3px;	
	padding-left: 18px	
}
#lastfm li ul li {
	margin: 0;
}
#lastfm img {
	max-width: 60%;
}
#lastfm span.headline {
	font-size: .89em;
}
#lastfm p.date, #lastfm #updated {
	font-size: .9em;
}
#lastfm #creditfooter {
	display: none;
}
	
/* toys */

#toys h2 {
	margin-top: 30px;
}
#toys ul {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;
	margin-bottom: 1em;
}
#toys li {
	text-align: center;
	padding: 12px 5px;
}
#toys li ul li {
	margin: 0;
	padding: 0;
}
#toys img {
	max-width: 60%;
}
#toys li.toyline {
	font-family: Lucia, Arial, sans-serif;
	text-transform: uppercase;
	font-size: .89em;
	letter-spacing: .05em;
}
#toys li.toyname {
	font-size: 1em;
}
#toys p {
	font-size: .8em;
}


/* footer */

#footer {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	background: #eee;
	clear: both;
	float: right;
	width: 100%;
	padding: 0 0 100px 0;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
}
#legal {
	float: left;
}
#legal, #links {
	margin: 10px 20px;
	padding: 0;
}
#legal ul, #links ul, #links h2 {
	float: left;
	margin: 0 10px 0 0;
	font-size: .7em;
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
}
#links h2 {
	width: 10em;
	margin: -0.3em 0 0 0;
	font-size: .65em;
	line-height: 1.5em;
}
#links h2:after {
	content: " \00BB";
}
#legal li, #links li {
	margin: 0 20px .8em 0;
}

#links {
	float: right;
	margin-right: -10px;
}
#links li.flickr, #links li.twitter, #links li.facebook, #links li.linkedin, #links li.tumblr, #links li.brightkite, #links li.lastfm, #links li.pownce, #links li.vimeo, #links li.virb, #links li.posterous {
	padding: 1px 0 2px 18px;
}

#links li.flickr {
	background: url(/css/iam/default/icon_flickr.gif) no-repeat 0 0;
}
#links li.twitter {
	background: url(/css/iam/default/icon_twitter.gif) no-repeat 0 0;
}
#links li.facebook {
	background: url(/css/iam/default/icon_facebook.gif) no-repeat 0 0;
}
#links li.linkedin {
	background: url(/css/iam/default/icon_linkedin.gif) no-repeat 0 0;
}
#links li.tumblr {
	background: url(/css/iam/default/icon_tumblr.gif) no-repeat 0 0;
}
#links li.brightkite {
	background: url(/css/iam/default/icon_brightkite.gif) no-repeat 0 0;
}
#links li.lastfm {
	background: url(/css/iam/default/icon_lastfm.gif) no-repeat 0 0;
}
#links li.pownce {
	background: url(/css/iam/default/icon_pownce.gif) no-repeat 0 0;
}
#links li.vimeo {
	background: url(/css/iam/default/icon_vimeo.gif) no-repeat 0 0;
}
#links li.virb {
	background: url(/css/iam/default/icon_virb.gif) no-repeat 0 0;
}
#links li.posterous {
	background: url(/css/iam/default/icon_posterous.gif) no-repeat 0 0;
}

/* browser warning */

#warning { position: fixed; bottom: 0; background-color: #FFF; border: 2px solid #900; margin: 0 auto; padding: 5px ; width: 40em; z-index: 1000;}
#warning h4 { position: relative; font-size: 1em; padding: 5px; margin: 0; color: #900; text-align: left; float: left; clear: both; width: 9em; }
#warning p { position: relative; font-size: .8em; text-align: left; color: #333; float: none; }
#warning a { color: #900; }