/*
Theme Name: Jeremy 6
Version: 1.6
*/

body {
	background: url('images/background.png') fixed no-repeat top center #204a87;
	color: #ffffff;
	font-family: "DejaVu Sans", "Bitstream Vera Sans", "Verdana", sans-serif;
	font-size: 10pt;
}

a {
	color: #204a87;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	background: #eeeeec;
}

a:hover img {
	box-shadow: rgba(255, 255, 255, 0.5) 0 0 8px;
	-webkit-box-shadow: rgba(255, 255, 255, 0.5) 0 0 8px;
}

code, pre {
	/* Think that Luxi Mono looks screwy on your Linux system?
	   Try turning off hinting. Trust me, it looks so much better. */
	font-family: "Luxi Mono", "DejaVu Mono", "Bitstream Vera Mono", monospace;
	font-size: normal;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	text-shadow: #babdb6 1px 1px 1px;
}

h1 {
	font-size: 28pt;
	text-shadow: #000000 0 0 4px;
}

h2 {
	font-size: 18pt;
}

h3 {
	font-size: 14pt;
}

blockquote {
	border-left: 1em solid #eeeeec;
	margin: 0;
	padding: 0 0 0 1em;
	overflow: auto;
}

pre {
	margin: 0.5em 0;
	padding: 0;
}

#header {
	width: 780px;
	height: 110px;
	margin: 0 auto;

	background: url('images/header.png') no-repeat;
}

#header hr {
	display: none;
}

#header > .wrapper {
	position: relative;
	padding: 40px 40px 0;
	height: 70px;
}

#header h1 {
	display: block;
	margin: 0;
	width: 245px;
	height: 70px;
	background: url('images/logo.png') no-repeat;
}

#header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999em;
}

#header h1 a {
/*	Without this, the logo will become a solid grey box
	when the mouse button is depressed. Ugly as hell. */
	background: transparent;
}

#header .menu {
	display: block;
	position: absolute;
	top: 65px;
	right: 40px;
	bottom: 0;
	padding: 0 1em 0 0;
	margin: 0;
	list-style: none;
}

#header .menu li {
	display: block;
	float: left;
	margin: 0 1em;
	line-height: 45px;
}

#header .menu li a {
	display: block;
	height: 100%;
	padding: 0 1em;

	color: #ffffff;
	/* If you don't see any background, get a better browser. */
	background: rgba(255, 255, 255, 0.2);

	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

#header .menu li.current_page_item a {
	color: #000000;
	background: #ffffff;
	text-decoration: none;
}

#content {
	width: 700px;
	margin: 0 auto;
	padding: 1px 40px;

	color: #000000;
	background: url('images/content.png') repeat-y;
}

#content .hentry {
	margin: 0 1.5em;
	border-bottom: 1px dashed #babdb6;
}

#content .hentry.link > small, #content .hentry.aside > small {
	float: right;
	margin-left: 2em;
}

#content .hentry.post {
	background: url('images/text.png') no-repeat;
	padding-left: 24px;
}

#content .hentry.delicious {
	background: url('images/delicious.png') no-repeat;
	padding-left: 24px;
}

#content .hentry.identica {
	background: url('images/identica.png') no-repeat;
	padding-left: 24px;
}

#content .hentry.page {
	border-bottom: none;
}

#content .hentry > h2 {
	margin: 0.5em 0 0;
}

#content .hentry .entry, #comments .comment-body p {
	line-height: 150%;
}

#content .hentry ul, #content .hentry ol {
	margin: 0;
	padding: 0 2em;
}

#content .hentry li {
	margin: 0.5em 0;
}

#content .entry .alignleft {
	float: left;
	clear: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
#content .entry .alignright {
	float: right;
	clear: right;
	margin-left: 1em;
	margin-bottom: 1em;
}
#content .entry .aligncenter {
	display: block;
	margin: auto;
	text-align: center;
}

#content .entry abbr, #content .entry acronym {
	border-bottom: 1px dashed #888a85;
}

.postmetadata a[rel=tag], .tag-cloud a {
	color: #4e9a06;
}

#content .hentry .more-link, .navigation a {
	display: block;
	margin: 1em;
	padding: 0.5em 1em;
	width: 8em;

	box-shadow: #babdb6 1px 1px 1px;
	-moz-box-shadow: #babdb6 1px 1px 1px;
	-webkit-box-shadow: #babdb6 1px 1px 1px;
	text-shadow: #babdb6 1px 1px 1px;
	border: 1px solid #204a87;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#content .hentry .more-link {
	margin: 1em 0;
}

.navigation .alignleft {
	text-align: right;
	float: left;
}
.navigation .alignright {
	text-align: left;
	float: right;
}

.navigation .alignleft a {
	padding-left: 32px;
	background: url('images/go-previous.png') 8px center no-repeat;
}
#content .hentry .more-link, .navigation .alignright a {
	padding-right: 32px;
	/* CSS2 doesn't let us specify background-position from the right,
	   thus the 95%! AAAAAAARGH! */
	background: url('images/go-next.png') 95% center no-repeat;
}

