/*
Theme Name: IconOf.Com
Theme URI: http://www.iconof.com/
Description: IconOf.Com unified theme
Author: Kostas Mavropalias
Author URI: http://www.iconof.com/
Version: 1.2
*/

/*****************************************************/
/*****************************************************/
/* RESET STYLES */
/*****************************************************/
/*****************************************************/

  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, 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, ol, ul, 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;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline:none;
  }
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure, 
  footer, header, hgroup, menu, nav, section {
    display: block;
  }
  body {
    line-height: 1;
  }
  ol, ul {
    list-style: none;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  
/*****************************************************/
/*****************************************************/
/* GLOBAL */
/*****************************************************/
/*****************************************************/

  /***************** CUSTOM FONTS */
  .sans{font-family: 'Cabin', sans-serif; font-weight:400;}
  .sansBold, #blog aside > li > h3{font-family: 'Cabin', sans-serif; font-weight:700;}
  .serif{
    font-family: 'PT Serif', serif;
  }

  /***************** HTML */
  body {
    background:#fff;
    margin:0px;
    width:990px;
    margin:0 auto;
    line-height:1em;
    font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 14px;
    color: #222222;
  }
  
  header,section,footer{
    width:910px;
    margin:0 auto;
    padding:40px;
    position:relative;
  }

  nav ul, nav li, aside ul, aside li {
    display:block;
    list-style-type:none;
    margin:0;
    padding:0;
  }

  p { margin:0 0 1em; }

  img { border:none; }

  a:link, a:visited {
    color: #06c;
    text-decoration:none;
  }	
  a:hover, a:active {
    color: #06c;
    text-decoration:underline;
  }
  
  em{
    font-style:italic;
  }
  
  strong{
    font-weight:bold;
  }
  
  input[type="text"], input[type="email"], textarea{
    border:1px solid #aaa;
    margin:3px 0;
    padding:3px 5px;
    vertical-align:middle;
    height:24px;
    line-height:24px;
    background:#f9f9f9;
    
    -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
      
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    
    behavior:url(/script/PIE.htc);
  }
  textarea{
    width:100%;
    height:auto;
  }
    input[type="text"]:focus, input[type="email"]:focus, textarea:focus{
      background:#FAFFBD;
      outline:medium none;
    }
    
  input[type="submit"]{
    border:1px solid #06c;
    font-size:13px;
    line-height:20px;
    padding:5px 17px;
    text-shadow:1px 1px #003;
    color:#fff;
    cursor:pointer;

    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;

    background: #06c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#09c), to(#06c));
    background: -moz-linear-gradient(#09c, #06c);
    background: linear-gradient(#09c, #06c);
    -pie-background: linear-gradient(#09c, #06c);
    
    behavior:url(/script/PIE.htc);
  }
    input[type="submit"]:hover, input[type="submit"]:focus{
      text-decoration:underline;
    }
    input[type="submit"]:active{
      text-decoration:underline;
      
      -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
      -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
      box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
      
      behavior:url(/script/PIE.htc);
    }
    
  .content{
    position:relative;
    width:910px;
    overflow:visible;
    margin:0 auto;
    padding:40px;
  }
  
  .lightContainer{
    background:#F9F9F9;
    background:-moz-linear-gradient(#FFF, #F9F9F9);
    background:-webkit-linear-gradient(#FFF, #F9F9F9);
    background:linear-gradient(#FFF, #F9F9F9);
    
    -moz-box-shadow:0 0 30px rgba(20,0,50,0.2);
    -webkit-box-shadow:0 0 30px rgba(20,0,50,0.2);
    box-shadow:0 0 30px rgba(20,0,50,0.2);
    
    overflow:hidden;
    margin:40px auto 0;
    color:#222;
    border:1px solid #ccd;
    line-height:1.8em;
    font-size:16px;
    font-family: 'PT Serif', serif;
  }
  
  .noShadow{
      -moz-box-shadow:0px 0px 0px 0px transparent !important;
      -webkit-box-shadow:0px 0px 0px 0px transparent !important;
      box-shadow:0px 0px 0px 0px transparent !important;
      
    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    -transition: box-shadow .2s;
  }
  
  .noPadding{
    padding:0;
  }
  
  .noOverflow{
    overflow:hidden;
  }
  
  .left{
    float:left;
  }
  
  .right{
    float:right;
  }
  
  cite{
    color:#666;
    font-style:italic;
  }
  
  .clear{
    clear:both;
  }
  
  .block{
    display:block !important;
  }
  
  .shadowLarge{
    -moz-box-shadow:0 0 50px -1px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow:0 0 50px -1px rgba(0, 0, 0, 0.8);
    box-shadow:0 0 50px -1px rgba(0, 0, 0, 0.8);
  }
  
  .shadowInner{
    -moz-box-shadow:0 0 30px -1px rgba(0, 0, 0, 0.8) inset;
    -webkit-box-shadow:0 0 30px -1px rgba(0, 0, 0, 0.8) inset;
    box-shadow:0 0 30px -1px rgba(0, 0, 0, 0.8) inset;
  }
  
  .roundedCorners{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
  }
  
  .padding{
    padding:40px;
  }
  
  .border{
    border:1px solid #ccd;
  }
  
  .one_half{
    width:50%;
  }
  
  .two_thirds{
    width:64%;
    padding-right:3%;
  }
  
  .one_third{
    width:29%;
    padding-left:3%;
    border-left:1px solid #ddd;
  }
  
  .largeFont{
    font-size:23px;
    line-height:1em;
  }
  
  .bgWood{
    background:url(/images/bg_wood.jpg) top left repeat #666;
  }
  
  .marginBottom{margin-bottom:20px;}
  .marginBottomDouble{margin-bottom:40px;}
  
  .marginLeft{margin-left:20px;}
  .marginLeftDouble{margin-left:40px;}
  
  .marginRight{margin-right:20px;}
  .marginRightDouble{margin-right:40px;}
  
  .marginTop{margin-top:20px;}
  .marginTopDouble{margin-top:40px;}
  
  .fillHorizontalMarginDouble{
    margin-left:-40px;
    margin-right:-40px;
  }

  a.button, .button{
    display:inline-block;
    padding:5px 10px;
    color:#000;
    cursor:pointer;
    border:1px solid #99a;
    
    /*text-shadow:1px 1px rgba(255,255,255,.5);*/
    
    background:#eee;
    background:-moz-linear-gradient(#fff, #dfdfdf);
    background:-webkit-linear-gradient(#fff, #dfdfdf);
    background:linear-gradient(#fff, #dfdfdf);
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
    -moz-box-shadow:0 1px 3px rgba(20, 0, 50, 0.5);
    -webkit-box-shadow:0 1px 3px rgba(20, 0, 50, 0.5);
    box-shadow:0 1px 3px rgba(20, 0, 50, 0.5);
  }
  a.button:hover, .button:hover{
    background:-moz-linear-gradient(#eee, #fff);
    background:-webkit-linear-gradient(#eee, #fff);
    background:linear-gradient(#eee, #fff);
    
    -moz-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.2) inset;
    box-shadow:2px 2px 2px 0px rgba(0,0,0,0.2) inset;
  }
  
  a.primaryAction, .primaryAction{
    color:#222;
    font-weight:bold;
    font-size:17px;
    text-shadow:1px 1px rgba(255, 255, 255, .5);
    border:1px solid #666;
    cursor:pointer;
    
    background:#F3EB80;
    background:-moz-linear-gradient(#F3EB80, #CA9E40);
    background:-webkit-linear-gradient(#F3EB80, #CA9E40);
    background:linear-gradient(#F3EB80, #CA9E40);
  }
  a.primaryAction:hover, .primaryAction:hover{
    background:-moz-linear-gradient(#CA9E40, #F3EB80);
    background:-webkit-linear-gradient(#CA9E40, #F3EB80);
    background:linear-gradient(#CA9E40, #F3EB80);
    
    -moz-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.2) inset;
    box-shadow:2px 2px 2px 0px rgba(0,0,0,0.2) inset;
  }  


/*****************************************************/
/*****************************************************/
/* HEADER */
/*****************************************************/
/*****************************************************/
  header{
    position:relative;
    margin:30px auto 0;
  }
  #headerTitle{
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    letter-spacing:1px;
    display:block;
    height:18px;
    margin-top:2px;
  }
  #headerExtra{
    font-size:14px;
    font-weight:normal;
    color:#666;
    line-height:18px;
    display:block;
    height:18px;
  }
  #headerExtra > em{
    font-size:11px;
    color:#888;	
    position:relative;
    bottom:1px;
  }
  #facebookFanPage, #twitterShare, #googleShare{
    position:absolute;
    top:40px;
  }
  #googleShare{
    right:40px;
    width:60px;
  }
  #twitterShare{
    right:110px;
    width:95px;
  }
  #facebookFanPage{
    right:210px;
  }


/*****************************************************/
/*****************************************************/
/* MAIN MENU */
/*****************************************************/
/*****************************************************/
  nav{
    position:relative;
    /*height:29px;*/
    clear:both;
    margin-top:20px;
  }
  .navigation > li{
    float:left;
    position:relative;
  }
  .navigation > li:first-child{
    border-left:1px solid #20202B;
  }
  .navigation a.last{
    border-right:1px solid #20202B;
  }
  .navigation > li > a{
    text-decoration:none;
    color:#20202B;
    padding:0px 11px;
    position:relative;
    display:block;
    line-height:29px;
    font-size:14px;
  }
  .navigation > li > a:hover{
    text-decoration:underline;
  }
  .navigation > li > a.current{
    height:31px;
    color:#fff;
    text-shadow:1px 1px #000;
    
    background: #20202B;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#20202B), to(#666666));
    background: -moz-linear-gradient(#20202B, #666666);
    background: linear-gradient(#20202B, #666666);
    -pie-background: linear-gradient(#20202B, #666666);
    
    behavior:url(/script/PIE.htc);
  }


/*****************************************************/
/*****************************************************/
/* CONNECT WITH ME MENU */
/*****************************************************/
/*****************************************************/
  #mainMenu > #connectMenu{
    position:absolute;
    right:0px;
    top:-14px;
    border-left:1px solid transparent;
    /*background:url("images/bg.png") 0 -50px repeat-x transparent;*/
    font-size:10px;
    text-transform:uppercase;
    color:#09c;
  }
    #connectMenu > p{
      margin:0;
      text-align:center;
      position:relative;
      top:7px;
      visibility:visible;
    }
  .connectOption{
    float:right;
    display:block;	
    height:29px;
  }
    .connectOption #conRSS{
      border-right:1px solid #A5DBED;
    }
    .connectOption #conFB{
      border-left:1px solid #A5DBED;
    }
    .connectOption > a.connect{
      float:left;
      display:block;
      height:29px;
      line-height:29px;
      font-size:12px;
      padding:0 9px;
      color:#999;
    }
    .connectOption > a.connect:hover{
      text-decoration:underline;
      
      -moz-border-radius:3px 3px 0 0;
      -webkit-border-radius:3px 3px 0 0;
      border-radius:3px 3px 0 0;
    }
    .connectOption > a.active{
      background: #A5DBED;
      color:#222;
    }
    
  #tweets, #facebook, #linkedin, #rss{
    width:234px;
    font-size:12px;
    line-height:14px;
    position:absolute;
    right:0px;
    top:43px;
    color:#000;
    z-index:10;
    padding:10px;
    font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
    text-shadow:1px 1px rgba(255, 255, 255, 0.3);
    
    -moz-border-radius:0 0 3px 3px;
    -webkit-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
    
    background: #A5DBED;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A5DBED), to(#aadae4));
    background: -moz-linear-gradient(#A5DBED, #aadae4);
    background: linear-gradient(#A5DBED, #aadae4);
    -pie-background: linear-gradient(#A5DBED, #aadae4);

    behavior:url(/script/PIE.htc);
  }
    #facebook{
      display:none;
    }
    #tweets{
      display:none;
      color:#20202B;
      text-transform:none;
      font-style:normal;
      min-height:200px;
    }
      #tweetsTitle{
        background:url(images/bird_32_blue.png) top left no-repeat;
        display:block;
        height:32px;
        padding-left:42px;
        font-size:13px;
        line-height:32px;
      }
      #tweets .tweet_avatar > img{
        width:16px;
        height:16px;
      }
      #tweets > .tweet_list > li{
        padding:6px 0;
        border-top:1px solid rgba(255,255,255,.7);
        border-bottom:1px solid rgba(0,0,0,.3);
      }
      #tweets > .tweet_list > li:first-child{border-top:none;}
      #tweets > .tweet_list > li:last-child{border-bottom:none;}
      #tweets #followTwitter{
        position:absolute;
        bottom:10px;
        left:35px;
        z-index:11;
      }
      #tweets .tweet_list{
        position:relative;
        padding-bottom:35px;
      }
    #linkedin{
      display:none;
      text-align:center;
    }
    #rss{
      display:none;
      text-transform:none;
      font-style:normal;
      text-align:left;
    }
      #rss > a{
        line-height:32px;
        text-decoration:underline;
      }
      #rss .rssIcon{
        float:left;
        margin-right:10px;
      }
      #rss > form{
        border-top:1px solid #99a;
        padding-top:10px;
        margin-top:10px;
      }
      #rss input[type="email"]{
        width:212px;
      }
      #rss input[type="submit"]{
        width:225px;
      }


