/************
    * Title: CSS Reset, based on Eric Meyer's Reset
    ************/
    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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; }
    body { 
       line-height:1;
       color:black;
         }

    /* tables still need 'cellspacing="0"' in the markup */
    table { border-collapse:separate;border-spacing:0; }
    caption,th,td { text-align:left;font-weight:normal; }
    blockquote:before,blockquote:after,
    q:before,q:after { content:""; } 
    blockquote,q { quotes:"" ""; }


/* Background patterns:
http://static.tumblr.com/mfp5qld/E4jlkd5qu/bgbody.gif -darker
*/

::selection { background: #4A98DF; color: #fff; }

::-moz-selection { background: #4A98DF; color: #fff; }

 
    /* include margin and padding in the width calculation of input and textarea - from Wordpress */
    input[type="text"],
    input[type="password"],
    textarea {
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	-ms-box-sizing: border-box; /* ie8 only */
    	box-sizing: border-box;
    }
 
    /* avoid line height problems when sup and sub's exist... can throw off consistent line height */
    sup, sub { line-height: 0px; }
 
  
    body { background-color: #f7f7f7; color: #333; font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Sans-Serif; font-size: 15px; }
    
    
    a {
       color: #4A98DF;
    }
    
    a:hover {
       color: #1a5081;
    }
    
    
   body:before{
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
   box-shadow: 0px 0px 10px rgba(0,0,0,.5);
   }
    
    #header{
     width: 100%;
     margin-bottom: 0;
    }
    #headercontent{
     width: 960px;
     margin: 0px auto;
     
    }
    
     h1 {
          padding-top: 40px;
    }
   
    h1 a{
     font-family: 'Lobster', arial, serif;
     font-size: 36px;
     color: #333;
     text-decoration: none;
      }
        h1 a:hover{
      -webkit-transition:color 0.2s ease-in; 
      -moz-transition:color 0.2s ease-in;
      -o-transition:color 0.2s ease-in;
      transition:color 0.2s ease-in;
      color: #555;
     }

    
      .description{
         height: 120px;
         margin: 0 auto;
         width: 900px;
      }
     
     .description h2{
     font-family: 'Droid Serif', arial, serif;
     font-size: 20px;
     line-height: 38px;
     color: #333;
     padding-left: 5px;
     font-style: italic;
     margin-top: 34px;
     text-align: center;
     }
      
     #container {
        width: 960px;
        margin: 0 auto;
       }
       
              
       ul.social {
        list-style: none;
        float: right;
          margin-top: -32px;
          height: 36px;
          display:block;
       }
       
       ul.social li {
          padding-left: 5px;
          display: inline;
          float: left;
       }
     
       
       ul.nav {
          list-style:none;
          float:right;
          margin: -25px 16px 0 0;    
           }
       
       ul.nav li {
      padding-left: 15px;
      display: inline;  
      float: left;
            }
       
       ul.nav li a{
       text-decoration: none;
       font-weight: bold;
       text-transform: uppercase;
       font-size: 13px;
       color: #555;
       padding: 2px 7px;
       


       }
       ul.nav li a:hover{
       background: #4A98DF;
       color: #FFF;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       border-radius: 10px;
        -webkit-transition:background 0.3s ease-in, color 0.15s ease-out;  
        -moz-transition:background 0.3s ease-in, color 0.15s ease-out;  
        -o-transition:background 0.3s ease-in, color 0.15s ease-out;  
        transition:background 0.3s ease-in, color 0.15s ease-out;  
       }

       ol#posts li.text {
         

       }

       h3 {
        margin: 20px auto 0 auto;
        width: 270px;
        text-align: center;
        font-size: 12pt;
        font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
         }

      
       ol#posts p, ol#posts ul{
         margin: 8px auto 0 auto;
         padding-bottom: 6px;
         width: 260px;
         font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
         font-size: 11pt;
         color: #444;
         line-height: 1.4;
       }

       
       
       .icon {
display: block;
width: 28px;
height: 28px; 
background: url('http://static.tumblr.com/mfp5qld/Lc0lkny9d/icon_flickr.png') no-repeat;
}


