/*----------------------------------------------reset---------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,
abbr, acronym, address,
blockquote, q, cite, dfn, kbd, pre, code, samp, var, tt,
ul, ol, li, dl, dt, dd,
form, label, fieldset, legend, input, textarea,
a, img, del, ins, strong, em, sub, sup,
table, caption, tfoot, tbody, thead, tr, th, td
												{padding: 0;
												border: 0;
												margin: 0;
												outline: 0;}
a, abbr, acronym								{text-decoration: none;}
ul, ol											{list-style: none;}
h1, h2, h3, h4, h5, h6, p, a, blockquote, q, cite, li, dt, dd, tr, th, td
												{font-style: normal;
												font-variant: normal;
												font-weight: normal;}
strong											{font-weight: bold;}
em												{font-style: italic;}

/*----------------------------------------------layout--------------------------------------------*/

#page											{position: relative;
												width: 960px;
												margin: 0 auto;}
#ident, #sitenav, #content, #siteinfo			{width: 960px;
												overflow: hidden;}
#content, #siteinfo								{margin: 20px 0;}
#main											{float: left;
												width: 620px;
												margin: 0 10px;}
#meta											{float: right;
												width: 300px;
												margin: 0 10px;}
.widget											{clear: both;
												width: 280px;
												margin: 0 10px 20px;}
object, #main p, .postmeta						{clear: both;}
.postcontent p									{overflow: hidden;}
img												{margin: 10px 0;}
.image img										{margin: 0;}
img, object, embed								{max-width: 600px;}
object, embed									{display: block;
												margin: 10px auto 10px 0px;}
#about #main>p									{padding-top: 0;}
img.alignnone									{display: block;}
img.alignleft									{float: left;
												padding-right: 20px;}
img.aligncenter									{display: block;
												margin: 10px auto;}
img.alignright									{float: right;
												padding-left: 20px;}
#siteinfo										{clear: both;}

/*----------------------------------------------typography----------------------------------------*/

body											{font-size: 62.5%;
												line-height: 1.5;
												font-family: 'lucida sans', 'lucida grande', 'lucida sans unicode', sans-serif;}
h1												{font-size: 2.4em;}
h2												{font-size: 1.8em;}
h3												{font-size: 1.6em;}
h4												{font-size: 1.8em;}
h5												{font-size: 1.6em;}
h6												{font-size: 1.6em;}
p, li											{font-size: 1.3em;}
a, ol li, li li, #networks li					{font-size: 1.0em;}
h1, h2, h3, h4, h5, h6, p						{padding: 10px;}
#networks h5									{padding: 5px 0 20px;}
.postmeta p, .pingmeta p, #main ul				{padding-bottom: 10px;}
#main li										{padding-left: 20px;
												list-style: disc inside;}

/*----------------------------------------------colour--------------------------------------------*/

body											{background: #FFF;
												color: #333;}
#page											{background: url(../graphics/grid.png) repeat-y center top;
												background: url(../graphics/meter.png) no-repeat 20px 180px;}
