/*
Theme Name: littlehint blog v1
Theme URI: http://blog.littlehint.com
Description: littlehint blog v1
Author: Dave Stone
Author URI: http://davecstone.com
Tags: littlehint

	littlehint v1
	 http://davecstone.com

	This theme was designed and built by Dave Stone.

*/



/* RESET CSS BY ERIC MEYER */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* generic styles */

body {
	color: #555;
	background: #eae9e4;
	font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
 	line-height: 1.3em;
} 

address {
	font-style: normal;
}

acronym,  abbr,  dfn {
	border-bottom: 1px dashed #ccc;
	text-decoration: none;
	font-style: normal;
	cursor: help;
}

q { quotes:'\201C' '\201D' '\2018' '\2019'}

cite {
	display: block;
}

code {
	font-family: monospace;
}

ul {
	list-style:disc;
}
ol { 
	list-style:decimal;
}

a {
	color: #333;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

img, 
a img {
	border: 0;
}

.hide {
	display: none;
}

hr { 
	width: auto;
	clear: both;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	border: none;
	border-bottom: 1px solid #b5b5b5;
}

strong {
	font-weight: bolder;
}

iframe {
	border:0;
}

small {
	font-size: 70%;
}

.trick {
	width: 99.9%;
	display: block;
	clear: both;
}

.odd { background-color: #f5f5f5; }
.even { background-color: #fff; }

/* the basics */

li {
	margin-left: 30px;
}

h1 { font-size: 160%; }
h2 { font-size: 150%; }

p {
	margin: 15px 0;
	padding: 0;
}

/* Branding */

sense, .to, .love {
	font-weight: bold;
}
.sense { color: #998b65; }
.to { color: #463213; }
.love { color: #998b65; }

.little, .hint, .dotcom {
	/*color: #808080;*/
}

/* Layout */

	.container {
		width: 884px;
		margin: 0 auto;
	}
	
	#main .container {
		padding: 30px 0;
		font-size: 90%;
	}
	
		#main .container .content {
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			width: 840px;
			clear: left;
			overflow: hidden;
			margin: 0 auto;
			background-color: #fff;
		}
		
			#main .container .content #mainbar {
				width: 563px;
				float: left;
				padding: 20px;
			}
			
	#footer .container {
		padding: 0;
	}


/* Header */

	#header {
		background-color: #fff;
		padding: 12px 0;
		width: 100%;
	}
	
		#header h1,
		#header h1 a {
			width: 241px;
			height: 40px;
			margin: 0;
			display: block;
		}
		
			#header h1 a {
				text-indent: -1000em;
				background: #fff url(logo_littlehint.png) no-repeat;
			}
		
		#header ul {
			list-style: none;
			float: right;
			position: relative;
			bottom: 30px;
		}
		
		#header li {
			margin: 0;
			float: left;
		}

			#header li.signout button {
				border: 0;
				background: transparent;
				position: relative;
				overflow: hidden;
			}

			#header li.signout button,
			#header li a {
				font-weight: bold;
				padding: 0 5px;
				margin: 0px;
				border-left: 2px solid #e1e1e1;
				color: #b5b5b5;
				font-size: 75%;
				text-decoration: none;
			}
			#header li.signout button:hover,
			#header li a:hover,
			#header li.current a {
				color: #3b3939;
				text-decoration: none;
				cursor: pointer;
			}
		
			#header li.first a {
				border-left: none;
			}
	
/* Sidebar */

	#sidebar {
		background-color: #f8f1f5;
		width: 224px;
		float: left;
		margin: 4px 0 0 6px;
		font-size: 90%;
		line-height: 1.2em;
		border-left: 2px solid #f1eaed;
	}
	
		#sidebar h2 {
			color: #2b1c25;
			margin-bottom: 12px;
			font-size: 110%;
		}
			#sidebar h2 a {
				text-decoration: none;
			}

		#sidebar ul,
		#sidebar li {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		#recent-posts-3,
		#archives-3 {
			padding: 13px !important;
		}
		
		#sidebar li {
			border-bottom: 1px solid #ddd5d9;
		}
		
		#sidebar li ul li {
			border-bottom: none;
			padding: 0;
			margin: 0 0 0 25px;
			list-style: disc;
		}

/* Footer */

	#footer {
		float: left;
		width: 100%;
		background: #f5f4f0;
		border-top: 1px solid #dfdbca;
	}

		#footer .footer-list {
			float: left;
			width: 146px;
			padding: 15px;
		}
		
		#footer h2 {
			color: #555;
			font-size: 80%;
			margin: 0 0 3px 0;
			font-weight: bold;
			text-shadow: none;
			font-style: normal;
		}
		
		#footer ul {
			list-style: none;
			font-size: 75%;
		}
		
		#footer li {
			margin: 0 0 3px 0;
		}
		
		#footer a {
			color: #6c6b6b;
			text-decoration: none;
		}
		#footer a:hover {
			color: #000;
			text-decoration: underline;
		}
		
		#footer p {
			margin: 0;
			color: #6c6b6b;
			font-size: 70%;
			text-align: center;
		}

/* pagination */
.navigation {
	padding: 0 0 20px 0;
}

	.navigation .alignleft {
		padding-right: 20px;
	}
	
	.navigation .alignleft,
	.navigation .alignright {
		display: inline;

	}
	
	.navigation .alignleft a,	
	.navigation .alignright a {
	}

/* post */
.post .entry h2 { font-size: 120%; }
.post .entry h3 { font-size: 120%; }
.post .entry h4 { font-size: 110%; }
.post .entry h5 { font-size: 100%; }
.post .entry h6 { font-size: 100%; }

.post { 
	border-bottom: 5px solid #f1f1f1;
	margin-bottom: 10px;
	color: #555;
}

	.post h2 a {
		color: #000;
	}
	
	.post .postmetadata {
		font-size: 70%;
		line-height: 1.3em;
	}
	
/* comments */
		
.comment .comment-body {
	border-bottom: 5px solid #f1f1f1;
	padding: 10px;
	color: #555;
}

	.comment .comment-body .comment-author {
	}
	
	.comment .comment-body .comment-author .fn,
	.comment .comment-body .comment-author .says,
	.comment .comment-body .comment-meta {
		display: inline;
		font-size: 70%;
		line-height: 1.3em;
	}