body  {
  background-image: url(/images/site/background-damask.jpg);
  background-color: #4c2132;
  color: #dcdcdc;
  font-family:  sans-serif;
  font-size: 12px;}

h1  {
  background-color: #DE9853 /*#5a6965*/;
  border-bottom: 2px dotted #283339; 
  color: #9BBBD2; 
  font-size: 1.3em;
  font-weight: bold;
  margin: 0; 
  padding: 4px 30px 5px 30px;
 text-shadow: 0 0 0 #000;
} 

h2  {
/*   background-color: #557485;  */
  border-bottom: 2px dotted #283339;
  color: #000000; 
/*   color: #283339; */
  font-size: 1.2em; 
  font-weight: bold;
  margin: 0; 
  padding: 17px 30px 0 30px;
  text-shadow: 0 0 0 #000;
}

h3  {
  background-color: #557485;  
  color: #283339; 
  font-size: 1em;
  font-weight: bold; 
  margin: 0;
  padding: 17px 30px 0 30px;
  text-align: center;
  text-shadow: 0 0 0 #000;
}



p    {
  /*font-size: 1em;*/ 
  line-height: 140%; 
  text-shadow: 0 0 0 #000;}

p a  {
  color: #dfdfdd; 
  text-decoration: underline; 
  text-shadow: 0 0 0 #000; }

img {border: 0;}

big {font-size: 160%; font-weight: bold;}

pre {margin: 0; padding: 0;}

.center       {text-align: center;}
.right        {text-align: right;}
.clear        {clear: both;}
.clearleft    {clear: left;}
.clearright   {clear: right;}
.inline       {display: inline;}
.left_inline  {display: inline; float: left;}
.right_inline {display: inline; float: right;}
.hidden       {visibility: hidden;}
.smaller      {font-size: 90%;}

#smalldivision li.nomar {margin: 0;}

hr.translateme {color: #ccffff; height: 4px;}
 


#containcontent {
  margin-right:auto;
  margin-left:auto;
  margin-top:10px;
  padding:0px;
  text-align:left;
  width: 760px;
}




/* --- ----------------------------------------- --- */
/* --- ----- BANNER -------------------------------- */
/* --- ----------------------------------------- --- */
#banner {
  background-image: url(/images/site/banner.jpg); 
  background-color: #dfdfdd; 
  background-repeat: no-repeat; 
  height: 200px;
 }




/* --- ----------------------------------------- --- */
/* --- TEXT MENU --- */
/* --- ----------------------------------------- --- */
#textmenu     {margin: 0;  text-align: right; padding: 0 14px 0 0; margin: 0;}
#textmenu ul  {display: inline; list-style-type: none;  } 
#textmenu li  {display: inline; } 

    #textmenu a:Link    {color: #ffffff; font-size: 12px; padding: 5px 3px 0 3px; text-decoration: none;}
    #textmenu a:Visited {color: #ffffff; font-size: 12px; padding: 5px 3px 0 3px; text-decoration: none;}
    #textmenu a:Hover   {color: #ffffff; font-size: 12px; padding: 5px 3px 0 3px; text-decoration: none;}
    #textmenu a:Active  {color: #ffffff; font-size: 12px; padding: 5px 3px 0 3px; text-decoration: none;}





/* --- ----------------------------------------- --- */
/* --- VERTICAL NAVIGATION --- */
/* --- ----------------------------------------- --- */
#vnav     {margin: 0; padding: 0;}

.nav        {font-size: 12px; padding: 9px 0 0 0 ; }
ul.nav      {float: right; text-align: right; margin: 0}
.nav li     {background-color: #994466; border-bottom: 1px solid #dcdcdc; list-style-type: none; }
#vnav li a  {display: block; color: #dfdfdd; padding: 4px 14px; text-decoration: none; }

#vnav li a:link     {background-color: #994466; text-decoration: none;}
#vnav li a:visited  {background-color: #994466; text-decoration: none;}
#vnav li a:hover    {background-color: #77354F; text-decoration: none;}
#vnav li a:active   {background-color: #994466; text-decoration: none;}




/* --- ----------------------------------------- --- */
/* --- MAIN CONTENT --- */
/* --- ----------------------------------------- --- */

#content {
  background-color: #000000;  
  margin: 0; 
  padding: 0; 
  width: 100%;
}

#content p {
  margin: 0; padding: 10px 30px 20px 30px;}

/*#content .dropcap {background-color: #d79b53; border: 1px solid #000000; float:left; font-size: 38px; font-weight: bold;
                   margin: 1px 3px; padding: 0 5px 2px 5px;}*/

#content pre {
  color: #ffffff; 
padding: 4px 10px;
  }

#content ul {
  margin: 0; 
  padding: 0px 30px 0px 30px;
}

#content li {
  color: #dcdcdc; 
  margin: 0px 40px; 
}



/* --- ----------------------------------------- --- */
/* --- LOGIN / LANGSWITCHER BAR ------ */
/* --- ----------------------------------------- --- */

div#langswitcher {
  background-image: url(/images/site/background-login.jpg);
  margin: 0;
  padding: 0;
  padding-right: 30px;
  text-align: right;}

#langswitcher p {
  background-color: transparent;
  color: #000000;
  padding: 4px 14px 4px 0;
  }

