
/* colors for the site
99FF33 green
3366CC blue

*/


#highlight_for_latest_post {
border:0px;
margin:30px 0px 30px 0px;
padding: 10 20 20 20;

background: #FFFFFF url(http://www.stephenturbek.com/images/first_article_bg.jpg) top center repeat-x;
}


#highlight_for_latest_post  h2{
font-size:24px;
padding-bottom:10px;
}



#b-navbar {
   height:0px;
   visibility:hidden;
   display:none
   }



  /* Primary layout */

body	{
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  color: #000000;
  background: #FFFFFF url(http://www.stephenturbek.com/images/page_bg.gif) top center repeat-y;
  font: small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
  /*font-size: normal;*/
}

img  {
  border: 0;
  display: block;
  }


  /* Wrapper */
@media all {
  #wrapper  {
    margin: 0 auto;
    padding: 0;
    border: 0;
    width: 690px;
    text-align: left;
    background: #fff;
    font-size:90%;
    }
  }
@media handheld {
  #wrapper  {
    width: 90%;
    }
  }


  /* Header */

#blog-header  {
  color: #3366CC; 
  background: #FFFFFF;
  margin: 0 auto;
  padding: 0 0 15px 0;
  border: 0;
  }

#blog-header h1  {
  font-size: 24px;
  text-align: left;
  padding: 15px 20px 0 20px;
  margin: 0;
  background-repeat: repeat-x;
  background-position: top left;
  }
  
#blog-header p  {
  font-size: 110%;
  text-align: left;
  padding: 3px 20px 10px 20px;
  margin: 0;
  line-height:100%;
  }

  
  /* Inner layout */

#content  {
  padding: 0 20px;
  }

@media all {
  #main  {
    width: 625px;
    float: left;
    }

  #sidebar  {
    width: 1px;
    float: right;
    }
  }
@media handheld {
  #main  {
    width: 100%;
    float: none;
    }
    body{
  background: #FFFFFF url();
    }

  #sidebar  {
    width: 100%;
    float: none;
    }
  }
  
  /* Bottom layout */


#footer  {
  clear: left;
  margin: 0;
  padding: 0 20px;
  border: 0;
  text-align: left;
  border-top: 1px solid #f9f9f9;
  }
  
#footer p  {
  text-align: left;
  margin: 0;
  padding: 10px 0;
  font-size: x-small;
  background-color: transparent;
  color: #999;
  }


  /* Default links   */

a:link, a:visited {
  font-weight : bold; 
  text-decoration : none;
  color: #3366CC;
  background: transparent; 
  }

a:hover {
  font-weight : bold; 
  color: #3366CC;
  background: transparent; 
    text-decoration: underline;
  }

a:active {
  font-weight : bold; 
  color: #99FF00;
  background: transparent;  
  }



.itempageheaderlink {
  color: #FFFFFF;
}
  
  /* Typography */
  
#main p, #sidebar p {
  line-height: 140%;
  margin-top: 5px;
  margin-bottom: 1em;
  }
  
.post-body {
  line-height: 140%;
  } 

h2, h3, h4, h5  {
  margin: 25px 0 0 0;
  padding: 0;
  }

h2  {
  font-size: large;
  }
  

h3.post-title {
  margin-top: 5px;
  font-size: medium;
  }

ul  {
  margin: 0 0 25px 0;
  }


li  {
  line-height: 160%;
  }

#sidebar ul   {
  padding-left: 10px;
  padding-top: 3px;
  }

#sidebar ul li {
  list-style: square inside;
  vertical-align: top;
  padding: 0;
  margin: 0;
  }
  
dl.profile-datablock  {
  margin: 3px 0 5px 0;
  }
dl.profile-datablock dd {
  line-height: 140%;
  }
  
.profile-img {display:inline;}

.profile-img img {
  float:left;
  margin:0 10px 5px 0;
  border:4px solid #ccb;
  }
    
#comments  {
  border: 0;
  border-top: 1px dashed #eed;
  margin: 10px 0 0 0;
  padding: 0;
  }

#comments h3  {
  margin-top: 10px;
  margin-bottom: -10px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  }  

#comments dl dt   {
  font-weight: bold;
  font-style: italic;
  margin-top: 35px;
  padding: 1px 0 0 18px;
  background: transparent;
  color: #bba;
  }

#comments dl dd  {
  padding: 0;
  margin: 0;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.comment-link {
  margin-left:.6em;
  }
