/*  
	eKoeS @ LineHeight v. 1.2.5
	 
	 "The very first version of HTML was designed to represent the structure of 
	 a document, not its presentation."(W3C)
*/

html, body { 
	margin: 0; 
	padding: 0 }
	
h1, h2, h3, h4, h5, h6 {
	margin: 0; 
	padding: 0 }
	
form { 
	margin: 0; 
	padding: 0 }
	
img { border: 0 }

hr { position: absolute; left: -9999px }

a:link, a:active, a:visited { 
	padding: 3px 1px 0;
	background: inherit;
	color: #003475;
	text-decoration: none }

a:hover { 
	background: #F1E7D5;
	color: #750000;
	text-decoration: none }
	
body {
	background: #FFFFFD;
	color: #2a2a2a;
	font: 0.98em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	text-align: center }

blockquote {
	margin: 0 0 0 -2.5em;
	padding: 0 2.5em 0;
	background: #fff url("http://www.lineheight.net/images/layout/open-quote.gif") 0 .3em no-repeat;
	color: inherit;
	font: 1.1em/1.6 Georgia, Garamond, Times, "Times New Roman", serif;
	font-style: italic }

code, kbd {
	background: inherit;
	color: #3A751D }
	
pre {
	margin: 0; padding: 0;
	overflow: auto }

abbr, acronym { border: none }
	
abbr, acronym, span[title] { 
	font: 1.1em/1 Georgia, Garamond, Times, "Times New Roman", serif;
	font-style: italic }

abbr:after, acronym:after, span[title]:after {
	cursor: help;
	content: "(?)";
	padding: 0 .3em 0;
	font: bold 0.9em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	font-style: normal }

input, button, textarea {
	padding: .3em .4em;
	border: 2px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #f9f9f9;
	color: #444;
	font: .85em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif }

input:hover, textarea:hover { border: 2px solid #C7C7C7 }

input:focus, textarea:focus { 
	border: 2px solid #C7C7C7;
	background: #f5f5f5;
	color: #444 }

.button {
	border-width: 2px;
	border-style: solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font: bold 1.2em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	cursor: pointer }
	
/* Header & Navigation */

#header {
	width: 100%;
	border-top: 45px solid #4C0000;
	border-bottom: 1px solid #E0C0A0;
	background: #6a0000 url("http://www.lineheight.net/images/layout/header.png") left repeat-y;
	color: #f2f2f2;
	font: 1em Georgia, Garamond, Times, "Times New Roman", serif }

#header h1 {
	padding: 1.42em 0 0.8em;
	font-size: 1.9em;
	letter-spacing: .03em;
	text-shadow: 0.05em 0.08em 0.1em #3C0000 }
	
#header h1 span {
	background: inherit;
	color: #e0c0a0;
	font-style: italic }
	
#header h1 a {
	background: #6a0000;
	color: #f2f2f2;
	font: 1.6em Georgia, Garamond, Times, "Times New Roman", serif;
	word-spacing: -.2em;
	text-decoration: none }
	
#header h1 a:hover { 
	background: #6a0000;
	color: #e0c0a0 }
	
#header h1 a:hover span { 
	background: inherit;
	color: #f2f2f2 }

#header #feed {
	position: relative; 
	top: -2.25em; left: 9.5em;
	margin: -28px auto 0 ;
	padding: 0;
	width: 28px }

#header #feed a {
	display: block;
	background: #6a0000 url("http://www.lineheight.net/images/layout/rss_icon.gif") no-repeat center;
	color: inherit;
	padding: 0;
	height: 28px;
	text-indent: -9999px }

#header ul#accessibility { position: absolute; left: -9999px }

#navigation {
	position: absolute;
	z-index: 2;
	top: 0; left: 0;
	float: left;
	width: 100%;
	height: 2.5em; overflow: hidden;
	border-bottom: 1px solid #fff;
	background: #171717;
	color: #154dbd;
	font: bold .95em/2.5 "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	letter-spacing: .03em;
	font-variant: small-caps }
	
