/*
THEME NAME: Puddlemonkey
THEME URI: http://top-frog.com
DESCRIPTION: The great a venerable Puddlemonkey theme!
TAGS: puddlemonkey
VERSION: 1
AUTHOR: <a href="http://top-frog.com">Shawn Parker</a>
AUTHOR URI: http://top-frog.com
*/

/* Eric Meyer's CSS Reset */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body {
	line-height: 1;
	color: black;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: helvetica, arial, sans-serif;
}
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, 
blockquote:after,
q:before, 
q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* LAYOUT */
#header, #container, #content { position: relative; }
a:link, 
a:active, 
a:visited { 
	color: #555;
	text-decoration: none; 
}
a:hover { text-decoration: underline; }
a.read-more { 
	font-style: italic; 
	font-size: .95em; 
}
p {
	font-size: .75em;
	line-height: 1.5em;
	margin: 10px 0;
}
b,strong {
	font-weight: bold;
}
i,em {
	font-style: italic;
}
#wrapper {
	display: block;
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#header, 
#container, 
#footer { padding: 30px 90px 30px 60px; }
#container { 
	margin-top: 25px;
	padding-right: 300px; 
	overflow: hidden;
}
#content { 
	width: 550px; 
	padding-left: 30px;
}
#menu {
	float: right;
	margin: 75px 30px 0 0;
	font-size: .9em;
	width: 150px;
	position: relative;
}
#menu a, 
#menu a:link, 
#menu a:active, 
#menu a:visited { color: black; }
#menu h3,
#menu li { border-bottom: 1px solid #ddd; }
#menu li a,
#menu li a:link,
#menu li a:active,
#menu li a:visited {
	display: block;
	padding: 12px 20px 6px 16px;
	font-size: .95em;
}
#menu li a:hover { 
	font-weight: bold; 
	background-color: #E2FEFF;
}
#menu li#search {
	padding: .25em 0;
	border-bottom: none;
}
#menu h3 { margin-top: 25px; }
#header {
	height: 495px;
	text-align: right;
	padding: 0;
	margin-top: 30px;
	position: relative;
}
h1, h2, h3 {
	font-weight: bold;
	margin-bottom: 5px;
}
h1 { font-size: 1.7em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h1 a:link, h1 a:visited, h1 a:active {
	text-decoration: none;
	color: black;
}
h1 a:hover { text-decoration: underline; }
.skip-link {
	display: none;
	visibility: hidden;
}
#blog-title {
	position: absolute;
	top: 400px;
	left: 400px;
}
#blog-description { 
	color: gray; 
	position: absolute;
	left: 400px;
	top: 430px;
}
.navigation { margin-bottom: 15px; font-size: .8em; color: gray; }
.navigation a:link, 
.navigation a:active, 
.navigation a:visited { color: gray; }
.page-title { margin-bottom: 40px; }
/* ENTRY */
.hentry { 
	margin-bottom: 10px; 
	height: 1%;
}
.entry-title, .page-title {
	padding-left: 60px;
	padding-top: 5px;
	margin-left: -61px;
	overflow: visible;
	padding-bottom: 12px;
	margin-bottom: -5px;
}
.entry-title, .page-title { background: transparent url(images/banana.png) 10px 2px no-repeat; }
.archives h3.entry-title, 
.archive h3.entry-title,
.results h3.entry-title { background: none; }
.entry-content { overflow: hidden; }
.entry-title a, 
.entry-title a:link, 
.entry-title a:active, 
.entry-title a:visited { color: black; }
.entry-title a:hover { text-decoration: underline; }
.entry-date, 
.entry-meta, 
.comment .meta, 
.comment .edit_comment, 
.comment_author_url { 
	font-size: .7em; 
	line-height: 1.2em;
}
.entry-date,
.entry-date a:link, 
.entry-date a:visited, 
.entry-date a:active,
.entry-meta, 
.entry-meta a:link, 
.entry-meta a:visited, 
.entry-meta a:active, 
.comment .meta, 
.comment .edit_comment a:link, 
.comment .edit_comment a:active, 
.comment .edit_comment a:visited,
.comment_author_url a:link, 
.comment_author_url a:visited, 
.comment_author_url a:active, 
.comment_author_url {
	color: gray;
	text-decoration: none;
}
.entry-meta a, 
.comment cite a { font-weight: bold; }
.entry-meta a:hover, 
.comment cite a:hover, 
.comment .edit_comment a:hover,
.comment_author_url a:hover { text-decoration: underline; }
.entry-date { margin: 8px 0; }
.entry-meta {
	border-top: 1px solid #CCC;
	float: right;
	width: 200px;
	margin-right: -300px;
}
.entry-meta li {
	margin: 8px 0 0 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #CCC;
}
.entry-content {
	float: left;
	margin-bottom: 13px;
	padding-bottom: 13px;
}
.hentry.recent { border-bottom: 1px solid #ccc; }
.hentry.recent h2 {
	font-size: .95em;
	background-image: none;
}
.hentry.recent .entry-date { margin: 0; }
.hentry.recent .entry-content { margin-bottom: 5px;}

/* "SIDEBAR" footer */
#pm_sidebar { 
	background: #fff url(images/footer_repeat_bg.jpg) 0 0 repeat-y; 
	padding-bottom: 15px;
}
#primary {
	background: transparent url(images/puddlemonkey-footer.jpg) 0 0 no-repeat;
	padding: 125px 75px 20px 75px;

}
.col1, 
.col2, 
.col3, 
.col4, 
.comments_col {
	float: left;
	padding-left: 15px;
}
.col1, 
.col2 { margin-right: 15px; }
.col1 { width: 40%; }
.col2, 
.col3 { width: 25%; }
.col4 { 
	width: 30%; 
	padding-left: 50px;
	float: right;
}
.col4 h3 {
	margin-top: 25px;
}
.comments_col {
	width: 469px;
	background: transparent url(./images/comments_bg.png) 0 0 repeat-y;
	padding: 15px 30px;
	margin-top: 90px;
	margin-bottom: 50px;
}
.comments_header,
.comments_footer {
	text-indent: -9999px;
	background: transparent url(./images/comments_topper.png) top left no-repeat;
	display: block;
	width: 529px;
	height: 81px;
	margin: -96px 0 10px -30px;
}
.comments_footer {
	margin: 0 0 -70px -30px;
	background-position: bottom left;
}
#pm_sidebar h3 {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 10px;
	border-bottom: 1px solid black;
}
#pm_sidebar ul { margin-bottom: 20px; }
#pm_sidebar ul li {
	margin: 0;
	font-size: .9em;
}
#pm_sidebar ul li a:link, 
#pm_sidebar ul li a:active, 
#pm_sidebar ul li a:visited {
	display: block;
	color: black;
	border-bottom: 1px solid #2EE400;
	padding: 7px 4px;
}
#pm_sidebar ul li a:visited {
	color: 3F3F3F;
	text-decoration: none;
}
#pm_sidebar ul li a:hover { background-color: #2EE400; }
.clear { clear: both; }
#small-about p,
#twitter p { font-size: .9em; }

