/* DannyJames.net v4 main stylesheet */

/* width + height */
#header-container,
#content,
#footer-bar,
#nav-bar  {width:958px;margin:0 auto;}

#nav-bar,
#footer-bar {height:54px;}

/* reset */
h1,h2,h3,h4,p,body {margin:0;padding:0;}

/* tags */
body,
body.tag {
	font-size:62.5%; /* resets 1em to 10px */
	background:#8d8d8d;
	color:#333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

a,#a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
h1,h2,h3,h4 {font-family:"Lucida Grande","Trebuchet MS",Verdana,Helvetica,sans-serif;}

/* header and footer */

#header-wrap,#footer-wrap {background-image:url(http://i.dannyjames.net/djn4/grad_top.png);background-repeat:repeat-x;}
#header-wrap {height:150px;background-position:left top;}
#footer-wrap {height:100px;background-position:left -150px;}
#header-frame {background:url(http://i.dannyjames.net/djn4/headerimage_frame.png) no-repeat left top;}
#skipper {display:none;}

h1#logo,
h1#logo a 
{
	display:block;
	width:650px;
	height:90px;
}

h1#logo 
{
	margin-left:6px;
	text-indent:-10000px;
	float:left;
}

/* skins */

div#skins {
	float:right;
	margin-right:6px;
	width:296px;
	height:96px;
}

div#skins ul
{
	margin:38px 0 0 20px;
	padding:0;
	list-style:none;
}

div#skins ul li
{
	float:left;
	text-indent:-10000px;
	margin:0;
	height:20px;
}