#navigation h2 { position: absolute; left: -9999px }

#navigation ul, #navigation li { 
	margin: 0;
	padding: 0;
	list-style: none }

#navigation li { float: left }
	
#navigation ul li a {
	display: block;
	padding: 0 .7em;
	background: inherit;
	color: #dcdcdc;
	text-decoration: none }
	
#navigation ul li a:hover {
	background: #232323;
	color: #e1dcbc }
	
/* Contents */
	
#position h2 { position: absolute; left: -9999px }

#position {
	padding: 0 0 0.5em;
	border-top: 10px solid #121212;
	border-bottom: 5px solid #E8E8E8;
	background: #171717;
	color: #D9D9D9 }

#position p {
	min-width: 750px; /* Based on thinkvitamin.com max-width & min-width trick */
	max-width: 49em;
	margin: 0 auto;
	text-align: left;
	font: bold .95em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif }

#position p span.text { font: bold 0.95em "Lucida Grande",Verdana,Geneva,Arial,sans-serif }
	
#position a {
	background: inherit;
	color: #e0c0a0;
	text-decoration: none }
	
#position a:hover {
	border-bottom: 1px solid #aa0030;
	background: inherit;
	color: #eaeaea }
	
#content {
	clear: left;
	min-width: 750px; /* Based on thinkvitamin.com max-width & min-width trick */
	max-width: 49em;
	margin: 1.4em auto;
	text-align: left;
	background: inherit;
	color: #444;
	font: .95em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif }

#content code, #content pre, #content kbd  {
	font: bold 1em/1.6 Consolas, "Lucida Console", Monaco, monospace }

#content pre, #content dl { line-height: 1.8em }

#content q {
	font: 1.1em/1 Georgia, Garamond, Times, "Times New Roman", serif;
	quotes: "«" "»";
	font-style: italic }

#content q:before, #content q:after { padding: .1em; }
	
#content .entry {
	position: relative;
	margin: 0 0 4em }

#content .entry.single { margin: 0 }
	
#content .entry h2 {
	position: relative; bottom: -.1em;
	margin: 0;
	padding: .1em 0 0.25em;
	background: inherit;
	color: #750000;
	font: 2.45em/1.35 Georgia, Garamond, Times, "Times New Roman", serif }
	
#content .entry h2 a {
	padding: .1em 0;
	background: inherit;
	color: #7C0000;
	text-decoration: none }
	
#content .entry h2 a:hover {
	background: #F1E7D5;
	color: #750000;
	text-decoration: none }

#content h3 {
	margin: 1em auto 1em;
	padding: 0;
	background: inherit;
	color: #444;
	font: 1.8em/1.3 Georgia, Garamond, Times, "Times New Roman", serif;
	letter-spacing: .05em;
	font-variant: small-caps }

#content .entry .body p { margin: 1em 0 1em }

#content .entry h4 {
	margin: 1.3em 0;
	background: inherit;
	color: #444;
	font: 1.6em/150% Georgia, Garamond, Times, "Times New Roman", serif;
	letter-spacing: .03em }

#content .entry table {
	margin: 1.2em auto;
	border: 1px solid #d9cdaf;
	background: #eee7d7;
	color: #7e5e40;
	font: 1em/150% Georgia, Garamond, Times, "Times New Roman", serif }

#content .entry td, #content .entry th {
	padding: 0.2em 0.4em;
}

#content .entry .body a:link, 
#content .entry .excerpt a:link,
#content .entry .body a:visited, 
#content .entry .excerpt a:visited { border-bottom: 1px solid #D5E0F1 }

#content .entry .body a:active, 
#content .entry .excerpt a:active,
#content .entry .body a:hover, 
#content .entry .excerpt a:hover { border-bottom: 1px solid #F1E3D5 }

#content .entry a.rss {
	padding: 2px 3px 2px 21px;
	background: #fff url("http://www.lineheight.net/images/layout/feed_16_icon.png") 0.1em 0.1em no-repeat;
	color: #AA4100 }

