/* html elements */

body {
  background:#000000 url(images/background.jpg) top right no-repeat fixed;
  font:76% Verdana,Tahoma,Arial,sans-serif;
  line-height:1.4em;
  text-align:center;
  color:#FFF;
}

h4 { text-transform: uppercase; }

tt { 
  font-family: Verdana,Tahoma,Arial,sans-serif; 
  font-size:1.0em; 
  color:#DDD; 
}

blockquote { 
  font-family:Arial, Helvetica, sans-serif; 
  border: solid 1px #B2B3CE;
  margin:8px 4px 10px 3px; 
  padding:10px 10px 10px 6px;  
  background-color:#CCC; 
  filter:alpha(opacity=100);
  -moz-opacity:1.0; 
  opacity:1.0;
  font-size:12px;
  line-height: 1.3em; 
  color:#000;
  display:block;
  width:95%; 
  max-height:200px; 
  overflow:auto; 
}

blockquote ol, blockquote ul { margin: 10px; }  blockquote li { font-size:11px; }

blockquote tt { color:#666; }

fieldset { 
  padding: 1em; 
  border: solid 1px #DEBDDE; 
}

legend {
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-weight:bold; 
  letter-spacing:1px; 
  color:#666; 
}

a img { border:none; }

p { margin: 0 0 10px 0; font-size:11px; }

acronym, abbr { 
  border-bottom:dashed 1px #FFF; 
  cursor:help; 
}

/* pseudo classes */

a:link, a:visited { text-decoration: none; color:#FFF; font-weight: bold; }
a:hover, a:active { text-decoration: underline; color:#F1F1F1; font-weight: bold; }



#navigation a:link, #navigation a:visited { background:#222; color:#999; text-decoration:none; }
#navigation a:hover, #navigation a:active { background:#000; color:#FFF; text-decoration:none; }

#navigation li a.current:link, #navigation li a.current:visited { background-color:#000; color:#FFF; text-decoration:none; }
#navigation li a.current:hover, #navigation li.a.current:active { background-color:#000; color:#FFF; text-decoration:none; }

#content h2 a:link, #content h2 a:visited { color:#69C; }
#content h2 a:hover, #content h2 a:active { color:#FFF; }

#content a:link, #content a:visited { color: #FFF; }
#content a:hover, #content a:active { color: #FFF; }

#subcontent a:link, #subcontent a:visited { color: #FFF; }
#subcontent a:hover, #subcontent a:active { color: #DDD; }

#footer a:link, #footer a:visited { color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover, #footer a:active { color:#FFF; background-color:inherit; }

/* layout */

#wrap {
  background:#000;
  border:2px solid #450;
  margin:20px auto;
  padding:1px 0;
  text-align:left;
  width:760px;
  color:#999;
  
  filter:alpha(opacity=82);
  -moz-opacity:.82;
  opacity:.82;
}

#header {
  margin:0 1px 1px 1px;
  background:#000;
  height:100px;
  width:758px;
  color:#fff;
}

#navigation {
  height:2.2em;
  line-height:2.2em;
  width:758px;
  margin:0 1px;
  background:#222;
  color:#999;
}

#bcrumbs { 
  margin:0 0 10px 0; 
}

#content{
  float:left;
  /* width:530px; */
  width:530px;
  font-size:0.9em;
  padding:20px 0 0 20px;
  text-align:justify;
}

.paginator {  
  margin: 0 0 10px 0; 
}

.commentsbox {
  padding: 1em;
  background-color: #0E0E0E;
  margin: 0 0 10px 0;
}

#footer{
  font-size:0.9em;
  color:#f0f0f0;
  background:#222;
  padding:5px 0;
  margin:0 1px;
  clear:both;
  width:758px;
}


/* presentation */


#bcrumbs img { vertical-align: middle; }

#header h1{
padding:0 0 0 20px;
font-size:2.4em;
background-color:inherit;
color:#CDE800;
letter-spacing:-2px;
font-weight:normal;
}   

#header h1 a:link, #header h1 a:visited {
  color: #CDE800;
  font-weight: normal;
  text-decoration:none;
}