a .facebook, a .flickr, a .twitter, a .dribbble, a .lastfm{
         -webkit-transition:background-position 0.2s ease-out;  
         -moz-transition:background-position 0.2s ease-out;  
         -o-transition:background-position 0.2s ease-out;  
         transition:background-position 0.2s ease-out;   
}



      /* No-color Styled Social Buttons 
      a .flickr {background: url('http://static.tumblr.com/mfp5qld/BdNlko90r/icon_flickr.png') 0 -27px no-repeat;}
      a:hover .flickr, a:active .flickr {background: url('http://static.tumblr.com/mfp5qld/BdNlko90r/icon_flickr.png') 0 0 no-repeat;}
      a .facebook {background: url('http://static.tumblr.com/mfp5qld/PPHlko6ca/icon_facebook.png') 0 -27px no-repeat;}
      a:hover .facebook, a:active .facebook {background: url('http://static.tumblr.com/mfp5qld/PPHlko6ca/icon_facebook.png') 0 0 no-repeat;}
      a .twitter {background: url('http://static.tumblr.com/mfp5qld/6PTlko6lv/icon_twitter.png') 0 -27px no-repeat;}
      a:hover .twitter, a:active .twitter {background: url('http://static.tumblr.com/mfp5qld/6PTlko6lv/icon_twitter.png') 0 0 no-repeat;  }
      a .dribbble {background: url('http://static.tumblr.com/mfp5qld/oUZlko8j7/icon_dribbble.png') 0 -27px no-repeat;}
      a:hover .dribbble, a:active .dribbble {background: url('http://static.tumblr.com/mfp5qld/oUZlko8j7/icon_dribbble.png') 0 0 no-repeat;  }
      a .lastfm {background: url('http://static.tumblr.com/mfp5qld/CWwlko84s/icon_lastfm.png') 0 -27px no-repeat;}
      a:hover .lastfm, a:active .lastfm {background: url('http://static.tumblr.com/mfp5qld/CWwlko84s/icon_lastfm.png') 0 0 no-repeat;}
      */
      
      a .flickr {background: url('http://static.tumblr.com/mfp5qld/avHlko909/icon_flickr_alt.png') 0 -27px no-repeat;}
      a:hover .flickr, a:active .flickr {background: url('http://static.tumblr.com/mfp5qld/avHlko909/icon_flickr_alt.png') 0 0 no-repeat;}
      a .facebook {background: url('http://static.tumblr.com/mfp5qld/Gb8lko8tk/icon_facebook_alt.png') 0 -27px no-repeat;}
      a:hover .facebook, a:active .facebook {background: url('http://static.tumblr.com/mfp5qld/Gb8lko8tk/icon_facebook_alt.png') 0 0 no-repeat;}
      a .twitter {background: url('http://static.tumblr.com/mfp5qld/GkVlko8w9/icon_twitter_alt.png') 0 -27px no-repeat;}
      a:hover .twitter, a:active .twitter {background: url('http://static.tumblr.com/mfp5qld/GkVlko8w9/icon_twitter_alt.png') 0 0 no-repeat;}
      a .dribbble {background: url('http://static.tumblr.com/mfp5qld/WOFlko8qm/icon_dribbble_alt.png') 0 -27px no-repeat;}
      a:hover .dribbble, a:active .dribbble {background: url('http://static.tumblr.com/mfp5qld/WOFlko8qm/icon_dribbble_alt.png') 0 0 no-repeat;}
      a .lastfm {background: url('http://static.tumblr.com/mfp5qld/CAmlko8vn/icon_lastfm_alt.png') 0 -27px no-repeat;}
      a:hover .lastfm, a:active .lastfm {background: url('http://static.tumblr.com/mfp5qld/CAmlko8vn/icon_lastfm_alt.png') 0 0 no-repeat;}
      

     ol#posts {
      display: block;
      padding: 8px 0 0 8px;
      background: #FFF;
      height: auto;
      overflow: hidden;
      border-radius: 6px;
      -moz-box-shadow: 0px 0px 10px #ccc; 
      -webkit-box-shadow: 0px 0px 10px #ccc; 
      box-shadow: 0px 0px 10px #ccc; 
      margin-bottom: 40px;

     }