#langswitcher img {padding: 4px 2px 2px 2px;}


/* --- ----------------------------------------- --- */
/* --- SUB DIVISION --- */
/* --- ----------------------------------------- --- */


#left-content {
  float: left; 
  margin: 0 0 17px 0px; 
  width: 500px; 
}

#subdivision {
/*   background-color: #557485; */
/*   background-color: #4079A6; */
  background-color: #3A6E96;
}

#subdivision h1  {
  background-image: url(/images/site/subdivision-upper-right.gif); 
  background-position: right top; 
  background-repeat: no-repeat; 
  background-color: #C99F55 /*#669943*/;
/*   background-color: #434E4B;  */
  color: #000000;
/*   color: #9BBBD2;  */
  margin: 13px 0 0 0; 
  padding: 8px 0 5px 20px;
}


#subdivision blockquote  {
  background-image: url(/images/site/background-login.jpg);
  margin: 0;
  padding: 1em; 
}

#subdivision blockquote p {
/*   background: transparent; */
  color: #000000; 
  font-size: 140%; 
  font-weight: bold;
  font-style: italic; 
  padding: 10px;}

#subdivision img {
/*   border: 4px solid #557485; */
  float: left;
  margin:  .05em 1em;
}

#subdivision  ul, #subdivision ol {  
  clear: both; 
  margin: 0; 
  padding: 10px 0 20px 0px;
}

#subdivision  li {
  border-bottom: 0px dotted #ffffff; 
  color: #dcdcdc;  
  margin: 0 20px 3px 60px; 
  padding: 5px 3px;
}


#subdivision div.code {
  background-color: #000000; 
  border: 1px solid #dcdcdc;
  margin: 0; 
  padding: 0;
}

#subdivision ul#radiant-extensions {
  background-color: }




/* --- ----------------------------------------- --- */
/* --- SMALL DIVISION --- */
/* --- ----------------------------------------- --- */
#smalldivision {
/*    background-image: url(/images/site/background-login.jpg);   */
    float: right;  color: #dfdfdd; margin: 20px 1px 17px 0; width: 237px;}


#smalldivision .box {
/*   background-image: url(/images/site/background-sponge.jpg);  */
/*   background-repeat: no-repeat; */
/*   border-top: 7px solid #669943;  */
  margin-bottom: 1.6em;

}

#smalldivision h1 {
  background-color: #9DA9AD;
  color: #000000;  
  font-size: 16px; 
  margin: 0; 
  padding: 3px 15px 3px 5px; 
  text-align: right;}

#smalldivision h2 {
   background-color:   /*#6B2D51*/ /*#669943*/ #806536; 
  color: #dfdfdd;  
  font-size: 90%;
  margin: 0; 
  padding: 1em .5em 0 .5em;} 

#smalldivision p    {
  background-color: #557485;
  font-size: 90%;  
  margin: 0; 
  padding: 10px 15px; 
  text-align: left;
}

#smalldivision ul   {background-color: transparent; list-style-type: none; margin: 0 0 30px 0; padding: 0;}

/* --- smalldivision Lists --- */

#smalldivision li        {
  background-color: #E2E0E6; /*#e0e8e5;*/
/*   background-color: #434e4b; */
/*   background-color: #224444;  */
  border-bottom: 1px solid #224444;
  color: #000000; 
  display: block; 
  font-size: 85%;  
  margin: 0 0 2px 0; 
  padding: 4px 10px; 
  text-align: right;
}
#smalldivision li a      {
  padding: 4px 10px; 
  text-decoration: underline;}

#smalldivision li:hover  {
  background-image: none;
  background-color: #ffffff;
/*   background-color: #557485;  */
  border-bottom: 1px solid #000000; 
  color: #000000; 
  padding: 4px 10px;  
  text-decoration: none;
}

#smalldivision li p {
  background-color: transparent; 
  margin: 0; 
  padding: 0; 
  text-align: right;
}



#smalldivision img  { float: right; padding: 1em 0;}


/* --- SINGLE COLUMN LAYOUT --- */

#onecol {background-color: #3A6E96;
  margin-top: 8px;}

#onecol h1 {color: #000000; font-size: 200%;}

#onecol ul {
  margin: 1em 0;
  padding: 1em 0;}







/* --- BLOG ---  */

#blogdivision blockquote {
  background-color: #dcdcdc;
}

#blogdivision blockquote p {
  color: #000000; 
  font-size: 100%; 
  font-style: italic; 
  padding: 10px;
}

#blogdivision p.citation {
  font-size: 90%;
   text-align: right;
}

#blogdivision p.citation a:link    {color: #000000;}
#blogdivision p.citation a:visited {color: #000000;}
#blogdivision p.citation a:hover   {color: #000000;}
#blogdivision p.citation a:active  {color: #000000;}





/* --- FOOTER ---  */

div#footer {
  clear: both;
  color: #dcdcdc; 
  font-size: 10px;
  padding: 0 0 20px  0;
  text-align: center; 
  text-shadow: 0 0 0 #000;
}

div#footer a {color: #ffffff;}



/* --- AFTERTHOUGHTS --- */

span.versioninfo {display: block; font-size: 90%; font-style: italic; margin-bottom: 17px;}

#banner, #textmenu, #vnav, #langswitcher {display: hide;}