/*
Theme Name: ISB.2.0
Author: Maya Georgieva - maya.z.georgieva@gmail.com
Author URI: http://ffox.fccf.net/
*/

/*    0.HACKS

   /* ******* CLEARFIX  ********/
   .clearfix:after {
       content: ".";
       display: block;
       clear: both;
       visibility: hidden;
       line-height: 0;
       height: 0;
   }
   .clearfix { display: inline-block; }
   html[xmlns] .clearfix { display: block; }
   * html .clearfix { height: 1%; }
   /* ******* clearfix  ********/

   * { margin: 0; padding: 0;}
   html, body {height: 100%;}
   body {
      font-size: 1.1em;
      font-size: 10px;/* 76% resets 1em to 12px; 62.5% resets to 10px; */
      font-family: verdana, arial, helvetica, sans-serif; 
   }

/* 1.STRUCTURE */

   #wrap {
      position: relative;
      width: 750px;
      margin: 75px auto 0;
      border: 10px solid #D8D8D8;
      background: #fff;
   }

   #head {
      position: relative;
      height: 184px;
      padding-top: 12px;
      background: #fff url('images/hdr_default.jpg') top center no-repeat;
      border-top: 7px solid #aaa;
      border-left: 1px solid #bfbfbf;
      border-right: 1px solid #bfbfbf;
      border-bottom: 1px solid #bfbfbf;
   }

/* lang bar*/
   #lang {
      width: 50px;
      position: absolute; top: -7px; right: 7px;
      padding-top: 10px;
      background: #fc0;
      text-align: center;
   }

   #lang ul {height: 15px; border-left: 1px solid #fff;}
   #lang ul li {
      height: 10px;
      padding: 0 4px;
      border-right: 1px solid #fff;
      font-weight: bold;
      text-transform: uppercase;
      color: #369;
   }
   #lang ul li a {color: #fff;}
   #lang ul li a:hover {color: #666;}

   /* GENGO Styles */

   a.gengo_lang_bg, a.gengo_lang_en {
      text-transform: uppercase;
   }

   div.page_nav ul {
      list-style: none;
   }

   li.page_item {
      font-size: 1.2em;
      font-weight: normal;
      text-transform: capitalize;
   }

/* end languages*/


/* second tier navigation */
   #small_nav {
      position: absolute; bottom: 0; right: 0;
      height: 18px;   width: 490px;
      padding: 2px 3px 0 0;
      background: #fff;
      overflow: hidden;
   }

   #small_nav li{
      height: 10px;
      margin-top: 2px;
      padding: 2px 10px;
      float: right;
      border-left: 1px solid #aaa;
      
      line-height:10px;
      letter-spacing: 1px;
      font-size: 10px;
      font-family: arial;
      font-weight: normal;
      text-transform: uppercase;
      color: #666;
   }

   #small_nav li a{ color: #000; text-decoration: none;}
   #small_nav li a:hover { color: #f63;}
/* end */


   #head_phrase {
      position: absolute; bottom: 10px; left: 0;
      height: 50px;
      width: 235px;
      overflow: hidden;
      background: #a0a0a0;
   }

/* sections navig */
   * #horiz_nav {
      height: 34px;
      background: #fff url('images/horiz_nav_bck_def.png') bottom left repeat-x;
   }
   *>#horiz_nav {height: 32px;}
   
   #horiz_nav ul {
      height: 25px;
      list-style: none;
      background: #fff;
      border-bottom: 1px solid #fff;
   }

   #horiz_nav ul li {
      display: inline;
      height: 25px;
      float: left;
      width: 249px;
      margin-right: 1px;
   }
