body {margin: 0; padding: 0; font-family: 'Trebuchet MS', trebuchet, Verdana, sans-serif; font-size: small; text-align: center; color: #000000; background: #8785c0;}
blockquote 		{margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #333333; background: url(http://www.blogblog.com/tictac/quotes.gif) no-repeat top left;}
blockquote p 	{margin-top: 0;}
abbr, acronym 	{cursor: help; font-style: normal; border-bottom: 1px dotted;}
code 			{color: #333333;}
hr 			{display: none;}
img 			{border: none;}

/* unordered list style */
ul {list-style: none; margin: 0 0 20px 30px; padding: 0;}
li {list-style: none; padding-left: 14px; margin-bottom: 3px; background: url(http://www.blogblog.com/tictac/tictac_orange.gif) no-repeat 0 6px;}

/* links */
a:link 		{color: black;}
a:visited		{color: #333333;}
a:hover		{color: black;}
a:active		{color: black; text-decoration: none;}

/* layout structure */
@media all {
  #wrap 		{position: relative; top: -40px; width: 847px; margin: 0 auto; text-align: left; background: url(tile.gif) repeat-y;}
  #content 		{margin-top: 0px; margin-left: 62px; /* to avoid the BMH */}
  #main-content	{float: left; width: 460px; margin: 20px 0 0 0; padding: 0; line-height: 1.5em;}
  #sidebar		{margin: 0 41px 0 547px; padding: 20px 0 0 0; font-size: 85%; line-height: 1.4em; color: #000000; background: url(sidebar_bg.gif) no-repeat top center;}
  }
@media handheld {
  #wrap 		{width: 90%; background: none;}
  #content 		{margin:0 2% 0 2%;}
  #main-content 	{float: none; width: 100%;}
  #sidebar 		{margin: 0 2% 0 2%;}
  }


/*------------- Header and Site name -------------*/
@media all {
  #blog-header 	{margin: 0; padding: 0; height: 130px; overflow: hidden;
                   background: #36354d url(top_div.gif) no-repeat 0 0;}
  #blog-header h1	{margin: 20px 0px 0px 0px; padding: 0px 70px 10px 310px;
                   font-size: 60px; font-weight: bold; color: #ffdd00; text-align: right; line-height: 100%; height: 55px; overflow: hidden;}
  #blog-header p	{margin: 0px; padding: 0px 70px 0px 310px;
                   font-size: 16px; color: #ffffff; font-weight: normal; text-align: right; background: url(top_h1.gif) no-repeat center bottom; height: 45px;}
#blog-header h1 a:link, #blog-header h1 a:hover, #blog-header h1 a:visited, #blog-header h1 a:active  	{color: #ffdd00; text-decoration: none;}
#blog-header h1 a:hover {color: #ffffff;}
}
@media handheld {
  #blog-header 	{background: none;}
  #blog-header h1 {background: none;}
  }

/*------------- Main Column -------------*/
h2.date-header	{margin-top: 0; padding-left: 14px;
                   font-size: 90%; color: #ffa619;
                   background: url(http://www.blogblog.com/tictac/date_icon.gif) no-repeat 0 50%;}
h3.post-title	{margin-top: 0;font-family: 'Trebuchet MS', trebuchet, "Lucida Grande"; font-size: 130%; letter-spacing: -1px;}
.post			{margin: 0 0 1.5em 0; padding: 0 0 1.5em 14px; border-bottom: 1px solid #333333;}
.post-footer	{margin: 0; padding: 0 0 0 14px;
                   font-size: 88%; color: #000000;
                   background: url(http://www.blogblog.com/tictac/tictac_grey.gif) no-repeat 0 8px;}
.post img 		{padding: 6px; border: 1px solid #333333;}


/*------------- Comment Styles -------------*/

#comments 		{padding-top: 10px;
                   font-size: 85%; line-height: 1.5em; color: #333333;
                   background: #e0e0f1 url(http://www.blogblog.com/tictac/comments_curve.gif) no-repeat top left;}
#comments h4 	{margin: 20px 0 15px 0; padding: 8px 0 0 40px;
                   font-family: 'Trebuchet MS', trebuchet, "Lucida Grande"; font-size: 130%; color: #666;
                   background: url(http://www.blogblog.com/tictac/bubbles.gif) no-repeat 10px 0;
                   height: 29px !important; /* for most browsers */
                   height /**/:37px; /* for IE5/Win */ }
#comments ul 	{margin-left: 0;}
#comments li	{background: none; padding-left: 0;}
.comment-body 	{padding: 0 10px 0 25px; background: url(http://www.blogblog.com/tictac/tictac_orange.gif) no-repeat 10px 5px;}
.comment-body p 	{margin-bottom: 0;}
.comment-data	{margin: 4px 0 0 0; padding: 0 10px 1em 60px;
                   color: #999;
                   border-bottom: 1px solid #ddd; background: url(http://www.blogblog.com/tictac/comment_arrow.gif) no-repeat 44px 2px;}
.deleted-comment 	{font-style:italic; color:gray;}


/*------------- Sidebar -------------*/
h2.sidebar-title 	{margin: 0 0 0 0; padding: 25px 0 0 30px;
                   font-family: 'Trebuchet MS', trebuchet, "Lucida Grande"; font-size: 150%; line-height: 100%; color: #000000;
                   height: 32px; background: url(http://www.blogblog.com/tictac/sidebar_icon.gif) no-repeat 5px 15px;
                   height: 32px !important; /* for most browsers */
                   height /**/:57px; /* for IE5/Win */ }
#sidebar ul, #sidebar p	{margin: 0px; padding: 0px 10px 1em 10px;
                          border-bottom: 1px solid #ddd; }

#sidebar li {  background: url(http://www.blogblog.com/tictac/tictac_green.gif) no-repeat 0 3px;}

/*------------- profile block -------------*/

.profile-datablock 	{margin: 0; padding: 5px 20px 0 20px;}
.profile-datablock dd 	{margin: 0; padding: 0;}
.profile-img img 		{float: left; margin: 0 10px 0 0; padding: 4px; border: 1px solid #333333; background: #fff;}
#sidebar p.profile-link 	{padding-left: 36px; background: url(http://www.blogblog.com/tictac/profile.gif) no-repeat 20px 4px;}
p#powered-by, #sidebar p.profile-textblock { margin-top: 1em; border: none;}

/*------------- Footer -------------*/
.clear { /* to fix IE6 padding-top issue */ clear: both; height: 0;}

@media all {
  #footer 	{margin: 0; padding: 0 0 9px 0;
              font-size: 100%; color: #ffffff; font-weight: normal;
             background: url(bottom_sill.gif) no-repeat bottom left;}
  #footer p	{margin: 0; padding: 10px 320px 10px 65px;
              background: url(bottom_sash.gif) no-repeat top left;}
  }
@media handheld {
  #footer {background: none;}
  #footer p {background: none;}
  }

/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  }

#navbar-iframe { display: none; }