h1, h2, h3, h4, h5, h6							{color: #222;}
abbr											{border-bottom: 1px dotted #555}
a:link, a:visited								{color: #812D2D;}
a:focus, a:hover, a:active						{outline: #812D2D 1px solid;
												cursor: pointer;}
a:active										{cursor: wait;}
.postcontent a:link,
.postcontent a:visited							{border-bottom: 1px solid #812D2D;}
.postcontent a:focus,
.postcontent a:hover,
.postcontent a:active							{border-bottom: none;}
#ident a, .image a								{outline: none;}
#home a.home									{cursor: default;}
#main, #meta									{padding: 10px 0;}
#main, #meta,
#siteinfo li									{border-top: 1px solid #DDD;}

/*----------------------------------------------ident---------------------------------------------*/

#ident											{height: 160px;
												margin-bottom: 35px;
												text-indent: -9999px;
												background: url(../graphics/ident.png) no-repeat 20px top;}
#ident a										{position: absolute;
												left: 20px;
												top: 0px;
												width: 600px;
												height: 160px;
												display: block;}

/*----------------------------------------------searchform----------------------------------------*/

#searchform										{position: absolute;
												z-index: 1;
												top: 10px;
												left: 660px;
												width: 280px;
												overflow: hidden;
												border: 1px solid #DDD;}
#searchform input								{float: left;
												width: 226px; /*54px less than 280px*/
												padding: 0.25em 8px;
												margin: 2px;
												color: #666;
												background: #F7F7F7;
												font-size: 18px;
												font-family: arial, sans-serif;}
#searchform #searchsubmit						{width: 30px;
												height: 30px;
												padding: 0;
												text-indent: -9999px;
												background: url(../icons/search.png) no-repeat;}
#searchform #searchsubmit:hover					{cursor: pointer;}
#searchform input:focus							{outline: #812D2D solid 1px;
												overflow: hidden;}
#searchform input:active						{outline: none;}

/*----------------------------------------------sitenav-------------------------------------------*/

#sitenav ul										{float: right;
												width: 280px;
												margin-right: 20px;}
#sitenav li										{float: left;
												font-size: 1.8em;}
#sitenav li.about								{width: 75px;
												text-align: left;}
#sitenav li.resources							{width: 115px;
												text-align: center;}
#sitenav li.contact								{width: 90px;
												text-align: right;}
#about #sitenav .about a,
#resources #sitenave .resources a,
#contact #sitenav .contact a					{color: #666;
												cursor: default;
												outline: none;}

/*----------------------------------------------posts/comments/pings------------------------------*/

.postcomplete									{padding-bottom: 2em;}
.postexcerpt									{padding: 1em 0;}
.postmeta										{padding-top: 1em;}
.postmeta p, .pingmeta p						{padding-left: 45px;}
.postmeta .postdate, .pingmeta .pingdate		{background: url(../icons/date.png) no-repeat 10px center;}
.postmeta .postcategory							{background: url(../icons/category.png) no-repeat 10px center;}
.postmeta .posttags								{background: url(../icons/bookmark.png) no-repeat 10px center;}
.postmeta .postcomments							{background: url(../icons/comments.png) no-repeat 10px center;}
.postmeta .invitecomment						{background: url(../icons/comment.png) no-repeat 10px center;}
.postmeta .sharepost							{background: url(../icons/share.png) no-repeat 10px center;}
.postmeta .readmore								{background: url(../icons/arrowright.png) no-repeat 10px 5px;}
#displaycomments .avatar img					{display: block;
												float: left;
												width: 26px;
												margin: 0;
												margin-right: 10px;}
#commentlist li, #pinglist li					{list-style: none;
												padding: 1em 0;
												margin: 1em 0;
												border-top: 1px solid #DDD;
												border-bottom: 1px solid #DDD;}
#home .postcomplete								{border-bottom: 1px solid #DDD;
												margin-bottom: 1em;}

/*----------------------------------------------contact/commentforms------------------------------*/

#contactform									{margin: 2em 0;}
#commentform									{margin: 1em 0;}
.form											{width: 618px;
												padding-top: 10px;
												border: 1px solid #DDD;}
.form input, .form textarea						{width: 580px; /*38px less than 638px*/
												padding: 10px;
												margin-bottom: 10px;
												color: #666;
												background: #F7F7F7;
												font-size: 14px;
												font-family: 'lucida sans', 'lucida grande', 'lucida sans unicode', sans-serif;}
.form input:focus,
.form textarea:focus							{outline: #812D2D solid 1px;}
.form strong									{color: #812D2D;}
.form p											{padding: 0 10px;}
.form #button									{overflow: hidden;}
.form #sendmessage,
.form #submitcomment,
.form #ok										{float: right;
												width: 300px;
												height: 44px;
												padding: 0;
												text-indent: -9999px;
												background: url(../graphics/buttons.png) no-repeat;}
.form #sendmessage								{background-position: 0px 0px;}
.form #sendmessage:hover						{background-position: 0px -50px;}
.form #submitcomment							{background-position: 0px -100px;}
.form #submitcomment:hover						{background-position: 0px -150px;}
.form #ok										{background-position: 0px -200px;}
.form #ok:hover									{background-position: 0px -250px;}
.form #ok										{font-size: 0px;
												margin: 10px 0;}
.form #sendmessage:hover,
.form #submitcomment:hover,
.form #ok:hover									{outline: none;
												cursor: pointer;}
