/* variables */
@c_bg:              #edeeef;
@c_bgtext:          #fff;
@c_bgtextsidebar:   #eff3f6;
@c_text:            #333;
@c_intro:           #92607e;
@c_h1:              #628299;
@c_h2:              #92607e;
@c_h3:              #656565;
@c_textsidebar:     #51738c;

@c_navtext:         #92607e;

@w_container:       960px;
@w_sidebar:         180px;
@w_padding:         20px;
@w_main:            @w_container - @w_sidebar - @w_padding;

/* mixins */
.rounded-corners (@radius: 0px 0px 7px 7px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -o-border-radius: @radius;
}

/* sticky footer */
html, body, #container { height: 100%; }
body > #container      { height: auto; min-height: 100%; }
footer                 { clear: both; position: relative; z-index: 10; height: 35px; margin-top: -35px; }
#main                  { padding-bottom: 35px; }

/* typography */
h1, h2, h3, h4      { font-family: "cora-1", "cora-2", sans-serif; }
p, li               { font-family: "cora-1", "cora-2", sans-serif; font-size: 13px;}
h1, h2, h3, p, li   { line-height: 1.6; }
h1                  { color: @c_h1; font-size: 15px; margin: 0 0 0.5em 0; font-weight: normal; }
h2                  { color: @c_h2; font-size: 19px; line-height: 1.5; font-weight: normal; }
h2 a                { color: @c_h2; }
h3                  { color: @c_h3; font-size: 19px; margin: 1.3em 0 1em 0; font-weight: normal; }
aside h3            { margin: 0; }
.intro p            { color: @c_intro; font-size: 17px; line-height: 1.5; font-family: "cora-1", "cora-2", sans-serif; }
p                   { margin: 0 0 1em 0; }
aside h2.blog       { margin-top: 2em; }


