html,
body  {
	margin: 0;
	padding: 0;
}
body  {
	background: #EBEBEB;
	font: 12px/18px Helvetica, sans-serif;
	color: #555;
}
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
a  {
	text-decoration: none;
}
a:hover  {
	text-decoration: underline;
}
img  {
	display: block;
	border: none;
}
/*h1  {
	margin: 36px 0;
	height: 23px;
}
h1 img  {
	float: right;
}*/
h2  {
	font: 14px Helvetica, Myriad, Tahoma, sans-serif;
	margin: 10px 0;
	color: #333333;
	font-weight: normal;
}
h3  {
	margin: 10px 0;
	color: #F6921D;
	font: bold 15px/20px Myriad, Tahoma, sans-serif;
}
h4  {
	margin: 10px 0;
	height: 25px;
	color: #F6921D;
	font-size: 18px;
}
h4.bumpleft { margin: 10px 45px; }
h5  {
	font: bold 13px/23px Myriad, Arial, sans-serif;
	color: #F6921D;
	margin: 0;
}
p  {
	margin: 0 0 20px 0;
}
p a  {
	text-decoration: none;
	color: #30A1D5;
}
p a:hover  {
	text-decoration: underline;
}

#wrapper {
	width: 100%;
	background: #fff url('img/bg.gif') repeat-x;
	padding-bottom: 25px;
	}

#container  {
	width: 900px;
	overflow: hidden;
}

#head {
	background: url('img/head.jpg') no-repeat;
	height: 187px;
	}
	#head a {
		position: absolute;
		top: 93px;
		left: 782px;
		}
		
#main, #sub {
	margin-left: 50px;
	border-top: 1px solid #EBEBEB;
	width: 850px;
	}
	#sub { border-top: none; }

	#main h3, #sub h3 { float: right; background: url('img/toggle.gif') no-repeat; }
	#main h3 a, #sub h3 a { display: block; width: 12px; height: 12px; }
	
	#work {
		height: 400px;
		background: #EBF6EB url('img/work-bg.gif') no-repeat;
		}
				
	#words {
		margin-top: 3px;
		border-top: 1px solid #EBEBEB;
		}
	#words .clear { margin-bottom: 10px; border-bottom: 1px solid #EBEBEB; }
	#words h3.rss { background: url('img/rss.gif') no-repeat; }
	
	#words h1 { 
		font-size: 14px; 
		font-weight: normal; 
		color: #999999; 
		margin: 15px 0 3px 0; 
		padding: 0; 
		line-height: 100%;
		}
		#words h1 a { text-decoration: none; color: #999; }
		#words h1 a:hover { color: #30A1D5; }
		#words h5 { 
			font-size: 11px; 
			color: #999; 
			font-weight: normal; 
			background: url('img/date.gif') no-repeat; 
			margin: 0;
			padding: 0;
			padding-left: 15px; 
			line-height: 100%;
			margin-bottom: 15px;
			}
		#words h5 a { margin-left: 15px; color: #30A1D5; }
		#words h5 a.tag { background: url('img/tag.gif') no-repeat left; padding-left: 15px; }
		#words h5 a.comment { background: url('img/comment.gif') no-repeat left; padding-left: 15px; }
		
		#words p { color: #777; font-size: 12px; line-height: 140%; padding-bottom: 20px; border-bottom: 1px dotted #ccc; }
		#words a.link { background: url('img/link.gif') no-repeat left; padding-left: 15px; }

		#think p img.floatright { float: right; margin-left: 10px; border: 1px solid #ccc; padding: 5px; }

		#think {
			float: left;
			width: 455px;
			}
			
		#link {
			float: right;
			width: 365px;
			}

               #blog-entry {
			float: left;
			width: 530px;
			}
			#blog-entry p { border-bottom: none; margin-bottom: 0px; }
		#blog-sidebar {
			float: right;
			width: 290px;
			}	
	ol { padding-top: 0; padding-bottom: 0; }		
	ul { 
		list-style-type: none; 
		margin: 0;
		padding: 0;
		}
	li { 
		background: url('img/bullet.gif') no-repeat left 6px; 
		padding-left: 12px; 
		margin: 0 0 15px 0;
		color: #777;
		}
              ol li { background: none; }
	li a { color: #30A1D5; text-decoration: none; }
	li a:hover { text-decoration: underline; }

     #blog-sidebar li { margin-bottom: 5px; }

		#comments {
			border-bottom: 1px dotted #bbbbbb;
			padding-bottom: 0;
			margin-bottom: 10px;
		}



