/*  
Theme Name: design.Principles
Theme URI: http://resource.reh3.com/
Description: Layout CSS for design.Principles
Created: 09/15/2006
Last Modified: 10/13/2006
Version: 5.0
Author: Ray Henry
Author URI: http://www.reh3.com/
*/

/*
-----------------------------------------------------------------------------------------
Global Declarations
-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;} /*--- Zero out everything ---*/
.clearer {clear:both;}

/*
-----------------------------------------------------------------------------------------
Layout Structure
-------------------------------------------------------------------------------------- */
body {
	font-family:verdana, arial, sans-serif;
	text-align:center;
}
#masthead, #content, #footer, #end {
	clear:both;
	width:100%;
	text-align:left;
}
	#masthead {
		margin:20px auto;
		width:960px;
		height:81px;
	}
	#footer {
		margin:5px 0;
		padding:10px 0;
		background:#282828;
	}
.inner {
	margin:0 auto;
	width:960px;
}

/*
-----------------------------------------------------------------------------------------
Masthead
-------------------------------------------------------------------------------------- */
#masthead h1 {
	float:left;
	width:181px;
	height:81px;
	border-right:1px solid #d1d1d1;
}
	#masthead h1 a {
		float:left;
		width:181px;
		padding:81px 0 0 0;
		overflow:hidden;
		background:url(images/dp-logo.gif) no-repeat 0 0;
		height:0 !important;
		text-indent:-9999px;
		text-decoration:none;
	}
#subscribe {
	float:left;
	padding:10px 180px 10px 10px;
	width:588px;
}
	#subscribe p {
		margin:10px 0;
		font-size:11px;
		line-height:1.5;
		color:#484848;
	}
		#subscribe p a {
			padding:2px 0 2px 20px;
			color:#00baf1;
			background:url(images/icon-rss.gif) no-repeat 0 0;
		}
		#subscribe p a:hover {color:#0095c1;}


/*
-----------------------------------------------------------------------------------------
Content
-------------------------------------------------------------------------------------- */
.post {
	width:100%;
	text-align:left;
}
	.post h2 {
		padding:10px 0;
		width:100%;
		height:80px;
		font-size:36px;
		font-family:tahoma, arial, sans-serif;
		line-height:1;
		color:#fff;
		font-weight:normal;
		text-transform:uppercase;
		cursor:pointer;
		letter-spacing:2px;
		background:#00baf1;
	}
		.post#newest h2 {background:#00baf1;}
		.post#newer h2 {background:#33c8f4;}
		.post#new h2 {background:#66d6f7;}
		.post#older h2 {background:#99e3f9;}
		.post h2 span {
			display:block;
			margin:0 auto;
			width:960px;
		}
		.post h2 a {color:#fff;}
		.page .post h2 {cursor:text;}
.entry {
	margin:10px auto;
	width:960px;
}
	.entry p {
		margin:0 0 10px 0;
		font-family:georgia, serif;
		font-size:14px;
		line-height:1.5;
		color:#666;
	}
	.entry h5, .entry h4 {
		font-size:18px;
		color:#282828;
		font-weight:normal;
		text-transform:uppercase;
	}
	.entry p a, .entry h4 a {color:#00baf1;}
	.entry p a:hover, .entry h4 a:hover {color:#0095c1;}
		

/*
-----------------------------------------------------------------------------------------
Footer
-------------------------------------------------------------------------------------- */
#footer h5 {
	font-size:12px;
	color:#fff;
}
#footer a {color:#d6d6d6;}
#footer a:hover {color:#00baf1;}
#search {
	float:left;
	width:300px;
	
}
#searchform {margin:0 0 20px 0;}
	#searchform .s {
		padding:3px;
		font-size:12px;
		color:#999;
		background:#fff;
		border:none;
	}
	#searchform .searchsubmit {
		padding:2px 3px;
		font-size:12px;
		color:#fff;
		text-transform:uppercase;
		background:#00baf1;
		border:none;
	}
 #search ul {list-style:none;}
 	#search ul li {
 		float:left;
 		margin:0 5px 0 0;
 		font-size:12px;
 		color:#d6d6d6;
 	}
 		#search ul li:after {content:",";}
 #recent {
 	float:left;
 	padding:0 20px;
 	width:619px;
	border-left:1px solid #535353;
 }
 	#recent ul {list-style:none;}
 		#recent ul li {
 			margin:5px 0;
 			font-size:12px;
 		}
 		

/*
-----------------------------------------------------------------------------------------
Copyright
-------------------------------------------------------------------------------------- */
#end p {
	margin:10px 0;
	font-size:11px;
	color:#999;
}
	#end a {color:#00baf1;}
	#end a:hover {color:#0095c1;}


/*
-----------------------------------------------------------------------------------------
Interior Pages
-------------------------------------------------------------------------------------- */	
.entry .post-content {
	float:left;
	padding:0 20px 0 0;
	width:640px;
}
	.entry .post-content p {margin:0 0 18px 0;}