#content .entry a.twitter {
	padding: 2px 3px 2px 21px;
	background: #fff url("http://www.lineheight.net/images/layout/twitter_16_icon.png") 0.1em 0.1em no-repeat;
	color: #0597C8 }

#content .entry a.rss:hover, #content .entry a.twitter:hover {
	background-color: #F1E7D5;
	color: #750000 }
	
p.meta {
	clear: left;
	height: 2.2em;
	padding: .1em 0 0;
	margin: 0 0 0 -.1em;
	font: bold .8em/2.2 Verdana, Geneva, Helvetica, Arial, sans-serif }

.single p.meta { height: 0 }
	
p.meta a:link, p.meta a:active, p.meta a:visited { 
	padding: 2px 3px;
	background: #fff;
	color: #aa0030;
	text-decoration: none }
	
p.meta a:hover {
	background: #fff;
	color: #aa0030;
	text-decoration: underline }

p.meta .text, p.more { position: absolute; left: -999em }

p.meta .date {
	position: absolute;
	top: .55em; left: -6.2em;
	margin: 0;
	padding: 0;
	width: 4em;
	border: 3px solid  #dcdcdc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	line-height: 1.5em;
	text-align: center;
	text-transform: capitalize }

p.meta .date span { display: block }
p.meta .date span.text { position: absolute; left: -9999px }

p.meta .date .day {
	background: #232323;
	color: #e0c0a0;
	font: 2.8em/1.3 Georgia, Garamond, Times, "Times New Roman", serif }

p.meta .date .month {
	border-top: 1px solid #232323;
	background: #313131;
	color: #F1E3D5;
	font: 1.65em/1.8em Georgia, Garamond, Times, "Times New Roman", serif;
	letter-spacing: .05em;
	font-variant: small-caps }

p.meta .date .year {
	background: #313131;
	color: #888;
	margin: -.3em 0 0;
	padding: 0 0 1em;
	font: 1em/1em Verdana, Geneva, Helvetica, Arial, sans-serif }

p.meta a.button, .categories a.button { 
	float: left;
	height: 2.1em;
	margin: -3px 0 0 0;
	padding: 0 .5em 0 2em;
	border-width: 2px 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-color: #dcdcdc;
	line-height: 2.2;
	font-variant: small-caps;
	text-decoration: none }

p.meta a.button.last {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-width: 2px 2px 2px 0 }

p.meta a.button.first {
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-width: 2px 0 2px 2px }

p.meta a.button.first.last {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-width: 2px; }

p.meta a.more {
	background: #313131 url("http://www.lineheight.net/images/layout/clipboard_16_icon.png") 0.5em 0.5em no-repeat;
	color: #F1E3D5 }

p.meta a.comments_invite {
	background: #313131 url("http://www.lineheight.net/images/layout/bubble_16_icon.png") 0.5em 0.5em no-repeat;
	color: #F1E3D5;
	margin: -3px 0.8em 0 0 }

p.meta a.button:hover {
	background-color: #232323;
	color: #e0c0a0;
	text-decoration: underline }

p.meta .categories, .categories { 
	float: left }

p.meta .categories a.button, .categories a.button {
	margin: -2px 0.2em;
	padding: 0 .5em 0 2em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-width:  1px;
	border-color: #dcdcdc #E8E8E8 #E8E8E8 #dcdcdc; /* eee */
	background: #f2f2f2 url("http://www.lineheight.net/images/layout/label_16_icon.png") 0.5em 0.5em no-repeat;
	color: #666 }

p.meta .categories a.button:hover, .categories a.button:hover {
	background-color: #ECECEC;
	color: #444 }

#crononavigation {
	margin: 5em 0 -2em;
	background: #fff;
	color: #444;
	font: bold 1em/150% "Lucida Grande", Verdana, Geneva, Arial, sans-serif }

#crononavigation ul, #crononavigation p { display: inline }
#crononavigation.single p { position: absolute; left: -9999px }

#crononavigation ul, #crononavigation ul li {
	margin: 0;
	padding: 0;
	list-style: none }

#crononavigation li { 
	display: inline;
	padding: 0 1em 0 0;
	text-align: center }

