* { 
  -moz-box-sizing: border-box; 
} 

body { 
  background:#000000; 
  color:#17190a;
  margin:0px; 
  font:11px verdana,arial,sans; 
}

a:link {
  color:#ff6100;
  text-decoration:none;
}
a:active {
  color:#ff6100;
  text-decoration:none;
}
a:visited {
  color:#ff6100;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}

img {
  border:none;
}

ul { 
  margin:0;
  list-style:none;
  white-space: nowrap;
  padding:0px; 
}

li { 
  padding:2px;
}

h1 {
  color:#17190a;

  font-weight:bold;
  font-size:14pt;
}

input {
  border:1px solid #17190a;
}

input.submit {
  background-color:#000000;
}

#header {
  background-color:#171b0a;
  
  border-left:10px solid #f9f9dd;
  border-right:10px solid #f9f9dd;
  border-top:10px solid #f9f9dd;

  padding:10px 10px 10px 10px;
  text-align:right;
  
  position:absolute;
  right:10px;
  left:10px;
  top:10px;
  height:150px;
}

#navi {
  background-color:#171b0a;

  border-left:10px solid #f9f9dd;
  border-right:10px solid #f9f9dd;
  border-bottom:10px solid #f9f9dd;
  
  position:absolute;
  left:10px;
  top:160px;
  width:200px;
}

#main {
  background-color:#f9f9dd;

  border-left:10px solid #f9f9dd;
  border-right:10px solid #f9f9dd;
  border-top:10px solid #f9f9dd;
  border-bottom:10px solid #f9f9dd;

  position:absolute;
  top:160px;
  left:210px;
  right:10px;
}

/* used by bbcode parser */

.code { 
  font-size:10px; 
  border:1px dotted #17190a;
  padding:10px;
}

.block {
  text-align:left;
  padding:5px;
  margin-left:15px;
  margin-right:15px;
}

.quote {
  text-align:left;
  border:1px dotted #17190a;
  padding:5px;
  margin-left:15px;
  margin-right:15px;
}

/* used by boards */

.bbtable {
  width:100%;
  margin-top:10px;
}

.bbheadline {
  background-color:#e8e8b0;
  font-weight:bold;
}

.bbrowlight {
  background-color:#f9f9d0;
}

.bbrowdark {
  background-color:#e8e8b0;
}

.bbinput {
  border:1px solid #17190a;
  width:500px;
}

.bbtexta {
  border:1px solid #003300;
  width:500px;
  height:250px;
}

.bbbutton {
  border:1px solid #17190a;
}

.bbsmall {
  font-size:11px;
}

.bberror {
	border:1px solid #ff0000;
	padding:5px;
	font-weight:bold;
	color:red;
}

/* used by toc */

.toclist {
  list-style:none;
  white-space: nowrap;
  padding-left:20px;
}

.tocitem {
  padding:10px;
}

/* used by navigation */
/* there should be an active and inactive style for every possible nav level */

/* 
	ok how is it working: the navigation layer is automticly rendered with a 
	hardcoded set of default names (more are comming soon)...
	
	all navi items are starting with navi_[0..9]+ meaning the prefix navi plus
	a number defining the deepth of the navigation starting with 0 for the 
	lowest level of navigation.
	
	for every navigational case there should be 5 sets of styles, defined by 
	their suffix:
	
	_inactive			-> defines an in active item (links to its first child)
	_active				-> defines an active item (has own content)
	_inactive_parent    -> defines an inactive item whose child is active
	_active_parent		-> defines an active item whose child is active
	_current			-> defines the currently active page
	
	in the most easy case of a style based navigation layer use the same style 
	for all navigation marks, wich will look ugly but work ;) as an alternative 
	remove the NAVISTYLE placeholder from the template.
	
	But be aware that the NAVISTYLE placeholder might also be used to render 
	different marks in front of the navigation mark.
*/

.navi_0_active, .navi_0_active_parent, .navi_0_current { }

.navi_0_inactive, .navi_0_inactive_parent {
  color:#e9a303;
  
  font-weight:bold;
  font-size:12px;
  
  margin-top:10px;
  margin-bottom:10px;
  padding-left:5px;
}                 

  .navi_0_inactive a, .navi_0_inactive_parent a {
    color:#e9a303;
  }

.navi_1_active, .navi_1_active_parent, .navi_1_inactive_parent, .navi_1_inactive, .navi_1_current {
  color:#ffffff;

  font-weight:bold;

  margin-top:5px;
  margin-bottom:5px;
  
  padding-left:10px; 
}

  .navi_1_active a, .navi_1_inactive a  {
    color:#ffffff;
  }

.navi_2_inactive, .navi_2_active, .navi_2_current {
  padding-left:15px;
}

  .navi_2_inactive {
    color:#ffffff;
  }

/* used by galery module */

.album {
  width:100%;
  border-collapse:collapse;
}

  .albumentry {
    margin-bottom:10px;
  }

  .albumimage {
    width:25%;
    padding:15px;
    text-align:center;
    border-bottom:1px solid black;
  }

  .albumtext {
    padding:15px;
    text-align:center;
    border-bottom:1px solid black;
  }

/* used by calendar */

.bigcal_title {
  width:40%;
  background-color:#e8e8b0;
}

.bigcal_time {
  text-align:center;
  width:20%;
  background-color:#f9f9d0;
}

/* used by stats */

.statstable {
  padding-top:25px;
  padding-left:5px;
  padding-bottom:5px;
}

.stats {
  border:1px dotted #e8e8b0;
  color:#e9a303;
  font-size:11px;
  text-align:left;
}

/* used by herolist */

.heroitem {
  text-align:center;    
  padding:10px;
}

/* used by blogs */

.blogsmartlinks {
  display:block;

  margin: 0px 0px 10px 0px; 
  padding: 5px 10px 5px 10px;

  background-color:#e8e8b0;
  border-top:1px solid black;
  border-bottom:1px solid black;
}

.blogheader, .blogtitle {
  padding: 5px 10px 5px 10px;
  background-color:#e8e8b0;
}

.blogtitle {
    font-weight:bold;
    color:#ff6100;
    margin-bottom:5px;
  }
  
.blogrelatedlist {
  padding: 5px 10px 10px 20px;
  list-style-type:disc;
}


/*  .blogdate {
    display:inline;
    float:right;

    text-align:right;
    font-style:italic;
  }*/

.blogentrytext {
  text-align: justify;
  padding: 10px 10px 10px 10px;
  margin: 0px;
}

.blogentryfoot {
  font-size:small;
  padding: 0 10px 10px 10px;
  text-align: right;
}