/*   
Theme Name: Peekaboo Clean
Theme URI: 
Description: A clean theme with lots of whitespace.
Author: James Bell
Author URI: http://www.jamesbell.ca
Template: 
Version: 1.0
Tags: 
*/


/* using @import we can borrow style sheets from somewhere else.
 * actually, now we use LINK REL tags, but these are here for reference.
 */

/* reset the browser defaults 
@import url('library/styles/reset.css');

/* apply default typography 
@import url('library/styles/typography.css');

/* add wordpress image styles 
@import url('library/styles/images.css');

/* apply default styles 
@import url('library/styles/base.css');
*/

#searchform {
	float:left;
	margin: 0 15px 15px 0;
	display:inline;
	width:174px;
	height:24px;
	background:url('library/images/search.png') no-repeat;  
}

#searchform label {
	display: none;
}

input#s {
	float:left;
	width:134px;
	margin:6px 0 0 30px;
	border:none;
	background:none;
	text-align:left;
	font:700 .92em arial,sans-serif;
	color:#999;  
}

#sidebar ul {
	list-style: none;
}
/*********************************
 *	CONTENT
 * *****************************/
#content h1 a,
#content h2 a {
	color: #000;
}	
#content h1 a:active,
#content h2 a:active {
	color: #ffd800;
}	

#postmeta {
  padding: 1em 0 4.5em 0;
}

#postmeta p {
  margin: 0;
}
#postmeta img {
  vertical-align: middle;
  border: 0px;
  outline: none;
}

#content p, 
#content blockquote {
	padding:.42em 0;text-align:justify
}
#content blockquote {
	padding:0 15px;
	margin:.42em 20px;
	background:#f7f7f7;
	border-left:2px solid #ddd
}
#content blockquote blockquote {
	background:#eee;
	border-left:2px solid #ccc
}
#content ol,
#content ul {
	padding:.84em 20px;
	list-style:disc inside
}
#content ol {
	list-style-type:decimal;
	margin:0 0 0 18px
}
#content ul ul {
	list-style:circle inside
}
#content ul ul ul {
	list-style:disc inside
}
#content ul li {
	padding:0 0 0 18px;
	margin:0 0 .42em
}
#content ol li {
	margin:0 0 .42em
}

#content .byline {
	margin: 0 0 .75em 0;
}

/***********************
	Comments
***********************/
#comment-box {
	position:relative;
	width:100%;
	clear:both;
	font-size:1em;
}
#comment-box a {
	color:#666;
}
#comment-box a:visited {
	color:#aaa;
}
#comment-box a:hover,
#comment-box a:focus {
	text-decoration:underline;
}
ol.commentlist {
	height:1%;
	margin:0 0 0 0px;
}
ol.commentlist li {
	margin:.42em 0 1.84em;
	clear:both;
	position:relative;
	min-height:92px;
}
ol.commentlist li:after {
	content:".";
	display:block;
	height:0;
	font:0/0 serif;
	clear:both;
	visibility:hidden;
}
* html ol.commentlist li {
	height:92px;
}
ol.commentlist li.comment div.comment-author {
	margin:0 0 .67em;
	font:1em/2 arial,sans-serif;
	border-bottom:1px solid #666;
	width:100%;
}
ol.commentlist li.comment div.vcard cite.fn {
	font-style:normal;
}
ol.commentlist li.comment div.vcard img.avatar {
	float:left;
	border:1px solid #ddd;
	padding:4px;
	background:#f7f7f7;
	position:absolute;
	right:0;
	top:30px;
}
ol.commentlist li.comment div.comment-meta {
	position:absolute;
	right:0;
	top:3px;
	font-size:.92em;
	height:auto;
}
ol.commentlist li.comment p {
	margin:0 80px .67em 0;
	text-align:justify;
	font-size:.92em;
}
ol.commentlist li.comment div.reply {
	text-align:right;
	padding:.17em 0 0;
	margin:0 80px 0 0;
}
ol.commentlist li.comment div.reply a {
	/* font:.92em arial,sans-serif; */
}
ol.commentlist li.comment li.comment {
	margin:.42em 0;
}
#commentform {padding:.84em 0;overflow:hidden;width:100%;clear:both}
#commentform a {
	text-decoration:underline;
}
#commentform a:hover,
#commentform a:focus {
	text-decoration:none;
}
#commentform p {
	margin:0 0 10px;
	padding:5px 10px;
	background:#f7f7f7;
	border:1px solid #ddd;
	font-size:.92em;
}
#commentform label {
	display:block;
	height:1%;
	overflow:hidden;
	color:#666;
	font-size:.92em;
	font-weight:700;
	padding:0 1px 0 10px;
	margin:0 0 .42em;
}
#commentform input,
#commentform textarea {
	padding:5px 3px 0;
	color:#333;
}
#commentform div.inputs {
	float:left;
	width:38.9%;
}
#commentform div.inputs label {
	padding:0 1px;
}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform #comment {
	float:left;
	/*border-top:1px solid #737373;
	border-left:1px solid #949494;
	border-right:1px solid #e7e7e7;
	border-bottom:none; */
	width:100%;
	w\idth:95.4%;
	height:23px;
	he\ight:17px;
	/* background:url('library/images/comment-input.png') no-repeat; */
}
#commentform textarea#comment {
	float:left;
	width:95%;
	min-height:100px;
	border-width:1px;
	margin:0 0 .84em;
	padding:5px 3px;
}
#comment-box #commentform .comment-text {
	width:98.2%;
	float:left;
}
/*\*/ * html #commentform textarea#comment {height:101px} /**/
#commentform input#submit {
	width:10em;
	padding:.5em 0;
	color:#666;
	float:left;
	border:1px solid #ddd;
	background:#f7f7f7;
	cursor:pointer;
}
h4#comments {
	font-size:1em;
	color:#666;
	border-bottom:1px solid #666;
	margin:0 0 4em;
	overflow:hidden;
	width:100%;
}
div#respond {
	width:100%;
	clear:both;
	float:left;
	margin:0 -90% 0 0;
}
h4#respond,
div#respond h4,
div#trackback h4 {
	font-size:1em;
	color:#666;
	border-bottom:1px solid #666;
	margin:0 0 .5em;
	overflow:hidden;
	width:100%;
}
div#trackback h4 {
	font-size:1em;
	color:#666;
	border-bottom:1px solid #666;
	margin:0 0 .5em;
	overflow:hidden;
	width:100%;
}
#comment-box h4 span {
	float:left;
	border-bottom:1px solid #666;
	padding:0 0 .21em;
}
#comment-box .lead {
	height:1%;
	width:auto;
	margin:0 0 0 100px;
}
.trackbacklist {
	list-style:decimal inside;
	margin:0 1em;
	font-size:.92em;
}


/*******************************
 * images
 * ****************************/

a.cboxelement,
a.img
{
  outline: none;
  border: 0px;
}

img,
a img {
	border: 1px #cfcfcf solid;
}