#crononavigation li .unlinked { padding: .5em }

#crononavigation li a {
	padding: .4em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-style: normal;
	font-variant: small-caps }

#crononavigation.single ul { display: block }

#crononavigation.single li {
	padding: 0;
	float: left;
	width: 50% }

#crononavigation.single li a {
	display: block;
	padding: 0 .2em;
	margin: 0 1em 0 0 }

#commentbox { margin: 0 0 4em }

#commentbox h3 {
	clear: left;
	margin: .8em auto 0;
	padding: 0;
	background: inherit;
	color: #444;
	font: 2.1em/1.3 Georgia, Garamond, Times, "Times New Roman", serif;
	letter-spacing: 0; }

#commentbox p.meta {
	clear: left;
	margin: 1em auto 1em; padding: 0;
	height: auto;
	background: inherit;
	color: #444;
	font: 1.65em/1.3 Georgia, Garamond, Times, "Times New Roman", serif;
	letter-spacing: .05em;
	font-variant: small-caps }

#commentbox p.meta .author { 
	padding: 0 3px 0 0;
	font-variant: normal }

#commentbox p.meta a { padding: 0 }

#commentbox img.avatar {
	float: left;
	margin: -4.3em 0 0 -4.7em }

#commentbox .comments-wrapper { position: relative }

#commentbox .comments-wrapper #quickhelp {
	position: absolute;
	left: 37em; top: 15em;
	width: 13em }

#commentbox .comments-wrapper #quickhelp ul,
#commentbox .comments-wrapper #quickhelp li {
	margin: 0;
	padding: 0;
	list-style-type: square }

#commentbox .comments-wrapper #quickhelp ul { margin: 0 0 0 1em }

#commentbox input.button {
	margin: -2em .2em 0;
	padding: .3em .5em .3em 2em;
	font-size: 1em }

#commentbox input.preview, #commentbox input#txpCommentPreview {
	background:  #f9f9f9 url("http://www.lineheight.net/images/layout/monitor_16_icon.png") 0.5em 0.5em no-repeat;
	color: #444 }

#commentbox input.submit, #commentbox input#txpCommentSubmit { 
	background: #f9f9f9 url("http://www.lineheight.net/images/layout/tick_16_icon.png") 0.5em 0.5em no-repeat;
	color: #444 }

#commentbox input.button.disabled, #commentbox input.button.disabled:hover,
#commentbox input.button.disabled#txpCommentSubmit, #commentbox input.button.disabled#txpCommentSubmit:hover {
	border-color: #eee;
	background: #F9F9F9 url("http://www.lineheight.net/images/layout/stop_16_icon.png") 0.5em 0.5em no-repeat;;
	color: #ddd;
	cursor: default }

#commentbox .box { margin: 1em 0 0 }
#commentbox .box p { margin: 0 }
#commentbox .box input { width: 25em }
#commentbox .box textarea { width: 40em }

#commentbox ol.commentslist, #commentbox ol.commentslist li { margin: 0; padding: 0 }
#commentbox ol.commentslist { list-style: none }
#commentbox ol.commentslist p { margin: 1em 0 1em }

.entry ul, .entry ol, #commentbox ul, #commentbox ol { margin: 0 0 0 -3.5em }
.entry blockquote ul, .entry blockquote ol, #commentbox blockquote ul, #commentbox blockquote ol { margin: 0 0 0 -1.5em }
.entry ul { list-style-type: square }
.entry li, #commentbox ol.commentslist li ul li { padding: 0 0 0 0.9em }

.entry em, #commentbox em,
.entry cite, #commentbox cite {
	background: inherit;
	color: #8b4726;
	font: 1.1em/1 Georgia, Garamond, Times, "Times New Roman", serif;
	font-style: italic }

.entry blockquote p *, .entry q *, .entry em *, .entry cite *,
#commentbox blockquote p *, #commentbox q *, #commentbox em *, #commentbox cite * { font-size: 1em }