.entry .meta {
	float:left;
	padding:20px;
	width:259px;
	border-left:1px solid #d6d6d6;
}
	.entry .meta p {
		font-family:verdana, arial, sans-serif;
		font-size:11px;
		color:#666;
	}
		.entry .meta p a {color:#666;}
		.entry .meta p a:hover {color:#00baf1;}
#post-ad {
	padding:5px 0;
	margin:0 0 20px 0;
	width:100%;
	border-bottom:1px solid #d6d6d6;
}
pre {
	margin:10px 0pt;
	padding:0pt 10px;
	font-family:"Courier New",verdana;
	color:#00576F;	
	font-size:11px;
	line-height:17px;
	border:3px solid #99E3F9;
	background:#EFFCFF;
	overflow:auto;
}
blockquote {
	margin:10px 0;
	padding:10px;
	border-left:3px solid #99E3F9;
}
	.post blockquote p {
		font-family:tahoma, arial, sans-serif;
		font-size:12px;
		font-style:italic;
	}
.post .entry ul {
	margin:15px 10px 10px 20px;
	padding:0 0 0 20px;
	list-style:disc;
	font-family:georgia, serif;
	color:#666;
	font-size:14px;
	line-height:1.5;
}

/*
-----------------------------------------------------------------------------------------
Comments
-------------------------------------------------------------------------------------- */	
#comments {
	clear:both;
	padding:20px 0 0 0;
	width:100%;
}
	#comments h3 {
		padding:10px 0;
		width:100%;
		font-size:22px;
		font-family:tahoma, arial, sans-serif;
		line-height:1;
		color:#282828;
		font-weight:normal;
		text-transform:uppercase;
		letter-spacing:2px;
		background:#d6d6d6;
	}
		#comments h3  span {
			display:block;
			margin:0 auto;
			width:960px;
		}
#comment-meta {
	margin:0 auto;
	width:960px;
}
	#comment-meta p {
		margin:5px 0;
		font-size:12px;
		color:#666;
	}
.commentlist {
	width:100%;
	list-style:none;
}
	.commentlist li {
		margin:10px 0;
		padding:10px 0;
		width:100%;
		border-top:1px solid #d6d6d6;
	}
		.commentlist li .inner {
			padding:0 300px 0 0;
			width:660px;
		}
		.commentlist li p {
			margin:10px 0;
			font-family:georgia, serif;
			font-size:14px;
			line-height:1.5;
			color:#666;
		}
		.commentlist li cite {
			display:block;
			font-size:18px;
			line-height:1;
			font-style:normal;
			color:#282828;
		}
		.commentlist li a {color:#00baf1;}
		.commentlist li a:hover {color:#0095c1;}
#comment-form {
	padding:10px 0;
	width:100%;
	background:#99e3f9;
}
	#comment-form h4 {
		padding:10px 0;
		font-size:22px;
		font-family:tahoma, arial, sans-serif;
		line-height:1;
		color:#282828;
		font-weight:normal;
		text-transform:uppercase;
		letter-spacing:2px;
	}
	#comment-form label {
		display:block;
		margin:0 0 10px 0;
		width:660px;
		font-size:12px;
		color:#282828;
	}
	#comment-form label input, #comment-form label textarea {
		padding:5px;
		width:420px;
		font-size:12px;
		color:#666;
		border:none;
		background:#fff;
	}
	#comment-form input#submit {
		padding:5px;
		font-size:12px;
		color:#fff;
		text-transform:uppercase;
		background:#00baf1;
		border:1px solid #00a7d8;
	}


/*
-----------------------------------------------------------------------------------------
Search
-------------------------------------------------------------------------------------- */
.search-item {
	float:left;
	padding:10px 0;
	width:640px;
}
	.search-item h6 {
		float:left;
		margin:5px 10px 0 0;
		width:60px;
		font-size:11px;
		font-weight:normal;
		text-transform:uppercase;
		line-height:1.5;
		color:#999;
		text-align:center;
	}
		.search-item h6 span {
			padding:3px;
			color:#00BAF1;
			font-size:12px;
			background:#99E3F9;
		}
	.search-item p {
		width:550px;
	}
.page-nav {
	float:left;
	padding:5px 0;
	margin:0;
	width:100%;	
	font-size:12px;
	color:#fff;
	background:#00BAF1;
}
	.page-nav a {
		margin:0 10px 0 0;
		color:#fff;
	}
	.page-nav a:hover {color:#fff;}
.pages {
	margin:0 10px 0 0;
	font-weight:bold;
}
.current {
	margin:0 10px 0 0;
	padding:3px;
	color:#666;
	background:#fff;
}
strong.search-excerpt {
	font-weight:normal;
	background: #CFF5FF;
}