/*
Theme Name: TeRanEX weblog
Theme URI: http://budts.be
Description: teranex weblog redesign 2005
Version: 1.0
Author: Jeroen
Author URI: http://budts.be
*/


@charset "utf-8";

/*******************************************************************************
* This layout is based on:
*  skidoo_lean.css : 2004-08-17 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  lean and mean version of the original skidoo layout seen at:
*  http://webhost.bridgew.edu/etribou/layouts/skidoo/
*  CSS for horizontal and vertical nav elements based on unordered lists
*  isn't here to help reduce the layout to its core components.
*******************************************************************************/
/**
 * Base colors:
 * darkgray:   44422d
 * blue:       356981
 * lightbrown: b3a075
 * darkbrown:  937c4a
 */

html {
	background-color: #44422d;
}
body
{
	background-color: #937c4a;
	color: #fff;
	font-size: 100.1%;
	margin: 0;
	width: 1000px;
	margin: auto;
}

p, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;		/* for better consistency across platforms */
}

q {
	color: #333;
	background: #eee;
	font-style: italic;
}
pre, code, kbd, samp, var {
	font-family: "Bitstream Vera Sans mono", monospace;
	font-size: 90%;
	border: 1px solid #999;
}
pre {
	padding: 5px;
}
pre ol {
	padding-left: 0px;
}
pre li {
	list-style-position: inside;
}
samp, var, kbd, code {
	background: #eee;
	color: #333;
	padding: 1px;
}
kbd {
	background: rgb(255,255,224);
}







#pageWrapper {
	border-style: solid;
	border-width: 0 1px;	/* layout's side borders */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 80%;		/* arial looks better with a smaller size */
	margin: 0;
	min-width: 500px;	/* IE doens't understand this property */
	width: 1000px;
	margin: auto;
}
* html #pageWrapper {
	word-wrap: break-word;	/* invalid CSS but keeps IE from breaking
				   horribly under narrow viewports */
}
#masthead {
	background-color: #356981;
	border-style: solid;
	border-width: 1px 0;
	color: #fff;
	margin-bottom: 20px;
}
#masthead h1 {
	display: inline;	/* easier than setting 0 padding and margin */
}
#outerColumnContainer {
	background-color: #b3a075;
	border-style: solid;
	border-width: 0 220px 0 600px;	/* side border widths must equal the
				   widths of the left and right columns. */
	border-left-color: #fff;	/* left hand column background color */
	border-right-color: #fff;	/* right hand column background color */
	color: #000;
	z-index: 1;
}
* html #outercolumncontainer {
	/* IE5.0/Win fix for 1px whitespace between masthead and body.
	 * The case-incorrect selector is on purpose. IE5.0 and IE5.5 are
	 * case insensitive and I'm targeting IE 5.0. 5.5 doesn't get hurt
	 * by this extra margin work.
	 */
	margin-top: -1px;
	border-top: solid 1px #000;
}
#innerColumnContainer {
	border-style: solid;
	border-width: 0 1px;	/* puts borders between middle and the side
				   columns. */
	margin: 0 -1px;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 2;
}
html[xmlns] .mozclear {
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's give here.
	 */
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}
#leftColumn, #rightColumn, #contentColumn {
	float: left;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;
	z-index: 10;
}
#leftColumn {
	margin: 0 1px 0 -600px;	/* the margin on the side the column is to be
				   rendered on must be the negative equal of
				   the column's width. The opposite border must
				   be 1px */
	width: 600px;
}
#rightColumn {
	float: right;	/* doesn't have to be floated right, but if using some
			   original skidoo tweaks, you need it this way */
	margin: 0 -220px 0 1px;	/* same as in the #leftColumn but reversed */
	width: 220px;
}
#leftColumn .inside {
	/** Added to help the browser render the white background color of
		the leftcolumn earlier. Otherwise background is dark while loading,
		which makes it impossible to start reading */
	background: white;
	width: 550px;
}
#rightColumn .inside {
	font-size: 90%;	/* because the parent element ( #rightColumn )
			   defines its width in EMs, we can't change the font
			   size in that selector, otherwise the column won't use
			   the entire width reserved for the column */
}
#contentColumn {
	margin: 0 -1px;		/* required to get the negative margin-based
				   layout to work. if #contentColumn does not
				   overlap the left and right columns, then
				   the whole layout will break */
	width: 100%;
	margin-right: -15px;
	margin-left: -10px;
}
#footer {
	background-color: #356981;
	border-style: solid;
	border-width: 1px 0;	/* border for bottom of layout and top of
				   footer area */
	color: #fff;
	position: relative;
	text-align: center;
}
html>body #footer {
	padding-bottom: 1.01em;	/* attempt to fix Gecko engine's rounding errors
				   which can disrupt the layout. */
}
.clear {
	clear: both;
}
.inside {
	padding: 0 1.5em;	/* glitch in IE caused by vertical padding in
				   this class, so 0 padding is set here and
				   those blocks that need the vertical padding
				   must be applied to the parent element.
				   the purpose of this class is to provide
				   horizontal padding without using hacks to
				   get around IE's broken box model. so it's
				   okay to apply vertical padding to the parent
				   element, just not horizontal padding. */
}
#leftColumn, #centerColumn, #rightColumn, #masthead {
	padding-top: 0.5em;
	padding-bottom: 0.5em;	/* this is the vert padding talked about in the
				   .inside selector comment. */
}
#masthead, #footer {
	padding: 1em;	/* ditto from above */
}
#pageWrapper, #innerColumnContainer, #masthead, #footer {
	border-color: #000;	/* one-stop control of border color used within
				   the layout */
}
#outerColumnContainer {
	border-top-color: #000;	/* should match the above border color */
}





