/*
Theme Name: Theme for ericlightbody.com
Theme URI: http://www.ericlightbody.com
Description: Theme designed for ericlightbody.com
Author: Eric Lightbody
Author URI: http://www.ericlightbody.com
*/


/******************************************************************************************
CSS Reset, thank you Eric Meyer...http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
	changed attributes are noted
****************************************************************************************/
html, g, 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, 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;
}
html {
	background-color: #ffffff;	/* ADDED (http://flickr.com/groups/underwearshowing/pool/)*/
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: 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;
}

/* force form controls and tables cells to inherit the correct size (http://www.clagnut.com/blog/348/)*/
input, select, th, td { 
	font-size:1em 
}

p 
{
	margin:0.5em 0 1.5em;
}

ul, ol { /*ADDED*/
margin-bottom:1.25em;
}



/******************************************************************************************
Anchors
****************************************************************************************/

a:link {
	color: #452216;
	text-decoration: underline;
}
a:visited
{
	color: #8a442c;
}

a:hover {
	color: #ffbc26;
	text-decoration: underline;
}


.content h3 a, .content h3 a:visited {
	color:#313131;
	text-decoration: none;
}

.content h3 a:hover {
	color: #DB532C;
}
	.comment-home-count a
	{
		text-decoration: none;
	}
	.comment-home-count a:hover
	{
		text-decoration: underline;
	}

#nav a {
	color:#452216;
	font-size:2.4em;
	letter-spacing:-1px;
	text-decoration: none;
}
#nav a:hover {
	color: #DB532C;
}
#sidebar a
{
	text-decoration: none;
}
#sidebar a:hover
{
	text-decoration: underline;
}


#sidebar h4 a:hover
{
	text-decoration: none;
}
.comment-feed a, .comment-feed a:visited
{
	color: #313131;
	text-decoration: none;
}
.comment-feed a:hover
{
	color:#DB532C;
	text-decoration:underline;
}

a.author-url, a.author-url:visited
{
	color: #db532c;
	text-decoration: none;
}
a.author-url:hover
{
	text-decoration: underline;
}

.article-tags a
{
	text-decoration: none;
}

.article-tags a:hover
{
	text-decoration: underline;
}

#archive-content a
{
	color:#DB532C;
	text-decoration: none;
}
#archive-content a:hover
{
	text-decoration: underline;
}
#archive-content .date-head a
{
	color: #313131;
}

/******************************************************************************************
Headings: Since setting font-size to 100%, need to manually set all font-sizes
****************************************************************************************/
h1 {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	text-indent: -9000px;
	z-index: 100;
	width: 110px;
	height: 110px;
}
.content h4 {
	font-family:"trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight:lighter;
	letter-spacing:-0.9px;
	line-height:1em;
	font-size: 1.3em;
	margin:0.875em 0 0.7em;
}
.content h3 {
	font-family:"trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight:lighter;
	letter-spacing:-0.9px;
	line-height:1em;
	font-size: 1.7em;
	margin:0.875em 0 0.7em;
	
}
.content h2 {
	font-size:2.7em;
	font-family:"trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight:lighter;
	letter-spacing:-0.9px;
	line-height:1em;
	margin-bottom: 5px;
}
.page h2
{
	margin-bottom: 30px;
}

#list h2
{
	margin-bottom: 56px;
}

#list h3, #list h4, .post-separator
{
	display: inline;
/*	margin-bottom: 20px;*/
/*	height: 27px;*/
/*	vertical-align: bottom;	*/
/*	line-height: 27px;*/
}

#list h3
{
	font-size:1.75em;
}

.post-head
{
	margin-bottom: 13px;
}
.post-separator
{
	background:transparent url(files/images/vertical-light-dot.png) repeat-y scroll 50% 0;
	padding: 6px 20px 0;
}

#list h4
{
	color:#6C6C6C;
	font-size:1.23em;
	font-weight:lighter;
	letter-spacing:0.01em;
}

.post-date
{
	color:#919191;
	float:left;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.3em;
	font-weight:lighter;
	letter-spacing:-0.9px;
	margin:16px 0 17px;
}