div#skins ul li a
{
	display:block;
	width:20px;
	height:20px;
	margin-right:19px;
	background-image:url(http://i.dannyjames.net/djn4/spec.png);
	background-repeat:repeat-y;
}

a#skin-1 {background-position:0 0;}
a#skin-2 {background-position:-20px 0;}
a#skin-3 {background-position:-40px 0;}
a#skin-4 {background-position:-60px 0;}
a#skin-5 {background-position:-80px 0;}
a#skin-6 {background-position:-100px 0;}
a#skin-7 {background-position:-120px 0;}

a#skin-1:hover {background:#d33;}
a#skin-2:hover {background:#f60;}
a#skin-3:hover {background:#dc0;}
a#skin-4:hover {background:#090;}
a#skin-5:hover {background:#24e;}
a#skin-6:hover {background:#70d;}
a#skin-7:hover {background:#e8e;}

a#skin-1.current {background-position:0 -20px;}
a#skin-2.current {background-position:-20px -20px;}
a#skin-3.current {background-position:-40px -20px;}
a#skin-4.current {background-position:-60px -20px;}
a#skin-5.current {background-position:-80px -20px;}
a#skin-6.current {background-position:-100px -20px;}
a#skin-7.current {background-position:-120px -20px;}

div#skins ul li a.current {cursor:default;}

/* navbar */

#nav-bar {clear:both;}

#navigation
{
	margin:0;
	padding:0;
	list-style:none;
	margin:0 14px;
}

#navigation li
{
	display:block;
	float:left;
	height:48px;
	margin-top:5px;
	margin-bottom:1px;
}

#navigation li a
{
	display:block;
	height:20px;
	padding-top:28px;
	color:#ddd;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center 10px;
	margin:0;
	width:75px;
	text-decoration:none;
	font:bold 1em/20px Verdana,Arial,Helvetica,sans-serif;
}


#navigation li.page-item-0 a {background:url(http://i.dannyjames.net/djn4/nav.png) no-repeat 0 10px;border-left:none;} /* blog */
#navigation li.page-item-8 a {background:url(http://i.dannyjames.net/djn4/nav.png) no-repeat -75px 10px;} /* archive */
#navigation li.page-item-1 a {background:url(http://i.dannyjames.net/djn4/nav.png) no-repeat -150px 10px;} /*about */
#navigation li.page-item-20 a {background:url(http://i.dannyjames.net/djn4/nav.png) no-repeat -225px 10px;} /*contact */
#navigation li.page-item-26 a {background:url(http://i.dannyjames.net/djn4/nav.png) no-repeat -300px 10px;} /*projects */
#navigation li.page-item-67 a {background:url(http://i.dannyjames.net/djn4/nav.png) no-repeat -375px 10px;} /* reading */
#navigation li.page-item-t a {background:url(http://i.dannyjames.net/djn4/nav.png) no-repeat -450px 10px;border-right:none;} /*tumblelog */

#navigation li a:hover {color:#fff;}

#navigation li.current_page_item a,#navigation li.current_page_item a:hover
{
	cursor:default;
	background-color:transparent;
	color:#eee;
}

#navigation li.current_page_item a:before {font-weight:normal;content:"{ ";}
#navigation li.current_page_item a:after {font-weight:normal;content:" }";}

/* content area */

#content-wrap {background:#ddd url(http://i.dannyjames.net/djn4/content_bg.png) repeat-x left top;}

#content
{
	background:url(http://i.dannyjames.net/djn4/content_fill.png) repeat-y left top;
	overflow:hidden;
}

/* main content */

#content-left
{
	width:648px;
	margin:0 0 0 6px;
	float:left;
	display:inline;
}

/* info box */

div#infobox
{
	background:url(http://i.dannyjames.net/djn4/stripe_grey.png);
	border-top:2px solid #fff;
	border-bottom:solid 1px #ccc;
}

div#infobox h2
{
	margin:0 10px;
	font-size:1.6em;
	padding:10px 0 0;
}

div#infobox p {line-height:1.4em;}

body.search div#infobox h2,body.archive div#infobox h2 {padding:10px 0;}

div#infobox div#infobox-inner
{
	background:#eee url(http://i.dannyjames.net/djn4/post_fade_top.png) repeat-x left top;
	margin:10px;
	padding:1px 0;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #ccc;
}

div#infobox p
{
	margin:0 10px;
	font-size:1.2em;
	padding:10px 0;
}

/* post */

div.post
{
	border-bottom:solid 1px #ddd;
	padding:0 0 20px;
	display:block;
	background:url(http://i.dannyjames.net/djn4/post_fade.png) repeat-x left bottom;
	margin:20px 0;
}

body.page div.post {margin:10px 0;}

div.date
{
	width:32px;
	color:#eee;
	text-align:center;
	text-transform:uppercase;
	padding:3px;
	margin:10px;
	float:left;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #ccc;
	font:bold 1em Verdana,Arial,Helvetica,sans-serif;
	display:inline;
}

div.date span {display:block;}
div.date span.day {font-size:1.6em;}

div.post h2
{
	padding:15px 0 15px 10px;
	background:url(http://i.dannyjames.net/djn4/post_fade_top.png) repeat-x left top;
	font-size:2.1em;
}

body.page div.post h2 {padding-left:10px;}

div.post h3
{
	margin:20px;
	font-size:1.7em;
}

div.post h4
{
	margin:20px;
	font-size:1.5em;
}

div.post h2 a,div.post h2 a:hover {text-decoration:none;}

div.post p
{
	margin:20px;
	font-size:1.3em;
	line-height:1.6em;
}

div.post p a:visited {background-color:#e7e7e7;}

div.post code
{
	font-family:"Courier New",Courier,mono;
	background:#e3e3e3;
}

div.post pre
{
	font-family:"Courier New",Courier,mono;
	font-size:1.2em;
	margin:20px;
}

div.post blockquote
{
	background:url(http://i.dannyjames.net/djn4/quote_l.png) no-repeat left top;
	margin:20px 30px;
	font-size:1.2em;
	line-height:1.4em;
	font-style:italic;
	padding:15px 0 0 30px;
	color:#666;
}

div.post blockquote span
{
	display:block;
	background:url(http://i.dannyjames.net/djn4/quote_r.png) no-repeat right bottom;
	padding:0 30px 15px 0;
}

div.post ul,div.post ol
{
	list-style-position: inside;
	padding: 0 20px;
}

div.post>ul,div.post>ol
{
	font-size:1.2em;
	margin:20px;
}

div.post ul li,div.post ol li
{
	margin-top:5px;
	margin-bottom:5px;
}

div.post p.comments
{
	background:#ddd url(http://i.dannyjames.net/djn4/i/comments.png) no-repeat 10px center;
	padding:5px 20px 5px 36px;
	border-bottom:solid 1px #ccc;
	font-size:1em;
	font-weight:bold;
	margin:0 10px;
}

div.post p.comments a:visited {background:#ddd;}

/* post meta */

div.meta {padding:0;}

div.meta ul
{
	margin:10px 0;
	padding:0;
	list-style:none;
	list-style-position: outside;
}

div.meta ul li
{
	font-size:0.9em;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #ddd;
	padding:5px 0 5px 41px;
	background-repeat:no-repeat;
	background-position:20px center;
	margin:0;
}

div.meta ul li.postedon {background-image:url(http://i.dannyjames.net/djn4/i/time.png);border-top:none;}
div.meta ul li.trackback {background-image:url(http://i.dannyjames.net/djn4/i/trackback.png);border-bottom:none;}
div.meta ul li.categories {background-image:url(http://i.dannyjames.net/djn4/i/categories.png);}
div.meta ul li.feed {background-image:url(http://i.dannyjames.net/djn4/i/feed.png);}
div.meta ul li.tags {background-image:url(http://i.dannyjames.net/djn4/i/tags.png);}
div.meta ul li.comments {background-image:url(http://i.dannyjames.net/djn4/i/comments.png);}

/* comments */

h2#comments-header
{
	background:#ddd;
	padding:10px 20px;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #ccc;
	margin:10px 0;
	font-size:1.7em;
	color:#333;
}

#comments-list
{
	margin:10px 0;
	padding:0;
	list-style:none;
}

#comments-list li
{
	margin:10px 0;
	background:#ddd;
	padding:10px 0;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #bbb;
	clear:both;
}

#comments-list li.self {background-image:url(http://i.dannyjames.net/djn4/stripe_grey.png);}

#comments-list li div.comment-head
{
	width:616px;
	height:14px;
	background:url(http://i.dannyjames.net/djn4/comment_top.png) no-repeat left top;
	margin:0 auto;
}

#comments-list li div.comment
{
		background:url(http://i.dannyjames.net/djn4/comment_mid.png) repeat-y left top;
		width:616px;
		margin:0 auto;
		padding:1px 0;
}

#comments-list li div.comment p
{
	margin:4px 16px 10px;
	font-size:1.1em;
}

#comments-list li div.comment-foot
{
	width:616px;
	padding:30px 0 0 0;
	background:url(http://i.dannyjames.net/djn4/comment_bottom.png) no-repeat left top;
	margin:0 auto;
}

#comments-list li div.comment-foot p
{
	line-height:40px;
	font-size:1em;
}

#comments-list li div.comment-foot p cite
{
	font-size:1.3em;
	font-weight:bold;
	font-style:normal;
}


/* pings/tracks */

h2#pings-header
{
	background:#ddd;
	padding:10px 20px;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #ccc;
	margin:10px 0 0;
	color:#333;
	font-size:1.4em;
}

div#pings-tracks
{
	background:#ddd;
	padding:10px 20px;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #ccc;
	margin-bottom:10px;
}

div#pings-tracks ol
{
	margin:0 20px;
	padding:0;
	font-size:1em;
}

div#pings-tracks ol li {margin:3px 0;}

/* comment form and contact form */

h2#leavecomment,
h2#sendmessage
{
	padding:10px 20px;
	margin:10px 0 0;
	font-size:1.7em;
	background:#aaa;
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #888;
	color:#eee;
}

h2#leavecomment.comments-closed {margin-bottom:10px;}

#commentform,#contactform
{
	background:#bbb url(http://i.dannyjames.net/djn4/form_grad.png) repeat-x left bottom;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #555;
	margin:0;
	color:#eee;
	padding:10px 20px
}

#commentform ol,#contactform ol
{
	margin:0;
	padding:0;
	list-style:none;
}

#commentform ol li,
#contactform ol li {margin:5px 0;}

#commentform ol li.logged-in
{
	font-size:12px;
	font-weight:bold;
}

#commentform label,
#contactform label {font-size:1em;}

#commentform label strong,
#contactform label strong {font-size:1.2em;}

#author,
#email,
#url,
#comment,
#cf-name,
#cf-email,
#cf-subject,
#cf-message {
	border:solid 1px #777;
	background:#eee url(http://i.dannyjames.net/djn4/shadow.png) repeat-x left top;
	color:#333;
	padding:5px;
	font:1.2em Verdana,Arial,Helvetica,sans-serif;
}

#author,
#email,
#url,
#submit,
#cf-name,
#cf-email,
#cf-subject,
#cf-submit {
	width:280px;
	font:1.2em Verdana,Arial,Helvetica,sans-serif;
}

#comment,
#cf-message {
	width:590px
}

#submit,
#cf-submit {
	border:none;
	color:#eee;
	font-weight:bold;
	cursor:pointer;
	padding:5px;
}

div.form-info
{
	color:#eee;
	background:#666;
	margin-bottom:10px;
	padding:10px 20px;
	font-size:1.1em;
	border-top:solid 1px #888;
	border-bottom:solid 1px #444;
}

/* prev/next */

div.prev-next 
{
	margin:0;
	width:100%;
	overflow:hidden;
	border-top:solid 2px #fff;
	font-size:1.1em;
	background:#ddd;
	border-bottom:solid 1px #ccc;
}

div.prev
{
	float:left;
	margin-left:5px;
}

div.next
{
	float:right;
	margin-right:5px;
}

div.next a
{
	background:url(http://i.dannyjames.net/djn4/i/bullet_go.png) no-repeat right center;
	padding:10px 21px 10px 0;
}

div.prev a
{
	background:url(http://i.dannyjames.net/djn4/i/bullet_go_l.png) no-repeat left center;
	padding:10px 0 10px 21px;
}

div.prev-next a {display:block;}

/* sidebar */

#sidebar
{
	width:296px;
	margin-right:6px;
	float:right;
	display:inline;
}

#sidebar ul
{
	list-style:none;
	margin:0 20px 20px;
	padding:0;
	border-bottom:solid 1px #fff;
}

#sidebar ul li ul
{
	margin:0;
	border:none;
}

#sidebar ul li ul li
{
	border-top:solid 1px #fff;
	border-bottom:solid 1px #ddd;
	padding:5px 5px 5px 25px;
	font-size:1em;
	background:url(http://i.dannyjames.net/djn4/i/bullet_go.png) no-repeat 5px center;
}

#sidebar ul li h2
{
	padding:20px 5px 0 0;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #ddd;
	font-size:1.4em;
}

#sidebar ul li h2,#sidebar ul li h2 a,#sidebar ul li h2 a:visited {color: #333;}

div#sidebar ul li#djn-comments h2 {border-top:none;} 

#sidebar-rss
{
	padding:10px 0;
	background:url(http://i.dannyjames.net/djn4/sidebar.png) repeat-y left top;
}

#sidebar-rss-outer
{
	padding-bottom:4px;
	background:url(http://i.dannyjames.net/djn4/shadow.png) repeat-x left bottom;
}

ul#sidebar-rss-inner
{
	margin:0 20px;
	padding:5px 0 0 71px;
	border:none;
	background:url(http://i.dannyjames.net/djn4/rss.png) no-repeat 5px center;
	border-top:solid 1px #ccc;
}

ul#sidebar-rss-inner li
{
	padding:3px 0 3px 16px;
	font-size:1.1em;
	background:url(http://i.dannyjames.net/djn4/i/bullet_white.png) no-repeat left center;
}

ul#sidebar-rss-inner a,ul#sidebar-rss-inner a:visited
{
	color:#eee;
	text-decoration:none;
}

ul#sidebar-rss-inner a:hover
{
	color:#fff;
	text-decoration:underline;
}

#sidebar-rss h2
{
	color:#eee;
	margin:0 20px;
	border-bottom:solid 1px #999;
	font-size:1.6em;
	padding:0 5px 0 0;
}

/* sidebar search */

#s
{
	border:solid 1px #aaa;
	border-bottom-color:#bbb;
	background:#eee url(http://i.dannyjames.net/djn4/shadow.png) repeat-x left top;
	color:#333;
	width:180px;
}

#searchsubmit
{
	border:none;
	color:#eee;
	font-weight:bold;
	cursor:pointer;
}

#searchsubmit,#s
{
	padding:5px;
	font:1.2em Verdana,Arial,Helvetica,sans-serif;
}

#sidebar-search
{
	background:url(http://i.dannyjames.net/djn4/shadow.png) repeat-x left bottom;
	padding-bottom:4px;
}

#sidebar-search-inner
{
	background:url(http://i.dannyjames.net/djn4/shadow.png) repeat-x left top;
	padding:10px 0;
}

#sidebar-search #searchform
{
	background:url(http://i.dannyjames.net/djn4/sidebar.png) repeat-y -296px top;
	margin:0;
}

#sidebar-search-container
{
	border-top:solid 1px #ddd;
	margin:0 20px;
	padding:10px 0 0 0;
	text-align:center;
}

#sidebar-search h2
{
	color:#fff;
	margin:0 20px;
	border-bottom:solid 1px #ccc;
	font-size:1.6em;
	padding:0 5px 0 0;
}

/* footer */

#footer-wrap
{
	height:100px;
	background:url(http://i.dannyjames.net/djn4/grad_top.png) repeat-x left -150px;
}

#footer-bar p
{
	padding:0 26px;
	color:#eee;
	font-size:1.1em;
	line-height:50px;
}

#footer-bar a,#footer-bar a:visited
{
	color:#eee;
	font-weight:bold;
}

#footer-bar a:hover {color:#fff;}

/* code blocks */

div.post pre.prettyprint
{
	display:block;
	background:#e9e9e9;
	font-size:1.2em;
	margin:20px;
	padding:10px;
	border-bottom:solid 1px #ddd;
	border-top:solid 1px #fff;
	overflow:auto;
}

pre.lang-php:before,
pre.lang-css:before,
pre.lang-js:before,
pre.lang-html:before
{
	display:block;
	border-bottom:dotted 1px #ccc;
	margin-bottom:10px;
	padding-bottom:5px;
	font-weight:bold;
	color:#999;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

pre.lang-php:before {content:"PHP";}
pre.lang-css:before {content:"CSS";}
pre.lang-js:before {content:"JavaScript";}
pre.lang-html:before {content:"HTML";}

/* misc */

a.extlink
{
	background:url(http://i.dannyjames.net/djn4/i/l_ext.png) no-repeat right center;
	padding-right:12px;
}

a.more-link
{
	font-weight:bold;
	color:#eee;
	background:url(http://i.dannyjames.net/djn4/arr_right.png) no-repeat right center;
	padding:5px 20px 5px 10px;
}

a.more-link:hover
{
	text-decoration:none;
	background-color:#ddd;
}

img.gravatar
{
	margin:0 10px 0 5px;
	border:solid 1px #eee;
	float:left;
}

.hilite
{
	background:#ff0;
	color:#333;
}

form#paypal-donate-form
{
	margin:5px 20px;
	width:70px;
	text-align:center;
	float:left;
}

a img {border:0;}

#pink-link
{
	display:block;
	width:296px;
	height:48px;
	margin:0 auto;
}

div.adsense-ad
{
	width:468px;
	margin:10px auto;
}

div.adsense-ref
{
	width:125px;
	margin:40px auto;
}

div.ref-ffox {display:none;}

a.download,a.download:visited
{
	display:block;
	font-size:2.2em;
	font-weight:bold;
	line-height:58px;
	height:58px;
	width:208px;
	background:url(http://i.dannyjames.net/djn4/download.png) no-repeat center top;
	margin:20px auto;
	text-indent:65px;
}

a.download:hover
{
	background-position:center -58px;
	text-decoration:none;
	color:#fff;
}


div#breadcrumb,div#ingredients
{
	background:#e9e9e9;
	padding:10px 0;
	margin:0 0 10px;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #d9d9d9;
}

div#ingredients {margin:10px 0;}

div#breadcrumb p
{
	color:#bbb;
	margin:0 10px;
}

div#ingredients p
{
	color:#666;
	margin:0 10px;
}

div#breadcrumb p span {color:#333;}

ul#reading-list {list-style:none;}

a.thumbnail
{
	padding-bottom:1px;
	background:url(http://i.dannyjames.net/djn4/shadow.png) repeat-x left bottom;
}

p.info,
p.warning
{
	background-repeat:no-repeat;
	background-position:10px center;
	padding:10px 0 10px 36px;
	border-top:dotted 1px #ccc;
	border-bottom:dotted 1px #ccc;
}

p.info {background-image:url(http://i.dannyjames.net/djn4/i/info.png);}
p.warning {background-image:url(http://i.dannyjames.net/djn4/i/warning.png);border-color:#f00;color:#f00;}

div#lastfm-covers
{
	width:520px;
	margin:20px auto;
}

div#lastfm-covers a {margin:10px 2px 0 0;}

div.slider a.toggle-link
{
	margin:0;
	padding:3px 0;
}

div.slider p
{
	margin:5px 0;
}

img#wpstats {width:0;height:0;padding:0;border:none;overflow:hidden;}

#sharethis {margin:20px;font-size:1.2em;}

div.post div#tag-cloud p {text-align:justify;line-height:2em;}
div.post div#tag-cloud p a {margin:0 20px;}

/* prettify code */

.str {color:#080}
.kwd {color:#008}
.com {color:#800}
.typ {color:#606}
.lit {color:#066}
.pun {color:#660}
.pln {color:#333}
.tag {color:#008}
.atn {color:#606}
.atv {color:#080}
.dec {color:#606}
@media print {
	.str {color:#060}
	.kwd {color:#006;font-weight:bold}
	.com {color:#600;font-style:italic}
	.typ {color:#404;font-weight:bold}
	.lit {color:#044}
	.pun {color:#440}
	.pln {color:#000}
	.tag {color:#006;font-weight:bold}
	.atn {color:#404}
	.atv {color:#060}
}

/* slimbox */

#lbOverlay {
	position:absolute;
	left:0;
	width:100%;
	background-color:#000;
	cursor:pointer;
}

#lbCenter,#lbBottomContainer {
	position:absolute;
	left:50%;
	overflow:hidden;
	background-color:#fff;
}

.lbLoading {background:#fff url(http://i.dannyjames.net/djn4/sb/loading.gif) no-repeat center;}

#lbImage {
	position:absolute;
	left:0;
	top:0;
	border:10px solid #fff;
	background-repeat:no-repeat;
}

#lbPrevLink,#lbNextLink {
	display:block;
	position:absolute;
	top:0;
	width:50%;
	outline:none;
}

#lbPrevLink {left:0;}

#lbPrevLink:hover {background:transparent url(http://i.dannyjames.net/djn4/sb/prevlabel.png) no-repeat left center;}

#lbNextLink {right:0;}

#lbNextLink:hover {background:transparent url(http://i.dannyjames.net/djn4/sb/nextlabel.png) no-repeat right center;}

#lbBottom {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	text-align:left;
	border:10px solid #fff;
	border-top-style:none;
}

#lbCloseLink {
	display:block;
	float:right;
	width:68px;
	height:22px;
	background:transparent url(http://i.dannyjames.net/djn4/sb/closelabel.png) no-repeat 0 0;
	margin:5px 0;
}

#lbCloseLink:hover{background-position:0 -22px;}

#lbCaption,#lbNumber {
	margin-right:71px;
	line-height:1.4em;
}

#lbCaption {
	font-weight:bold;
	font-family:"Lucida Grande","Trebuchet MS",Verdana,Helvetica,sans-serif;
	font-size:1.6em;
}

/* fin! */