.form input:active,
.form #sendmessage:active,
.form #submitcomment:active,
.form #ok:active								{outline: none;
												cursor: wait;}
#contactform img								{position: relative;
												left: 123px;
												width: 44px;
												height: 44px;
												margin: 0;}

/*----------------------------------------------pagination----------------------------------------*/

#postnav, #pagenav								{width: 620px;
												margin: 1em 0;
												border-top: 1px solid #DDD;}
#postnav ul, #pagenav ul						{overflow: hidden;
												padding: 1em 0;
												border-bottom: 1px solid #DDD;}
#postnav li, #pagenav li						{list-style: none;
												padding: 0;}
#postnav .first, #pagenav .first,
#postnav .previous, #pagenav .previous			{float: left;
												margin-left: 10px;}
#postnav .previous a, #pagenav .previous a		{padding: 2px 0 4px 35px;
												background: url(../icons/arrowleft.png) no-repeat left center;}
#postnav .next, #pagenav .next,
#postnav .last, #pagenav .last					{float: right;
												margin-right: 10px;}
#postnav .next a, #pagenav .next a				{padding: 2px 35px 4px 0;
												background: url(../icons/arrowright.png) no-repeat right center;}

/*----------------------------------------------siteinfo------------------------------------------*/

#siteinfo li									{float: left;
												padding: 1em 10px;
												margin: 0 10px;}
#siteinfo li.license							{width: 600px;}
#siteinfo li.backlink							{width: 280px;}
#about #siteinfo a.about						{color: #666;
												cursor: default;
												outline: none;}

/*----------------------------------------------resources-----------------------------------------*/

#resources										{}
#resources #main ul								{overflow: hidden;}
#resources #main li								{float: left;
												width: 290px;
												min-height: 90px;
												padding: 0 10px;
												margin: 10px 0 20px;
												list-style: none;}
#resources #main li img							{float: left;
												width: 120px;
												padding-right: 20px;
												margin: 0;}
#resources #main li span						{margin-bottom: 10px;}
#resources #main .category						{clear: left;}
#resources #main #books li						{margin-bottom: 30px;}
#resources #main #books li span					{display: block;}
#resources #main #books li a:focus,
#resources #main #books li a:hover,
#resources #main #books li a:active				{outline: none;}

/*----------------------------------------------networks------------------------------------------*/

#networks li									{padding: 0;}
#networks a										{display: block;
												overflow: hidden;
												padding-left: 50px;
												padding-bottom: 5px;}
#networks span									{display: block;
												text-align: right;
												font-size: 0.7em;}
#networks .twitter h5							{background: url(../networks/twitter.png) no-repeat 0px 9px;}
#networks .delicious h5							{background: url(../networks/delicious.png) no-repeat 0px 9px;}
#networks .lastfm h5							{background: url(../networks/lastfm.png) no-repeat 0px 9px;}
#networks .flickr h5							{background: url(../networks/flickr.png) no-repeat 0px 9px;}
#networks .friendfeed h5						{background: url(../networks/friendfeed.png) no-repeat 0px 9px;}

/*----------------------------------------------intro---------------------------------------------*/