#sidebar h4 {
	font-size:1.2em;
	height:23px;
	margin-bottom:-1px;
	margin-left:-9px;
	padding:11px 0 7px 33px;
}
.sidebarGroups h4 a {
	color: #575757;
}
.sidebarGroups h4 a:hover {
	color: #DB532C;
}
#tweets h4 {
	background: transparent url(files/images/twitterBird.png) no-repeat scroll 5px 8px;

}
#delicious h4 {
	background: transparent url(files/images/delicious.png) no-repeat scroll 6px 7px;
}
#photography h4 {
	background: transparent url(files/images/flickr.png) no-repeat scroll 6px 8px;
}
#feeds h4 {
	background: transparent url(files/images/satellite.png) no-repeat scroll 3px 0;
}

.archive .date-head
{
	font-family:"trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	margin-top: 22px;
}

/****************************************************************
Form elements
****************************************************************/
input
{
	color: #363636;
}


/****************************************************************
General Classes
****************************************************************/
.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }

.align-left, .alignleft
{
	float: left;
}
.align-right
{
	float: right;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

.hr
{
	background:transparent url(files/images/horizontal-light-dot.png) repeat-x scroll 0 100%;
	clear:left;
	height:11px;
	margin-bottom:50px;
	padding:0;
}


/******************************************************************************************
Template
****************************************************************************************/
html, body { width: 100%; } /* Fixes 800x600 problem */

.content blockquote {
	background:transparent url(files/images/blockquote.png) no-repeat scroll 10px 0.75em;
	font-family:Georgia,Times,serif;
	font-size:0.95em;
	font-stretch:normal;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0.25em 0;
}

.content blockquote, .content pre {
	padding:0.25em 40px;
}

.content li
{
	list-style-type: disc;
	margin-left: 30px;
	clear: left;
}

body {
	line-height:1.125em; /* 16x1.125=8 http://www.alistapart.com/articles/howtosizetextincss*/
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #373737;
	margin: 0;
}

#logo {
	background: url(files/images/h1Background.png) no-repeat 0 0;
	width: 110px;
	height: 110px;
}

#badge {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
/*#badgeMap:hover #logo {
	width: 0.6em
	height: 0.6em;
}*/
/* NAV */
#nav {
	font-family:"trebuchet MS",Arial,Helvetica,sans-serif;
	position:absolute;
	right:59px;
	top:33px;
	margin: 0;
	padding-top: 7px;
	height: 40px;
}
#nav li {
	background:transparent url(files/images/navDot.png) no-repeat scroll 0 23px;
	display:inline;
	padding: 12px 4px 15px 15px;
	line-height: 40px;
}
#nav li#first {
	background: none;
}

/* content */
.content {
	font-size: 0.90em;
	position: relative;
	z-index: 1000;
	margin:177px 301px 0 124px;	
	padding-right: 36px;
}

