/* ------------------------------------------------------------------
base.css
Styles to be used globally throughout a site
------------------------------------------------------------------ */


/* Reset CSS
------------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; }
q:before,q:after{ content:''; }


/* Fonts
------------------------------------------------------------------ */
/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using
 keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 *
 */
body { font: 13px georgia,helvetica,arial,clean,sans-serif; *font-size:small; *font:x-small; }
table { font-size:inherit; font:100%; }

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea { font:99% arial,helvetica,clean,sans-serif; }

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code { font:115% monospace; *font-size:100%; }

/**
 * Default line-height based on font-size rather than "computed-value"
 * see:http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * { line-height:1.22em; }



p { margin: 0 25px 15px 0; }
li { margin: 0 0 6px 10px; }
p { line-height: 150%; }
li { line-height: 130%; }
p.date { color: #999; }
a { color: #06c; }


ul {
	padding: 0 0 0 15px;
	 list-style-type: disc;
}
	

/* LINK ********************************************/

a {	text-decoration: none;}
a:link {	text-decoration: none;}
a:visited,a:active {	color: #c90;}
a:hover {	text-decoration: underline;}


/* IMAGES ********************************************/

img {
	border: 0;
	padding: 0;
	margin: 0;
}

/* MISC ********************************************/

.gray {	color: #666;	}
.red {	color: #f00;}
.image-left { float: left; margin: 0 15px 15px 0; padding: 0; line-height: 100%; }
.image-right { float: right; margin: 0 0 15px 15px; padding: 0; line-height: 100%; }
.image-left img,
.image-right img { border: 1px solid #ccc; padding: 2px; }

h1 { font-size: 180%; margin: 0 0 10px 2px; font-weight: bold; }
h2 { font-size: 140%; margin: 0 0 15px 2px; font-weight: bold; }
h3 { font-size: 120%; margin: 0 0 15px 2px; font-weight: bold; }
h4 { font-size: 110%; margin: 0 0 10px 2px; color: #999; }
h5 { font-size: 110%; margin: 0 0 10px 2px; color: #999; }
h6 { font-size: 100%; margin: 0 0 10px 2px; color: #999; }

h2 a { color: #cc6600; }

body {
	color: #222;
}




/* self clear floated parent containers ********************************************/

#masthead:after, 
.controls:after {content:".";display:block;height:0;clear:both; visibility: hidden;}	

#masthead, 
.controls {zoom:1;} /* IE */


#header { height: 103px; background: url('../images/bg-header.jpg') repeat-x; margin-bottom: 35px; }
#masthead { width:920px;margin:0 auto; }
#masthead .logo { padding-top: 28px; }
#container{width:920px;margin:0 auto}
#content{float:left;width:565px; padding-bottom: 30px;}
#extra {float:right;width:280px}
#footer{clear:both;width:100%; padding-top: 20px; border-top: 3px solid #ccc; }

/********************************************************/



.instructions { color: #999; }

.subscribe-link { background: url(../images/feed.gif) no-repeat 0 50%; display: block; padding: 3px 0 3px 20px; }

/********************************************************/

#content .entry { margin-bottom: 50px; }
#content .entry h2 { font-weight: normal; margin: 0 25px 3px 0; }
#content p { margin: 0 25px 15px 0; }
#content ul { margin: 0 0 15px 0; }
#content blockquote p { margin: 0 25px 15px 20px; color: #666; }
#content li { margin: 0 25px 5px 30px; }

#content .comments h3 { padding-bottom: 2px; border-bottom: 1px solid #ccc; margin-bottom: 0; }
#content .comments .author { color: #000; }
#content .comments .author a { color: #c60; }
#content .comments p { color: #666; }

#content .comments .comment-entry { padding: 10px; border: 1px solid #ddd; background: #fcfcfc; margin-bottom: 10px; }
#content .comments .author-comment { background: #fff; border: 1px solid #7A9538; }
#content .comments .author-comment .author { font-weight: bold; }
#content .comments .comment-entry .post-date { color: #999; font-size: 90%; margin: 0; text-align: right; }

#content .comments table.comment-new { width: 100%; margin-top: 20px; }
#content .comments table.comment-new th, #content .comments table.comment-new td { padding: 5px 10px 5px 0; vertical-align: top; color: #666; }
#content .comments table.comment-new input, #content .comments table.comment-new textarea { padding: 3px; }


#extra h3 { color: #666; font-weight: normal; padding-bottom: 5px; border-bottom: 1px solid #ddd; }
#extra .about, #extra .archives, #extra .currently-reading, #extra .recommended-books, #extra .links { margin-bottom: 50px; }
#extra .about .photo { float: left; margin: 3px 12px 5px 0; padding: 0; line-height: 1; }
#extra .about .photo img { display:block; border: 1px solid #ccc; padding: 2px; }
#extra p, #extra li { color: #666; }