@import "http://samespirit.net/ricky/css/ricky.v3.reset.css";
@import "http://samespirit.net/ricky/css/ricky.v3.1.typography.css";

#content {
width: 500px;
float: left;
}


#footer {
clear: both;
}

  #header h1 a {
  height: 48px;
  float: right;
  padding: 10px 15px 4px 15px;
  color: #cfe4da;
  }

  #header {
  background: #2D5586 url(http://samespirit.net/ricky/css/ricky.v2.boat.png) -130px 0px repeat-x;
  color: #cfe4da;
  height: 88px;
  overflow: hidden;
  margin-bottom: 22px;
  }

/**
 * Navigation
 */
  #navigation{
  position: absolute;
  top: 66px;
  }
  #navigation .pageLinks {
  display: none;
  }
  #navigation ul {
  padding: 0;
  padding-left: 15px;
  height: 22px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  }
  #navigation li {
  float: left;text-align: center;padding: 0; background: none;
  }
  #navigation li a {
  text-shadow: #eee 1px 1px 1px;
  display: block;
  width: 88px;
  height: 22px;
  margin-left: 11px;
  background: #cfe4da url(http://samespirit.net/ricky/css/ricky.v2.matrix.png) 0px -22px no-repeat;
  color: #000;
  text-decoration: none;
  }
  #navigation li a:hover {background-position: 0 0;}
  #navigation li a:active {background-position: 0 -44px;}
  #navigation #current a {background-position: 0 -44px;}
  .about #navigation .n10,
  .portfolio #navigation .n11,
  .software #navigation .n31,
  .news #navigation .n17,
  .photos #navigation .n40{
  background-position: 0 -44px;}
  .where #navigation .n1{
  background-position: 0 -66px;}  

/**
 * Layout Stylesheet
 * 
 * @author  Ricky Moorhouse
 * @version 3
 * @see     http://samespirit.net/ricky
 * @date    2009-02-08
 * 
 */

    
/**
 * Blog Posts
 */
      .status .meta { background: url(/ricky/css/r22.png) top left no-repeat;float: right;padding-left: 22px;margin-left: 5px;}
/*#posts img {margin: 4px};*/
      p.meta {
      width: 100%;
      margin: -11px 0 10px 0;
      border-bottom: 1px solid #cdf;
      }    
p.book {padding: 0 50px;clear: both;}
p.status {clear: both;}
      
      p.links a {
      width: 40%;
      display: block;
      }
      a.previous {
      float: left;
      }
      a.next {
      float: right;
      text-align: right;
      }
      code button {margin: 0 3px;}

      img { 
      vertical-align: top;
      }
      hr {
      width: 88px;
      }

/**
 * Comments
 */
      .author .comment_author a {
      display: none;
      }
/**
 * Forms
 */
      textarea { width: 444px; line-height: 100%;}      
      label {
      float: left;
      clear: left;
      margin-right: 22px;
      }
      #commentBlock label {
      width: 132px;
      clear: left;
      }
      








/**
 * Admin Styles
 */
    #adminLinks{
    position:absolute;
    top: 110px;
    right: 22px;
    }
    p.adminLink{
    position: relative;
    text-align: right;
    left: -100px;top: 0px;
    width: 90px;height: 0;
    margin: 0;padding: 0;
    opacity: 0.5;
    }
    #typeSelect label{
      float: left;
      clear: right;
      margin-right: 22px;
    }
/**
 * Specific Pages
 */
.CurriculumVitae dt,.CurriculumVitae dd {float: left;}
.CurriculumVitae dt {width: 154px;clear: left;}
.CurriculumVitae dd.role {width: 308px;}
.CurriculumVitae dd.dates{width: 132px;padding: 0 11px;}


body {
    padding-left: 40px;
    padding-right: 10px;
background: #fff url(http://samespirit.net/ricky/css/ricky.v2.kefalonia.png) 620px 88px no-repeat;
/*background: #fff url(http://samespirit.net/ricky/css/ricky.v3.grid.png);*/

    }
    #header,#footer {margin-left:-40px;}
    #content {
    width: 500px;
    margin: 0 0 0 20px;
    float: left;
    }
    #me,#elsewhere {
    margin-left: 20px;
    width: 200px;
    float: left;
    }
#elsewhere p.image {
text-align: center;
}

#me h3,#elsewhere h3 {
margin-bottom: -11px;
}
#elsewhere p, #me p {
margin: 11px 0;
font-size: 11px;
}    
    
    #tag { position: absolute;top: 88px; left: 0px;}
    #taglink {width: 53px; height: 200px;display: block;
    background: transparent url(http://samespirit.net/ricky/css/ricky.v3.tag.png) 0px -7px no-repeat; 
    }
    #tagextra {width: 0px;height: 158px;border-radius: 0 0 22px 0;
    background: #2D5586; color: #fff;
    }
    #tag a {float: left;}
    #tag #tagextra {float: left; padding:  5px 0}



p.meta {
width: 100%;
margin: -11px 0 10px 0;
border-bottom: 1px solid #cdf;
}



#footer {
clear: both;
padding: 60px 0 220px 40px;
background: #2D5586 url(http://samespirit.net/ricky/css/ricky.v3.boat.png) -700px top repeat-x;
color: #fff;
}


#footer p {
width: 620px;
margin: 0 0 0 20px;
float: left;
}


#footer a {
color: #eee;
}


ul.tagcloud {
width: 260px;
float: left;margin-left: 20px;
}




.photo {
clear: both;
text-align: center;
}

.photo .title {
font-weight: bold;
height: 22px;
width: 100%;
margin: -66px 0 0 0;
padding: 11px;
background: #fff;
opacity: 0.7;
}
.photo .meta {display: none;}
blockquote{
-moz-box-shadow: 2px 2px 5px 1px rgba(65,106,144,0.5);
background: rgba(65,106,144,0.2);
}


.Momentum { background: url(/momentum/images/momentum.ico) 4px center no-repeat;}
.Momentum .meta { }
.elsewhere {font: 12px/22px Tahoma,Sans,sans-serif; padding-left: 22px;}
.elsewhere .meta {color: #abb;text-transform: lowercase;}

.lbsTooltip {background:#e0e6ee;z-index: 99;text-align: left;text-indent: 0;}
.lbsTooltip div{text-align: left;}
.lbsTooltipHeader{background:#568;color: #fff;font:bold 15px/16px Tahoma,Helvetica,serif;margin: 0;padding:4px;position:relative;border: 0;}
.lbsTooltipBody {padding: 4px 8px 0 8px;margin:0;position:relative;z-index: 2;border: 0;line-height:18px;}
.lbsTooltipBody p, .lbsTooltipBody span{display: inline;color: black;font-family:Tahoma,Helvetica,serif;font-size: 12px;line-height:18px;}
.lbsTooltipFooter {font:11px Tahoma,Helvetica,serif; bottom:4px;margin-top: 4px;position:absolute;text-align:right;border: 0;}
.lbsTooltipFooter a:link, .lbsTooltipFooter a:visited, .lbsTooltipFooter a:hover {font-size:11px;}
.lbsTooltipFooter div{text-align:right;}
.lbsTooltipBody .ch-ref, .lbsTooltipBody .verse-ref{font-size: 85%;top: -1px;position: relative;}
.lbsTooltipBody .ch-ref {font-weight: bold;}
.lbsTooltipBody .verse-ref {color: #669;}
.lbsTooltip, .lbsTooltipBody span, .lbsTooltip a, .lbsTooltipBody p {margin: 0;padding: 0;}


.comment_author {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.comment_body {
padding-left: 22px;
}