/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


/* Global Styles */
html { background: #fff; color: #333; font: 62.5%/1.5 "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif; text-align: center; }
body { margin: 0 auto; text-align: left; width: 700px; }
a { color: #58a; text-decoration: none; }
a:visited { color: #969; text-decoration: none; }
a:hover { color: #c60; text-decoration: underline; }

/* Header
----------------------------------------------- */
#blog-title { background: url(http://www.cpshopdirectory.com/images/site-id.gif) no-repeat; height: 117px; text-indent: -9999px; }
#blog-title a { display: block; text-indent: -9999px; }
#description { display: none; }

/* Content
----------------------------------------------- */
  #content {  }
  #main { width:450px; float:left; }
  #sidebar { width:220px; float:right; }

/* Headings
----------------------------------------------- */
h2 { font-size: 1.1em; text-transform: uppercase; letter-spacing: .11em; color: #999; }


/* Posts
----------------------------------------------- */
.date-header {  }
.post { margin-bottom: 36px; }
.post-title { color: #c60; font-size: 1.8em; font-weight: normal; line-height: 1; margin: 9px 0; }

.post-title a,
.post-title a:visited { text-decoration: none; color: #c60; }

.post-title a:hover { color: #333; }
.post-body { font-size: 1.2em; }
.post-footer, #comments-block dd.comment-timestamp { background-color: #eee; border: 1px solid #ddd; border-width: 1px 0; color: #666; margin: 9px 0; padding: 4px 4px 4px 9px; }
.post-footer em, .comment-link { font-size: 1.1em; }
.post-footer em { font-style:normal; color:#999; }
.comment-link {  }
.post img { padding:4px; border:1px solid #ddd; }
.post blockquote {  }
.post blockquote p {  }

/* Comments
----------------------------------------------- */
#comments h4 { color: #999; letter-spacing: .2em; margin-bottom: 9px; text-transform: uppercase; }
#comments-block dd.comment-body { font-size: 1.2em; }
#comments-block dd.comment-timestamp { font-size: 1.1em; margin-bottom: 36px; }
#comments-block dt.comment-poster { border-bottom: 1px solid #ccc; font-size: 1.2em; margin-bottom: 9px; padding-bottom: 4px; }
#comments-block dd {  }
#comments-block dd p {  }
.deleted-comment { font-style:italic; color:gray; }
.paging-control-container { float: right; }
.unneeded-paging-control { visibility: hidden; }

/* Sidebar Content
----------------------------------------------- */
#sidebar ul { font-size: 1.2em; list-style: none; }
#sidebar li { line-height: 1.5; }
#sidebar p { color:#666; }
.sidebar-title, #sidebar p { margin: 27px 0 9px; }
#sidebar h2.first { margin-top: 0; }

/* Profile
----------------------------------------------- */
#profile-container { display: none; }
#profile-container h2 { margin-top: 0; }
.profile-datablock {  }
.profile-img { display:inline; }
.profile-img img { float:left; padding:4px; border:1px solid #ddd; }
.profile-data { text-transform:uppercase; letter-spacing:.1em; }
.profile-data strong { display:none; }
.profile-textblock {  }
.profile-link { text-transform:uppercase; letter-spacing:.1em; }

/* Footer
----------------------------------------------- */
#footer { clear:both; }
#footer hr { display:none; }
#footer p { text-transform:uppercase; letter-spacing:.1em; }

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

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix { display: inline-block; }   
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.clear { clear: both; }