/*

electricgecko
stream of consciousness

*/


/* basics */

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

html {
	font-size: 100% /*IE6 hack*/
}


body {
	background-color: #f3f3f5;
    color: #333;
	font-family: "Times New Roman", Times, serif;
    font-size: 1em;
    line-height: 1.2em;
    }


img { border: 0; }

hr {
	height: 1px;
	background-color: #0019ff;
	width: 11.25em;
	margin: 2.5em auto 1.25em auto;
}

/* typography */

p, ul li { 
	margin-bottom: 0.3125em;
	font-size: 0.75em;
}

i, em, q {
	font-style: italic;

}

ul {
	list-style: none;
	padding-left: 1em;
}

ul li:before {
	content: "\2014";
}

span.context {
	font-size: 0.75em;
}

h1, h2, h3, h4 { font-weight: normal; }

h1 {
	width: 25.6875em;
	height: 4.75em;
	position: fixed;
	background: transparent url(../i/h1-soc.png) no-repeat;
}

h2 {
	width: 21.6875em;
	height: 0.8125em;
	margin-bottom: 0.3125em;
	background: transparent url(../i/claim.png) no-repeat;
}

h3 {
	font-size: 1.5em;
	text-align: center;
	margin: 0.625em 0 0.625em 0;
}

/* links */

a {
	color: #333;
	text-decoration: underline;
	-moz-outline-style: none;
	}

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

a.backlink {
	display: block;
	width: 25.6875em;
	height: 1.25em;
}

/* dirty helpers */

.left 		{ float: left;}
.right 		{ float: right;}
.hidden 	{ position:absolute; left:-999px; width:200px; }
.break 		{ clear: both; display: block;}

/* navigation */


/* head */

div#logotype {
	float: left;
}

div#nav {
	padding: 0 0 0 0;
	float: right;
}

div#nav p {
	text-align: right;
}


/* about */


div#about p {
	width: 48.125em;
	margin: 0 auto 0.3125em auto;
}

div#about p a {
	color: #0019ff;
}

div#about p a:hover {
	color: #fff;
	background-color: #0019ff;
}

p.about-break {
	text-align: center;
}

a.link-love {
	font-style: italic;
}

p.closer {
	margin-top: 2em;
	text-align: center;
}

/* post content types */

div.post-text {
	width: 35em;
	margin: 0 auto;
	line-height: 1.4em;
}

p.quote {
	text-align: center;
	font-size: 2.6em;
	line-height: 1em;
}

p.quote-src {
	text-align: center;
	font-family: Cochin, "Times New Roman", serif;
	font-style: italic;
	font-size: 1em;
}

p.url {
	text-align: center;
	margin: 0.31em 0 2.5em 0;
}

/* post meta content */

span.post-date {
	font-style: italic;
}

div.post-side p {
	text-align: justify;
}

div.post-side-meta p {
	margin-bottom: 1.25em;
	text-align: center;
}

div.link-meta p {
	text-align: justify;
}

/* foot */

div#foot p {
	text-align: center;
	font-family: Futura, "AvantGarde", "Times New Roman", Times, serif;
	text-transform: uppercase;
}

div#foot p a {
	color: #0019ff;
}

div#foot p a:hover {
	color: #fff;
	background-color: #0019ff;
}

div#paging {
	padding: 0.3175em 0.625em 0.3175em 0.625em;
	width: 40.625em;
}

div#paging a {
	font-size: 0.75em;
	padding: 0 0.1875em 0 0.1875em;
	text-decoration: none;
	display: block;
	width: 45%;
}

a.past {
	float: left;
	margin-right: 30px;
}

a.future {
	float: right;
	text-align: right;
}

a.past:hover, a.future:hover {
	background: #0019ff;
	color: #fff;
	}


div#disclaimer {
	float: right;
	padding: 0.625em 0 0 0;
	font-size: 0.75em;
}


/* layout */

div#wrap {
	overflow: hidden;
	width: 58.13em;
	margin: 2.5em 0 0 3.125em;
}

div#head {
	margin-bottom: 9em;
}


div#about {
	display: none;
	padding: 0 0.625em 0.625em 0.625em;
	margin-bottom: 9em;
	border-top: 0.0625em solid #0019ff;
	border-bottom: 0.0625em solid #0019ff;
	color: #0019ff;
}

div.post {
	overflow: hidden;
	margin-bottom: 9em;
}

div.post-content {
	float: left;
	text-align: center;
	width: 40.63em;
}

div.post-side {
	float: right;
	width: 11.25em;
	padding: 0 0 0 0.94em;
	border-left: 0.0625em solid #888;
}

div#foot {
	width: 40.625em;
	padding: 0.625em;
	margin-bottom: 9em;
	border-top: 0.0625em solid #0019ff;
	color: #0019ff;
	margin: 0 0 4em 0;
}