.img-border
{
	border:1px solid #CFCFCF;
	padding:5px;
	margin:5px 13px 4px 0;
}

	.comment-list-meta {
		clear: both;
		margin-top: 10px;
	}
	.comment-home-count
	{
		background:transparent url(files/images/comment.png) no-repeat scroll 100% 76%;
		float:left;
		padding-right:37px;
	}

		.comment-home-count span
		{
			display:block;
			float:left;
			font-size:1.65em;
			font-weight:lighter;
			margin:-2px 4px -1px 0;
		}
	#comments
	{
		margin: 52px 0 0;
	}
	#comments li 
	{
		list-style-type: none;
		margin-left: 0;
	}
	ol#trackback-list {
		list-style-type: decimal;
		margin: 0 0 18px 2.5em;
	}
		#trackback-list li {
			list-style-type: decimal;
		}
	.comment-head, #postform-head
	{		
		background:transparent url(files/images/horizontal-light-dot.png) repeat-x scroll 0 100%;
		color:#313131;
		font-family:"trebuchet MS",Arial,Helvetica,sans-serif;
		font-size:1.45em;
		margin-bottom: 20px;
		padding-bottom:3px;		
		float: left;
		clear: both;
		width: 100%;
		margin-top: 40px;
	}	
	.comment-count
	{
		float: left;
	}
	.comment-feed
	{
		background:transparent url(files/images/blackRss.png) no-repeat 100% 80%;
		letter-spacing:-0.02em;
		padding-right:22px;
		float: right;
	}
	.fn-holder {
		float: left;
	}
		.fn
		{
			font-weight: bold;
			font-style: normal;
		}
		
	#comments-list {
		float: left;
		font-size: 0.9em;
		width: 100%;
	}
		#respond {
			float: left;
		}
		#comments-list #respond {
			float: none;
			border: 1px solid #ccc;
			padding: 10px;
			margin-bottom: 20px;
		}

		#comments-list li {	
			padding:20px 1.4em 1px;
			border: 1px solid #ccc;
			min-height: 100px;
			position: relative;
		}
		#comments-list li.even {
			background-color: #fafafa;			
		}
		#comments-list li.odd {
			background-color: #fff;			
		}		
		.comment {
			position: relative;
			min-height: 50px;
			padding-bottom: 10px;
			margin-bottom: 20px;
		}
		#comments-list li.bypostauthor {
			border: 1px solid #8A442C;
		}
		#comments-closed {
			margin-top: 60px;
			text-align:center;
			}
			#comments-closed h4 {
				margin-bottom: 0;
				}
			.children li {
				border: 1px solid #ccc;
			}
			.comment-author {
				font-size: 1.16em;
			}	

				.author-url
				{
					float: right;
					color: #db532c;
					font-weight: bold;
				}
				.avatar
				{
					border:1px solid #CFCFCF;
					float:right;
					padding:5px;
					margin: 10px 0 5px 8px;
					width: 54px;
					height: 54px;
					clear: right;
				}
				.approve-wait
				{
					font-weight: bold;
				}
			.comment-content {
				min-height: 40px;
				margin: -75px 70px 35px 0;
				padding-right: 10px;
				color: #575757;
			}
			.no-author-url {
				margin-top: -60px;
			}
			
			.comment-date {
				font-size: 0.95em;
				color:#313131;
				font-size:1.55em;
				left:-105px;
				position:absolute;
				top:35px;
			}
			.depth-2 .comment-date {
				left: -125px;
			}
			.depth-3 .comment-date {
				left: -145px;
			}			
			.depth-4 .comment-date {
				left: -165px;
			}
			.comment-reply-link:link {
				display:block;
				font-style:italic;
				margin-bottom:10px;
				text-decoration:none;
			}
			.comment-reply-link:hover {
				text-decoration: underline;
			}
	
			#commentform label {
				color: #505050;
				font-size: 1.1em;
				font-weight: bold;
			}
			.form-submit {
				margin-top: 20px;
			}
			.form-label, .subscribe-to-comments {
				margin-top: 15px;
			}

			
		.form label
		{
			float: left;
			color: #050505;
			font-size: 1.2em;
			margin: 0;
		}
		.form .text, .form textarea
		{
			float: right;
			width: 350px;
			display: block;
		}
		.form #subscribe
		{
			margin-right: 337px;
			float: right;
		}
		.form .text
		{
			font-size: 0.8em;
		}
		.form div
		{
			height:3.1em;
		}
		.form div.textarea-holder	
		{
			height: 13.0em;
		}
		.comment-meta p
		{
			margin-bottom: 0.8em;
		}
		.article-summary
		{
			width: 100%;
			float: left;
		}
			.article-summary p
			{
				margin-bottom: 8px;
			}
		.article
		{
			margin-top: 10px;
			clear: left;
			line-height: 1.4em;
		}
			.article-tags
			{
				background:transparent url(files/images/tag.gif) no-repeat scroll 0 30%;
				float:right;
				font-size:1.2em;
				font-weight:lighter;
				margin:16px 0 17px;
				padding-left:21px;	
			}
			#list .article-tags {
				margin: 0;
				background-position: 0 12%;	
			}
	

		
	.archive ol
	{
		margin:2px 0 10px 30px;
	}	
	.archive ol li
	{
		list-style-type:decimal;
		padding-left:3px;
	}
	.archive #calendar
	{
		font-size: 1.25em;
		margin-bottom: 32px;
	}
	#calendar div
	{
		margin-bottom: 7px;
	}
	.archive #calendar span
	{
		padding:0 0 0 15px;
	}
	.archive #calendar .year
	{
		font-weight: bold;
		font-size: 1.1em;
		padding-left: 0px;
	}
	