ol#posts li.post{
   width: 291px;
   margin: 0 8px 8px 0;
   float: left;
   list-style: none;
   border: solid 9px #EEE;
   background: #F7F7F7;
   display: block;
   overflow: hidden;
   height: 240px;
  /* -webkit-transition: background 0.2s linear;*/
 }

 ol#posts li.post:hover{
   background: #EEE;
 }

 ol#posts li .caption {
    margin-top:12px;
 }
 
 ol#posts li .caption p, ol#posts .source{
  margin: 8px auto 0 auto;
 width: 260px;
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11pt;
color: #444;
line-height: 1.4;
text-align: center;
}

p.quote {
  font-style: italic;
}
 
ol#posts li.chat ul.chat {
  list-style: none;
}

 ol#posts li.photo img {
margin: 0 0 0 -20%;
display: block;
background: #000;
opacity: 1;

   -webkit-transition: opacity 0.15s linear;

}
ol#posts li.photo img:hover {
opacity: 0.5;
   -webkit-transition: opacity 0.1s linear;
}

.audio_player {
  margin: 20px auto 0 auto;
  width: 210px;
}

ul.tags {
margin-top: 2px;
margin-bottom:20px;
}
ul.tags li {
 list-style:none;
 display: inline;  
 font-size: 12px;
 padding-right: 5px;
}
ul.tags li a{
 color: #4A98DF; 
 font-style: italic;
 text-decoration: none;
 font-size: 10px;
}

ul.tags li a:hover, .dateauthor a:hover{
   text-decoration: underline;
}
 
 .notecircle {
    width: 50px;
    height: 50px;
    background: url('http://static.tumblr.com/mfp5qld/kB2lkhett/notebutton.png');
    z-index: 5;
    position: relative;
    margin: -25px 0 0 240px;
    
 }
 
 .notecircle p{
    padding: 18px 0 0 1px;
    font-family: Georgia, serif;
    font-size: 15px;
    text-align: center;
    color: #4a98df;
    font-style: italic;
    font-weight: bold;
 }
 
 .dateauthor a{
  font-size: 12px;
  font-family: 'Helvetica', arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
 }
 
 .dateauthor {
    margin-top: -15px;  
 }
 
 .dateauthor .date a{
    color: #222;
    }
     .dateauthor .date a:active{
position: relative;
top: 1px;
}

 .dateauthor .author a{
    padding-left: 3px;
    color: #6E6E6E;
    text-transform: capitalize;
 }


.dividerbar {
 width: 100%;
 height: 1px;
 background: #DFDFDF;
 margin-top: 30px;  
 margin-bottom: 20px;
}


#permalinkpage {
   width: 950px;
 }

 #permalinkpage .highresimage {
  margin-left: -8px;
 }

 #permalinkpage .highresimage img {
  border: solid 9px #EEE;
  display: block;
  max-width: 900px;
  margin: 12px auto 0 auto;

}
 #permalinkpage .dateauthor {
   margin: 20px 0 30px 0;
   text-align: center;
   font-size: 12px;
   display: block;
  font-family: 'Helvetica', arial, sans-serif;
 }

 #permalinkpage ul.tags {
   margin: 0px 0 30px 0;
   text-align: center;
   font-size: 12px;
   display: block;
  font-family: 'Helvetica', arial, sans-serif;
 }

 #permalinkpage .caption {
   margin: 20px 0 10px 0;
   text-align: center;
   font-size: 12px;
   display: block;
  font-family: 'Helvetica', arial, sans-serif;
 }

  #permalinkpage ol.notes {
   margin: 20px auto 30px auto;
    width: 300px;
    list-style: none;
   font-size: 12px;
   display: block;
  font-family: 'Helvetica', arial, sans-serif;
 }
#toTop {
position: fixed;
bottom: 80px;
right: 80px;
cursor: pointer;
background: url(http://static.tumblr.com/mfp5qld/vuVlmu56e/totop.png) no-repeat;
text-indent: -9999px;
width: 51px;
height: 51px;
display:none;
}

p.footer {
    font-family: 'Helvetica', arial, sans-serif;
    font-size: 10pt;
    width: 960px;
    margin: 0 auto;
    padding-bottom: 40px;
    text-align: center;
    color: #777;
}