#meta h4										{clear: right;}
#meta #intro									{overflow: hidden;}
#meta #intro p									{color: #444;}
#meta #intro .more								{float: right;}
#meta #intro .more a							{padding: 2px 35px 4px 0;
												background: url(../icons/arrowright.png) no-repeat right center;}
#meta #intro a:focus,
#meta #intro a:hover,
#meta #intro a:active							{outline: #812D2D 1px solid;}

/*----------------------------------------------follow--------------------------------------------*/

#follow											{position: relative;
												width: 300px;
												height: 165px;
												margin: 10px 0 20px;
												text-indent: -9999px;
												background: url(../graphics/follow.png) no-repeat 0px 0px;}
#follow a										{position: absolute;
												top: 54px;
												width: 62px;
												height: 62px;
												outline: none;
												display: block;}
#follow .rssfeed a								{left: 10px;}
#follow .twitterfeed a							{left: 83px;}
#follow .facebookfeed a							{left: 155px;}
#follow .mailfeed a								{left: 228px;}

/*----------------------------------------------recent--------------------------------------------*/

#recentposts ul, #recentlinks ul				{margin: 10px 0;}
#recentposts li, #recentlinks li				{margin-bottom: 5px;}

/*----------------------------------------------twitter-------------------------------------------*/

#twitter h5										{padding: 0;}
#twitter h5	a									{float: right;
												width: 128px;
												height: 128px;
												display: block;
												margin: 0.5em 0 0.5em 10px;
												text-indent: -9999px;
												background: url(../graphics/meta.jpg) no-repeat 0px 0px;}
#twitter h5	a:focus,
#twitter h5	a:hover,
#twitter h5	a:active							{outline: none;
												background-position: -150px 0px;}
#twitter p										{color: #444;
												padding: 0;}
#twitter p.twitter-message						{padding: 10px 0;}
#twitter p a:link,
#twitter p a:visited							{color: #4C8BE3;}
#twitter p a:focus,
#twitter p a:hover,
#twitter p a:active								{outline: #4C8BE3 1px solid;}

/*----------------------------------------------delicious-----------------------------------------*/

#delicious h5									{padding: 10px 0;}
#delicious h5 a									{width: 40px;
												height: 40px;
												display: block;
												text-indent: -9999px;
												background: url(../graphics/meta.jpg) no-repeat 0px -130px;}
#delicious h5 a:focus,
#delicious h5 a:hover,
#delicious h5 a:active							{outline: none;
												background-position: 0px -175px;}
#delicious .delicious-tags						{}
#delicious .delicious-tags ul					{font-family: 'lucida sans', 'lucida grande', 'lucida sans unicode', sans-serif;}
#delicious .delicious-cloud li					{padding: 0;
												line-height: 1.25;}
#delicious .delicious-tags a:hover				{text-decoration: none;
												outline: #4C8BE3 1px solid;}

/*----------------------------------------------friendfeed----------------------------------------*/

#friendfeedwidget h5							{padding: 10px 0;}
#friendfeedwidget h5 a							{width: 192px;
												height: 40px;
												display: block;
												text-indent: -9999px;
												background: url(../graphics/meta.jpg) no-repeat -50px -130px;}
#friendfeedwidget h5 a:focus,
#friendfeedwidget h5 a:hover,
#friendfeedwidget h5 a:active					{outline: none;
												background-position: -50px -175px;}
#friendfeedwidget #friendfeed.widget			{border: none;
												overflow: hidden;
												font-size: 1.4em;
												font-family: 'lucida sans', 'lucida grande', 'lucida sans unicode', sans-serif;}
#friendfeedwidget #friendfeed.widget .feed		{padding: 0;}
#friendfeedwidget #friendfeed.widget div		{color: #444;
												line-height: 1.5;}