/*****************************************************/
/*****************************************************/
/* MAIN MENU - SECONDARY NAV */
/*****************************************************/
/*****************************************************/
  #secondaryNav{
    position:absolute;
    top:29px;
    width:100%;
    z-index:1;
    width:910px;
    left:-63px;
    margin-bottom:40px;
    
    /*text-shadow:1px 1px #000;
    
    background: #20202B;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#666), to(#20202B));
    background: -moz-linear-gradient(#666, #20202B);
    background: linear-gradient(#666, #20202B);
    -pie-background: linear-gradient(#666, #20202B);
    
    behavior:url(/script/PIE.htc);*/
  }
  #secondaryNav > li{
    float:left;
    display:block;
    position:relative;
  }
  #secondaryNav > li > a{
    text-decoration:none;
    color:#222;
    padding:5px 10px;
    position:relative;
    display:block;
    line-height:29px;
    font-size:12px;
  }
  #secondaryNav > li > a:hover{
    text-decoration:underline;
    color:#06f;
  }
  #secondaryNav > li > a.current{
    color:#06f;
  }

  
/*****************************************************/
/*****************************************************/
/* HOMEPAGE */
/*****************************************************/
/*****************************************************/
  #welcomeBox{
    width:950px;
    margin:0 auto;
    padding:50px 20px 0;
    overflow:hidden;
  }
  #viewPortfolio{
    position:absolute;
    top:94px;
    right:144px;
    width:292px;
    height:40px;
    display:block;
    color:#fff;
    line-height:40px;
    text-align:center;
    font-weight:bold;
    text-transform:uppercase;

    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    -transition: box-shadow .2s;
  }
  #viewPortfolio:hover{    
    -moz-box-shadow:0 0 40px rgba(0,0,0,0.9);
    -webkit-box-shadow:0 0 40px rgba(0,0,0,0.9);
    box-shadow:0 0 40px rgba(0,0,0,0.9);
    
    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    -transition: box-shadow .2s;
  }

  #aboutShort{
    width:420px;
    display:block;
    position:relative;
    padding:0px 20px 2px 120px;
    line-height:1.5em;
    font-size:15px;
    float:left;
  }

  #aboutThumb{
    position:absolute;
    top:0px;
    left:20px;
  }

  #portfolioBox{
    background:url(images/bg_stars.jpg) top no-repeat #000;
    z-index:2;
    margin-top:40px;
    
    -moz-box-shadow:0 0 30px rgba(20,0,50,0.9);
    -webkit-box-shadow:0 0 30px rgba(20,0,50,0.9);
    box-shadow:0 0 30px rgba(20,0,50,0.9);
    
    -webkit-transition: box-shadow .5s;
    -moz-transition: box-shadow .5s;
    -transition: box-shadow .5s;
  }
  #portfolioBox, #portfolioBox p a{
    color:#fff;
  }
  #portfolioBox p a{
    text-decoration:underline;
  }
  #portfolioBox p{
    text-align:center;
    margin:35px 0 0 0;
  }
  #portfolioBox:hover{    
    box-shadow:0 0 40px rgba(50,0,150,0.9);
    
    -webkit-transition: box-shadow .5s;
    -moz-transition: box-shadow .5s;
    -transition: box-shadow .5s;
  }
    #portfolioBox h1{
      display:block;
      background:url(images/txt_portfolio.png);
      width:218px;
      height:51px;
      margin:0 auto;
    }
    #portfolioBox #dock{
      background:url(images/dock.png) bottom left no-repeat;
      width:750px;
      height:170px;
      padding:0 80px;
      display:block;
      margin-top:30px;
      position:relative;
      overflow:hidden;
    }
    #dock .thumbOverlay{
      display:block;
      background:url(images/portfolioThumbOverlay.png);
      background-position:top left;
      width:171px;
      height:131px;
      position:absolute;
      z-index:2;
      
      -webkit-transition: background-position .3s;
      -moz-transition: background-position .3s;
      -transition: background-position .3s;
    }
    #dock ul{
      display:block;
      width:3000px;
      position:absolute;
      bottom:10px;
    }
    #dock li{
      width:171px;
      height:131px;
      float:left;
      margin-right:20px;
      position:relative;
      text-align:center;
      background:no-repeat 14px 7px;
    }
    #dock li:last-child{
      margin-right:0;
    }
    #dock .text{
      position:relative;
      color:#fff;
      font-size:13px;
      text-shadow:1px 1px #000;
      top:-18px;
    }
    #dock a:hover .thumbOverlay{
      text-decoration:none;
      background-position:bottom left;
      
      -webkit-transition: background-position .3s;
      -moz-transition: background-position .3s;
      -transition: background-position .3s;
    }
    #dock a:hover{
      text-decoration:none;
    }
    #dock #arrowRight, #dock #arrowLeft{
      width:31px;
      height:25px;
      display:block;
      position:absolute;
      bottom:65px;
      cursor:pointer;
    }
    #dock #arrowLeft{
      background:url(images/arrows.png) top left;
      left:45px;
      display:none;
    }
    #dock #arrowLeft:hover{
      background-position:bottom left;
    }
    #dock #arrowRight{
      background:url(images/arrows.png) top right;
      right:45px;
    }
    #dock #arrowRight:hover{
      background-position:bottom right;
    }
    #dock #thumbBox{
      width:750px;
      display:block;
      overflow:hidden;
      height:170px;
      position:relative;
    }
    #dock #port1{background:url(images/portfolio/1.jpg) no-repeat 14px 7px;}
    #dock #port2{background:url(images/portfolio/2.jpg) no-repeat 14px 7px;}
    #dock #port3{background:url(images/portfolio/3.jpg) no-repeat 14px 7px;}
    #dock #port4{background:url(images/portfolio/4.jpg) no-repeat 14px 7px;}
    #dock #port5{background:url(images/portfolio/4.jpg) no-repeat 14px 7px;}
    #dock #port6{background:url(images/portfolio/4.jpg) no-repeat 14px 7px;}
    #dock #port7{background:url(images/portfolio/4.jpg) no-repeat 14px 7px;}
    #dock #port8{background:url(images/portfolio/4.jpg) no-repeat 14px 7px;}
   
  #blogArticles > a > h1{
    background:url(images/txt_blog.png) top no-repeat transparent;
    padding-bottom:40px;
    text-align:center;
    clear:both;
    height:52px;
  }
  
  #blogArticles{
    border-bottom:2px solid #20202B;
  }
  
  #blogArticles article{
    width:435px;
  }

  #blogArticles article h1{
    font-size:16px;
    margin-left:165px;
    margin-bottom:0px;
    line-height:1em;
  }

