CSS do ENECOMP 2009

%STARTINCLUDE%

/**************************************************
    body
**************************************************/

body {
   background:#fff url('%ATTACHURL%/body.jpg') repeat-x;
   background-position:0 0;
        color: #555;
   font:100.1%/1 Verdana, Arial, Helvetica, sans-serif;
   margin:0;
   padding:0;
   text-align:center;
}

/**************************************************
    general
**************************************************/

a {
   background:transparent;
   /*color:#b484da;*/
       color: #748;
   text-decoration:none;
}

a:hover {
   color:#666;
}

abbr {
   cursor:help;
}

blockquote {
   background:#f1f1f1;
   border-left:2px solid #7534aa;
   color:#444;
   font-style:italic;
   margin:0 0 0 0px;
   padding:0 0 0 0px;
}

img {
   border:0;
}

textarea {
   overflow:auto;
}

tt {
   background:transparent;
   color:#000;
   font:1.2em Monospace;
}

   /**************************************************
       classes
   **************************************************/

   .clear {
      clear:both;
   }

   .floatleft {
      float:left;
   }

   .floatright {
      float:right;
   }

   .marginbottom {
      margin:0 0 10px;
   }

   .marginleft {
      margin:0 0 0 5px;

   }

   .marginright {
      margin:0 5px 0 0;
   }

   .margintop {
      margin:5px 0 0;
   }

/**************************************************
    container
**************************************************/

#container {
   font-size:.7em;
   line-height:2;
   margin:0 auto;
   text-align:left;
   width: 770px;
}

#container:after {
   clear:both;
   content:'.';
   display:block;
   height:0;
   visibility:hidden;
}

/**************************************************
header
**************************************************/

#header {
   background:url('%ATTACHURL%/header.jpg');
   height:320px;
   margin:0 auto;
   position:relative;
   width: 770px;
}

#header img {
  float: left;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

#header h1 {
   color: #748;
   font-size: 2.5em;
   font-weight: bold;
   line-height: 35px;
        letter-spacing: -1px;
   margin: 0;
   padding: 10px 0px 5px;
}

#header ul {
        /*border:2px solid yellow;*/
        position: absolute;
        top: 100px;
        left: 0px;
   width:140px;
   height:200px;
   list-style:none;
   margin:0;
        Xmargin-top: 15px;
   overflow:hidden;
   padding:0;
}

#header ul li {
   font-size:1.2em;
   font-weight:700;
}

#header ul li a {
   background:transparent;
   color:#fff;
   display:block;
   line-height:40px;
   padding:0 10px;
   width:190px;
}

#header ul li a:hover {
   background:#b484da;
   color:#eee;
}

#header ul li a.selected {
   /* current page */
}
      
/**************************************************
header -> foto-top
**************************************************/

#foto-top {
   width: 382px;
   height: 230px;
   position: absolute;
   right: 100px;
   top: 91px;
        background: url(%ATTACHURL%/laptops.jpg);
}

/**************************************************
content
**************************************************/

#content {
        float:left;
   width:450px;
        text-align: justify;
}

.msie6 #content {
        float:left;
   width:420px;
        text-align: justify;
}

#content p {
   margin:0;
   padding-top:5px;
}

#content h2 {
   border-bottom:2px solid #7534aa;
   color:#444;
   font-size:1.6em;
   font-weight:400;
        line-height:1.75;
   margin:0;
   padding:0 5px;
}

#content h3 {
   border-bottom:1px solid #7534aa;
   color:#444;
   font-size:1.4em;
   font-weight:400;
   line-height:1.75;
   margin:0;
   padding:0 5px;
}

/**************************************************
sidebar
**************************************************/

#sidebar {
       /*border: 2px solid yellow;*/
       float:left;
       width:130px;
       margin-right: 20px;
}

.msie6 #sidebar {
       float:left;
       width:130px;
       margin-right: 10px;
}

#sidebar h3 {
   border-bottom:2px solid #7534aa;
   color:#444;
   font-size:1.6em;
   font-weight:400;
   line-height:1.75;
   margin:0;
   padding:0 5px;
}

   #sidebar p {
      background:#f1f1f1;
      display:block;
      font-size:.9em;
      margin:10px 0;
      padding:10px;
   }

   #sidebar p a.more {
      display:block;
      text-align:right;
   }

   #sidebar ul {
      margin:10px;
      padding:0;
   }

   #sidebar ul li {
                text-align: center;
      list-style:none;
   }

   #sidebar ul li a {
      color:#555;
      display:block;
      padding:5px;
      text-decoration:none;
   }

   #sidebar ul li a:hover {
      color:#000;
   }

      /**************************************************
         sidebar -> form
      **************************************************/

      #sidebar form {
         margin:0;
      }

      #sidebar form p {
         background:0;
         margin:0;
      }

      #sidebar form p input {
         color:#555;
         font:1.1em/1.1 Verdana, Arial, Helvetica, sans-serif;
         height:1.1em;
         line-height:1;
         padding:3px;
         width:100px;
      }

   /**************************************************
       staff
   **************************************************/

   #staff {
      float:right;
                width:140px;
   }

   .msie6 #staff {
      float:center;
                width:140px;
   }

   #staff h3 {
      border-bottom:2px solid #7534aa;
      color:#444;
      font-size:1.6em;
      font-weight:400;
      line-height:1.75;
      margin:0;
      padding:0 5px;
   }

   #staff p {
      background:#f1f1f1;
      display:block;
      font-size:.9em;
      margin:10px 0;
      padding:10px;
   }

       #staff a{
                color: #748;
       }

   #staff p a.more {
      display:block;
      text-align:right;
   }

   #staff ul {
      /*border-bottom:1px solid green;*/
      /*margin:10px;*/
      padding:0;
   }

   #staff ul li {
      list-style:none;
      padding:5px 2px 0px 5px;
   }

   #staff ul li a {
      /*color:red;*/
      display:block;
      padding:5px;
      text-decoration:none;
                text-align: center;
   }

   #staff ul li a:hover {
      color:#000;
   }

   /**************************************************
       footer
   **************************************************/

   #footer {
      clear:both;
      margin:10px auto 0;
      width:800px;
   }

   #footer p {
      border-top:2px solid #7534aa;
      color:#555;
      font-size:.9em;
      line-height:2em;
      margin:0;
      padding:10px;
      text-align:center;
   }

#wiki-bts {
  float: left;
  font-size: 12px;
}

#wiki-bts ul{
  list-style:none;
  margin:0;
  padding-left: 5px;
  text-align:left;
}

   /**************************************************
       search
   **************************************************/

#search { 
  margin-top: 5px;
  text-align: center;
  width: 135px;
  border: 1px solid;
}

%STOPINCLUDE%