#friendfeedwidget #friendfeed.widget a:link,
#friendfeedwidget #friendfeed.widget a:visited	{color: #4C8BE3;}
#friendfeedwidget #friendfeed.widget a:focus,
#friendfeedwidget #friendfeed.widget a:hover,
#friendfeedwidget #friendfeed.widget a:active	{text-decoration: none;
												outline: #4C8BE3 1px solid;}
#friendfeedwidget #friendfeed.widget .entry		{border-bottom: 1px solid #EEE;}
#friendfeedwidget #friendfeed.widget .entry .info
												{margin-top: 10px;}
#friendfeedwidget #friendfeed.widget .entry .comment
												{margin-top: 10px;
												background-position: 0px 5px}
#friendfeedwidget #friendfeed.widget .entry .comment .content
												{margin-left: 20px;}

/*----------------------------------------------flickr--------------------------------------------*/

#flickr h5										{padding: 10px 0 20px;}
#flickr h5 a									{width: 135px;
												height: 40px;
												display: block;
												text-indent: -9999px;
												background: url(../graphics/meta.jpg) no-repeat 0px -220px;}
#flickr h5 a:focus,
#flickr h5 a:hover,
#flickr h5 a:active								{outline: none;
												background-position: -150px -220px;}
#flickr ul										{overflow: hidden;}
#flickr li										{float: left;
												height: 70px;
												padding: 0;}
#flickr li a:focus,
#flickr li a:hover,
#flickr li a:active								{outline: none;}
#flickr img										{width: 70px;
												height: 70px;}

/*----------------------------------------------lastfm--------------------------------------------*/

#lastfm .header									{padding: 10px 0 20px;
												overflow: hidden;}
#lastfm .header h5								{float: left;}
#lastfm .header h5, #lastfm .header li			{padding: 0;}
#lastfm .header a								{display: block;
												text-indent: -9999px;
												background: url(../graphics/meta.jpg) no-repeat;}
#lastfm .header h5 a							{width: 135px;
												height: 40px;
												background-position: 0px -265px;}
#lastfm .header h5 a:focus,
#lastfm .header h5 a:hover,
#lastfm .header h5 a:active						{outline: none;
												background-position: -150px -265px;}
#lastfm .header li a							{float: right;
												width: 125px;
												height: 20px;}
#lastfm .header .albums a						{background-position: 0px -310px;}
#lastfm .header .albums a:focus,
#lastfm .header .albums a:hover,
#lastfm .header .albums a:active				{outline: none;
												background-position: -150px -310px;}
#lastfm .header .artists a						{background-position: 0px -335px;}
#lastfm .header .artists a:focus,
#lastfm .header .artists a:hover,
#lastfm .header .artists a:active				{outline: none;
												background-position: -150px -335px;}
#lastfm .quilt									{width: 276px; /*each quilt patch 46px wide*/
												height: 276px;
												padding: 2px;}

/*----------------------------------------------dopplr--------------------------------------------*/

#dopplr											{padding-top: 30px;}
#dopplr #dopplr-logo, #dopplr .d-status			{width: 280px;}
#dopplr .dopplr-badge							{color: #444;
												padding: 0;
												border: none;}
#dopplr .dopplr-badge p							{font-size: 1.3em;
												padding: 10px 0;
												font-family: 'lucida sans', 'lucida grande', 'lucida sans unicode', sans-serif;}
#dopplr ul										{padding-left: 15px;
												margin: 0;}
#dopplr li, #dopplr li span						{font-size: 1.2em;
												line-height: 1.5;
												padding: 5px 0;
												margin: 0;}
#dopplr li span									{font-size: 1.0em;
												padding: 0;}
#dopplr a:link, #dopplr a:visited				{color: #4C8BE3;}
#dopplr a:focus, #dopplr a:hover, #dopplr a:active
												{outline: #4C8BE3 1px solid;
												background: transparent;}
#dopplr .dopplr-badge #dopplr-logo a			{outline: none;}

/*----------------------------------------------ends----------------------------------------------*/