/* DARK THEME */
/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */

#tlc, #trc { zoom: 1 }

body
	{
	line-height: 150%;
	font-family: Trebuchet MS, verdana, sans-serif;
	color: #9a9c9e;
	font-size: 13px;
	margin: 0;
	padding: 0;
	background-color: #030303;
	text-align: center; 
	}

#box
	{
		
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 1.5em;
	padding: 0;
	text-align: left;
	width:96%;				/* <-- use this to tie width to viewport size */
					/* <-- use this for a set width */
	background-color: #ff0000;
	}
 	
#content
	{
	padding:3em;
	}

#content h1
	{
	color:#dddddd;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
#content p
	{
	line-height: 150%;
	font-family: Trebuchet MS, verdana, sans-serif;
	color: #9a9c9e;
	font-size: 13px;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(graphics/dark/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(graphics/dark/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(graphics/dark/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(graphics/dark/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(graphics/dark/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(graphics/dark/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(graphics/dark/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-color: #2F3031;
	background-image:url(graphics/dark/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}


/* general styles */	

a:link {
	 color: #bbb;
	 text-decoration: none;
	 font-weight: bold;
}

a:visited {
	 color: #bbb;
	 text-decoration: none;
	 font-weight: bold;
}
	
a:hover {
	text-decoration: underline;
	color: orange;
}

h2 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.25em;
}

legend {
	color: #9a9c9e;
}

hr.hr1 {
	border: 0;
	color: #999999;
	background-color: #999999;
	height: 1px;
}

img.image1 {
	border-style: solid;
	border-width: 2px;
	border-color: #ccc;
	padding: 2px;
	margin: 0.5em;
}

div.content_image {
	position: relative;
	text-align: center;
}

div.historyheading {
	background-image: url(graphics/dark/catbg.gif);
	padding: 3px;
}

div.history {
	padding: 5px;
	border: solid 1px #222222;
}

#comments {
	border: solid 1px #222222;
	padding: 5px;
}

#search, #submit, #comment, #security_code, #name, #message, #email {
	background: #222222;
	color: #ddd;
	font-family: Trebuchet MS, verdana, sans-serif;
	font-size: 13px;
	border: 0;
}

.alert {
	color: lime;
}
	

p.plain {
	margin: 0;
}

span.username {
	color: #00E1A9;
}

.central {
	text-align: center;
}

.textright {
	text-align: right;
}

.button {
	background-image: url(graphics/dark/catbg.gif);
	padding: 1px 3px 1px 3px;
}

.icons {
	border: 0;
	vertical-align:middle;
	width: 20px;
	height: 20px;
}

.misc_gfx {
	border: 0;
}

.table1 {
	clear: both;
	border: solid 1px #888888;
	background: #333333;
	width: 100%;
}

.bg1 {
	background: #333333;
	color: #dddddd;
	border: solid 1px #bbb;
}

.cell3 {
	padding: 0.3em;
	background: #222222;
	font-style: italic;
}

.nofind {
	border: solid 1px #888888;
	clear: both;
	padding: 1em;
}


/* a-z dialog */

.atoz {
	font-size: 12px;
	float: left;
	display: inline;
	background-image: url(graphics/dark/tab.gif);
	padding: 3px 4px 0px 6px;
	border-right: solid 1px #888888;
}

.atoz a{
	font-weight: normal;
}

#selected {
	color: #0f0;
}


/* bookmarking */

#share {
	text-align: center;
}

/* navigation */

#navbar {
	background-image: url(graphics/dark/navbar.gif);
	height: 50px;
	margin-left: -19px;
	margin-right: -25px;
}

.navhi {
	line-height: 50px;
	height: 50px;
	width: 103px;
	float: left;
	text-align: center;
}

.navhi a {
	color: #9a9c9e;
	text-decoration : none;
}

.navhi:hover {
	background-image: url(graphics/dark/aktif2.gif);
}

/* bottom */

#footer {
	margin-left: -19px;
	margin-right: -25px;
	padding-top: 1em;
	clear: both;
	text-align: center;
	border-top: solid 2px #242526;
}


/* columns */
	
.xouter3{
width:100%;
float:left;
margin:15px 0 15px 0;
}
.xleftcol3{
border-right: 1px dotted #666666;
float: left;
width: 15%;
background:#2F3031;
padding: 0.5em;
}
.xmiddlecol3 {
overflow:auto;
background:#2F3031;

padding: 1em;
}
* html .xmiddlecol3{float:left}
* html .xmiddlecol3 .xinner3{width:100%;}

.xrightcol3 {
float:right;
width: 15%;
background:#2F3031;
position:relative;
padding: 0.5em;
}


/* category contents region */

div.item_container {
	clear: both;
	display: inline;
}

div.item {
	clear:both;
	border: 1px solid #222222;
	margin-bottom: 2px;
	font-style: italic;
}

div.item_title {
	padding: 3px;
	background: #222222;
}

div.item_desc {
	padding: 3px 3px 3px 26px;
	
}

div.spacer {
	clear: both;
	width: 100%;
	background: #222222;
	line-height: 0px;
	height: 5px;	
}