/*****************************************************/
/*****************************************************/
/* PORTFOLIO PAGE */
/*****************************************************/
/*****************************************************/
  #portfolio #portfolioBox{
    height:725px;
  }
  #portfolio #portfolioBox #dock{
    margin:30px auto 0;
  }
  #portfolio #dock ul{
    bottom:auto;
    width:765px;
    position:relative;
  }
  #portfolio #dock li{
    margin:20px 20px 10px 0;
  }
  #portfolio #portfolioBox #dock, #portfolio #dock #thumbBox{
    height:auto;
  }
  #portfolio .portfolioDesc{
    width:362px;
    text-align:left;
    text-shadow:1px 1px #000;
  }
  #cboxClose{
    background:url(images/close.png) top left no-repeat !important;
  }
  
/*****************************************************/
/*****************************************************/
/* PROFILE PAGE */
/*****************************************************/
/*****************************************************/  
  #emailCV{
    width:200px;
    position:absolute;
    background:#fff;
    text-align:center;
  }
  
  #closeEmail{
    margin:20px auto 0;
  }
  
  
/*****************************************************/
/*****************************************************/
/* PUBLICITY PAGE */
/*****************************************************/
/*****************************************************/
  #publicityHeadImg{
    position:absolute;
    right:-48px;
    top:-66px;
  }
  
  #publicityBox > article{
    overflow:visible;
  }
  #publicityBox section{
    border-bottom:1px solid #ccc;
    width:auto;
  }
  #publicityBox .button{
    margin-right:20px;
  }
  
  
