/*--- reset ------------*/
/* Resetting of element defaults to avoid cross-browser incompatibilities */
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, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;
}

img, a img, :link img, :visited img {
	border: 0;
}

/*--- page layout framework ------------*/

html {
	min-height: 102%; /* force vertical scrollbar - browser support flaky, doesn't work in Opera */
	/*overflow-y: scroll;*/
}

body {
	font-size: 76%;
	text-align: center;
	color: #5c3412;
	background-color: #fff;
}

div#container {
	width: 75em;
	margin: 0 auto;
}

div#primary {
	width: 51.5em;
	float: left;
}

div#secondary {
	float: right;
	width: 23em;
	position: relative;
}

/*--- element defaults ------------*/

p, li, dd, legend, input, label, select, optgroup, textarea, table {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
	font-size: 1em;
}

p {
	margin: 0 0 1.3em 0;
	line-height: 1.4em;
}

span, cite {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
}

blockquote {
	margin: 0 0 1.3em 1em;
	padding: 0 2em 0 1em;
	border-left: 4px solid #dcdcdc;
}

code {
	font: 0.9em "Consolas", "Courier New", "Courier", "FreeMono", monospace;
	color: #C5CBD0;
}

/*--- links ------------*/

a:link {
	text-decoration: none;
	color: #c77100;
}

a:visited {
	text-decoration: none;
	color: #c77100;
}

a:hover {
	text-decoration: underline;
	color: #c77100;
}

a:active {
	text-decoration: none;
	color: #a00;
}

/*--- headings ------------*/

h1, h2, h3, h4, h5 {
	font: bold 1em "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
	margin: 0;
}

h2 {
	margin-bottom: 0.4em;
	font-size: 1.6em;
	color: #d97e04;
}

h3 {
	font-size: 1.1em;
	color: #000;
}

/*--- paragraphs ------------*/

.result {
	color: #a1ff66;
}

/*--- forms ------------*/

form, fieldset {
	margin: 0;
	padding: 0;
}

fieldset {
	border: 0;
}

/*label, input, select, textarea {
	font-size: 1.1em;
}*/

label {
	display: block;
	float: left;
	width: 10em;
	clear: left;
	margin-right: 1em;
	padding: 0.3em 0;
	text-align: right;
}

input, select, textarea {
	width: 20em;
	float: left;
	margin-bottom: 0.5em;
	padding: 0.3em 0.4em;
	color: #828282;
	background-color: #eee;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #eee;
	outline: none;
}

.formHover {
	color: #434343;
	border-bottom: 1px solid #f8991d;
}

textarea {
	width: 37em;
	height: 13em;
	line-height: 1.3em;
	overflow: auto;
}

button {
	padding: 0.3em 0 0.3em 0;
	font-size: 0.9em;
	font-family: "Verdana", "Geneva", "Kalimati", sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	width: auto; /* Ref: http://jehiah.cz/archive/button-width-in-ie */
	overflow: visible;
	background-color: #000;
	border: none;
}

/*--- bullet lists ------------*/

table li {
	font-size: 1em; /* reset */
}

ul {
	margin-bottom: 0.7em;
	list-style-type: none;
}

ul li {
	padding: 0 0 0.8em 2em;
}

div#posts li {
	background: transparent url("../img/bullet.png") 0.5em 0.4em no-repeat;
}

ol li {
	margin-left: 2em;
	padding: 0 0 0.8em 0;
}

/*li.alt, div.alt {
	background-color: #f6f3f1;
}*/

/*--- header ------------*/

div#header {
	position: relative;
	margin-bottom: 1.7em;
	background: transparent url("../img/header_left.png") 0 bottom no-repeat;
}

h1 {
	float: left;
	width: 202px;
	height: 59px;
	margin: 0 0 0 0.4em;
	padding: 0;
	font-size: 3.5em;
	text-indent: -200em;
	background: transparent url("../img/logo.png") 0 0 no-repeat;
	overflow: hidden;
}

h1 a {
	display: block;
	width: 202px;
	height: 59px;
}

p#chimphome {
	text-align: right;
	margin: 0;
	padding: 0.7em 1.2em 0 0;
}

div#searchbox {
	float: right;
	width: 21em;
	margin-top: 2em;
}

div#searchbox input {
	width: 143px;
	height: 21px;
	margin-right: 0.6em;
	padding: 5px 0 0 27px;
	color: #828282;
	background: transparent url("../img/searchinput.png") 0 0 no-repeat;
	border: none;
}

div#searchbox input.searchInputHover {
	color: #434343;
	background: transparent url("../img/searchinput.png") 0 bottom no-repeat;
}

div#searchbox button {
	width: 66px;
	height: 26px;
	text-indent: -300em;
	background: transparent url("../img/searchbtn.png") 0 0 no-repeat;
}

div#feed {
	text-align: right;
	float: right;
	margin-top: 2em;
	margin-right: 4em;
	padding-right: 3em;
	width: 17em;
	background: transparent url("../img/feedicon.png") right 0.1em no-repeat;
}

