/*	
	Style sheet for whoisjimothy.com
	Made by James Snook

	This is the main style for the content windows.
	The alternate stylesheet should improve performance on slower computers.
	------------------------------------------------------------------------------*/	
	
	.popup { 	width: 525px; height: 555px; background: url(/graphics/window-bg.png) no-repeat;	position: absolute;
				z-index: 4;	padding: 0px 0px 0px 4px; display: block;}
	.minimized {	background: url(/graphics/titlebar-min.png) no-repeat; background-position: 4px 0; }
	.titlebar {	width: 515px; height: 28px;	cursor: pointer; }
	.titlebar span{ color: #ffffff; font-family: Georgia, Times, serif; font-style: italic; font-size: 16px;
		font-weight: bold; float: left; padding: 4px 0 0 4px; }
	
	.title-button{ width: 25px; height: 25px; float: right;	position: relative;	top: -2px; }
	.close{	margin-right: 10px; }
	.min, .refresh, .home{ margin-right: 5px; }
	
	.window { width: 510px; height: 514px; background: #ffffff; position: relative; z-index: 5; margin-left: 3px;
			-moz-border-radius: 2px; -webkit-border-radius: 2px; overflow-y: auto; overflow-x: hidden; }
	
	.content { position: relative; }
	
	/*	CONTENT WINDOWS
	----------------------------------------------------------------------------------*/
		
	.page-loading { 	width: 220px; margin: 0 auto; padding-top: 220px; height: auto; color: #666666; 
						font-family: Arial, sans-serif; font-size: 12px; font-style: italic; text-align: center;}
	.comment-loading { 	width: 220px; margin: 0 auto; padding-top: 140px; height: auto; color: #666666; 
						font-family: Arial, sans-serif; font-size: 12px; font-style: italic; text-align: center;}
	
	/*	CONTENT SPECIFIC STYLES
	----------------------------------------------------*/
	
	#blog, #gallery, #contact, #portfolio, #about, #article
	{ padding: 10px 10px 10px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
	
	/*	FORM ELEMENTS (contact and comments)
	----------------------------------------------------*/
	
	
	.form-area { width: 435px; }
	
	.form-area { height: 300px; padding-top: 25px;}
	.form-element { margin-bottom: 20px; }
	.form-area span { padding-top: 3px; float: left; width: 90px; font-size: 22px; font-family: Tahoma, Arial, sans-serif; color: #b9cf51; letter-spacing: -1.5px; }
	
	input,
	textarea { width: 323px; border: none; float: left; color: #3a3a3a; font-family: tahoma, arial, sans-serif; }
	
	input { 	background: url(/graphics/text-field.png) no-repeat; height: 26px;	padding: 5px 10px 0 10px; font-size: 18px; 
						letter-spacing: -1.2px; background-position: 0 0; }
	input:focus { 	background-position: 0 -31px !important; }
	input.required { background-position: 0 0; }
	input.error  { background-position: 0 -62px !important; }
	
	textarea { 	background: url(/graphics/text-area.png) no-repeat; height: 124px; padding: 6px 10px 0 10px; font-size: 14px; 
					letter-spacing: -.2px; line-height: 17.3px; background-position: 0 0; }
	textarea:focus {	background-position: 0 -130px !important; }
	textarea.required {	background-position: 0 0px; }
	textarea.error  {	background-position: 0 -260px !important; }
	
	input.submit { 	height: 33px; width:109px; text-indent: -10000px; float: right; margin-right: 1px; 
					background: url(/graphics/submit-button.png) no-repeat; border: none;}
	input.submit:hover { background-position: 0 -33px !important;}
	input.submit:focus { background-position: 0 -33px !important;}
	
	
	/*	CONTACT WINDOW
	----------------------------------------------------*/
	
	#contact { padding: 25px 30px 20px 30px; }
	#contact .header { padding-bottom:15px; background: url(/graphics/divider.png) repeat-x; background-position: left bottom; width: 435px;}
	#contact .header img { float: left; padding: 3px 0 0 3px; }
	#contact  .header p { font-family: Arial, sans-serif; color: #7a7a7a; margin-left: 90px; line-height: 14px;}
	
	#contact p.contactinfo { width: 345px; background: #e7eac7; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
							font-size: 12px; color: #8c975b !important; font-family: arial, sans-serif; float: left; margin-top: 10px;
							text-align: center;}			
	#contact .header span { width: 345px; float: left; padding: 3px 0 3px 0; text-align: center;}
	
	/*	GALLERY WINDOW
	----------------------------------------------------*/
	#gallery { width: 100%; background:#FFFFFF url(/graphics/gallerybg.png) repeat-x; border:1px solid #DBE98E; padding:20px 0; position:relative; }
		#gallery h1, #about h1 {
			color:#446600; font-family:georgia, times; font-size:18px; margin: 0 16px; }
			
		#gallery #albums { height: 310px; overflow: hidden; width: 100%; position: relative; }
		#gallery #album-container { height:278px; overflow: hidden; margin: 10px 0;}
		#gallery #albums .albumnav-left { height:268px; position:absolute; left:0; top:33px; width:65px; }
		#gallery #albums .albumnav-right { height:268px; position:absolute; right:0; top:33px; width:65px; }
		#gallery #albums .albumnav-up { cursor: pointer; display: none; top: 92px; left: 20px; width: 24px; height: 36px; position: absolute;}
		#gallery #albums .albumnav-down { cursor: pointer; display: none; bottom: 92px; left: 20px; width: 24px; height: 36px; position: absolute;}
		
		#gallery ul.albums { display:block;	margin:0 auto; width:376px; position: relative;}
		#gallery ul.albums li { border:1px solid #FFFFFF; background:transparent none repeat; float:left; height:127px; margin:5px 8px; }
		#gallery ul.albums li span { color:#999999; font-size:11px; }
		#gallery a img.medium { height:127px; width:169px; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
		#gallery a:hover img.medium { filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
		
		#gallery ul.recent-photos { display:block; margin:10px auto; width:435px; }
		#gallery ul.recent-photos li { border:1px solid #FFFFFF; background:transparent none repeat; float:left; margin:3px; }
		#gallery ul.recent-photos li span { color:#999999; font-size:11px; }
		#gallery a img.thumbnail { height: 48px; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
		#gallery a:hover img.thumbnail { filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
		
	#album #main-image { margin: 15px auto 5px auto; position: relative; width: 460px; }	
	#album div.full-image{ 	text-align: center; margin: 0 auto !important; width: 460px; padding-bottom: 15px; 
							background: url(/graphics/divider.png) repeat-x; background-position: left bottom; position: relative;}
	#album p.gallerybuttons { margin: 0; padding: 8px 0 13px 0; line-height: 100%; }
	#album a.gallerynav-left { width: 50%; height: 100%; position: absolute; left: 4px; top: 0; }
	#album a.gallerynav-right { width: 50%; height: 100%; position: absolute; right: 4px; top: 0; }
	#album a.gallerynav-left span { 
		display: none; 
		width: 75px; 
		height: 15px; 
		-moz-border-radius-bottomleft:0;
		-moz-border-radius-bottomright:4px;
		-moz-border-radius-topleft:0;
		-moz-border-radius-topright:4px;
		-webkit-border-radius-bottomleft: 0;  
		-webkit-border-radius-bottomright: 4px; 
		-webkit-border-radius-topleft: 0; 
		-webkit-border-radius-topright: 4px; 
		left:0; 
		top:75px;
		
	}
	#album a.gallerynav-right span { 
		display: none; 
		width: 75px; 
		height: 15px; 
		-moz-border-radius-bottomleft:4px;
		-moz-border-radius-bottomright:0;
		-moz-border-radius-topleft:4px;
		-moz-border-radius-topright:0;
		-webkit-border-radius-bottomleft: 4px;  
		-webkit-border-radius-bottomright: 0; 
		-webkit-border-radius-topleft: 4px; 
		-webkit-border-radius-topright: 0; 
		right:0; 
		top:75px;
	}
	#album a.showcomments {
		-moz-border-radius: 4px; 
		-moz-border-radius-topleft:0;
		-moz-border-radius-topright:0;
		-webkit-border-radius: 4px;
		-webkit-border-radius-topleft: 0; 
		-webkit-border-radius-topright: 0; 
		color:#878F24;
		font-family:tahoma,sans-serif;
		height:15px;
		padding:4px 10px;
		text-align:left;
		width:130px;
		background-color: #CED78C;
	}
	#album p.showcomments { text-align: center; margin-bottom: 10px; }
	#album a.gallerynav-left:hover span,	#album a.gallerynav-right:hover span { display: block; }
	#album div.full-image span {	background: #ffffff; color: #777777; font-family: tahoma, sans-serif; 
								text-align: center; padding: 5px 0; position: absolute;  }
	
	
	#album p.caption, #album p.morepics	{ font-weight: bold; text-align: center; color: #666666; width: auto; font-family: Tahoma, sans-serif; padding: 5px 0;}			
	#album p.morepics { padding-top: 10px; }
	#album p.caption { line-height:16px; padding-top: 0;}
	#album p.postdate { text-align: center; color: #999999; width: auto; font-family: Tahoma, sans-serif; padding: 5px 0;}
	#album ul.album { margin: 0 auto; padding: 10px 0; text-align: center; width: 460px;}
	#album ul.album li { margin: 3px 0px 3px 11px; width: 139px; height: 104px; float: left; clear: none; }	
	#album ul.album li img { padding: 0; margin: 0; }
	
	/*	ABOUT
	----------------------------------------------------------------------------------*/
	#about { height: 494px;overflow: hidden; }
	#about a { border-bottom: 1px dotted #888888 !important; color: #555555 !important; font-weight: bold;}
	#about a:hover { background: transparent !important; border-bottom: 1px solid #444444 !important; }
	#about p { margin: 10px 0; color: #666666; font-family: tahoma, sans-serif; line-height: 15px;}
	#about blockquote { padding: 5px 20px; font-style: italic; font-size: 14px; color: #779900; font-family: Georgia; line-height: 15px; }
	#about h1, h2 { margin: 0; color: #779900; }
	#about h2 { font-family: georgia, serif; color: #779900; }
	#about ul { margin: 10px 0; }
	#about ul li { 	background:transparent url(/graphics/bullet_green.png) no-repeat scroll 0 1px; color:#666666; 
				font-family:tahoma,arial,sans-serif; font-size:12px; line-height:1.4em; padding-left:20px; }
	#about .jimfo { 	background:#ddee77;  -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 10px; width:465px; 
					margin: 0 auto; }
	.jimfo + .jimfo { margin: 10px auto 0 auto !important; }
	#about .inactive { cursor: pointer; }
	#about .inactive p, #about .inactive h2, #about .inactive ul { display: none;}
	#about .inactive h1 { display: inline; }
	/*	PORTFOLIO WINDOW
	----------------------------------------------------*/
	
	#portfolio { background: url(/graphics/portfoliobg.png) repeat-x; padding: 20px 10px; font-family: tahoma, arial, sans-serif; height: 474px; color: #777777;}
		#portfolio-count { width: 490px; margin: 5px 0;}
		#portfolio span.count { float: right; font-size: 12px; color: #777777; font-family: tahoma, arial, sans-serif;}
	#portfolio-header { background: url(/graphics/portfolio-header.png) no-repeat; height: 27px;
						font-size: 22px; color: #444444; padding: 6px 0 0 10px; letter-spacing: -.75px; }
	#portfolio-container { width:5000px; position: relative;}
	#portfolio-project { background: url(/graphics/portfolio-project.png) no-repeat; overflow: hidden; width: 480px; height: 190px; padding: 10px 0 0 10px;}
	#portfolio-nav { background: url(/graphics/portfolio-nav.png) no-repeat; width: 480px; height: 25px; padding: 8px 0 0 10px; position: relative;}
		#portfolio-nav .previous-project, 
		#portfolio-nav .next-project { display:block; font-family:tahoma,arial,sans-serif; font-size:11px; font-weight:bold; 
				height:18px; margin:0 10px; padding-top:5px; position:absolute; top:6px; display: none; }
		#portfolio-nav .previous-project { right:105px; text-align:right; width:95px; }
		#portfolio-nav .next-project { right:0; width:84px; }
		#portfolio-nav .previous-project:hover, 
		#portfolio-nav .next-project:hover {  }
		#portfolio-nav .project-link { display: none; font-size: 14px; font-weight: bold; color: #80922c;}
	#portfolio-caption { width: 470px; height: 180px; padding: 10px 5px; }
	#portfolio-caption p { margin: 10px 0; line-height: 16px; color: #444444; font-size: 12px; }
	
	#portfolio .title,  #portfolio .caption, #portfolio .link { display: none; }
	#portfolio  .project-image { float: left; margin-right: 20px; position: relative;}
	
	/*	SEARCH
	----------------------------------------------------*/
	#blog .search { padding: 10px 10px; }
	#blog .search a { font-weight: normal; }
	#blog .search h1 a { font-family: georgia, times new roman, serif; font-size: 14px; color: #779900; }
	#blog .search h1 a:hover { background: transparent; border-bottom: 0; }
	#blog .search h2 { font-size: 13px; color: #4b4b4b; float: left; }
	#blog .search h2.title { width: 150px; padding: 0 0 0 5px !important; font-size: 14px; font-family: georgia, times new roman, serif;}
	#blog .search h2.summary { width: 305px; padding: 0 !important; font-size: 14px; font-family: georgia, times new roman, serif; }
	#blog .search div.search_headers { border-bottom: 1px solid #c7cab6; padding:5px 0 5px 0 !important; }
	#blog .search div.search_row { border-bottom: 1px solid #c7cab6; padding:5px 0 15px 0 !important;}
	#blog .search div.search_row:hover { background: #f4ffd4; }
	#blog .search div.last_result { border-bottom: 0; }
	#blog .search div.title_group { width: 150px; float: left; padding-left: 5px !important; padding-top: 5px !important; }
	#blog .search div.summary_group { width: 305px; float: left; padding-top: 5px !important; }
	#blog .search p.result_info { color: #666666; padding: 2px 0;}
	#blog .search p.result_info a { font-weight: bold; color: #555555; border-bottom: 1px dotted #888888 !important;}
	#blog .search p.result_info a:hover { background: transparent !important; border-bottom: 1px solid #444444 !important; }
	#blog .search div.summary_group p { width: 305px !important; line-height: 14px; padding-bottom: 10px;}
	
	/*	BLOG WINDOW
	----------------------------------------------------*/
	
	#blog {	background: #ffffff url(/graphics/blogbg.png) repeat-x; padding-left: 0; }
	#blog .post-block { margin-top: 25px; }
	#blog .primary, 	
	#blog .secondary { float: left; width: 120px; overflow: hidden; text-align: center; }
	#blog .primary {	width: 325px; margin-left: 20px; text-align: left;}
	#blog .primary  p,
	#blog .secondary p { line-height: 1.2; font-family: Arial, sans-serif; color: #777777; padding: 7px 0;	}
	#blog .secondary p { text-align: right; padding: 1px 10px 0 10px; }
	#blog h1, h1 a { background: transparent !important; font-weight: normal !important; font-family: Georgia, Times New Roman; 
					color: #668800 !important; font-size: 18px; margin-bottom: 5px; border: none !important; }
	#blog h1 a:hover { background: transparent !important; padding: 0!important; }
	#blog h2	{ font-family: Tahoma, sans-serif; color: #a9ae86; width: 100px; font-size: 12px; padding: 5px 0 8px 0; text-align: justify; }
	#blog span.day { background: url(/graphics/numbers.png) no-repeat; width: 125px; margin: 10px; display: block; height: 71px; text-indent:-32255px; position: relative;}
	#blog span.month { background: url(/graphics/months.png) no-repeat; margin: 3px auto 3px 2px; position: relative; text-indent:-32255px; display: block; height: 9px; width: 125px; text-indent: -10000px}
	#article a, #blog a, #contact a, #about a, #portfolio a, .beta-bubble a { color: #a7be3c; border-bottom: 1px dotted #c7d38e;}
	#portfolio a { border-bottom: none; }
	#article a img:hover, #blog a img:hover, #contact a img:hover, #about a img:hover { border: none; }
	#article a:hover, #blog a:hover , #contact a:hover, #about a:hover, .beta-bubble a:hover { color: #779900; background: #e5ebc5;  border-bottom: 1px solid #c7d38e;}
	#blog a.continue { font-weight: bold; }

	
	.day-01 { background-position: -1px 0 !important; }
	.day-02 { background-position: -131px 0 !important; }
	.day-03 { background-position: -255px 0 !important; }
	.day-04 { background-position: -378px 0 !important; }
	.day-05 { background-position: -506px 0 !important; }
	.day-06 { background-position: -631px 0 !important; }
	.day-07 { background-position: -761px 0 !important; }
	.day-08 { background-position: -3px -105px !important; }
	.day-09 { background-position: -131px -105px !important; }
	.day-10 { background-position: -256px -105px !important; }
	.day-11 { background-position: -378px -105px !important; }
	.day-12 { background-position: -508px -105px !important; }
	.day-13 { background-position: -631px -105px !important; }
	.day-14 { background-position: -753px -105px !important; }
	.day-15 { background-position: -883px -105px !important; }
	.day-16 { background-position: -5px -210px !important; }
	.day-17 { background-position: -125px -210px !important; }
	.day-18 { background-position: -250px -210px !important; }
	.day-19 { background-position: -375px -210px !important; }
	.day-20 { background-position: -500px -210px !important; }
	.day-21 { background-position: -625px -210px !important; }
	.day-22 { background-position: -750px -210px !important; }
	.day-23 { background-position: -875px -210px !important; }
	.day-24 { background-position: 0 -315px !important; }
	.day-25 { background-position: -132px -315px !important; }
	.day-26 { background-position: -250px -315px !important; }
	.day-27 { background-position: -382px -315px !important; }
	.day-28 { background-position: -500px -315px !important; }
	.day-29 { background-position: -625px -315px !important; }
	.day-30 { background-position: -750px -315px !important; }
	.day-31 { background-position: -875px -315px !important; }
	
	.January { background-position: 0 0 !important; }
	.February { background-position: 0px -10px !important; }
	.March { background-position: 0px -20px !important; }
	.April { background-position: 0px -30px !important; }
	.May { background-position: 0px -40px !important; }
	.June { background-position: 0px -50px !important; }
	.July { background-position: 0px -60px !important; }
	.August { background-position: 0px -70px !important; }
	.September { background-position: 0px -80px !important; }
	.October { background-position: 0px -90px !important; }
	.November { background-position: 0px -100px !important; }
	.December { background-position: 0px -110px !important; }
	
	#article { padding: 41px 30px 30px 30px; background: #ffffff url(/graphics/blogbg.png) repeat-x;}
	#article h1 { font-family: Georgia, Times, serif;  font-size: 20px; color: #668800; margin-bottom: 5px; }
	#article .post { background: url(/graphics/divider.png) repeat-x; background-position: left bottom; width: 440px;}
	
	#article .post p { line-height: 1.2; font-family: Arial, sans-serif; padding: 7px 0; }
	#article .post p.post-footer { padding: 25px 0 8px 0; }
	#article .post img { padding: 7px 0; }
	
	#commentform h1 { padding-top: 10px; }
	#commentform { height: 364px; }
	
	#comments { padding: 5px 0 5px 0; background: url(/graphics/divider.png) repeat-x; background-position: left bottom; }
	#gallery #comments { padding: 5px 0px 5px 0px;  width: 443px; margin: 0 auto; display: none;}
	#gallery #comments h1, #gallery #commentform h1  { margin: 0 0 5px 0;  }
	#gallery #commentform { 	height: 400px; width: 443px; margin: 0 auto; background: url(/graphics/divider.png) repeat-x; 
							background-position: left bottom; padding-bottom: 15px; display: none;}
	
	.comment_box, .comment_box_me { padding: 10px 0 10px 0; background: url(/graphics/divider-comment.png) repeat-x; background-position:left bottom; }
	.comment_box_me { padding: 11px 0 11px 0;}
	.avatar_box { 	float: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #dbdbdb; 
					width: 51px; height: 51px; }
	.avatar_box img { padding: 3px 0 0 3px; }
	.comment_bubble { float: left; margin-left: 10px; width: 370px; }
	.comment_bubble p { color: #777777; font-family: Arial, sans-serif; padding: 1px 0;}
	.comment_name, .comment_name a { color: #a7be3c; font-family: Arial, sans-serif; }
	.comment_line { margin-top: 4px; }
	.comment_date { color: #8e8e8e; font-family: Georgia, Times, serif; font-style: italic; font-size: 11px; }
	
	.addcomment { color: #666666; font-family: Arial, sans-serif; font-style: italic; padding: 0 0 20px 0; }
	a.refresh { font-weight: normal !important; }
	
	img[alt="smile"] { height: 13px; width: 13px; padding: 0 !important;}