@charset "UTF-8";
/* CSS Document
Originally hand-crafted for your viewing enjoyment by Nate Eagle nateeagle.com. Butchered by Scott Cummings. All bad practices used are mine and not Nate's */

a img { border: 0; }

html { background: #333333 url(../images/background.gif) repeat 0 0; margin: 0; padding: 0; }

body {  margin: 0; padding: 81px 240px 30px 0; }

#skip { position: absolute; top: -3000px; }

#container { margin: 0 auto 0 auto; padding: 0px 0 0 0; position: relative;  width: 1100px; top: -40px;}


#header { background: url(../images/spacer.png) repeat 0 0; height: 112px; margin: 0 auto 0 auto; position: relative; top: -100px; width: 1100px; }
	#header_left{ width: 1095px;}
	#header_right{ }
	#header h1, #header p {  margin: 0px, 0px, 0px, 0px; padding: 5px; text-indent: 25px; color: #dcdcdc; font-weight: normal;}

	
	
#header-inner-spacer { background: url(../images/spacer.png) repeat-x; height: 20px; margin: 0 0 0 0; position: relative; top: 0px; width: 1100px; }
#header-inner-content{ background: #696969; height: 56px; margin: 0 0 0 0; position: relative; top: 0px; width: 1100px; }
#header-inner-menu{ background: url(../images/lower-header-bg.png) repeat 0 0; height: 20px; margin: 0 0 0 0; position: relative; top: 0px; width: 1100px; text-indent: 35px;  padding: 0px 0 3px 0; font-size: 1.6em; color: #000; font-weight: 600; letter-spacing:2px}
#header-inner-menu a{ color: #f5f5f5; text-decoration:none;}
#header-inner-menu  a:hover { text-decoration: underline; color: #ff8c00;}
#header_search{ position: relative; float: right; top: -75px;}
#rightbar {  float: right; margin: -40px -10px 0px 0; width: 700px;  }
	
	#main_content_top { background: url(../images/light-gray-trans.png) repeat 0 0; margin: 20px 20px 10px 10px; padding: 5px 0 15px 15px; position: relative; }
	#main_content_top p { text-indent: 20px; }
	
	h2.main_content {  margin: 16px 0 0 18px;}
	
	p.main_text {  margin: 8px 80px 0 24px;}
	
	#comments_and_tags {  margin: 6px 0 0 24px;}
	
	#topComments {  margin: 3px 0 0 24px;}
	.topComments{ font-size: 1.2em; }	.topTags{ font-size: 1.2em;}	
	#main_content_top_line{ margin: 6px 0px 8px 0px; padding: 0 0 0px 0; position: relative; height: 5px; width: 640px; border-bottom: 1px double #000; }
	#main_content_text{ margin: 20px 20px 0px 40px; position: relative; width: 560px; }
	
	
	#twitter_div { background: url(../images/light-gray-trans.png) repeat 0 0; margin: 20px 20px 10px 10px; padding: 5px 0 15px 15px; position: relative; }
	#twitter_div p { text-indent: 20px; }
	#twitter_div ul #twitter_update_list { list-style-type: none; margin: 0; padding: 0px 0px 0px 0px; list-style-image:url(../images/spacer.png); padding-left: 0px;  }
		ul#twitter_update_list li { left: 0px; margin: 0; padding: 0px 0px 0px 0px; list-style-image:url(../images/spacer.png); font-size: 1.1em; padding-left: 0px; }		#twitter_update_list { list-style-type: none; margin: 0; padding: 5px 0px 0px 0px; list-style-image:url(../images/spacer.png); padding-left: 0px;  }		
	#hidden_twitter{ padding: 0px 0px 0px 0px; height: 87px;}
	
	#twitter_left{position: relative; float: left; margin: 15px 0 0 35px;}
	#twitter_right{position: relative; float: right; width: 205px; left: 0px; top: 7px; margin: 5px 0 0 0px;}

	.clear { height: 1px; overflow: auto;}
	
	#sub_rightbar { background: url(../images/dark-gray-trans.png) repeat 0 0; margin: 20px 20px 0px 10px; padding: 0 0 10px 0; position: relative; width: 670px; height: 175px; color: #f5f5f5; visibility: visible; overflow: auto;} 
		#sub_rightbar_head { background: url(../images/spacer.png) repeat-y; padding: 1px 0; }
		#sub_rightbar_head #sub_rightbar_container { margin: -10px 10px; padding: 1px 0; }
		#sub_rightbar_container a { font-size: 1.4em; color: #e0ffff; font-weight: 600; }
		#sub_rightbar_container a:hover { text-decoration: underline; color: #ff8c00;}
		#sub_rightbar_foot { background: url(../images/spacer.png) no-repeat; height: 58px; width: 269px; }
		#sub_rightbar_top_line{ margin: 6px 0px 8px 22px; padding: 0 0 0px 0; position: relative; height: 6px; width: 94%; border-bottom: 1px double #000; }
		#sub_rightbar_title {position: relative; margin: 20px 0  0 0; text-indent: 5px; width: 50px; height: 50px; overflow: none; float: left;}
		#sub_rightbar_content{position: relative; text-indent: 0px; padding-top: 9px; margin: 0 0 0 10px; width: 570px; height: 50px; overflow: none; float: right;}
		#sub_rightbar li{ margin: 2px; }
		
		#sub_rightbar h3 { margin: 3px 0 0 0; padding: 0; font-size: 1.8em; color: #fff;}
	
	
#content {  margin: 0 0 0 0; padding: 0 38px 0px 38px; position: relative; vertical-align: top; top: -25px; overflow: hidden;}
	#pagetitle { display: none; }
	#pagetitle h2 { border-bottom: 5px double #000; margin: 0 0 5px 0; position: relative; }
	#pagetitle p { color: #D92C2C; font-weight: bold; margin: 0; padding: 0 0 0 2px; }
	
	#leftbar { float: left; background:  url(../images/light-white-trans.png) repeat 0 0; width: 280px; height: 600px; padding: 0px 0px 0px 0px; position: relative;}
	#leftbar_inner {   padding: 0px 30px 0px 10px; height: 120px; }
	#leftbar_top_line { margin: 6px  22px; padding: 0px 10px 0px 10px; position: relative; height: 10px; width: 160x; border-bottom: 1px double #000; }
	#leftbar_mid_line { margin: 4px  24px 0px  24px; padding: 0 0 0px 0; position: relative; height: 10px; width: 160x; border-bottom: 1px double #d3d3d3; }
	#flickr_link { margin: 0 0 0 38px; position: relative; }
	#flickr_images { width: 280px; height: 220px; position: relative; }
	#leftbar_scott_img { width: 80px; height: 120px; float: left; position: relative; padding-left: 15px;}	#leftbar_scott_about {  float: right; width: 140px; height: 120px; position: relative; font-size: 1.3em;}
		#twitter_icon { height: 40px;  }		
	h3.leftbar_scott { color: #696969; }
	h4.leftbar_scott { color: #696969; font-size: 2.4em; margin: 24px 0 0 24px;}
	ul.leftbar_scott {  top: -24px; }
	ul.leftbar_scott li { color: #696969; font-size: 1.5em; line-height:1.4; }
	
	ul.thumbnails { float: left; list-style-type: none; margin: 0; padding: 10px; }
	ul.thumbnails li { float: left; margin: 20px 10px 2px 29px; }
	ul.thumbnails li a { align: bottom; border: 2px solid #000; display: block; filter:alpha(opacity=88);-moz-opacity:.88;opacity:.88; height: 75px; width: 75px; }
	ul.thumbnails li a:hover { filter:alpha(opacity=100);-moz-opacity:1;opacity:1; border: 2px solid #ff8c00; }

#footer_wrapper { margin: 0px 0px 0x 0px; padding: 0px 0px 0px 0px; position: relative; width: 1100px; overflow: auto;}
	
	#footer_content{ background: url(../images/light-gray-trans.png) repeat 0 0; padding: 0px 0px 0px 0px; position: relative; text-indent: 35px; height: 250px; overflow: auto;  }
		#footer_left { background: url(../images/spacer.png) repeat 0 0; margin: 0 0 0 30px; position: relative; float: left; width: 500px; height: 225; color: #000;}
		#footer_right { background: url(../images/spacer.png) repeat 0 0 ; margin: 0 35px 0 0px; position: relative; float: right; width: 500px; height: 225; color: #000;}

			#footer_left_text{ background: url(../images/spacer.png) repeat 0 0; padding: 0px 0px 0px 0px; position: relative; text-indent: 35px; width: 200px; height: 225px; overflow: auto; float: left; }
			#footer_left_image{ background: url(../images/spacer.png) repeat 0 0; margin: 15px 0 0 0; padding: 0px 0px 0px 0px; position: relative; text-indent: 0px; width: 276px; height: 225px; overflow: auto; float: right; }
				#footer_vert_line{margin: 15px  0px 0px  13px; padding: 0 0 0px 0; position: relative; float: left; height: 215px; width: 3px; border-left: 1px double #A9A9A9; }
			#footer_right_text{ background: url(../images/spacer.png) repeat 0 0; padding: 0px 0px 0px 0px; position: relative; text-indent: 35px; width: 200px; height: 225px; overflow: auto; float: left; }
			#footer_right_image{ background: url(../images/spacer.png) repeat 0 0; margin: 15px 0 0 0; padding: 0px 0px 0px 0px; position: relative; text-indent: 0px; width: 276px; height: 225px; overflow: auto; float: right; }
	
	
		#footer_content h3 { margin: 5; padding: 0; text-indent: 0;}
	
	#copyright{ background: #696969;  padding: 10px 0px 10px 0px; position: relative; text-indent: 35px; }
	
	#copyright p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #f5f5f5; font-size: 1.2em;}

/* Typography */


/* Reset body font-size to 10px, which makes using Ems super-simple */
body { font-family: "Arial", "Lucida Grande", Arial, Verdana,  Helvetica, sans-serif; font-size: 62.5%; line-height: 1.4; }

a { color: #BF5B0B; text-decoration: none;}
a:visited { color: #333; }
a:hover { text-decoration: underline; color: #ff8c00;}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size: 3.2em; }
h2 { font-size: 2.5em; }
h3 { font-size: 1.8em; }

p { font-size: 1.4em; }

strong, em { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }

#twitter_div { color: #000; font-size: .9em; }
	#twitter_div a { color: #ccc; }



#bottom p { font-size: 1.1em; }