/* blockquote strong, q strong {
	font: bold 0.9em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	font-style: italic } */

/* Sidebar */
	
#sidebar {
	clear: left;
	float: left;
	width: 100%;
	margin: 4em 0 0;
	padding: 0 0 2em;
	border-top: 2px solid #171717;
	background: #121212;
	color: #D9D9D9;
	font: 0.8em/2.2 "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	text-align: left }
	
#sidebar ul, #sidebar li { 
	margin: 0; 
	padding: 0; 
	list-style: none }
	
#sidebar h2 { position: absolute; left: -9999px }

#sidebar ul li {
	position: relative;
	float: left;
	width: 30%;
	padding: 0 0 0 2.4% } 

#sidebar ul li p {
	font: 1em/2.2 "Lucida Grande", Verdana, Geneva, Arial, sans-serif }

/* #sidebar ul li p.right { position: absolute; right: 0 }

#sidebar ul li p.archive { top: 9.7em }
#sidebar ul li p.about { top: .8em } */

/* #sidebar ul li p.archive a, #sidebar ul li p.about a { padding: 0.2em 1.8em 0.2em 0 }

#sidebar ul li p.archive a {
	background: #121212 url("http://www.lineheight.net/images/layout/right_16_icon.png") right 0 no-repeat;
	color: #98C4DE }

#sidebar ul li p.about a {
	background: #121212 url("http://www.lineheight.net/images/layout/info_16_icon.png") right 0 no-repeat;
	color: #98C4DE } */

#sidebar ul li img.floatedimgright { margin: 0 0 0.3em 0.3em }
#sidebar ul li img.bordered { border-color: #171717 }

#sidebar ul li ul li { 
	float: none;
	width: auto;
	padding: 0 }

#sidebar ul li#friendsbox ul li, #sidebar ul li#catbox ul li {
	float: left;
	width: 50% }

#sidebar ul li#authorbox ul li {
	display: inline;
	padding: 0 .5em 0 0 }

#sidebar ul li a {
	padding: 1px;
	/* background: #121212;
	color: #8FBBE1 } */
	background: inherit;
	color: #98C4DE }
	
#sidebar ul li a:hover {
	border-bottom: 1px solid #aa0030;
	background-color: inherit;
	color: #eaeaea }

#sidebar ul li#authorbox ul.social li a { padding: 0.1em 0 0.3em 1.8em }

#authorbox a.twitter { 
	background: #121212 url("http://www.lineheight.net/images/layout/twitter_16_icon.png") 0 0 no-repeat;
	color: #98C4DE }

#authorbox a.delicious { 
	background: #121212 url("http://www.lineheight.net/images/layout/delicious_16_icon.png") 0 0 no-repeat;
	color: #98C4DE }

#authorbox a.flickr { 
	background: #121212 url("http://www.lineheight.net/images/layout/flickr_16_icon.png") 0 0 no-repeat;
	color: #98C4DE }

#authorbox a.w3csites { 
	background: #121212 url("http://www.lineheight.net/images/layout/w3csites_16_icon.png") 0 0 no-repeat;
	color: #98C4DE }

#authorbox a.lastfm { 
	background: #121212 url("http://www.lineheight.net/images/layout/lastfm_16_icon.png") 0 0 no-repeat;
	color: #98C4DE }

#sidebar h3 {
	clear: left;
	margin: 1em 0;
	padding: .5em 0;
	border-bottom: 1px solid #2F2F2F;
	background: #121212;
	color: #e0c0a0;
	font: 1.2em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif }

#sidebar ul li#miscbox form {
	float: left;
	position: relative;
	margin: 0 0 2em;
	padding: 0 4.2em 0 0;
	border: 2px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #f9f9f9;
	color: #444;
	font: 1em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif }

#sidebar ul li#miscbox form p { margin: 0; padding: 0; font-size: 1em }
	
#sidebar ul li#miscbox label { position: absolute; left: -9999px }

