body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #333333;
  background: #fff;
  font-size: 8pt;
  font-family:Verdana,Tahoma,arial,helvetica,sans-serif;
  }

blockquote {
  margin: 0 0 0 30px;
  padding: 10px 0 0 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: #666;
  background: url(http://www.blogblog.com/tictac_blue/quotes.gif) no-repeat top left;
  }

blockquote p {
  margin-top: 0;
  }

abbr, acronym {
  cursor: help;
  font-style: normal;
  border-bottom: 1px dotted;
  }

code {
  color: #996666;
  }

hr {
  display: none;
  }

img {
  border: none;
  }

/* unordered list style */

ul {
  list-style: none;
  margin-left: 10px;
  padding: 0;
  }

li {
  list-style: none;
  padding-left: 14px;
  margin-bottom: 3px;
  background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 0 6px;
  }

/* links */

a:link {
  color: #5B739C;
  }

a:visited {
  color: #666699;
  }

a:hover {
  color: #6699cc;
  }

a:active {
  color: #5B739C;
  text-decoration: none;
  }

/* ---( layout structure )---*/

#container { float: left; width: 930px; background: #FFFFFF url("http://www.bridgeandmain.com/phxcoc/images/background.gif"); padding: 0px 0px 0px 18px; }
#grayBack { float: left; width: 900px; background: #deddd9; padding: 0px 0px 0px 10px; }
#contentArea { float: left; margin: 5px 0px 0px 0px; }
#infoArea { float: left; background: #EBEBEB; width: 890px; padding: 0px 0px 0px 0px; text-align:left; }

#main {
  float: left;
  background:#fff;
  width: 610px;
  margin: 0;
  padding: 5px 10px 0;
  line-height: 1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#sidebar-wrapper { background: #EBEBEB; }
#sidebar {
  float: right;
  width: 259px;
  padding: 20px 0px 0 0;
  font-size: 95%;
  line-height: 1.4em;
  color: #8A8A8A;
  background: url(http://www.blogblog.com/tictac_blue/sidebar_bg.gif) no-repeat 0 0;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }


/* ---( header and site name )--- */
#headerPurple { float: left; background: #623885; height: 21px; width: 890px; padding: 5px 0px 0px 0px; text-align: left; }
#headerWhite { margin-top:5px; float: left; background: #FFF; height: 85px; width: 890px; text-align: left; }
#headerWhite div { padding:0 10px; }
#headerWhite h1 {font: normal normal 20pt 'Lucida Grande','Trebuchet MS';color: #D17300;margin:10px 0; }
#headerWhite h1 a {text-decoration: none;color: #D17300;}
#headerWhite p.description { font-size:90%; margin-top:5px; font-weight:bold;}


/* ---( header menu )--- */
#headerMenuBack { float: left; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 8px; background: #390063; height: 27px; width:882px; }
.menuOpt { float: left; clear: right; width: 103px; border: solid 1px #B6B4AB; text-align: center; margin: 0px 5px 0px 0px; }
.menuOpt a { color: #FFFFFF; font-family: Arial; font-weight:bold; text-decoration: none; padding: 3px 0px 3px 0px; display: block; }
.menuOpt a.on { color: #FFFFFF;background: #623885;font-family: Arial;font-weight:bold;text-decoration: none;padding: 3px 0px 3px 0px;display: block;}
.menuOpt a:hover { color: #FFFFFF; background: #623885; font-weight:bold; text-decoration: none; padding: 3px 0px 3px 0px; display: block; }#contentArea { float: left; margin: 5px 0px 0px 0px; }

/* ---( main column )--- */
#infoArea h1 { font-size:150%; color:#390063; }
#main h2 {
  margin-top: 0;
  padding-left: 14px;
  font-size: 90%;
  color: #999999;
  background: url(http://www.blogblog.com/tictac_blue/date_icon_blue.gif) no-repeat 0 50%;
  }

#main h3 {
  margin-top: 0;
  font: normal bold 130% 'Lucida Grande','Trebuchet MS';
  color: #390063;
  }

.post {
  margin: 0 0 1.5em 0;
  padding: 0 0 1.5em 14px;
  border-bottom: 1px solid #ddd;
  }

#main h3  a,
#main h3  a:visited {
  color: #390063;
  text-decoration: none;
 }

span.quote { font-size:88%; color:#666699; }
.post-footer {
  margin: 0;
  padding: 0 0 0 14px;
  font-size: 88%;
  color: color: #999999;
  background: url(http://www.blogblog.com/tictac_blue/tictac_grey.gif) no-repeat 0 8px;
  }

.post img {
  padding: 6px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: left;
 }

#blog-pager-older-link {
  float: right;
 }

#blog-pager {
  text-align: center;
 }

/* comment styles */

#comments {
  padding-top: 10px;
  font-size: 85%;
  line-height: 1.5em;
  color: #666;
  background: #eee url(http://www.blogblog.com/tictac_blue/comments_curve.gif) no-repeat top left;
  }

#comments h4 {
  margin: 20px 0 15px 0;
  padding: 8px 0 0 40px;
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 130%;
  color: #666;
  background: url(http://www.blogblog.com/tictac_blue/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_blue/tictac_blue.gif) no-repeat 10px 5px;
  }

.comment-body p {
  margin-bottom: 0;
  }

.comment-author {
  margin: 4px 0 0 0;
  padding: 0 10px 0 60px;
  color: #999;
  background: url(http://www.blogblog.com/tictac_blue/comment_arrow_blue.gif) no-repeat 44px 2px;
  }

.comment-footer {
  border-bottom: 1px solid #ddd;
  padding-bottom: 1em;
}


.deleted-comment {
  font-style:italic;
  color:gray;
  }

/* ---( sidebar )--- */

.sidebar h2 {
  margin: 0 0 0 0;
  padding: 25px 0 0 40px;
  font: normal bold 130% 'Lucida Grande','Trebuchet MS';
  color: #666666;
  height: 32px;
  background: url(http://www.blogblog.com/tictac_blue/sidebar_icon.gif) no-repeat 10px 15px;
  height: 32px !important; /* for most browsers */
  height /**/:57px; /* for IE5/Win */
  }

.sidebar .widget {
  margin: 0;
  padding: 0 0 10px 10px;
  border-bottom: 1px solid #ddd;
}

.sidebar li {
  background: url(http://www.blogblog.com/tictac_blue/tictac_blue.gif) no-repeat 0 5px;
  }

.profile-textblock {
  clear: both;
  margin-left: 0;
}

.profile-img {
  float: left;
  margin: 0 5px 5px 0;
  border: 1px solid #ddd;
  padding: 4px;
}

#blogfeeds { padding:0; }

/* ---( footer )--- */

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

#footer { float: left; text-align:left; width: 870px; color:#fff; border-top:5px solid #deddd9; background: #623885; padding:15px 10px; font-size:7pt; }
#footer a { color: #fff; }
#footer a:hover { text-decoration:none; }


/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar {
  padding-top: 0;
  margin-top: 0;
}

body#layout #outer-wrapper,
body#layout #content-wrapper {
  width: 740px;
}

body#layout #sidebar {
  margin-right: 0;
  margin-bottom: 1em;
 }

body#layout #header,
body#layout #footer,
body#layout #main {
  padding: 0;
 }

body#layout #content-wrapper {
  margin: 0px;
 }

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}