/*
		Skin Name: Darkling Woods
		Description: Dark skin with wood elements.
		Author: Nadia Volkrodt
		Author E-Mail: nadia@artphilia.de
		Download URL: http://artphilia.de
*/

/*---------------------------------------------------------------------
   Basic styles
------------------------------------------------------------------------*/
body { 
		background-color: #222222;
		background-image: url(images/wood.jpg);
		background-repeat: repeat;
		text-align: center;
		font-family: 'MS Serif', 'New York', sans-serif;
		font-weight: normal;
		font-size: 12px;
		color: #CACACA;
		margin: 0;
		padding: 0;
		}

b, .label {
		font-weight: bold;
		color: #BF5030;
	}

@font-face {
		font-family: dax;
		src: url(fonts/DaxCondensed.ttf) format("truetype");
		}

a:link, a:active, a:visited, #content a, #footer a {
		font-weight: normal;
		font-style: italic;
		text-decoration: none;
		text-transform: normal;
		color: #FF9200;
		}
a:hover, #content a:hover, #footer a:hover{
		color: #BF5030;
		text-decoration: none;
		background-color: transparent;
		border-width: 0 0 1px 0;
		border-style: solid;
		border-color: #FF9200;
		}

h1 {
		color: #70AA00;
		border-width: 0 0 1px 0;
		border-style: dotted;
		border-color: #222222;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-size: 18px;
		font-style: italic;
		font-weight: normal;
		}
h2 {
		color: #70AA00;
		font-weight: normal;
		border-bottom: 1px solid #333333;
		font-family: dax, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-style: normal;
		font-size: 16px;
		}
h3 {
		color: #70AA00;
		border-bottom: 1px dotted #333333;
		padding: 0 0 0 5px;
		text-transform: uppercase;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-weight: normal;
		font-size: small;
		}
		
/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/
	
#mainContainer {
background-color: #262626;
padding: 0;
margin: 0 auto;
width: 900px;
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}

/* IE Hack */
* html #mainContainer {
margin: 0;
}

#content {
background-color: #111111;
border-top: 1px solid #444444;
text-align: justify;
width: 90%;
padding: 10px;
margin: 0 auto;
}

#footer {
text-align: center;
margin-top: 10px;
padding: 10px;
}

#categories {
background-color: #202020;
text-align: justify;
width: 90%;
padding: 10px;
margin: 0 auto;
}

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

hr {
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
		width: 80%;
		text-align: center;
		padding: 5px;
		}

input,textarea,select, #notes {
		color: #CACACA;
		margin-top: 1px;
		border: 1px solid #444444;
		background-color: #111111;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-weight: normal;
		font-size: x-small;
		}

blockquote {
		margin: 0 auto;
		margin-bottom: 10px;
		width: 90%;
		border: 1px solid #444444;
		background-color: #222222;
		padding: 10px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}

/*---------------------------------------------------------------------
  Style of story list
------------------------------------------------------------------------*/
.even {
		background-color: #222222;
		padding: 5px;
}
.odd {
		background-color: #222222;
		padding: 5px;
}

/*---------------------------------------------------------------------
  Site name and slogan
------------------------------------------------------------------------*/
#sitename {
		color: #70AA00;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-size: 18px;
		font-style: normal;
		font-weight: normal;
		display: none;
		}
#siteslogan {
		font-size: 11px;
		text-transform: lowercase;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		display: none;
		}
		
/*---------------------------------------------------------------------
   News
------------------------------------------------------------------------*/
#newsarchive, #sortform, .respond {
		text-align: center;
		}
#newsbox {
		margin: 0 auto;
		padding: 5px;
		}
.writer {
		font-size: x-small;
		padding-bottom: 5px;
	}

/*---------------------------------------------------------------------
   Menu
------------------------------------------------------------------------*/
#menu, #menu ul {
		margin: 0 auto;
		margin-bottom: 3px;
		padding: 3px;
		width: 90%;
		}
#menu li {
		list-style-type: none;
		display: inline;
		white-space: nowrap;
		margin: 2px;
		padding: 2px;
		}
#menu a {
		font-size: x-small;
		color: #BF5030;
		text-transform: uppercase;
		font-style: normal;
		text-decoration: none;
		letter-spacing: 0;
		padding: 5px;
		}
#menu a:hover {
		color: #FF9200;
		border: 0;
		}

/*---------------------------------------------------------------------
   General Styles, used in multiple places throughout the page
------------------------------------------------------------------------*/		
#alphabet { text-align: center; padding: 5px; }
#jumpmenu { text-align: right; }
#pagelinks { width: 100%; text-align: center; padding: 1em; }
#pagetitle { text-align: center; }
.sectionheader { text-align: center; clear: both;}
#sort { float: left; }
#story { clear: both; }
#columncontainer { text-align: left; }
#browseblock { text-align: left; }
#title { padding: 5px; }
#info_left { text-align: right; }


/* Layout Styles */
.storinfo { margin-bottom: 12px;}
.notes .content { margin: 25px; }
.comment { margin-bottom: 2em; }
.main {padding-left: 5px; width: 100%; font-size:12px; }

/* User.tpl styles */
#tabs {padding:0; margin:5px; clear:both; border-top: 1px solid #444444; width: 100%; }
#tabs DIV {
	width: 100%;
	height: 20px;
	float: left;
	text-align: left;
	text-indent: 10px;
	line-height: 25px;
	vertical-align: middle;
	z-index: 1; }
#tabs #centertab { width: auto; }
#tabs a { color: #BCFF66; }
#tabs a:active,a:hover { text-decoration:none; color: #FF9200; }
#tabs #active { }
#tabs #active a { color: #FF9200;}
#tabs #active a:active,a:hover { text-decoration:none; color: #BF5030;}
html>body #tabs {padding: 15px 0 0 0; width:100%;}
html>body #tabs div { }