/* end main sections nav*/

   #sub_hdr {
      margin: 0; padding: 3px 20px;
      color: #fff;
      background: #aaa;
      text-transform: uppercase;
   }

   #footer {
      width:750px;
      height: 40px;
      background: #fff; 
      font-size: 10px;
      color: #fff;
   }
   #footer div, ul {height: 20px;}
   #footer span, #footer span a {color: #aaa; padding-left: 5px; text-transform: uppercase;}
   #footer ul {background: #aaa; color: #fff; list-style: none; padding-left: 10px;}
   #footer ul li {display: inline; height: 22px; line-height: 20px; padding-right: 7px;}

   /* end Structure */


/* TEXT ELEMENTS */

/* Links */
   a {color: #f96; text-decoration: none;}
   a:hover {color: #f63; text-decoration: underline;}

   a.white {color: #fff;}
   a.white:hover { color: #ff9;}

   a.black {color: #ff9;}
   a.black:hover { color: #ff9;}

   a.yellow {color: #ff9;}
   a.yellow:hover { color: #f96;}

   a.small, a.small:hover {font-size: 10px; font-family: verdana, helvetica, sans-serif; text-decoration: none;}
/*end Links styles*/


/* predef */

   h1, h2 { font-size: 1.6em;}

   h3 {
      color: #E0542F;
      font-family: arial, helvetica, sans-serif;
      font-size: 1.4em;
      text-transform: capitalize;
   }

   h4 { font-size: 1.2em; margin-top: 5px;}
   h5 { font-size: 1.1em; margin: 0;}
   h6 { margin: 2px 0;
        font-size: 0.9em; 
        font-family: verdana, helvetica, sans-serif; 
        text-transform: uppercase;
   }

   strong { font-weight: bold; font-size: 10px; text-transform: uppercase; font-family: verdana, helvetica, sans-serif;}

   p {
      margin: 0.5em 0 0 0;
      font-family: verdana, helvetica, sans-serif;
      font-size: 1em;
      color: #666;
   }

/* LISTS */
   ul {list-style: none;}

   ul.line {list-style: none;}
   ul.line li {display: inline; float: left;}
   ul.children {list-style: circle; list-style-position: inside;}

/* end predefined elements styles*/

/* fileds and posting styles*/

   div.col_3:first-line {margin-left: 0;}

   #projects_small {
      float: left;
      width: 230px;
      text-align: center;
      margin-top: 0px 0 10px 0;
      padding: 0;
   }

   div.thumb_small {
      width: 76px; /*208*/
      height: 76px; /*95*/
      overflow: hidden;
      float: left;
      margin: 0 0 15px 15px; /*1em 20px 0 20px;*/
      padding: 0;
      background: #fff;
      border: 7px solid #e0e0e0; /*1px #aaa*/
      text-align: center;
   }

   div.thumb {
      width: 176px;
      height: 76px;
      overflow: hidden;
      margin: 0 20px 10px 20px;
      padding: 0;
      background: #fff;
      border: 7px solid #e0e0e0; /*1px #aaa*/
      text-align: center;
   }
   div.thumb:hover, div.thumb_small:hover {border-color: #fc0; cursor: pointer;}

   div.thumb img, div.thumb p{ margin: 0 auto; border: 0; padding: 0;}
   div.thumb_small img, div.thumb_small p{ margin: 0 auto; border: 0; padding: 0;}

   #projects .thumb {margin-left: 0px;}
   #projects {
   padding: 14px 20px;
   }


   div#content {
      font-size: 1.1em; /* 11px verdana */
   }

   .tooltip {
      /*display: none;*/
      position: absolute; top: 2px; left: 50px;
      padding: 7px;
      border: 1px solid #aaa;
      background: #fff;
   }

   div.snippet {
      position: relative;
      line-height: 1.3em;
   }

   .normal div.snippet { height: 240px;}
   .medium div.snippet {height: 295px;}
   .tall div.snippet { height: 340px;}
   .column div.snippet {height: 390px;}

   div.snippet img.page_head {
      position: absolute; bottom: 0;
   }

   div#projects a {color: #E0542F; text-decoration: none;}
   div#projects a:hover {color: #f63; text-decoration: underline;}

/* fields sizes */

   div.moreLink {
      width: 200px; 
      position: absolute; bottom: 0px;
      padding-right: 1em; 
      background: #fff; 
      text-align: right;
   }

   div.short {height: 150px;   overflow: hidden;}
   div.normal {height: 250em;   overflow: hidden;}
   div.medium {height: 300px;   overflow: hidden;}
   div.tall {height: 350px;   overflow: hidden;}
   div.column {height: 400px;   overflow: hidden;}

   div.text_fld {   
      background: transparent url('images/shade_corner') top left no-repeat;
      border-left: 1px solid #f0f0f0;
      padding-bottom: 20px;
   }

   div.col_1 { /* col_1 defines a 1-column text field */
      width: 209px;
      float: left;
      position: relative;
      padding: 0.8em 20px 1.1em 20px;
      border-bottom: 1.2em solid #fff;
   }

   div.col_2 {/* col_2 defines a 2-column text field */
      width: 459px;
      float: left;
      position: relative;
      padding: 14px 20px;
      border-bottom: 1.2em solid #fff;
   }

   div.col_3 {/* col_3 defines a 3-column text field */
      width: 709px;
      float: left;
      position: relative;
      padding: 14px 20px;
      border-bottom: 1.2em solid #fff;
   }

   div.col_1 h2, div.col_2 h2, div.col_3 h2 {
      height: 25px;
      position: absolute;
      top: 0; left: 0;
   }

   h2.col_1 {width: 250px; }
   h2.col_2 {width: 500px; }
   h2.col_3 {width: 750px; }
   
   div.borderDiv {
      width: 449px;
      border: 5px solid #ccc;
      padding: 14px 20px;
   }

 #pageNavLinks {
   padding: 5px 0;
   border-top: 1px solid #ccc;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 10px;
 }
 #pageNavLinks a {color: #aaa;}

/* end text elements*/


/* COLORS and TEXT STYLES */

   .fRight {float: right; margin-left: 9px;}
   .fLeft {float: left; margin-right: 9px;}

   .small {font-size: 10px; font-family: verdana, helvetica, sans-serif; text-decoration: none;}
   .date {text-transform: capitalize; margin-bottom: 10px;}

/* background */

   .bckWhite {background: #FFF;}
   .bckPurple {background: #770B63 url('images/bck_grad_purple.jpg') top left repeat-x;}
   .bckRedWine {background: #601 url('images/bck_grad_red.jpg') top left repeat-x;}
   .bckBrick {background: #E0542F;}
   .bckGold {background: #FC0;}
   .bckGoldDark {background: #DA8D00 url('images/bck_grad_yellow.jpg') top left repeat-x;}
   .bckAqua {background: #92C0F6;}
   .bckAquaDark {background: #1C5082 url('images/bck_grad_blue.jpg') top left repeat-x;}
   .bckGreen {background: #5E0; }
   .bckGreenDark {background: #2A690B url('images/bck_grad_green.jpg') top left repeat-x;}
   .bckGrayLight {background: #f0f0f0;}
   .bckGray {background: #eee;}
   .bckGrayDark {background: #ccc;}

   .colWhite {color: #fff;}
   .colGrayLight {color: #ccc;}
   .colGray {color: #aaa;}
   .colGrayDark {color: #666;}
   .colOrange { color: #f96;}
   .colBrick {color: #E0542F;}
   .colRed {color: #900;}
   .colRedWine {color: #601;}
   .colGold {color: #FC0;}
   .colGoldDark {color: #DA8D00;}
   .colAqua, colAqua a {color: #92C0F6;}
   .colAquaDark, a.colAquaDark, .colAquaDark a {color: #369;}

.opaque {
   filter:alpha(opacity=85);
   -moz-opacity:.85;
   opacity:.85;
}
   /* end Colors*/



/* ====== tips and tricks ====== */
.col_1 .col_1 { padding: 0;}
.col_3 .col_3 { padding: 0;}
.col_2 .col_2 { padding: 0;}