/*****************************************************/
/*****************************************************/
/* CONTACT PAGE */
/*****************************************************/
/*****************************************************/
  #contact .kostas, #contact .theStranger{
    min-height:80px;
    padding:10px 10px 10px 110px;
    border:1px solid #ccc;
    font-size:14px;
    line-height:1.5em;
  }
  #contact .kostas{ background:url(images/kostas_mavropalias_thumb.jpg) 10px 10px no-repeat; }
  #contact .theStranger{ background:url(images/you.jpg) 10px 10px no-repeat; }


/*****************************************************/
/*****************************************************/
/* BLOG specific */
/*****************************************************/
/*****************************************************/
  #blog > header{
    margin-bottom:40px;
  }
  
  #blogArticles > aside{
    width:100%;
    text-align:center;
    font-weight:bold;
    clear:both;
    margin:20px 0;
  }
  article{
    /*min-height:180px;
    overflow:hidden;*/
    /*width:435px;*/
    float:left;
    margin-right:40px;
  }
  #blog article{
    width:auto;
    float:none;
    clear:both;
    overflow:hidden;
  }
    #blog article.singlePage{
      margin-bottom:0;
    }
  #blog #comments{
    background:none transparent;
    width:auto;
    padding:0;
  }
  article:nth-child(odd), #blog article{
    margin-right:0;
  }
  
  article h1{
    margin-bottom:16px;
    font-size:30px;
    text-decoration:none;
  }
    .singlePage h1{
      font-size:30px;
      line-height:30px;
    }
    #blog article h1{
      margin-bottom:0px;
      font-size:25px;
    }
    #blog article h1 a{
      color:#333;
    }
  
  article h2{
    margin-bottom:16px;
    font-size:20px;
    text-decoration:none;
  }
  
  #blog article h2{
    font-size:25px;
    line-height:25px;
    margin:40px 0 20px;
  }
  article.singlePage > header {
    position:relative;
    overflow:visible;
    margin-bottom:30px;
  }

  article .theExcerpt{
    line-height:18px;
    font-size:12px;
    margin-left:165px;
    display:block;
    color:#333;
  }
  
  #blog article .theExcerpt, #blog article .theContent{
    line-height:1.5em;
    font-size:17px;
    display:block;
    color:#333;
  }
  #blog article .theContent{
    color:#000;
  }
  #blog article .theCategory, #blog article h1, #blog article .theExcerpt, #blog article .theContent{
    margin-left:190px;
  }
  #blog article .theContent ul{
    margin:0 0 1em 1em;
  }
  #blog article .theContent li{
    list-style:circle;
    margin-left:1em;
  }
  article aside{
    width:150px;
    float:left;
  }
    #blog article aside{
      margin-right:20px;             
    }
  article .attachment-post-thumbnail{
    margin-bottom:25px;
    left:14px;
    top:7px;
    position:relative;
  }
  
  article .thumbOverlay{
    display:block;
    background:url(images/postThumbOverlay.png);
    width:158px;
    height:121px;
    position:absolute;
    z-index:2;
  }

  article .theCategory{
    margin-bottom:3px;
    display:block;
    color:#aaa;	
    font-size:11px;
    margin-left:165px;
  }
    #blog article .theCategory{
      font-size:14px;
      line-height:1em;
    }
    #blog article.singlePage .theCategory{
      margin-bottom:20px;
    }

  article .theCategory > a{
    color:#999;	
  }

  article .share{
    display:block;
    margin:0 0 4px 14px;	
    line-height:1em;
  }
  
  #blog .singlePage .share{
    margin:0 0 10px 14px;	
  }

  article .readMore{
    font-size:10px;
    padding:0px 5px;
    background:#09c;
    border-radius:6px;
    display:inline-block;
    color:#FFF;
    text-decoration:none;
  }

  article .readMore:hover{
    text-decoration:underline;
  }

  #singleShare{
    position:relative;
    margin-left:170px;	
    overflow:hidden;
  }

  #singleShare > .share{
    float:left;
    margin:0;
  }
  
  #blog article table td{
    border-bottom:1px solid #ddd;
  }
  
  #blog article .youtube{
    width:100%;
    display:block;
    text-align:center;
    padding-top:20px;
  }
  
  /*****************************************************/
  /* Related posts */
  /*****************************************************/
    #crp_related{
      border-top:2px solid #20202B;
      border-bottom:2px solid #20202B;
      font-size:13px;
      margin:20px 0;
    }
    #crp_related h3{
      font-size:13px;
      font-weight:bold;
      border-bottom:1px solid #20202B;
    }
    #crp_related li{
      display:block;
      overflow:hidden;
      margin:10px;
    }
    #crp_related a{
      float:left;
    }
    #crp_related .crp_excerpt{
      float:none;
    }
    #crp_related .crp_thumb{
      margin-right:20px;
    }
    
    #crp_related .crp_title{
      font-size:14px;
      float:none;
    }

  /*****************************************************/
  /* BLOG sidebar */
  /*****************************************************/
    #blog aside > li{
      float:left;
      max-width:22%;
      margin:0 3% 0 0;
      overflow:hidden;
      font-size:13px;
      line-height:1.5em;
    }
    #blog aside > li > h3{
      padding-bottom:10px;
      color:#fff;
      text-shadow:1px 1px #000;
      font-size:17px;
    }
    #blog label[for="s"]{
      display:none;
    }
    #blog .widget_categories a, #blog .widget_wppp a{
      color:#eee;
    }
  
  
/*****************************************************/
/*****************************************************/
/* FOOTER */
/*****************************************************/
/*****************************************************/
  footer{
    clear:both;
    margin-bottom:50px;
    text-align:center;
    font-size:11px;
    color:#666;	
  }
  footer > #associations{
    display:block;
    text-align:center;
    margin-top:10px;	
  }
  footer > nav{
    overflow:hidden;
  }
  footer #footerMenu{
    width:580px;
    margin:0 auto;
  }            /* new */pre.prettyprint {	border: 0 none !important;	padding: 0 !important;	width: auto !important;	font-family: monospace;}