/*  
Theme Name: Liteness
Theme URI: http://blog.orbyonline.com/liteness/
Description: A lite-weight WordPress theme.  
Version: 1.0
Author: Tom Richards
Author URI: http://orbyonline.com
*/



/****************
 * Body Styling *
 ****************/
body {
	font-size: small;	
	font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
	background: #555;
	color: #555;
}
	body hr {
		display: none;
	}

/**************************
 * Image and Link Styling *
 **************************/
a, a:visited { 
	color: #4F8BBF;
}
	a:hover { 
		color: #265686;
	}
	a strong {
		color: #4F8BBF;
		font-weight: bold;
	}
		a:hover strong {
			color: #265686;
		}
	a.feed {
		background: url(images/feed_icon.gif) left center no-repeat;
		padding-left: 15px;
	}
	.categories {
		display: block;
		background: url(images/categories.gif) left center no-repeat;
		padding: 0 0 0 19px;
		margin: 10px 0 0 0;
	}
	.permalink a {
		background: url(images/permalink.gif) left center no-repeat;
		padding-left: 15px;
	}
	.comments a {
		background: url(images/comments.gif) left center no-repeat;
		padding-left: 19px;
	}
img {
	margin: 10px;
	border: 0;
}
	img.left {
		float: left;
		margin-left: 0;
	}
	img.right {
		float: right;
		margin-right: 0;
	}
	img.square {
		border: 1px #444 solid;
		background: #FFF;
		padding: 5px;
	}

/*******************
 * Heading Styling *
 *******************/
h2, h4 {
	background: transparent url(images/h2.gif) left center no-repeat;
	font-size: 140%;
	font-weight: normal;
	letter-spacing: .1em;
	line-height: 1.1;
	padding-left: 20px;
	margin: 15px 0 5px 0;
	text-shadow: 3px 3px 2px #CCC;
	color: #D94040;
}
h2 a, h4 a, h2 a:visited, h4 a:visited {
	color: #D94040;
}
h2 a:hover, h4 a:hover {
	color: #FF0000;
}
h3 {
	font-size: 120%;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: .1em;
	line-height: 1.5;
	padding-left: 20px;
	margin: 5px 0 0;
	text-shadow: 3px 3px 2px #CCC;
	color: #D94040;
}
h4 {
	font-size: 120%;
	color: #222;
	line-height: 1.4;
	padding: 0;
	background: none;
	border-bottom: 1px #CCC dotted;
}
	
/*******************
 * Content Styling *
 *******************/
#content {
	float: left;
	background: #FFF;
	width: 100%;
	min-width: 900px;
}
	#content .container {
		width: 900px;
		margin: 0 auto;
	}
	#content #posts {
		float: left;
		position: relative;
		width: 580px;
	}
	#content #sidebar {
		position: relative;
		float: right;
		width: 292px;
	}
	
/*******************
 * Sidebar Styling *
 *******************/
#sidebar li {
	float: left;
	width: 292px;
	margin-bottom: 10px;
	color: #999;
}
#sidebar li ul {
}
	#sidebar li ul li {
		width: 126px;
		float: left;
		display: block;
		margin: 0 0 0 20px;
		padding: 5px 0;
	}
	#sidebar ul li#photos {
		margin-bottom: 0;
	}
	#sidebar ul li#photos ul {
		margin: 0;
		padding: 0;
	}
	#sidebar ul li#photos li {
		background: transparent url(images/slide_back.gif) top left no-repeat;
		margin: 0 0 20px 20px;
		padding: 0;
		float: left;
		width: 126px;
		height: 126px;
	}
	#sidebar ul li#photos>ul>li {
		background-image: url(images/slide_back.png);
	}
	#sidebar #photos li.vert img {
		border: 1px inset;
		margin: 10px 0 0 28px;
		padding: 0;
	}
	#sidebar #photos li.horiz img {
		border: 1px inset;
		margin: 28px 0 0 10px;
		padding: 0;
	}
	
/****************
 * Post Styling *
 ****************/
.post {
	margin-bottom: 4em;
}
	.post p, .post li {
		font-size: 90%;
	} 
	.post li li {
		font-size: 100%;
	}
	.post p {
		margin-bottom: 1.5em;
	}
		.post p.centerImage {
			text-align: center;
		}
	.post pre, .post code {
		color: #D94040;
	}
		.post pre {
			font-size: 90%;
			margin-left: 20px;
			margin-bottom: 1em;
		}
		.post code {
			padding: 0 .5em;
		}
	.post blockquote {
		color: #999;
		font-style: italic;
		font-size: 110%;
		margin: 0 10px 1em;
		padding: 0 10px;
		font-weight: bold;
	}
	.post .entry {
		line-height: 2.0;
		margin-left: 20px;
	}
	.post .date {
		color: #B6B6b6;
		font-size: 80%;
		margin: 0 0 1em 20px;
		letter-spacing: .1em;
	}
	.post ul li, .post ol li {
		list-style-type: disc;
		line-height: 1.4;
		margin: 0 0 .8em 2em;
	}
	.post ol li {
		list-style-type: decimal;
	}
	.postmeta {
		color: #BBB;
		margin: 0 0 0 20px;
		padding: 5px 0;
		border-bottom: 1px solid #E3E3E3;
		letter-spacing: .1em;
		font-size: 90%;
	}
		.postmeta span {
			margin-right: 25px;
		}
		.postmeta a, .postmeta a:visited {
			color: #95BADA;
		}
			.postmeta a:hover {
				color: #4F8BBF;
			}

/******************
 * Comment Styling *
 ******************/
.post .commentlist {
	margin: 20px 0 0 0;
	padding: 0;
	line-height: 0.0;
	margin-left: 20px;
}
	.post .commentlist li {
		clear: both;
		margin: 0 0 40px 40px;
		padding: 0;
		position: relative;
		list-style-type: none;
	}
		.post .commentlist li .commentNumber {
			position: absolute;
			top: -.1em;
			left: -40px;
			font-size: 300%;
			line-height: 1.0;
			color: #E9E9E9;
			font-weight: bold;
		}
		.post .commentlist li .commentmeta {
			position: relative;
			font-weight: bold;
			color: #AAA;
			line-height: 1.1em;
			width: 100%;
		}
			.post .commentlist li .commentmeta .commentauthor {
				width: 55%;
				float: left;
				font-size: 150%;
				padding-bottom: 5px;
				line-height: 1.1em;
			}
				.post .commentlist li .commentmeta .commentauthor cite {
					font-style: normal;
					color: #666;
				}
			.post .commentlist li .commentmeta .commentdate { 
				width: 42%;
				float: right;
				text-align: right;
		}
		.post .commentlist li .commenttext {
			clear: both;
		} 
	.post form {
		margin-top: 10px;
	}
	.post form p {
		margin-left: 20px;
	}


/******************
 * Footer Styling *
 ******************/	
#footer {
	background: #555 url(images/footer_bg.jpg) top left repeat-x;
	clear: both;
	padding: 1em 0;
	min-width: 900px;
}
	#footer p {
		text-align: center;
		width: 900px;
		margin: 0 auto;
		color: #DDD;
	}