body {
	/*background:purple url(../images/background-purple) repeat-x bottom left;*/
	background-color:#d5abd5;
	color:#000;
	font:75%/1.5 Verdana, Helvetica, Arial, sans-serif;
}


/* links */
a {
	color:#aa54aa;
	padding:2px 0;
	text-decoration:none;
}
a:hover {
	background-color:#aa54aa;
	color:#fff;
}

/* friends and well know sites */
.favicon {
	background-position:0 1px;
	background-repeat:no-repeat;
	-khtml-background-size:16px auto;
	-moz-background-size:16px auto;
	-o-background-size:16px auto;
	-webkit-background-size:16px auto;
	padding:0 0 0 24px;
}
.alistapart {
	background-image:url(http://www.alistapart.com/favicon.ico);
}
.annaraccoon {
	background-image:url(http://www.annaraccoon.com/wp-content/uploads/2010/10/paw.png);
}
.bbc {
	background-image:url(http://www.bbc.co.uk/favicon.ico);
}
.becky {
	background-image:url(http://www.beckysweb.co.uk/favicon.ico);
}
.blogger {
	background-image:url(https://www.blogger.com/favicon.ico);
}
.charcoaldesign {
	background-image:url(http://www.charcoaldesign.co.uk/favicon.ico);
}
.charlottegore {
	background-image:url(http://charlottegore.com/wp-content/themes/charlottegoredotcom/favicon.png);
}
.clarissa {
	background-image:url(http://www.clarissadarling.me.uk/images/favicon.ico);
}
.cricinfo {
	background-image:url(http://www.cricinfo.com/favicon.ico);
}
.css3 {
	background-image:url(http://www.css3.info/favicon.ico);
}
.csszengarden {
	background-image:url(http://www.csszengarden.com/favicon.ico);
}
.dailymash {
	background-image:url(http://www.thedailymash.co.uk/images/favicon.ico);
}
.delicious {
	background-image:url(http://delicious.com/favicon.ico);
}
.dilbert {
	background-image:url(http://www.dilbert.com/favicon.ico);
}
.ericmeyer {
	background-image:url(http://www.meyerweb.com/favicon.ico);
}
.facebook {
	background-image:url(http://static.ak.fbcdn.net/favicon.ico);
}
.flickr {
	background-image:url(http://www.flickr.com/favicon.ico);
}
.karol {
	background-image:url(http://www.karolcross.com/favicon.ico);
}
.kissmypanties {
	background-image:url(http://www.kissmypanties.com/favicon.ico);
}
.lgf {
	background-image:url(http://littlegreenfootballs.com/favicon.ico);
}
.livejournal {
	background-image:url(http://www.livejournal.com/favicon.ico);
}
.molly {
	background-image:url(http://www.molly.com/favicon.ico);
}
.no2id {
	background-image:url(http://www.no2id.net/favicon.ico);
}
.onion {
	background-image:url(http://www.theonion.com/content/themes/onion/favicon.ico);
}
.sarahhayes {
	background-image:url(http://sarahhayes.is-a-geek.net/wp-content/themes/aeros/favicon.ico);
}
.simplebits {
	background-image:url(http://www.simplebits.com/favicon.ico);
}
.steph-angel {
	background-image:url(http://www.steph-angel.com/favicon.ico);
}
.stross {
	background-image:url(http://www.antipope.org/favicon.ico);
}
.telegraph {
	background-image:url(http://www.telegraph.co.uk/favicon.ico);
}
.tranniefesto {
	background-image:url(http://www.tranniefesto.co.uk/favicon.ico);
}
.underclass {
	background-image:url(http://www.gravatar.com/blavatar/3d6cf4c016c10082bd688d1007209ccd?s=16);
}
.wordpress {
	background-image:url(http://www.wordpress.com/favicon.ico);
}
.xkcd {
	background-image:url(http://xkcd.com/favicon.ico);
}
.wikipedia {
	background-image:url(http://www.wikipedia.com/favicon.ico);
}


/* forms */
fieldset {
	border:1px inset #aa54aa;
	clear:both;
	margin:0 0 1.5em;
	padding:7px 18px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
}
legend {
	font-weight:bold;
	padding:0 18px;
}
input.button {
	background-color:#ddd;
	border:2px outset #aa54aa;
	margin-left:5px;
	padding:0 20px;
}
input.button:active {
	border-style:inset;
}
input.checkbox {
	position:relative;
	top:2px;
	margin-left:10px;
}
input.radio {
	position:relative;
	top:3px;
}
input.textbox,
select,
textarea {
	border:1px dotted #aa54aa;
	font:100% Verdana, Helvetica, Arial, sans-serif;
	padding:1px 2px;
}
input.textbox {
	width:90%;
}
select {
	padding:0;
	width:337px;
}
option {
	padding:1px 2px;
}
textarea {
	height:162px;
	width:90%;
}
form p:last-child input:first-child {
	margin-left:0;
}


/* lists */
dt {
	font-weight:bold;
}
dd {
	margin:0 0 1.5em 10px;
}
ol,
#content ul {
	margin-bottom:1.5em;
}
ol {
	margin-left:18px;
}


/* general */
blockquote {
	border-right:5px solid #aa54aa;
	border-left:5px solid #aa54aa;
	clear:both;
	font-style:italic;
	margin:0 18px 1.5em;
	padding:9px 18px;
}
blockquote p:last-child {
	margin-bottom:0;
}
code {
	font:123% monospace;
}
h1 {
	position:absolute;
	top:0;
	right:6px;
	color:#aa54aa;
	font-size:200%;
	font-style:italic;
	padding:0.5em 0;
	text-align:right;
	text-transform:lowercase;
}
hr {
	border-top:2px outset #aa54aa;
	margin:0 auto 1.5em;
	width:80%;
}
pre {
	line-height:1.5em;
	margin-bottom:1.5em;
}
p {
	clear:both;
	margin-bottom:1.5em;
}
p {
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.error {
	color:#f00;
}
.hidden {
	display:none;
}
.normal {
	font-weight:normal;
}
.posting-details {
	color:gray;
	font-size:83.3%;
	line-height:1.8em;
}
.posted {
	background:url(../images/clock2.gif) no-repeat center left;
	padding:0 0 0 16px;
}
.success {
	color:#32CD32;
}
.text-left {
	text-align:left;
}
.text-centre {
	text-align:center;
}
.text-right {
	text-align:right;
}


/* layout */
#container {
	margin:0 auto;
	width:998px;
}

#header {
	position:relative;
	background:#fff; /* url(/images/title.gif) no-repeat 12px -3px; /* splash image */
	height:106px;
	margin-bottom:2px;
	padding:0 6px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}
#header .logo {
	margin:-3px 0 0 6px;
}
#header a {
	padding:0;
	text-decoration:none;
}
#header a:hover {
	background-color:transparent;
}

#menu {
	background-color:#fff;
	margin:2px 0 0;
	padding-left:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#menu ul {
	overflow:hidden;
}
#menu ul li {
	float:left;
}
#menu ul li a {
	display:block;
	font-weight:bold;
	padding:8px 20px;
}
#menu ul li a.selected {
	background-color:#aa54aa;
	color:#fff;
}

#submenu {
	background-color:#fff;
	margin:2px 0 0;
	padding-left:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#submenu ul {
	overflow:hidden;
}
#submenu ul li {
	float:left;
}
#submenu ul li a {
	display:block;
	font-weight:bold;
	padding:0 20px;
}
#submenu ul li a.selected {
	background-color:#aa54aa;
	color:#fff;
}


#content {
	border-collapse:separate;
	border-spacing:2px;
	display:table;
	margin:0 -2px -2px;
	width:1002px;
}
.row {
	display:table-row;
}
.cell {
	background-color:#fff;
	display:table-cell;
	padding:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
}
.quarter-width {
	width:25%;
}
.third-width {
	width:33.33%
}
.half-width {
	width:50%;
}
.two-third-width {
	width:66.67%;
}
.three-quarter-width {
	width:75%;
}
.full-width {
	width:100%;
}

#footer {
	background-color:#fff;
	clear:both;
	font-size:75%;
	line-height:2;
	margin-top:2px;
	padding:0.75em 6px;
	text-align:right;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}


/* content box */
.box {
	clear:both;
	margin:0 9px;
}
.box h2 {
	font-size:125%;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:1.2em;
}
.box h3 {
	font-weight:bold;
	margin-bottom:1.5em;
}
.left {
	float:left;
	width:50%;
}
.right {
	float:right;
	width:50%;
}


/* tabs */
.tabs {
	overflow:hidden;
}
.tabs li {
	float:left;
	margin-bottom:0;
}
.tabs li a {
	border:2px outset #AA54AA;
	display:block;
	margin-left:9px;
	padding:0 7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.tabs li:first-child a {
	border-left-width:1px;
	margin-left:0;
}
.tabs li a.selected,
.tabs li a:hover {
	background-color:#AA54AA;
	border-style:inset;
	color:#fff;
}

/* home */
.home #web-activity .posting-details {
	line-height:1.5em;
}
.home #web-activity div > p:last-child {
	margin-bottom:3em;
}
.home #blogroll .posting-details {
	font-style:italic;
	float:right;
	text-align:right;
}

/* blog */
.blog #blog-entry h2 {
	margin-bottom:0;
}
.blog #content ol,
.blog #content ul {
	list-style-type:lower-greek;
	padding-left:36px;
}
.blog #content ul {
	list-style-type:circle;
}

/* blog: spam */
.blog .spam {
	color:#f00;
}

/* blog: comment form */
.blog #comment-form-container {
	border-top:1px solid #aa54aa;
	margin-top:1em;
	padding-top:1em;
}

.blog #comment-form {
	float:left;
	width:52%;
}
.blog #text-formatting {
	float:right;
	width:45%;
}
.blog #text-formatting ul {
	list-style-type:none;
	padding-left:0;
}
.blog #text-formatting ul li {
	margin-bottom:0;
}


/* comments */
.comment {
	background-color:#f0f0f0;
	clear:both;
	margin-bottom:1.5em;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
}
.home .comment {
	padding:9px;
}
.blog .comment {
	border:1px outset #aa54aa;
	margin:0 36px 1.5em;
	padding:16px 18px;
}
.comment p:first-child {
	font-weight:bold;
}
.comment p:first-child .posting-details {
	font-weight:normal;
}
.comment p:first-child .favicon {
	background-position:center left;
	padding-top:1px;
	padding-bottom:1px;
}
.comment a:hover {
	background-color:#aa54aa;
	color:#fff;
}
/*.comment p:last-child,
.comment .posted {
	font-weight:normal;
}*/


/* reading list */
.reading #content li {
	margin-bottom:1.5em;
}


/* archive */
.archive .calendar,
.archive .tags {
	border:1px solid #aa54aa;
	border-width:1px 0;
	margin-bottom:1.5em;
	padding-top:1.5em;
}
.archive .calendar > ul,
.archive .tags > ul {
	-moz-column-count:3;
	-moz-column-gap:18px;
	-webkit-column-count:3;
	-webkit-column-gap:18px;
}
.archive .calendar ul ul li ,
.archive .tags ul ul li {
	margin-left:18px;
}


/* blogroll */
#bloglist {
	-moz-column-count:2;
	-moz-column-gap:18px;
	-o-column-count:2;
	-o-column-gap:18px;
	-webkit-column-count:2;
	-webkit-column-gap:18px;
}
#bloglist li {
	margin-bottom:1.5em;
	-moz-column-break-inside:avoid;
	-webkit-column-break-inside:avoid
}


/* posts */
#posts-comments-list .box {
	border-top:1px dashed #aa54aa;
	padding-top:1.5em;
}
#posts-comments-list .box:first-child {
	border-top:0;
	padding-top:0;
}

#posts-comments-list .left {
	width:25%;
}
#posts-comments-list .right {
	width:75%;
}

#cms-form .tags li {
	float:left;
	width:33%;
}