#comments {
	padding: 0 3em;
}

.commentlist, .comment .children {
	padding: 0;
	list-style: none;
}

.comment {
	position: relative;
	padding: 1em 0 2em 48px;
	border-bottom: 1px dashed #babdb6;
}
.comment:first-child {	
	border-top: 1px dashed #babdb6;
}

.comment .comment-meta {
	position: absolute;
	bottom: 1.5em; left: 48px;
	font-size: smaller;
}

.comment .avatar {
	position: absolute;
	top: 1em;
	left: 0;
}

.comment .comment-author {
	float: left;
	margin-right: 1em;
}

.comment .comment-author cite {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	letter-spacing: -1px;
	text-shadow: #babdb6 1px 1px 1px; 
	font-weight: normal;
	font-style: normal;
	font-size: larger;
}
.comment .comment-author .says {
	display: none;
}

.comment .comment-body {
	margin-right: 32px;
}
.comment .comment-body p {
	margin-top: 0;
}

.comment ul.children {
	margin-bottom: 1.5em;
}

.comment .reply a {
	display: none; /* see :hover below */
	position: absolute;
	bottom: 16px;
	right: 16px;

	height: 16px;
	width: 16px;

	text-indent: -9999em;
	background: url('images/reply.png') no-repeat;
}
.comment:hover > .comment-body .reply a {
	display: block;
}

#comments #respond {
	clear: both;
}

#sidebar {
	clear: both; /* those dastardly pagination links */
	width: 700px;
	margin: 0 auto;
	padding: 1px 40px;

	color: #000000;
	background: url('images/content.png') repeat-y;
}

#sidebar .wrapper {
	border-top: 1px dashed #babdb6;
	border-bottom: 1px dashed #babdb6;
	background: #eeeeec;
}

#sidebar .wrapper > ul {
	padding: 0;
	list-style: none;

	width: 33%;
	float: left;
}

#sidebar .wrapper > ul:first-child {
	width: 34%; /* 33% times 3 is 99%, with 1% left over, made up for here */
}

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

#sidebar .wrapper > ul > li {
	padding: 0 1em 0 0;
}

#sidebar .wrapper > ul:first-child > li {
	padding-left: 1em;
}

#sidebar ul ul li:first-child {
	border-top: 1px dashed #babdb6;
}

#sidebar ul ul li {
	border-bottom: 1px dashed #babdb6;
}

#sidebar h2 {
	font-size: 12pt;
}

#sidebar ul ul li a {
	display: block;
	padding: 0.2em 0;
}

#sidebar ul ul li p a {
	display: inline;
	padding: 0;
}

#footer {
	margin: 0 auto;
	padding: 20px 40px 10px;
	width: 700px;
	background: url('images/footer.png') no-repeat;
	font-size: smaller;
}

#footer a {
	color: inherit;
}

#footer p.icon {
	float: right;
	margin-left: 1em;
}
#footer p.icon a, #footer p.icon a img {
	border: 0;
}

br.clear {
	display: block;
	height: 0;
	clear: both;
}

#content .archives {
	column-count: 4;
	-moz-column-count: 4;
	-webkit-column-count: 4;

	padding: 0;
	list-style: none;
}

.gallery a {
	display: block;
	position: relative;
	float: left;
	margin: 1em 1em 1em 0;
	width: 250px;
	height: 188px;
	border: 4px solid #babdb6;
	border-radius: 5px;
	color: #fff;
	text-shadow: 2px 2px 2px #000;
	background: #000;
}

.gallery a:hover {
	border: 4px solid #204a87;
	box-shadow: 0 2px 2px #000;
	-webkit-box-shadow: 0 2px 2px #000;
	-moz-box-shadow: 0 2px 2px #000;
	text-decoration: none;
}

.gallery img {
	display: block;
	margin: 0; padding: 0;
	border: 0;
}

.gallery span {
	display: block; /* crazy, I know, but wpautop() borks on <div>'s and inserts erroneous <p>'s */
	position: absolute;
	bottom: 0; left: 0; right: 0;
	background: rgba(0,0,0,0.5);
	border-top: 1px solid rgba(0,0,0,0.7);
	padding-left: 4px;
}

/* No Clean Feed special edition: */

/*
body {
	background: #242424;
}

#header {
	background: url('images/nocleanfeed-header.png') no-repeat;
}

#content, #sidebar, #footer {
	opacity: 0.8;
}
*/

/* Styles for the WP-Syntax plugin: */

.wp_syntax {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  overflow: auto;
}

/* IE FIX */
.wp_syntax {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 100%;
}

.wp_syntax table {
  border-collapse: collapse;
}

.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  padding: 2px 4px;
}

.wp_syntax .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
  font-size: 12px;
  line-height: 1.333;
  white-space: pre;
}

/*	If you go down in the woods today
	You're sure of a big surprise.
	If you go down in the woods today
	You'd better go in disguise.

	For ev'ry bear that ever there was
	Will gather there for certain, because
	Today's the day the teddy bears have their picnic. */