/* --------------------------------------------   
      Common styles                               
----------------------------------------------- */

/* @GLOBAL */
.clear {clear: both; font-size: 0 !important;}
    
.l {float: left;}
.r {float: right;}

.right {text-align: right;}
.center {text-align: center;}

   /* thumb */
   .thumb {}
      
      /* thumb block */
      .thumb_block     {margin-bottom: 35px;}
      .thumb_block em  {display: block; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
      .thumb_block img {margin-bottom: 10px;}
      .thumb_block.last {margin-bottom: 0;}
      #content .thumb_block img {margin-top: 0;}
      
      .w20 .thumb_block em, .w25 .thumb_block em  {width: 125px;}
      
      .thumb_block.l {margin-right: 20px;}
      .thumb_block.r {margin-left: 20px;}

   .block.plate {margin-top: 20px;}
   .block.plate .thumb_block {margin-bottom: 20px;}
   
   .block.limited {max-width: 700px;overflow: visible;}
   .block.limited2 {max-width: 800px; overflow: visible;}

   /* font */
   
      .nowrap {white-space: nowrap;}
   
      /* desc */
      .desc {padding: 3px 0 2px 0 !important; font-size: 12px; line-height: 15px;}
   
      /* colorized */
      .colorized {background: white url('../images/bg_colorize.png') repeat-y 0 0; padding: 2px 4px; display: block; line-height: 15px;}
      .colorized.minor {font-size: 12px;}
      
      .front .colorized {background-image: url('../images/bg_colorize_front.png');}
      
      .front .colorized {display: inline;}
   
      #content .colorized {padding: 0 1px 1px;}
   
      /* date */
      span.date {}
      em.date {}
      
      /* highlight */
      .highlight {background-color: #FFEE78; padding: 0 3px;}

      /* plate */
      .plate {}
      
   .error {}
   .switch {}

   a.switch {text-decoration: none; outline: 0;}
   a.switch span {border-bottom: 1px dashed #1193de;}
   a.switch:hover span {}
   /*   a.switch:visited span {border-bottom-color: #9A80E3;} */

   .selector {}
   .notice {}
   .tip {}
   .none {}
   
   
   /* links */

      /* anchor */
      .anchor            {padding-right: 12px; text-decoration: none; background: transparent url('../images/anchor.png') no-repeat 100% 2px;}
      .anchor em         {border-bottom: 1px dashed #1193de; font-style: normal; line-height: 20px;}
      .anchor:hover   em {border-bottom-width: 0;}
      .anchor:visited em {border-color: #9A80E3;}
      
      /*h2.target {margin: 15px 0 0px; padding: 10px 0 10px;}*/

      /* interact */
      .interact {color: #1193de; border-bottom: 1px dashed #1193de; cursor: pointer;}
      .interact.important {font-size: 18px;}
      
      a.interact {text-decoration: none;}
      a.interact:visited {color: #9A80E3; border-color: #9A80E3;}
      
      .external {background: transparent url('../images/ico_external.png') no-repeat 100% 4px; padding-right: 12px;}
      
      /* link */
      .moar   {text-decoration: none; font-size: 12px; padding-right: 9px; background: transparent url('../images/arrow.png') no-repeat 100% 5px;}
      .moar a {font-size: 12px; }

   

   /* headers */
   h1.simple, h2.simple, h3.simple, h4.simple, h5.simple {margin: 0;}

   
   /* list */
   #content ul.simple    {padding: 0;}
   #content ul.simple li {padding-left: 0; background-image: none;}
   
   #content ul.minor li, #content ol.minor li {margin-bottom: 5px;}
   
   .incol ul li, .incol h3 {padding-right: 30px;}
   div.incol {margin-top: -10px;}
   h1.incol, h2.incol {padding-right: 30%;}

      /* ol */
      ol.simple {margin-left: 0;}

      ol.spec {margin-left: 20px; list-style: none; margin-top: 15px;}
      ol.spec strong, ol.spec span {padding-right: 10px; color: black;}
      
      #content ol.simple.spec.major    {font-family: Arial, Helvetica, sans-serif; margin-top: 20px; padding-left: 0;}
      #content ol.simple.spec.major li {font-size: 20px !important; margin-bottom: 20px; padding-left: 5px; margin-left: 0;}


   /* table */




/* @BLOCKS */

   /* project */
   .project         {float: left; margin-bottom: 20px;}
   .project a.thumb {display: block; width: 125px;}
   .project h4      {margin: 10px 0 0; }
   .project img     {display: block; margin-left: -1px; padding-bottom: 0 !important;}
   .project em      {color: #9f9fa2; line-height: 15px; display: block;}
   
   .project h4,
   .project em {padding-right: 30px;}
   

/* @COLS */
.col {}
.w3 {width: 3%;}
.w10 {width: 10%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w27 {width: 27%;}
.w29 {width: 29%;}
.w30 {width: 30%;}
.w33 {width: 33%;}
.w45 {width: 45%;}
.w50 {width: 50%; max-width: 400px;}
.w65 {width: 65%;}
.w60 {width: 60%;}
.w70 {width: 70%; max-width: 600px;}

.cols3 {margin-right: -10%;}



/* @FORM */
.form {
   padding: 0 0 35px 0;
   border: 1px solid #ECF1F2;
   border-width: 1px 0 1px;
   background: #FEFEFE url('../images/bg_form.png') repeat-x 0 100%; 
}

#feedback_form {}

   .form h2 {margin-bottom: 5px;}
   form .head {margin-bottom: 10px; line-height: 20px;}

   /* row */
   .row {padding-bottom: 22px;}
   
      /* label */
      .row label      {padding-top: 6px; float: left; width: 30%; text-align: right;}
      .row label span {padding-right: 10px;}
   
      /* field */
      .row .field {float: left; }
   
   
   /* input */
   input.text, textarea.text {padding: 4px 2px 3px; font-family: Tahoma; font-size: 14px;}
   input.text.error, textarea.text.error {border-color: #F50000; border-style: solid;}
   

      
   input.submit {font-size: 14px; padding: 3px 0; font: 100 16px Arial, Helvetica, sans-serif; }
   
      /* textarea */
      textarea.text {height: 147px;}
   
      input.text, 
      textarea.text {width: 100%; background-color: white}


   /* asterisk */
   .asterisk {color: #FE0F0F; font: bold 18px Tahoma, sans-serif; display: block;}
   .asterisk.important {padding-left: 15px;}
   .asterisk.minor {padding-left: 15px;}
   
   
   /*  header */
  .form .header {width: 48%; float: left; padding-bottom: 22px;}
  
   /*  footer */
   .form .footer input {margin-right: 15px; width: 120px;}
   .form .footer em {font-style: normal;}
  
      .form .header, 
      .form .footer {margin-left: 30%;}
      
   /* note */
  .form .note      {float: left; width: 16%; margin-top: 45px; font-size: 12px;}
  .form .note span {display: block; margin-top: -5px;}




/* @LOCAL */
.wrap {}

   /* major */
   .major {}

   /* minor */
   a.minor, span.minor {}
   span.minor {color: #999}
   p.minor {}
   
   /* important */

   
   /* note */
   a.note          {text-decoration: none;}
   a.note em       {text-decoration: underline; font-style: normal;}
   a.note:hover em {text-decoration: none;}
   a.note span     {text-decoration: none; color: #787878;}
   
   span.note {}
   
   
  
p.minor {font-size: 12px; line-height: 16px;} 
p.major.header {font-size: 16px; font-family: Arial, Helvetica, sans-serif;}
   
.vcard {line-height: 20px; padding-top: 4px; padding-bottom: 5px;}
   




   /* clearing fix */
    .block,
    #menu ul li,
    #foot,
    #site_map .in,
    ul li.ico div,
    .project_info dd ul li,
    .navigator .prev a, .navigator .next a,
    .project_info,
    #clients ul,
    #content,
    .posts_list li,
    .row,
    .contact,
    div.s {overflow: hidden;}