div#feed h5 {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 0.9em;
	color: #434343;
	text-align: right;
}

div#feed p {
	color: #717171;
	text-align: right;
}

div#welcome {
	position: relative;
	padding: 2em 1.5em 1.2em 1.5em;
	background: transparent url("../img/header_right.png") right bottom no-repeat;
}

div#welcome h3 {
	margin: 0 0 0.2em 0;
	color: #434343;
}

div#welcome p {
	margin: 0;
	width: 50em;
	color: #6f6f6f;
}

div#twitterFollow {
	position: absolute;
	padding: 0.6em 3em 0.6em 0.3em;
	top: 4.5em;
	right: 1.5em;
	width: 20em;
	background: transparent url("../img/twitter.png") right 0.4em no-repeat;
	text-align: right;
}

div#twitterFollow p {
	display: inline;
}

/*--- secondary ------------*/

div#padder {
	padding: 1em 0.8em;
	color: #717171;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}

div.box, div#twitterBox {
	margin: 0 0 2em 0;
	background: transparent url("../img/tab_selected_left.png") left 0 no-repeat;
}

div.box h3, div#twitterBox h3 {
	padding: 0.5em 0.8em 0.4em 0.8em;
	font-weight: normal;
	color: #fff;
	background: transparent url("../img/tab_selected_right.png") right 0 no-repeat;
}

div.box h3 a, div#twitterBox h3 a {
	color: #fff;
	text-decoration: none;
}

div.box ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*border-top: 2px solid #e8e1dd;*/
	border-bottom: 1px solid #e8e1dd;
}

div.box ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e8e1dd;
}

div.box ul li a {
	display: block;
	margin: 0;
	padding: 0.3em 0.8em 0.4em 0.8em;
	text-decoration: none;
	color: #717171;
}

div.box ul li a:visited {
	color: #999;
}

div.box ul li a:hover {
	color: #000;
	text-decoration: none;
}

div.box span.date {
	font-weight: bold;
	color: #40ad45;
}

/* chi.mps */

div#chimpsBox div.chimp {
	padding: 0.9em 0 0.8em 0.8em;
	border-bottom: 1px solid #e8e1dd;
}

div#chimpsBox div.avatar {
	position: relative;
	float: left;
	background-color: transparent;
	margin: 0.8em 0 0 0.6em;
	width: 55px;
}

div#chimpsBox div.profile {
	float: left;
}

div#chimpsBox span.author a {
	font-weight: bold;
	color: #434343;
}

div#chimpsBox span.description {
	line-height: 1.8em;
}

/* dopplr */

div.wpdopplr {
	border-bottom: 2px solid #e8e1dd;
}

div.wpdopplr p.wpdopplr_status, div.wpdopplr p.wpdopplr_localtime {
	margin: 0;
	padding: 0.8em;
}

div.wpdopplr p.wpdopplr_status {
	color: #434343;
}

/* corners */

div#cornertl {
	position: absolute;
	top: 0;
	left: 0;
	width: 23em;
	height: 10px;
	background: transparent url("../img/corner_tl.png") 0 0 no-repeat;
}

div#cornertr {
	float: right;
	width: 30px;
	height: 10px;
	background: transparent url("../img/corner_tr.png") right 0 no-repeat;
}

div#cornerbl {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 23em;
	height: 10px;
	background: transparent url("../img/corner_bl.png") 0 0 no-repeat;
}

div#cornerbr {
	float: right;
	width: 30px;
	height: 10px;
	background: transparent url("../img/corner_br.png") right 0 no-repeat;
}

/* tabs */

div#tabsContainer div.box {
	background: none;
}

div#tabsContainer div.box ul {
	border-top: 1px solid #93745d;
	padding-top: 0.5em;
}

div#tabsContainer ul#tabs {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#tabsContainer ul#tabs li {
	margin: 0 0.3em 0 0;
	padding: 0;
	display: block;
	float: left;
	background: transparent url("../img/tab_left.png") left 0 no-repeat;
}

div#tabsContainer ul#tabs li a {
	display: block;
	float: left;
	padding: 0.5em 0.8em 0.4em 0.8em;
	font-size: 1.1em;
	color: #93745d;
	background: transparent url("../img/tab_right.png") right 0 no-repeat;
}

div#tabsContainer ul#tabs li a:hover {
	text-decoration: none;
}

.ui-tabs-hide {
	display: none;
}

.ui-tabs-nav .ui-tabs-selected {
	background: transparent url("../img/tab_selected_left.png") left 0 no-repeat !important;
}

.ui-tabs-nav .ui-tabs-selected a {
	color: #fff !important;
    background: transparent url("../img/tab_selected_right.png") right 0 no-repeat !important;
	outline: none;
}

/*--- posts ------------*/

div#posts {
	padding: 0 1.2em;
}

/*div#posts h3 {
	margin-bottom: 0.3em;
	color: #784c29;
}*/

div.post {
	margin-bottom: 2em;
	border-bottom: 2px solid #dcdcdc;
}

