/* Style for Global Link (C)2011 june-july - www.pa-ket.com
=========================================================== */
/* http://meyerweb.com/eric/tools/css/reset/  */
html, body, div, span, applet, object, iframe,
blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, ol, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; vertical-align: baseline;
}
table { border-collapse: collapse; border-spacing: 0; }
footer, header, section, aside, nav, article { display: block; } // for ie

// LAYOUT AND MAIN STUF
/////////////////////////
@mainpad: 40px;

.shadow(@radius, @color, @dir-left: 0px, @dir-top: 0px) {
  box-shadow: @dir-left @dir-top @radius @color;
  -moz-box-shadow: @dir-left @dir-top @radius @color;
  -webkit-box-shadow: @dir-left @dir-top @radius @color;
  -o-box-shadow: @dir-left @dir-top @radius @color;     
  behavior: url('/wp-content/themes/gl/pie.php');
}
.round(@top-px, @bot-px) {
  border-radius: @top-px @top-px @bot-px @bot-px;
  -webkit-border-radius: @top-px @top-px @bot-px @bot-px;
  -moz-border-radius: @top-px @top-px @bot-px @bot-px;
  behavior: url('/wp-content/themes/gl/pie.php');  
}
.transition(@prop, @time, @delay: 0s) {
  transition: @prop @time @delay;
  -o-transition: @prop @time @delay;
  -moz-transition: @prop @time @delay;
  -webkit-transition: @prop @time @delay;
}


/* !MAIN LAYOUT */

body {
  min-height: 100%;
  background: #d2d0d0 url(img/bgshade.png) repeat-y center top;
}

// frontpage
body.home {
  div#logo { background-image: url(img/logohome.jpg); }
  //#logo #anim { position: absolute; width: 520px; /* 830 */ height: 150px; right: 0; top: 1px; overflow: hidden;
  //  b { font: normal 20px SansationRegular, Arial; position: absolute; top:0px; left: -520px; display: none; }
  //}
}

// position footer always @ bottom + minimal jquery js to resize wrapper-content
//#wrapper-out { min-height: 100%; position: absolute; min-width: 100%; }
//#wrapper { height: 100%; z-index: 10; padding-bottom: 27px; }
//#wrapper-foot { width:100%; position: absolute; bottom: 0; height: 27px; z-index: 11; }
//footer { width: 1000px; margin: 0 auto; }

#wrapper { // gave it wings
  width: 1000px; margin: 0 auto; position: relative;
  border-right: 1px solid #c2d5f3;   border-left: 1px solid #c2d5f3;
  #topleft, #topright { width: 8px; height: 233px; position: absolute; top: 0px;
    background: url(img/topsides2.png) no-repeat left top;}
  #topleft {left: -8px;}
  #topright { background-position: -10px 0; left: 1000px; }
}


#wrapper-content {
  position: relative;
  margin-top: -45px; z-index: 9;
  overflow: hidden;
  background: #fff url(img/sep-right2.png) repeat-y 650px 0;  
  #spacer {  
    display: none;
    position: absolute; // to fill all inside space ;)
    left: 0; top: 0;
    width: 36px; height: 100%; background: url(img/bgspacer.png) repeat-y left top; 
    border-right: 1px solid #c2d5f3;    
  } 
}
section#content {
  float: left;
  //margin-left: 37px; // for spacer
  width: 570 + 37px; // 632 full
  padding-left: 45px;
  padding-top: 55px; 
  padding-bottom: 30px;
}
aside { 
  position: relative;
  font-size: 95%;
  float: right;
  padding-right: 45px;
  padding-top: 60px;
  width: 200px; // 330 full
  .box { margin-bottom: 2em; }
  .box ul { list-style-image: url(img/dot1.png); }
  li.current_page_item { font-weight: bold; }

}
nav ul { margin-left: 45+37px; } // pos nav



/* !ELEMENTS */
header { position: relative; z-index: 10;
  #top { width: 100%; height: 27px; background: url(img/bgtop.jpg) no-repeat left top; 
    color: #fff; font: 1.3em/27px 'SansationRegular'; padding-left: @mainpad; 
  }
  #logo a, a#quote, #social a { text-indent: -999em; display: block; }
  div#logo { width: 100%; height: 152px; background: url(img/logo.jpg) no-repeat left top;
    position: relative;
    a { width: 410px; height: 110px; background: url(/fcuk/ie/piece/of/turd) no-repeat; position: absolute; left: 60px; top: 5px;}
  }
  a#quote { width: 150px; height: 76px; position: absolute; right: 150px; top: 142px; 
    background: url(img/rquote-spr2.png) no-repeat left top;
    &:hover { background-position: -150px 0; } }
  #social { position: absolute; width: 110px; height: 25px; right: 30px; top: 185px;
    font-size: 0; *right: -35px; // ie7 fix
    a { display: inline-block; width: 27px; height: 25px; margin-left: 9px; &:first-child { margin-left: 0; }
      &.twitter { background: url(img/logo-t.png) no-repeat left top; }
      &.linkedin { background: url(img/logo-li.png) no-repeat left top; }
      &.facebook { background: url(img/logo-f.png) no-repeat left top; }            
    }
  }
  
  nav {
    font: 1.2em/32px 'QuicksandBook';
    height: 45px; width: 100%;
    background: url(img/bgtop2.png) no-repeat left top;
    ul { list-style-type: none; }
    ul li { margin: 0;
      display: inline-block; *display: inline; zoom: 1;
      a { color: #2136af; }
      &.current_page_item a, &.current-page-ancestor a, a:hover { color: lighten(#2136af, 25%); text-decoration: none; }       
    }
    ul#menu-main > li {   
      background: url(img/dot1.png) no-repeat 4px center;
      padding-left: 20px;
      &:first-child { background: none; padding-left: 0;}
    }
    ul > li:hover > ul { left: auto; opacity: 1; .transition(opacity, 0.5s); } // hover open sub.
    ul ul { // 2nd level
      margin:0; margin-left: -20px; *margin-left: -100px; *margin-top: 15px;
      position: absolute; display: block; left: -999em; opacity: 0;
      background: #ccc url(img/bgmenusub.png);
      > li { line-height: 1.2; display: block; width: 200px;
        padding: 0 10px;
        a { color: #2136af !important; display: block; width: 100%;  padding: 5px 0; border-top: 1px solid lighten(#2136af, 50%); position: relative; }
        a:hover { color: lighten(#2136af, 25%) !important; }
        &:first-child > a { border: none; }
      }
    }
    // sub-sub menus (uses jquery to find and add a > b
    ul ul > li:hover > ul { left: 200px; margin-top: -16px; }
    ul.children ul.children { // 3rd level (oh fuck) ie7 fix, etc.
      z-index: 5;
      border: 1px solid lighten(#2136af, 50%); 
    }
    ul ul {
      li a b { font-weight: normal; float: right; *margin-left: 1em; *float: none; }
    }
     
  }
  
}

footer {
  position: relative;
  height: 27px; background: url(img/bgbot.jpg) no-repeat left top; 
  color: #fff; font: 1em/27px 'SansationRegular'; 
  .contact { position: absolute; left: @mainpad; }
  .copyright { position: absolute; right: @mainpad; a { color: #87bcd4;} }
}

.breadcrumb-trail { margin-bottom: 0.5em;}

/* !FORMS */