/* COMMENTS */
.comment {
	border-top: 1px solid #5B8B07;
	padding: 10px 0 0 50px;
	margin: 25px 0 0 0;
}
.comment .avatar {
	float: left;
	margin-right: 18px;
	margin-left: -50px;
}
#comments h3, 
#respond h3 { border: none; }
#respond h3 { margin-top: 30px; }
.comment-author .fn {
	font-weight: bold;
	font-size: 1em;
}
.comment-author .fn a, 
.comment-author .fn { color: black; }
.comment-meta {
	font-size: .8em;
	font-style: italic;
	padding-top: 4px;
	margin-bottom: 15px;
}
.comment-meta .meta-sep { font-style: normal; }
#commentform { margin-top: 40px; }
#commentform fieldset {
	border: 2px solid #D6FFA2;
	padding: 10px 10px 10px;
}
#commentform fieldset h3 { margin-top: 0; }
#commentform label {
	width: 100%;
	display: block;
	margin-bottom: 5px;
	font-size: .8em;
	padding: 3px;
}
#commentform label span { font-size: .9em; }
#commentform label input {
	width: 200px;
	margin-right: 10px;
	padding: 2px;
	font-size: 1em;
}
#commentform label input, 
#commentform label textarea { border: 1px solid gray; }
#commentform label textarea { width: 90%; }

/* FOOTER */
#footer {
	background: transparent url(./images/dirt.png) 0 0 no-repeat;
	display: block;
	overflow: hidden;
	height: 20px;
	margin-top: -15px;
	text-align: center;
	padding: 15px 15px 0 15px;
	font-size: .7em;
}
#footer,
#footer a:link, 
#footer a:visited, 
#footer a:active, 
#footer .meta-sep { color: white; }

/* Category Archives & Links */
#archives-page li,
#links-page li { margin-bottom: 20px; }
#archives-page li ul,
#links-page li ul { margin-left: 20px; }
#archives-page li ul li,
#links-page li ul li { margin: 5px 0; }
#archives-page li ul li,
ul.blogroll li {
	font-size: .9em;
	margin: 8px 0;
}
ul.blogroll span {
	margin-left: 10px; 
	font-style: italic;
}
/* SIMILAR POSTS */
#similar-posts h4 {
	font-weight: bold;
}
#similar-posts ul {
	margin-left: 20px;
}
#similar-posts ul li {
	font-size: .9em;
	margin: .5em 0;
}
#similar-posts ul li span {
	color: #ccc;
	font-style: italic;
	margin-left: 15px;
}
#similar-posts ul li a { 
	color: black; 
}
#similar-posts ul li {
	font-size: .8em;
}
/* Twitter */
#pm_sidebar #twitter a.tweet-permalink {
	background: transparent url(./images/Twitter-16x16.png) 0 50% no-repeat;
	padding-left: 20px;
}

/* Archives */

#content ul.archive, 
#content ul.archive ul {
	font-size: .95em;
	margin: 0 0 0 5px;
}
#content ul.archive {
	margin-top: 10px;
}
#content h2.archive-year {
	margin-top: 25px;
}
#content ul.archive ul li span {
	float: right;
	margin-top: 1px;
}
#content ul.archive ul li span a {
	font-size: .90em;
}
#content ul.archive li, 
#content ul.archive li ul li {
	padding: 0;
	list-style-type: none;
}
#content ul.archive li ul li {
	margin: 8px 2px;
}
#content ul.archive a {text-decoration: none;}