/*
-----------------------------------------------
Stylesheet: chrisabad.com
Media: All
Author: Chris Abad
----------------------------------------------- */

/* Base
----------------------------------------------- */

  @import url(tripoli.base.css); 


/* Plugins
----------------------------------------------- */

  @import url(plugins/tripoli.visual.css); 
  @import url(plugins/tripoli.type.css); 
  @import url(facebox.css); 


/* ClearFix Hack
----------------------------------------------- */
  
  .clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
     }

   .clearfix {display: inline-block;}
   
   /* Hides from IE-mac \*/
   * html .clearfix { height: 1%; }

   .clearfix { display: block; }
   /* End hide from IE-mac */
   

/* Basic Elements
----------------------------------------------- */
  
  * { background-repeat: no-repeat; }
  
  a:link { color: #0A88CC; }

  a:visited { color: #79C8F2; }

  a:hover { color: #FF0084; }

  a:active,.a:focus { color:#000; }
  
  html {
    background-color: #F2F2F2;
    color: #4D4D4D;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    }
  

/* Misc. ID/Classes
----------------------------------------------- */

  .blue { color: #1CA7F1 !important; }
  
  .content {
    background-color: white;
    padding: 25px 0;
    }
  
  .green { color: #A5D70B !important; }
  
  h3.heading {
    color: #BFBFBF; 
    border-top: 2px solid #E6E6E6;
    font-size: 90%;
    font-weight: normal;
    margin: 0 0 1.5em 0;
    padding-top: .5em;
    text-transform: uppercase;
    }
  
  #ilist-widget { margin: 50px 5px 0 5px; }
  
  .pink { color: #FF0084 !important; }


/* Layout
----------------------------------------------- */
  
  .column {
    float: left;
    margin-right: 10px;
    width: 310px;
    }
  
  .container {
    margin: 0 auto 0 auto;
    text-align: left;
    width: 960px;
    }


/* Header
----------------------------------------------- */

  #header {
    background-color: #000;
    background-image: url("../images/backgrounds/header.png");
    background-repeat: repeat-x;
    color: #FFF;
    padding: 0 10px 50px 0;
    }
  
  #header a { text-decoration: none; }
    
  #header a:hover { text-decoration: underline; }
  
  #header .container {
    background-image: url("../images/postit.png");
    background-position: right top;
    width: 950px;
    }
  
  #header h1 { display: none; }
  
  #header p {
    font-size: 450%;
    font-weight: bold;
    letter-spacing: -4px;
    line-height: .90em;
    margin: 0;
    padding-top: 85px;
    }


/* Footer
----------------------------------------------- */

  #footer {
    border-top: 1px solid #D9D9D9;
    color: #A6A6A6;
    font-size: 1.15em;
    line-height: 1.2em;
    }
  
  #footer .container {
    padding: 15px 10px 25px 0;
    width: 950px;
    }
  
  #footer img {
    margin-bottom: -.2em;
    position: relative;
    }


/* Social Graph 
----------------------------------------------- */

  #social-graph ul {
    font-size: 1.4em;
    line-height: 1.5em;
    list-style: none;
    margin: 0;
    padding: 0;
    }
  
  #social-graph ul li {
    margin: 0 0 5px 0;
    }
  
  #social-graph ul li a {
    background-color: #f9f9f9;
    color: #999;
    color: #e6e6e6;
    display: block;
    padding: 5px 10px;
    text-align: right;
    text-decoration: none;
    }
  
  #social-graph ul li a:hover {
    background-color: #1CA7F1;
    color: white;
    }


/* Twitter Feed
----------------------------------------------- */

  #twitter-feed ul {
    list-style: none;
    margin: 0;
    }
  
  #twitter-feed ul li {
    border-bottom: 1px solid #E6E6E6;
    padding: .5em 0;
    }
    
  #twitter-feed ul li.tweet_first {
    margin-top: -.5em;
    position: relative;
    }
  
  #twitter-feed ul li.tweet_last { border: 0; }
  


/* Flickr Feed
----------------------------------------------- */
  
  #flickr-feed img { margin: 0 2px 2px 0; }
  
  #flickr-feed ul {
    line-height: 0;
    list-style: none;
    margin: 0;
    }
  
  #flickr-feed ul li { float: left; }