#sidebar ul li#miscbox input, #sidebar ul li#miscbox button {
	padding: .3em .5em;
	border-width: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font: 1em "Lucida Grande", Verdana, Geneva, Arial, sans-serif }

#sidebar ul li#miscbox input#q {
	float: left;
	width: 100%;
	position: relative;
	z-index: 2;
	border-right-width: 2px;
	padding: .5em .5em }

#sidebar ul li#miscbox button.submit {
	text-indent: -999em;
	position: absolute;
	right: 0;
	width: 3em;
	padding: .3em .6em;
	background: #F5F5F5 url("http://www.lineheight.net/images/layout/search_16_icon.png") center no-repeat;
	color: #444;
	font: bold 1em Verdana, Geneva, Helvetica, Arial, sans-serif }

/* Footer */

#footer { 
	clear: left;
	padding: 1em;
	border-top: .1em solid #232323;
	background: #171717;
	color: #8e8e8e;
	font: .85em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif }
	
#footer a {
	background: #171717;
	color: #dcdcdc;
	text-decoration: none }
	
#footer a:hover {
	border-bottom: 1px solid #8e8e8e;
	background: #171717;
	color: #d9cdaf }

#footer h2 { position: absolute; left: -9999px }

#footer p { margin: .3em 0 }

#footer p#tribute {
	margin: 0;
	padding: 0.6em 0.3em;
	background: inherit;
	color: #d9cdaf;
	font: 1.4em Georgia, Garamond, Times, "Times New Roman", serif;
	font-style: italic }

/* Miscellaneous */

/* .archive h3 { clear: left } */

#content.archive h3 {
	clear: left;
	padding: .1em 0 0.25em;
	background: inherit;
	color: #444;
	font: 2.1em/1.3 Georgia, Garamond, Times, "Times New Roman", serif;
	letter-spacing: 0 }

/* .archive h4 {
	float: left;
	clear: left;
	width: 9em;
	margin: 0;
	text-transform: capitalize } */

#content.archive h4 {
	float: left;
	clear: left;
	width: 9em;
	margin: 0;
	background: inherit;
	color: #444;
	font: 1.8em/1.3 Georgia, Garamond, Times, "Times New Roman", serif;
	letter-spacing: .05em;
	font-variant: small-caps }

.archive#content .entry ul.catlist, .archive#content .entry ul.catlist li {
	margin: 0;
	padding: 0 }

.archive#content .entry ul.catlist {
	margin: 0 0 2em;
	font: .85em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif }

.archive#content .entry ul.catlist li {
	margin: 0 0 0.8em;
	float: left;
	width: 28em;
	list-style: none }

.archive#content .entry ul.catlist li a.button { margin: 0 }

.archive#content .entry ul.articlelist, .archive#content .entry ul.articlelist li {
	margin: 0;
	padding: 0 }

#content.archive .entry ul.articlelist {
	float: left;
	width: 34em;
	margin: 0.5em 0 2em }

.archive#content .entry ul.articlelist li {
	clear: left;
	list-style: none;
	line-height: 1.6 }

.archive .articlelist li span.text { position: absolute; left: -9999px }

.archive .articlelist li span.rssSubdate {
	float: left;
	width: 1.5em;
	height: 1.2em;
	margin: 0 .5em 0 0;
	padding: .2em .25em 0 .27em;
	border: 2px solid  #dcdcdc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: center;
	background: #232323;
	color: #e0c0a0;
	font: bold .9em/1.2 "Lucida Grande", Verdana, Geneva, Arial, sans-serif }

img.floatedimgleft {
	float: left;
	margin: 0 1em 0 0 }

img.floatedimgright {
	float: right;
	margin: 0 }

blockquote.floatedquote {
	float: right;
	width: 25%;
	margin: 0 .5em 0 1em;
	padding: 1em;
	border: 1px solid #d9cdaf;
	background: #eee7d7;
	color: #7e5e40;
	font: 1em/150% Georgia, Garamond, Times, "Times New Roman", serif }
	
blockquote.floatedquote.left {
	float: left;
	width: 27%;
	margin: 0 1em .3em .5em }
	