/* layout */
html                { background: #ececec url(/images/bg-body.jpg) 0 0 repeat-x; color: @c_text; border-top: 3px solid #80a0b7; }
#container          { width: @w_container; margin: 0 auto; }

/* sidebar */
aside               { width: @w_sidebar; float: left; 
  img               { margin: 25px 37px; }
  #logo             { margin: 25px 15px 25px 0;}
  nav               {
    ul              { list-style-type: none; border-top: 1px solid #fff; }
    ul ul           { border: 0; }
    li              { border-bottom: 1px solid #fff; }
    li a            { font-family: "cora-1", "cora-2", sans-serif; color: @c_h1; font-size: 14px; font-weight: normal; color: #628299; padding: 5px 15px; text-decoration: none; display: block; }
    li.here a       { color: @c_navtext; background: url(/images/bg-menu-active.png) repeat-y; }
    li li           { border-bottom: 0; }
    li li a         { font-size: 11px; padding-left: 16px; }
    li.here li a    { color: #628299; }
    
    #shortcuts      { .rounded-corners(0 20px 0 20px); border: 1px solid #e0e0e0; margin-top: 30px; background: #fff; padding: 10px 0; 
      li            { clear: both; margin: 0; padding: 0; line-height: 40px; font-size: 20px; font-family: serif; background: transparent url(../images/white-sidebar-divider.gif) repeat-x 0 49px; }
      li.login      { background: none; }
      img           { float: left; margin: 0 10px; }
    }
  }
}

/* main content */
#main               { width: @w_main; float: left; margin: 0 0 10px @w_padding; 
  header            { float: left; width: 100%; 
    .languages      { float: right; list-style-type: none; margin: 10px 0 5px 0; 
      li            { float: left; padding: 7px 0 7px 15px; 
        a           { text-decoration: none; font-weight: bold; line-height: 1.5; font-size: 11px; color: #aaa; padding: 2px 6px; float: left;  }
        a.image     { padding: 7px 0 0 0; }
        /* a.active    { color: #eee; background: #bbb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-shadow: 0 -1px 0 rgba(0,0,0,0.1); } */
        a.active    { color: #6eabbb; } 
        a:hover     { color: #fff; }
        img         { margin: -3px 0 0 0; }
      }
    }
    img             { float: left; clear: left; }
  }
  
  #text             { .rounded-corners; background: @c_bgtext; float: left; width: 710px; padding: 30px; margin: 10px; border-top: 1px solid #dddddd;
    article         { width: 400px; float: left; }
    article.full    { width: 700px; }
    aside           { .rounded-corners(0 15px 0 15px); background: @c_bgtextsidebar; color: @c_textsidebar; float: right; width: 250px; padding: 20px; margin: 0 0 50px 20px;
      time          { color: fadeout(@c_textsidebar, 40%); display: block; margin: 2px 0; text-transform: uppercase;font-size: 11px; }
    }
  }
  
  #members            { .rounded-corners; background: @c_bgtext; float: left; width: 710px; padding: 30px; margin: 10px; border-top: 1px solid #dddddd;
    .member_profile   { padding: 20px; background: url(../images/bg-memberinfo.png) repeat-x; margin-bottom: 20px; height: 120px; 
      .user           { float: left; background: url(../images/icon-profile-user.png) no-repeat 8px 0; padding: 0 0 0 85px; color: #888; text-shadow: 0 1px 0 rgba(255,255,255,0.6); 
        .name         { font-size: 16px; }
      }
      .tutors         { float: left; margin-left: 130px; background: url(../images/icon-profile-tutors.png) no-repeat; padding: 0 0 0 60px; color: @c_h1; }
      strong          { color: @c_h2; }
    }
    .icon             { float: left; margin: 0 20px 0 0; }
    h2                { font-size: 16px; margin: 0 0 8px 0; }
    h3                { font-size: 13px; margin: 0 0 5px 0; }
    table             { border-top: 1px solid #e2e2e2; width: 580px; 
      a               { font-weight: bold; }
      .date           { width: 70px; }
      th              { padding: 5px 20px 5px 0px; text-align: left; border-bottom: 1px solid #e2e2e2; }
      td              { padding: 5px 20px 5px 0px; border-bottom: 1px solid #e2e2e2; }
    }
  }
}

input.purple, textarea { border: 1px solid #92607E; }

.login_form #email,
.login_form #password              { border: 1px solid #ccc; font-size: 18px; padding: 3px; }


time              { font-size: 11px; display: block; margin: 0 0 10px 0; }

#main header #banners { width: 772px; height: 255px; background: url(/images/bg-shadow.png) bottom left no-repeat; padding: 0 5px 12px 5px; margin-left: 0px; float: left; }

/* blog */
#blog               {
  h1                { color: @c_h2; font-size: 19px; line-height: 1.5; margin: 0; }
  h2                { margin: 2em 0 0.5em 0; }
  h2.list           { margin: 1em 0 0 0; }
  time              { font-size: 11px; display: block; margin: 0 0 20px 0; }
  .entry            { margin-bottom: 50px; }
  .comment          { border-left: 3px solid @c_intro; padding: 0 0 0 20px; margin: 10px 0; }
}



.hr                 { background: url(/images/hr-graph.png) no-repeat; height: 50px; margin: 5px 0 10px 0;  
  hr                { display: none; }
}
.hr.line            { border-bottom: 1px solid #eee; height: 1px; margin: 35px 0 25px 0;  
  hr                { display: none; }
}


aside .hr           { background: url(/images/hr-aside-graph.png) no-repeat; height: 46px; margin: -27px 0 0px 0;  
  hr                { display: none; }
}
aside .hr.line      { background: url(/images/hr-aside-line.png) no-repeat; height: 20px; margin: 0px 0 10px 0;  border-bottom: none;
  hr                { display: none; }
}
aside.social ul     { list-style: none; padding: 0; margin: 0;}
aside.social li     { padding: 0; margin: 0; }
aside.social img    { vertical-align: middle; margin: 0 10px 5px 0px;}
aside.social a      { text-decoration: none; }
ul#nav_categories    { list-style: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0}
ul#nav_categories li {  list-style: none; padding: 0; margin: 0; list-style-type: none; list-style-image: none; }
ul#nav_categories li { border-bottom: 1px solid #d8e1e7; padding-bottom: 3px; margin-bottom: 3px; }
ul#nav_categories li a { text-decoration: none; }

#blog aside h2 { margin-top: 0; }


img.top             { background: url(/images/bg-top-photo.png) no-repeat; padding: 2px 2px; margin-left: 10px; }
img.left            { float: left; margin: 5px 30px 2em 0; }
img.right           { float: right; margin: 5px 0 2em 30px; }
img.center          { margin: 1em auto; text-align: center; display: block; }
embed               { margin: 1em 0; }

/* footer */
footer              { 
  p                 { font-family: "cora-1", "cora-2", sans-serif; border-top: 1px solid #fff; width: 970px; color: #626262; padding: 10px 0; margin: 0 auto; text-align: center; font-size: 11px;
    a               { color: #92607e; }
  }
}