div.post h2 a {
	color: #d97e04;
	text-decoration: none;
}

div.head {
	position: relative;
	margin: 0 0 1em 0;
	padding: 0.6em 0.8em 0.35em 6em;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

div.avatar {
	position: absolute;
	top: -1px;
	left: 0;
	display: block;
	width: 65px;
	height: 55px;
	background-color: #fff;
}

div.avatar a {
	display: block;
	width: 50px;
	height: 50px;
	padding: 1px;
	border: 1px solid #dcdcdc;
}

div.avatar a img {
	vertical-align: top;
}

div.head p {
	margin: 0;
	color: #93745d;
}

div.head p.cite {
	margin-bottom: 0.1em;
}

div.head p.commentLink {
	padding: 0.2em 0 0.2em 1.5em;
	background: transparent url("../img/comment.png") 0 0.6em no-repeat;
}

div.head span.sep {
	font-family: sans-serif;
	font-size: 1.1em;
	color: #dcdcdc;
	padding: 0 0.4em;
}

div.head span.timestamp {
	/*color: #4e2700;*/
}

div.head span.author a {
	font-weight: bold;
	color: #5c3412;
}

div.body {
	font-size: 1.1em;
	margin-right: 2em;
}

div.meta {
	margin: 1em 0 0 0;
	padding: 1em 0;
	border-top: 1px solid #dcdcdc;
}

div.meta p {
	margin: 0;
	color: #93745d;
}

div.meta p.categories {
	margin-bottom: 1em;
}

/*--- comments ------------*/

h3.bar {
	margin: 0 0 1em 0;
	padding: 0.5em 0.8em 0.4em 0.8em;
	font-weight: bold;
	color: #5c3412;
	background-color: #e8e1dd;
}

div#comments ol, div#comments ol li {
	margin: 0;
	padding: 0;
}

div#comments ol {
	list-style-type: none;
}

div#comments ol li {
	margin-bottom: 1.2em;
	border-bottom: 1px solid #dcdcdc;
}

div#comments ol li.alt {
	background-image: none;
	background-color: #fff;
}

div#comments ol li div.avatar {
	position: relative;
	float: left;
}

div#comments ol li div.comment {
	float: left;
	width: 43em;
}

div.comment cite {
	font-weight: bold;
	font-style: normal;
	display: block;
	margin-bottom: 0.3em;
}

div.comment p.permalink {
	margin-bottom: 0.5em;
}

div.comment p.permalink a {
	text-decoration: none;
	color: #8d7159;
}

div.comment p.moderation {
	font-weight: bold;
	color: #f58320;
}

div.comment p {
	font-size: 1em;
}

form#commentform label {
	width: 80px;
	margin-right: 10px;
}

form#commentform button {
	width: 76px;
	height: 26px;
	margin-top: 0.5em;
	margin-left: 90px;
	background: transparent url("../img/submitbtn.png") 0 0 no-repeat;
}

form#commentform button span {
	visibility: hidden;
}

/* OpenID */
a#openid_enabled_link {
	display: block;
	width: 9em;
	float: left;
	margin-left: 0.8em;
	padding: 0.3em 0 0.2em 2.6em;
	font: 0.9em "Verdana", "Geneva", "Kalimati", sans-serif;
	background: transparent url("../img/openid.png") left 0 no-repeat;
	outline: none;
}

div#openid_text {
	margin-left: 90px;
	width: 35em;
}

/*--- archives ------------*/

div#authorHead div.head {
	position: relative;
	margin: 0 0 2em 0;
	padding: 0.8em 0 0.6em 0;
}

div#authorHead div.profile {
	float: left;
	width: 40em;
	margin-left: 1em;
}

div#authorHead div.profile h3.bar {
	margin: 0 0 0.3em 0;
	padding: 0;
	background-color: transparent;
}

div#authorHead div.avatar {
	position: relative;
	float: left;
	width: 85px;
	height: 85px;
	background-color: #fff;
}

div#authorHead div.avatar a {
	display: block;
	width: 80px;
	height: 80px;
	padding: 1px;
	border: 1px solid #dcdcdc;
}

div#authorHead p.url {
	margin-top: 0.5em;
}

ul#authorposts {
	margin: 1em;
}

ul#authorposts li {
	padding: 0 0 0 2em;
}

/*--- footer ------------*/

div#footer p {
	margin: 2em 0 0 0;
	padding: 0.7em 1.2em;
	color: #757575;
	border-top: 2px solid #dcdcdc;
}

/*--- paging ------------*/

div.paging {
	margin: -1em 0 1em 0;
	padding: 0 0 0.5em 0;
}

div.paging p {
	width: 45%;
	margin: 0;
	padding: 0;
}

div.paging p a {
	font-size: 1.1em;
	font-weight: bold;
}

div.paging p.previous {
	float: left;
}

div.paging p.next {
	float: right;
	text-align: right;
}

/*--- miscellaneous ------------*/

p#skip {
	display: none;
}

div.c { /* to clear a float */
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}