#bottom {
	width: 100%;
	background: #EBEBEB url('img/spectrum.png') top left repeat-x;
	}		
	#categories {
		width: 900px;
		margin: 0 0 0 50px;
		padding-top: 10px;
		}
		#categories h2 { width: auto; background: url('img/categories.gif') no-repeat left center; padding-left: 15px; float: left; }
		#categories ul { float: left; list-style-type: none; padding: 0; margin: 8px 0 0 0; }
		#categories li { float: left; border-right: 1px solid #30A1D5; background: none; margin: 0; padding: 0 5px; }
		
	#contact {
		background: #D0E0E8;
		padding: 5px 5px 0px 10px;
		width: 830px;
		margin-left: 50px;
		margin-bottom: 100px;
		margin-top: 10px;
		}
		#contact h2 { margin-top: 8px; background: url('img/icon-home.gif') no-repeat left 2px; padding-left: 15px; float: left; }
		#contact ul { float: left; list-style-type: none; padding: 0; margin: 0 0 0 0; }
		#contact li { float: left; margin: 0; padding: 0 5px; }
		#contact li.icon-home { background: url('img/icon-person.gif') no-repeat left 10px; margin: 0 0 0 10px; padding: 6px 0 0 15px; }
		#contact li.icon-phone { background: url('img/icon-phone.gif') no-repeat left 10px; margin: 0 0 0 18px; padding: 6px 0 0 15px; }
		#contact li.icon-email { background: url('img/icon-email.gif') no-repeat left 10px; margin: 0 0 0 18px; padding: 6px 0 0 15px; }
		#contact li.icon-vcard { background: url('img/icon-vcard.gif') no-repeat left 10px; margin: 0 0 0 18px; padding: 6px 0 0 15px; }
		#contact li.icon-resume { background: url('img/icon-resume.gif') no-repeat left 10px; margin: 0 0 0 18px; padding: 6px 0 0 15px; }
		
/* ============ the image thang =========== */

#OuterContainer {
	padding: 0;
	margin: 0 auto;
}

#Container {
	position: relative;
	height: 400px;
	width: 850px;
	margin: 0 auto;
	background-color: #dedede;
	/*border: 5px solid #ccc;*/
	font-size: 0px;
	text-align: center;
}

#Photo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

#Loading {
	height: 25%;
	width: 100%;
	position: absolute;
	top: 45%;
	left: 37%;
	text-align: center;
	z-index: 0;
	line-height: 0;
}

#LinkContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	/* filter:alpha(opacity:80); /* Specify opacity for IE */
}

#PrevLink, #NextLink {
	cursor: pointer;
	width: 48%;
	height: 100%;
	background: transparent url(img/c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#PrevLink span, #NextLink span { display: none; }

#PrevLink { left: 0; float: left; }
#NextLink { right: 0; float: right; }

/* background image for IE */
#PrevLink:hover, #PrevLink:visited:hover { background: url(img/prev_minus.gif) 20% 50% no-repeat; }
#NextLink:hover, #NextLink:visited:hover { background: url(img/next_plus.gif) 80% 50% no-repeat; }

/* backgroudn image for compliant browsers */
#LinkContainer>#PrevLink:hover, #LinkContainer>#PrevLink:visited:hover { background: url(img/prev_chevron.png) 20% 50% no-repeat; }
#LinkContainer>#NextLink:hover, #LinkContainer>#NextLink:visited:hover { background: url(img/next_chevron.png) 80% 50% no-repeat; }

#CaptionContainer {
	margin: 0 auto;
	margin-top: -25px;
	z-index: 12;
	width: 200px;
	text-align: left;
	background-color: #ccc;
	}

#CaptionContainer p {
	padding: 5px 10px 10px 10px;
	font-size: 11px;
}


#Counter {
	font-weight: bold;
	color: #999;
	padding-right: 5px;
}
		
		
		
		
/* ============ sifr stuff ============ */
.sIFR-flash {
	visibility:visible !important;
	margin:0;
}

.sIFR-replaced {
	visibility:visible !important;
}
span.sIFR-alternate {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
}
.sIFR-flash + div[adblocktab=true] {
  display:none !important;
  margin:0;
}
.sIFR-hasFlash h4 {
	visibility:hidden;
	letter-spacing:-9px;
}