/*
-----------------------------------------------
Blogger Template Style
Name:     Dots
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     24 Feb 2004
----------------------------------------------- */


/* Title & Description
----------------------------------------------- */
#blog-title {
  margin:0 0 0;
  font:250%/1.4em Verdana,Arial,Helvetica,sans-serif;
  color:#353;
  }
#blog-title a {
  color:#353;
  text-decoration:none;
  }
  
#post-description {
	margin: 1em; 
        width: 430px; 
        max-width: 410px;
  }

#post-listing {
  margin:2em 0 .75em;
  padding-bottom:.35em;
  width: 470px;
  max-width: 440px;
  min-width: 440px;
  
 }


/* Posts
----------------------------------------------- */
.date-header {

  color:#333;
  font:bold Verdana,Arial,Helvetica,sans-serif;
  font:75%/1.4em Verdana,Arial,Helvetica,sans-serif;

 }
.post {
  margin:0 0 1.5em;
  line-height:1.6em;
  font:95%/1.4em Verdana,Arial,Helvetica,sans-serif;
}

.post-title {
  font:100%/1em Verdana,Arial,Helvetica,sans-serif;
  text-transform:uppercase;
  letter-spacing:.3em;
  color:#663;


}
.post-title a, .post-title strong {
  color:#333;
  text-decoration:none;
  }
  
   
.post-footer {
  margin:2;
  border-bottom:1px dotted #9b9; 
  font:normal 90%/1.4em Verdana,Arial,Helvetica,sans-serif;
  color:#333;
  
  }

.post-timestamp
{
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#996;

}
.comment-link
  {
  color:#353;
  text-decoration:none;
  }
  
 
  
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid #cca;
  }
  


/* Comments
----------------------------------------------- */
#comments {
  /*width: 440px;*/
  margin:0;
  }
.comment
{
  margin:2;
  border-bottom:1px dotted #9b9; 
	
}
#comments h4 {
  margin:0 0 10px;
  border-top:1px dotted #9b9;
  padding-top:.5em;
  font:bold 110%/1.4em Verdana,Arial,Helvetica,sans-serif;
  color:#333;
  }
#comments-block {
  line-height:1.6em;
  }
.comment-poster {
  margin:.5em 0 0;
  padding:0 0 0 20px;
  font:normal 90%/1.4em Verdana,Arial,Helvetica,sans-serif;
  color:#333;
  }
.comment-body {
  margin:0;
  padding:.5em  0 0 20px;
  width: 430px; 
  max-width: 410px;	

  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#996;
  }
.comment-timestamp a:link {
  color:#996;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

/* Page Structure
----------------------------------------------- */

#sidebar {
  font-size:85%;
  padding-bottom:20px;
  
/* min-width > width to optimize layout for both FF and IE */    
 width: 130px;
  min-width: 155px;
  }
#sidebar2 {
  padding:5px 10px 15px;
  width:200px;
  width/* */:/**/180px;
  width: /**/180px;
  }


/* Profile
----------------------------------------------- */
.profile-datablock {
  margin:0 0 1em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  margin:0 8px 5px 0;
  border:4px solid #cc9;
  }
.profile-data {
  margin:0;
  line-height:1.5em;
  }
.profile-data strong {
  display:block;
  }
.profile-textblock {
  clear:left;
  }


/* Footer
----------------------------------------------- */
#blogfooter {
  clear:both;
  padding:15px 0 0;
  }
#blogfooter hr {
  display:none;
  }
#blogfooter p {
  margin:0;
  }

  /* Side Bar
---------------------------------------------- */

/* More Sidebar Content
----------------------------------------------- */
.sidebar-title {
  padding-bottom:.35em;
/*  border-bottom:1px dotted #9b9; */
  font:90%/1.4em Verdana,Arial,Helvetica,sans-serif;
  text-transform:uppercase;
  letter-spacing:.3em;
  color:#663;
  white-space: no-wrap;
 
  
  }
#sidebar p {
  margin:0 0 .75em;
  line-height:1.6em;
  }
#sidebar ul {
  margin:.5em 0 1em;
  padding:0 0px;
  list-style:none;
  line-height:1.5em;
  
  }
#sidebar ul li {
  background:url("http://www.blogblog.com/dots/bullet.gif") no-repeat 3px .45em;
  margin:0;
  padding:0 0 5px 15px;
  }


#recent-posts
{
  margin:.5em 5px 1em 0;

}
#archive
{
  margin:.5em 0 1em;

}
#syndicate
{
  margin:.5em 0 1em;

}
#tools
{
  margin:.5em 0 1em;

}

table{
 margin-left: 0px;
 margin-right: 0px;
 padding-right: 5px;
 max-width: 440px;
 
 
}

td{
 padding: 0px;
 width: 400px;
 max-width: 300px;
}  
  
.code {
	width: 400px;
        max-width: 400px;
        
}