blockquote.floatedquote p, blockquote.floatedquote:before { 
	content: open-quote;
	display: inline;
	margin: 0;
	background: inherit;
	color: inherit;
	font: 1.38em/1.6 Georgia, Garamond, Times, "Times New Roman", serif }

blockquote.floatedquote:before { font: 1.5em Georgia, Garamond, Times, "Times New Roman", serif }
	
blockquote.floatedquote:after { 
	content: close-quote;
	font-size: 1.5em }

#content .entry div p.bookcover {
	float: left;
	margin: .5em 1em 0 0 }

#content .entry div p.bookcover.withquote { margin: .5em 1em 0 2em }

#content .entry div p.quoteauthor {
	clear: left;
	margin: 1em 0;
	text-align: right }

.centered { text-align: center }

div.centered {
	margin: 1em 0;
	padding: 1em 1.4em;
	background: #F8F8F8;
	color: inherit;
	font: .85em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif }

div.centered p.desc { text-align: left }

div.centered img, img.bordered, div.centered a img { border: 4px solid #EEEEEE }

div.centered a { padding: 0 }

div.centered a:hover img { 
	border: 4px solid #F1E7D5 }

.big { font-size: 1.4em }

.alert {
	/* padding: .5em .7em .5em 3em;
	background: #F1E7D5 url("http://www.lineheight.net/images/layout/warning_16_icon.png") 0.9em 0.7em no-repeat; */
	padding: .5em .7em;
	background: #F1E7D5;
	color: #8b4726; 
	font: .9em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif }

.alert a { background: #F1E7D5; color: #1E619E; text-decoration: none }
.alert a:hover { background: #F1E7D5; color: inherit; text-decoration: underline }

.inset { margin: 0 0 1.4em }

.info {
	margin: 0 1.4em 1.4em;
	padding: .5em .7em .5em 8em;
	min-height: 9em }

.info ul, .info li { list-style: none; margin: 0; padding: 0 }
.info li { display: inline; margin: 0 .5em 0 0 }

.info:before {
	content: "?";
	display: block;
	margin: 0 0 -1.15em -.7em;
	background: inherit;
	color: inherit;
	font: 8em Georgia, Garamond, Times, "Times New Roman", serif }

.error {
	padding: .5em .7em;
	background: #FFE9E6;
	color: #670B00;
	font: .95em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif }

ul#flickrlist, ul#flickrlist li { margin: 0; padding: 0; list-style: none }

ul#flickrlist { margin: 1em 0 }

ul#flickrlist li {
	float: left;
	margin: 0 .1em }

ul#flickrlist li a {
	display: block;
	width: 75px;
	height: 75px;
	padding: 0 }

ul#flickrlist li a:link {
	background: inherit;
	color: inherit;
	border: 4px solid #fff }

ul#flickrlist li a:visited {
	background: inherit;
	color: inherit;
	border: 4px solid #aa0030 }

ul#flickrlist li a:hover {
	background: inherit;
	color: inherit;
	border: 4px solid #154dbd }

ul.screenshots, ul.screenshots li { margin: 0; padding: 0; list-style: none }

ul.screenshots {
	float: left;
	margin: 1em 0 1em 3em }

ul.screenshots li { 
	float: left;
	margin: .3em .3em }

ul.screenshots li a { 
	display: block;
	width: 150px;
	height: 120px;
	padding: 0 }

ul.screenshots li a:link {
	background: inherit;
	color: inherit;
	border: 4px solid #fff }

ul.screenshots li a:visited {
	background: inherit;
	color: inherit;
	border: 4px solid #E8E8E8 }

ul.screenshots li a:hover {
	background: inherit;
	color: inherit;
	border: 4px solid #F1E7D5 }

/* Google Search Engine */

#searchbox { text-align: center }

#results.entry { margin: 0 1.2em 1.2em }

#results.entry ol li div { font-weight: bold }

span.keyword {
	padding: 2px 3px;
	background: #F1E3D5;
	color: #750000;
	font-weight: bold }

#pagination {
	margin: 0 1.4em 0;
	background: #fff;
	color: #444;
	font: .85em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif }

#pagination ul, #pagination ul li {
	margin: 0;
	padding: 0;
	list-style: none }

#pagination li {
	float: left;
	font: bold 1.3em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	text-align: center }

#pagination li a {
	cursor: hand;
	display: block;
	margin: 0 1em 0 0;
	padding: 0 .2em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-style: normal;
	font-variant: small-caps }

/* Extra */

.smartlist, .smartlist li { margin: 0; padding: 0; list-style: none }

#content .entry ul.smartlist {
	float: left;
	margin: 0 10em 1em 0;
	border: 3px solid #dcdcdc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px }

#content .entry ul.smartlist.centered {
	margin: 0 3.5em 1em 6.5em }