#header h1 a:hover, #header h1 a:active { 
  color: #CDE800;
  font-weight: normal;
  text-decoration:none;
}

#header h2{
padding:15px 0 0 20px;
/*margin:10px 0 0 20px;*/
font-size:1.4em;
background-color:inherit;
/*color:#80a630;*/ color:#FFFFFF;
letter-spacing:-1px;
font-weight:normal;
}

#navigation ul {
  margin:0;
  padding:0; 
}

#navigation li {
  float:left;
  list-style-type:none;
  border-right:1px solid #999;
  white-space:nowrap;
}

#navigation li a {
  text-transform:uppercase;
  text-decoration:none;
  background-color:inherit;
  font-size:0.8em;
  font-weight:normal;
  display:block;
  padding:0 10px;
  color: #999;
}

* html #navigation a { width:1%; }

#content h2{
  background-color:inherit;
  font-weight:normal;
  letter-spacing:-1px;
  display:block;
  margin:0 0 16px 0;
  font-size:1.7em;
  color:#CDE800; /*#69C*/;

}

#content h2 a { font-weight:normal; }

#content h3{ 
  margin:0 0 5px 0; 
  font-size:1.4em; 
  letter-spacing:-1px;
  color:#CCC;
}

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

#content dl {
  margin:0 0 10px 10px;
}

#content dt {
  font-weight:bold; 
  margin-bottom:5px;
}

#content dd { 
  margin:0 0 10px 15px;
}

#content img[align=left] { 
  margin-right: 1em;
}

#content img[align=right] { 
  margin-left: 1em;
}


.plotline {
  text-align:center;
  font-size:1.2em;
  font-weight:bold;
  padding:2px 0 20px 0;
  color:#CDE800;
}

.hiddenpart {
  display:none;
}

/**************** Sidebar styles ****************/

#subcontent{
  padding:20px 20px 10px 0;
  line-height:1.4em;
  float:right;
  width:170px;
}

#subcontent h2{
  background-color:inherit;
  font-weight: normal;
  text-align:left;
  letter-spacing:-1px;
  display:block;
  margin:0 0 15px 0;
  font-size:1.6em;
  color:#CDE800;/*#69C;*/
}

#subcontent p {
  margin: 0 0 16px 0; 
  font-size:0.9em;
}

.menublock{ 
  margin:0 0 20px 8px; 
}
.menublock li {
  list-style:none; 
  display:block; 
  padding:2px; 
  margin-bottom:3px;
}

.menublock li a{ 
  background: url(images/feed-dark.gif) top left no-repeat; 
  padding: 3px 0 3px 20px;
  margin: 3px 0 0 0;
  font-weight: bold; 
  text-decoration: none; 
  display: block; 
}


.menublock li ul{ 
  margin:3px 0 3px 15px; 
  font-size:1em; 
  font-weight:normal;
}

#searchbar { margin:0 0 20px 0; }

/*
#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}*/

#searchbar .searchbutton {
  width:auto;
  padding:0 1px;
  border:1px solid #808080;
  font-size: 11px; 
  line-height: 14px;
  text-align:center;
}

#searchbar .searchfield {
  font-size: 11px; 
  line-height: 14px;
}


#footer p { 
  text-align: center;
  padding: 0; 
  margin: 0;
}

/* hompage classes */
.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}


.clear{ 
  clear:both;
}

.box{
  margin:0 0 20px 0;
  padding: 10px;
  border: solid 1px #333;
  background-color: #000;
  color: #999;
  line-height: 1.5em;
}

.box ul {
  margin: 0; 
  padding: 0;
}

.box li { margin-bottom: 3px; }

.date { 
  border-top: solid 1px #CCC; 
  padding-top: 4px; 
  color: #999; 
} 

.date img { 
  vertical-align:middle; 
  padding-right:5px; 
}

.smtxt { font-size: 9px; }


/* code coloring */
code .block { color:#0000FF; }
code .func { color:#339900; }
code .string { color:#FF0000; }
code .var { color:#0099FF; }
code .comm { color:#FF6600; }

code pre {
  font-family:'Courier New', Courier, monospace; 
  display:block;
}