/****************** The navigation menu **************************/
#menu {
	margin: 0;
	padding: 0;
}
#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}
#menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}
#menu ul li a {
	background: #b3a075;
	width: 118px;
	height: 2em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: none;
	padding: 0;
	margin: 0 0 10px 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size:    xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:    x-small;
}
#menu ul li a.last { /* :last is not yet supported by many browsers...*/
	border-right: 1px solid #ccc;
}
html>#menu ul li a  {
	font-size: x-small;
}
#menu ul li a:hover, #menu ul li a:focus {
	background-color: #937c4a;
}
/****************** The navigation menu END **********************/


#searchform {
	position: absolute;
	top: -48px;
	right: -224px;
}






/* *********************** Activity Stream ************************** */
.full-stream {margin: 0px; padding: 0px; text-align: right; line-height: 7px; margin-top: -3px;}
.full-stream a {color: gray; text-decoration: none;}
#activity-stream {list-style: none; font-size: 100%; margin-left:-20px;}
#activity-stream li {margin-bottom: 7px;}
#activity-stream li img {float: left; margin: 2px; margin-right: 7px; margin-left: -25px; border: 0;}
#activity-stream li span {color: gray;}
#activity-stream li a {color: #333; text-decoration: none;}
#activity-stream li .date {display: none; color: #333; background: #fdfcc2;}
#activity-stream li:hover .date {display: inline;}



/* ********************** item styling ****************************** */
.item, .comments {
	margin-bottom: 2em;
}
.item h2, .comments h2 {
	margin-bottom: 0.5em;
	margin-top: 0.8em;
	color: #44422d;
	text-decoration: none;
}
.item h2 a, .comments h2 a {
	color: #44422d;
	text-decoration: none;
}
.iteminfo, .nocomments, .commentinfo {
	color: #999;
	margin-left: 1em;
	margin-top: 10px;
	clear: both;
}
.iteminfo a, .commentinfo a {
	color: #999;
}


#contentColumn {
	color: #fff;
	line-height: 120%;
}
#contentColumn a {
	color: #fff;
	text-decoration: none;
	padding-bottom: 0.03em;
	border-bottom: 1px #937c4a solid;
}
#contentColumn a:hover {
	border-bottom-color: #356981;
}
#contentColumn h2 {
	font-size: 120%;
	color: #937c4a;
	margin-bottom: 0px;
	padding-bottom: 5px;
	margin-top: 17px;
}
#contentColumn li {
	margin-left: -40px;
	list-style-type: none;
}
#contentColumn ul {
	margin-top: 0px;
}
#footer a {
	color: #fff;
}
.inside h2 {
	font-family: georgia, serif;
	font-style: italic;
}

.contentbody a, .commentbody a {
	color: #356981;
	border-bottom: 1px #937c4a solid;
	text-decoration: none;
}
.contentbody a:hover, .commentbody a:hover {
	border-bottom-color: #356981;
}
.contentbody img {
	border: none;
}

img.alignLeft {
	float: left;
	margin-right: 5px;
}
img.alignRight {
	float: right;
	margin-left: 5px;
}
div.figureWithCaption div {
	font-style: italic;
}
div.alignLeft {
	float: left;
	margin-right: 5px;
}
div.alignRight {
	float: right;
	margin-left: 5px;
}
blockquote, .quote {
	color: #333;
	margin-left: 20px;
	padding: 5px;
	padding-left: 10px;
	font-style: italic;
	background-image: url(quote2.gif);
	background-repeat: no-repeat;
	background-color: #eee;
	-moz-border-radius-topleft: 20px;
}
.item p, .comments p {
	margin-top: 0.5em;
	margin-bottom: 1em;
}
.item h3, .itemcomment h3 {
	color: #937c4a;
	font-family: georgia, serif;
	margin-bottom: 5px;
}
.dump .iteminfo {
	margin-left: 0em;
}

.itemcomment {
	margin-left: 10px;
}
.itemcomment h3 a {
	color: #937c4a;
	text-decoration: none;
}

.commentinfo {
	margin-left: auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.nextPrevLinks {
	padding-bottom: 20px;
}

.error {
	color: red;
}
.searchform .formfield {
	background: white;
	width: 140px;
}

textarea, input[type=text] {
	background: url(bg4_7.png);
	border: 1px solid silver;
}
textarea:hover, input[type=text]:hover
textarea:focus, input[type=text]:focus {
	border: 1px solid #937c4a;
}

#comment {
	width: 100%;
}

a.more-link {
	display: block;
	text-align: right;
	color: #44422d;
	border: 0;
}

input.openid {
      background: white url(openid_login.gif) no-repeat;
      background-position: 0 50%;  
	  padding-left: 20px;
      width:200px;
}

.avatar {
	/*margin-top: 20px;*/
	margin-right: 10px;
	float: left;
	overflow: hidden;
	/*width: 40px;*/
	border: 1px solid silver;
}

.catdesc {
	font-style: italic;
	color: #999;
}

.emusicBar {
	border: gray 1px solid;
	background: #eee;
	font-size: 90%;
	padding: 3px;
	white-space: nowrap;
}
.emusicBar a {
	border: 0;
	color: gray;
	margin-right: 5px;
	margin-left: 5px
}
.emusicBar img {
	vertical-align: middle;
}