.smartlist li { float: left }

#content .entry .smartlist li a {
	display: block;
	padding: .2em 1em .2em 2.8em;
	height: 2.3em;
	border-bottom: 2px solid #232323;
	background-color: #313131;
	color: #F1E3D5;
	text-decoration: none;
	line-height: 2.2;
	font-weight: bold;
	font-variant: small-caps }

#content .entry .smartlist li a:hover {
	background-color: #232323;
	color: #e0c0a0;
	text-decoration: underline }

#content .entry .icon.left {
	padding-left: 40px;
	background-position: .2em .3em;
	background-repeat: no-repeat }

#content .entry .icon.left.mini {
	background-position: .7em .7em }

a.docs { 
	background-image: url("http://www.lineheight.net/images/layout/doc_32_icon.png") }

a.slides {
	background-image: url("http://www.lineheight.net/images/layout/slide_32_icon.png") }

a.vids {
	background-image: url("http://www.lineheight.net/images/layout/video_32_icon.png") }

a.imgs {
	background-image: url("http://www.lineheight.net/images/layout/image_32_icon.png") }

a.tweets {
	background-image: url("http://www.lineheight.net/images/layout/twitter_32_icon.png") }

a.twitter { 
	background: #121212 url("http://www.lineheight.net/images/layout/twitter_16_icon.png") }

a.delicious { 
	background: #121212 url("http://www.lineheight.net/images/layout/delicious_16_icon.png") }

a.flickr { 
	background: #121212 url("http://www.lineheight.net/images/layout/flickr_16_icon.png") }

a.w3csites { 
	background: #121212 url("http://www.lineheight.net/images/layout/w3csites_16_icon.png") }

a.lastfm { 
	background: #121212 url("http://www.lineheight.net/images/layout/lastfm_16_icon.png") }

.credits { clear: left }

#uxcamp {
	margin: -4px 0 0;
	height: 180px;
	border-top: 2px solid #313131;
	background: #2a2a2a url("http://www.lineheight.net/images/layout/uxcamp_bg.gif") repeat-x;
	color: #fff;
	font-weight: 300 }

#uxcamp h2 span.text { position: absolute; left: -999em }

#uxcamp a {
	padding: 0;
	display: block;
	height: 180px;
	background: #2a2a2a url("http://www.lineheight.net/images/layout/uxcamp.jpg") top center no-repeat;
	color: inherit }

#uxcamp h2 {
	font: .95em/1.6 "Lucida Grande", Verdana, Geneva, Arial, sans-serif }

#uxcamp span.extra {
	display: block;
	min-width: 750px; /* Based on thinkvitamin.com max-width & min-width trick */
	max-width: 49em;
	padding: 5px 0 0;
	margin: 0 auto;
	font-size: 1em;
	text-align: right }

#uxcamp span.extra span {
	display: block;
	font: bold 1em Helvetica Neue,Helvetica,Arial,sans-serif }

#uxcamp span.extra span.event {
	font-size: 12px;
	text-transform: uppercase }

#uxcamp span.extra span.place {
	font-size: 22px;
	text-transform: lowercase }

#uxcamp span.extra span.date {
	font-size: 80px;
	letter-spacing:-5px;
	line-height: 75px }