/* darcness
** http://www.deepdarc.com/
** Copyright (c) 2005 Robert Quattlebaum
**
*/

.error { color: red; background: black; border: 2px dashed #700; margin: 3pt; padding: 3pt; clear: both;  text-align: left; }
.hide { display: none; }
.box { border: 2px dashed gray; margin: 3pt; padding: 3pt; clear: both; margin-below: 12pt; }
.box h2 { margin-top: 0; }

/*
** Layout
*/

body {
    background: #222;
	color: #ddd;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    padding: 0;
    margin: 0;
    text-align: center;
}

#page {
	margin: 6px auto 6px auto;
	position: relative;
	width: 770px;
    background: #333;
	color: #ddd;
    font-size: 0.8em;
    text-align: justify;
}

/*
* html #page {
    width: 781px;
}
*/

#content {
    text-align: justify;
}

.narrowcolumn {
	float: left;
    padding: 0 0 0px 50px;
	width: 460px;
    text-align: justify;
}

* html .narrowcolumn {
    padding: 0 0 0px 55px;
	width: 480px;
}


.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 460px;
    text-align: justify;
}

.ultrawidecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 5px;
	width: 750px;
    text-align: justify;
}

#footer {
    clear: both;
    text-align: center;
}

.allClear {
    clear: both;
}

#content p, #content ul {
    line-height: 1.4em;
}

/*
** General
*/

a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #ea3; }
a:link { color: #39e; }

h1, h2, h3, h4 {
    margin-bottom: 0;
	font-family: 'Trebuchet MS','Lucida Grande','Arial','sans serif';
    color: #fff;
}

strong {
    color: #eee;
}

h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited,
h1 a:link, h2 a:link, h3 a:link, h4 a:link {
    color: #fff;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    color: #39e;
    text-decoration: none;
}

small {
    color: #999;
    font-size: 0.75em;
    vertical-align: +10%
}

code,pre,tt {
	font-family: 'andale mono',monospace;
    font-size: 1em;
}

.odd { background: #404040; }
.even { background: #505050 /*url("505050-shadow.gif")*/; }
.even .infoCol { background: #505050 /*url("505050-shadow.gif")*/; background-position: 2% 0; }
.wp-smiley { vertical-align: -20% }

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}
    
blockquote {
    border-left: solid #66A 3px;
   	color: #aaa;
    font-family: serif;
    padding-left: 6pt;
    margin-left: 6pt;
    margin-right: 12pt;
}
blockquote blockquote {
    border-left: solid #6A6;
    margin-right: 0;
}
blockquote blockquote blockquote {
    border-left: solid #A66;
    margin-right: 0;
}

/*
** Header
*/

#header {
	padding: 6px;
    text-align: left;
    font-size: 1.2em;
    border-bottom: solid black 1px;
}

#header h1 {
    margin: 0;
}


#header .description {
    float: left;
}

#header ul {
    margin: 0;
    text-align: right;
    padding: 0;
}

#header li {
	list-style-type: none;
    display: inline;
    margin-left: 8pt;
}

.darcness/*, .darcness a:link, .darcness a:visited*/ {
    text-shadow: #000 0px 0px 8px;
/*
    color: #ee4;
    font-family: cochin,serif;
*/
    font-weight: bold;
}

#header a:visited { color: #39e; }
#header h1 a:visited { color: #fff; }
#header h1 a:hover { color: #aaa; }

/*
** Footer
*/

#footer {
    border-top: solid black 1px;
    padding: 6px;
}

#footer p {
    margin: 0;
}

/*
** Sidebar
*/

#sidebar {
	padding: 8px;
	margin-left: 563px;
	width: 190px;
    font-size: 0.9em;
    background: #2c2c2c;
    border-left: solid black 1px;
    text-align: left;
}

* html #sidebar {
	width: 100%;
	height: 100%;
}

#sidebar a:visited { color: #39e; }

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	border: 0;
}
#sidebar ul ul li:before {
	content: "\00BB \0020";
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

/*
** Posts
*/

.post {
    margin: 24pt 0 0 0;
}

#content h1, #content h2, #content h3 {
    text-shadow: #111 3px 3px 3px;
}

.post .private {
    background: #334;    
}

.postmetadata {
    clear: both;
    text-align: center;
    color: #999;
}

#content {
    overflow: hidden;
}


/*
** XMPP
*/

.xmpp-status a, .xmpp-status a:link, .xmpp-status a:visited { color: #fff; }
.xmpp-online { text-shadow: #000 2px 2px 0; color: #7f7; }
.xmpp-offline { text-shadow: #000 2px 2px 0; color: #666; }
.xmpp-chat { text-shadow: #000 2px 2px 0; color: #77f; }
.xmpp-idle { text-shadow: #000 2px 2px 0; color: #fa7; }
.xmpp-away { text-shadow: #000 2px 2px 0; color: #f55; }
.xmpp-xa { text-shadow: #000 2px 2px 0; color: #676767; }
.xmpp-dnd { text-shadow: #000 2px 2px 0; color: #676767; }

table.xmpp-music { width:100%; border-spacing: 0 0; }
.xmpp-music td.infoCol { text-align: left; vertical-align:middle; font-weight: bold; }
.xmpp-music td.linkCol { text-align: right; vertical-align:middle; width: 9pt;}

.xmpp-music .nowPlaying { color: #FFF; }
.xmpp-music .nowPlaying a, .xmpp-music .nowPlaying a:link, .xmpp-music .nowPlaying a:visited { color: #FFF; }
.xmpp-music .nowPlaying td { background: #27c;  color: #FFF; }
.xmpp-music .nowPlaying td.linkCol { text-shadow: #000 0 0 12pt; text-decoration: blink; /* !!! */ }
.xmpp-music .nowPlaying td:hover { text-shadow: #FFF 0 0 8pt; }
.xmpp-music .nowPlaying small { color: #FFF; }


.hitGraphBg { background: #700; }
.hitGraphBar { background: #f00; }
.hitGraphUnique { background: #f70; }
.hitCount { color: #f44; }
.hitCountUnique { color: #fa4; }

/* Magenta */
.searchterm0 { background: #A0A; color: black;  }

/* Cyan */
.searchterm1 { background: #0AA; color: black;  }

/* Yellow */
.searchterm2 { background: #AA0; color: black;  }

/* Green */
.searchterm3 { background: #0B0; color: black;  }

/* Red */
.searchterm4 { background: #B00; color: black;  }

.searchterm5 { background: #F0F; color: black; }
.searchterm6 { background: #0FF; color: black; }
.searchterm7 { background: #FF0; color: black; }
.searchterm8 { background: #5F5; color: black; }
.searchterm9 { background: #F77; color: black; }