/* sidebar */
#sidebar {
	background:transparent url(files/images/verticalDot.png) repeat-y scroll 0 0;
	float:right;
	font-size:0.8em;
	margin: -9px 22px 0 0;
	padding-left:13px;
	width:267px;
}
	#sidebar #advertisements h4 {
		padding-left: 0;
	}
	#sidebar li {
		padding: 6px 0 0;
	}
	.sidebarGroups {
		background: transparent url(files/images/horizontalDot.png) repeat-x scroll 0 31px;		
		font-family:"trebuchet MS",Arial,Helvetica,sans-serif;
		color: #575757;
		width: 263px;	
		margin-top: 25px;
		padding-left: 15px;
	}
		.bubble-tip
		{
			background:transparent url(files/images/speech-bubble/tip-rounded-left.gif) no-repeat scroll 100% 2px;
			padding-right:16px;
			position:absolute;
			top: 5px;	
			left: 0;
		}
		#tweets .bubble {
			position: relative;
		}
		#tweets blockquote
		{
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			margin: 0 0 10px 47px;
			position: relative;
			border: 2px solid #FFBC26;
		}
		#tweets p {
			margin: 5px 10px;
		}
		div.bubble cite.rounded {
			position: relative;
			margin: 0px;
			padding-left: 15px;
			padding-top: 12px;
			top: 9px;
			background: transparent url(files/images/speech-bubble/tip-rounded.gif) no-repeat 15px 0;
		}
		.twitter-time
		{
/*			font-weight: bold;*/
			font-size: 0.9em;
		}
		
	#delicious p.delicious
	{
		margin: 8px 0 9px;
	}
		
		
	#feeds {
		margin-bottom: 17px;
	}
	#photography img {
		border: 5px solid #cfcfcf;
		margin: 5px;
	}
	#photography img:hover {
		border: 5px solid #ffbc26;
	}
	#photography div {
		margin: 16px 0 0 4px;
	}
	
	#feeds ul {
		margin-left: 1px;
	}
	#feeds li {
		padding-left: 21px;
	}
	#rss, #atom {
		background: transparent url(files/images/blackRss.png) no-repeat scroll 0 9px;
	}
	#feed-email {
		background: transparent url(files/images/blueEmail.png) no-repeat scroll 0 10px;		
	}
	
	#list .list-display-none {
		display: none;
	}
	
/*tweetiepie*/
	#download-tweetiepie {
		float: right;
		margin:0 0 10px 25px;		
		padding:13px;
		border:1px solid #CFCFCF;		
	}
	#download-tweetiepie h3 {
		font-size: 1.5em;
		margin: 15px 0 0;
	}
	#download-tweetiepie img {
		margin: 0 auto 6px;
		display: block;
	}
	
	.content .syntaxhighlighter {
		margin: 2em 0 !important;
		}
	
/*page navigation*/
.wp-pagenavi {
	clear: both;
	color: #313131;
	font-family:"trebuchet MS",Arial,Helvetica,sans-serif;
}

.content .wp-pagenavi span.pages, .content .wp-pagenavi span.current {
	border:1px solid #ccc;
	}

.content .wp-pagenavi a:link, .content .wp-pagenavi a:visited {
	color: #452216;
	border: 1px solid #ccc;
	}

.content .wp-pagenavi a:hover {
	color: #db532c;
	border: 1px solid #452216;
}
.sidebarGroups h4 a:hover {
	color: #DB532C;
}

.btc-powered {
	display:none;
	}
/*footer*/
	#footer {
		background:transparent url(files/images/bottomStripes.png) no-repeat scroll 0 87px;
		clear:both;
		color:#848484;
		font-size:0.8em;
		height:47px;
		margin-top:23px;
		padding:100px 0 0 107px;
	}

	img#wpstats {
		display: none;
	}
	.ul-summary li{
		margin-bottom: 0.8em;
	}