/* Anderbose.com Inside Stylesheet
   Author: Brad Haynes
   ----------------------------------------------------*/

/* TABLE OF CONTENTS
   -----------------
	JOURNAL
	LATEST INTERACTIVE
	ABOUT
	ENJOY
	SIDEBAR WALLPAPERS
   ----------------------------------------------------*/

/*
---------------- 1. JOURNAL LIST
-------------------------------------------------------- */	
	
#journal,
#contact{
	background: url(../images/site/bg-journal_list_repeat_y.png) repeat-y 0 0;
	margin: 20px 0 0 0;
	float: left;
}
	
#journal .primary_panel_btm,
#contact .primary_panel_btm{
	background: url(../images/site/bg-journal_panel_btm.png) no-repeat 0 bottom;
	padding: 0 0 24px 0;
}
	
	#journal h2,
	#contact h2{
		background: url(../images/site/h-journal.png) no-repeat 0 0;
		height: 64px;
		width: 700px;
		text-indent: -9999px;
	}
		#contact h2{ background: url(../images/site/h-contact.png) no-repeat 0 0; }
		
			#journal h2 a:hover,
			#contact h2 a:hover{ color: #d6cf6c; }	
		
	#journal ul{
		width: 658px;
		float: left;
		margin: 0 0 0 21px;
		border-bottom: 1px solid #303030;
	}
	
		#journal li{
			list-style: none;
			float: left;
			padding: 15px 0 15px 20px;
			border-top: 1px solid #303030;
			width: 638px;
		}
	
			#journal li.journal_list_hover{
				background: #131313;
				cursor: pointer;
			}
	
				#journal li.journal_list_hover h3 a{
					background: #131313;
					color: #d6cf6c;
				}
				
					.journal_list_comments{
						float: right;
						width: 150px;
						background: url(../images/site/bg-comment_icon_bg.png) no-repeat 2px 2px;
						height: 28px;
						padding: 12px 0 0 0;
					}

						.journal_list_comments a{
							color: #6D7D80;
							padding: 0 0 0 35px;
							line-height: 12px;
						}
				
					.journal_list_text{
						float: left;
						width: 450px;
					}
	
						.journal_list_text h3{
							padding: 0;
							font-weight: normal;
							margin: 0 0 10px 0;
						}
	
							.journal_list_text h3 a{
								color: #688364;
								font-size: 16px;
							}
								.journal_list_text h3 a:hover{ color: #d6cf6c; }

						.journal_list_text p{
							color: #bebebe;
							font: 13px/22px Tahoma;
							margin: 0 0 10px 0;
							padding: 0;
						}
	
	.article_pagination{
		float: right;
		margin: 35px 40px 0 0;
		text-align: right;
		width: 620px;
	}

		.article_pagination b{
			background: transparent;
			border-color: #1B1B1B;
			color: #688364;
		}
		
		.article_pagination a{
			background: #080808;
			color: #FFFEB6;
			font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
		}
	
		.article_pagination span,
		.article_pagination b,
		.article_pagination a:link,
		.article_pagination a:visited{
			background: #0D0D0D;
			border: 1px solid #272727;
			padding: 5px 8px;
			text-decoration: none;
		}
	
		.article_pagination a:hover{
			background: #6D7D80;
			border: 1px solid #fff;
			color: #000000;
			text-shadow: none;
		}
	
		.article_pagination span{
			background: transparent;
			border: 0;
			color: #6D7D80;
			font: 11px Arial, Helvetica, sans-serif;
			margin-right: 5px;
		}
		
/*
---------------- PORTFOLIO LIST
-------------------------------------------------------- */	

#portfolio,
#wallpaper{
	background: url(../images/site/bg-3_4_panel_repeat_y.png) repeat-y 0 0;
	margin: 20px 0 0 0;
	float: left;
}

	#portfolio h2,
	#wallpaper h2{
		background: url(../images/site/h-portfolio.png) no-repeat 0 0;
		height: 43px;
		width: 700px;
		text-indent: -9999px;
		padding: 0 0 7px 0;
	}

		#wallpaper h2{ background-image: url(../images/site/h-wallpaper.png); }

			#portfolio h2 a:hover{ color: #d6cf6c; }

	#portfolio ul,
	#wallpaper ul{
		width: 668px;
		float: left;
		padding: 0px 16px 10px 16px;
		margin: -30px 0 0 0;
	}

		#portfolio li,
		#wallpaper li{
			list-style: none;
			float: left;
			background: transparent url(../images/site/bg-home_project_sep.png) no-repeat right top;
			margin: 30px 0 5px 0;
			padding: 0 12px 0px 0;
		}
			html>body #portfolio li,
			html>body #wallpaper li{ margin-right: 10px; }

			#portfolio li.last_interactive,
			#wallpaper li.last_interactive{
				margin-right: 0;
				padding: 0px;
				background: none;
			}

			#portfolio li .project_thumb,
			#wallpaper li .project_thumb{
				background: url(../images/site/bg-home_project_frame.png) no-repeat 0 0;
				display: block;
				height: 103px;
				width: 178px;
				padding: 15px;
			}
				#portfolio li .project_thumb img,
				#wallpaper li .project_thumb img{ border-style: none; }

	.project_details{
		text-align: center;
		float: left;
		width: 200px;
		padding: 0px;
		margin: 0 4px;
	}

		.project_details h3{
			font-size: 15px;
			font-weight: bold;
			background: url(../images/site/bg-city_top_line.png) no-repeat center bottom;
			margin: 6px 0 0 0;
			padding: 0 0 10px 0;
		}

			.project_details p{
				background: #090909;
				margin: 0px;
				color: #9f9f9f;
				letter-spacing: 0.2em;
				font: bold 9px Verdana, Arial, Helvetica, sans-serif;
				padding: 7px 0 9px 0;
			}

				.project_details p a:link,
				.project_details p a:visited{
					display: block;
					font: normal 12px/18px 'Arial','Helvetica',Sans-Serif;
					padding: 3px 0;
				}

/*
---------------- DETAIL
-------------------------------------------------------- */	
	
#detail_container{
	background: url(../images/site/bg-detail_repeat_y.png) repeat-y 0 0;
	float: left;
	width: 940px;
	position: relative;
}
	
#detail_btm{
	background: url(../images/site/bg-detail_btm.png) no-repeat 0 bottom;
	float: left;
	padding-bottom: 33px;
	width: 940px;
}
	
/* --- portfolio --- */	
	
#portfolio_detail{
	margin: 10px auto;
	width: 880px;
	height: 591px;
	position: relative;
	overflow: hidden;
}

	#portfolio_detail_header,
	#wallpaper_detail_header{
		background: url(../images/site/h-portfolio_detail.png) no-repeat 0 0;
		width: 940px;
		margin: 0 auto;
		height: 61px;
	}
		#wallpaper_detail_header{ background-image: url(../images/site/h-wallpaper_detail.png); }
	
		#header_left{
			width: 300px;
			height: 61px;
			float: left;
		}

#project_pages{
	float: right;
	width: 500px;
	height: 46px;
	margin: 15px 0 0 0;
}	

	#project_pages ul{
		float: right;
		margin: 0 5px 0 0;
	}
	
		#project_pages li{
			list-style: none;
			float: left;
			margin: 0 10px 0 0;
		}
	
			#project_pages li a:link,
			#project_pages li a:visited{
				display: block;
				padding: 7px 15px;
				background: #080808;
				border: 1px solid #232323;
			}

				#project_pages li a:hover,
				#project_pages li a:active{
					background: #6D7D80;
					border: 1px solid #fff;
					color: #000000;
					text-shadow: none;
				}
	
			#more_info a:link,
			#more_info a:visited{
				float: right;
				color: #72906E;
				display: block;
				padding: 7px 15px;
				background: #080808;
				border: 1px solid #232323;
				margin: 15px 19px 0 0;
			}

				#more_info a:hover,
				#more_info a:active{
					background: #6D7D80;
					border: 1px solid #fff;
					color: #000000;
					text-shadow:none;
				}
	
#portfolio_detail_header h2 a:link,
#portfolio_detail_header h2 a:visited,
#wallpaper_detail_header h2 a:link,
#wallpaper_detail_header h2 a:visited{
	text-indent: -9999px;
	display: block;
	height: 61px;
	width: 240px;
}
	
	#detail_container #detail_prev{
		background: url(../images/site/btn-detail_prev_disabled.png) no-repeat 0 0;
		height: 72px;
		width: 42px;
		position: absolute;
		left: -21px;
		top: 80px;
	}
	
		#detail_container #detail_prev a:link,
		#detail_container #detail_prev a:visited{
			text-indent: -9999px;
			display: block;
			height: 72px;
			width: 42px;
			background: url(../images/site/btn-detail_prev.png) no-repeat 0 0;
		}

			#detail_container #detail_prev a:hover,
			#detail_container #detail_prev a:active{
				background: url(../images/site/btn-detail_prev_ON.png) no-repeat 0 0;
			}
	
#detail_container #detail_next{
	background: url(../images/site/btn-detail_next_disabled.png) no-repeat 0 0;
	height: 72px;
	position: absolute;
	right: -22px;
	top: 80px;
	width: 42px;
}
	
	#detail_container #detail_next a:link,
	#detail_container #detail_next a:visited{
		background: url(../images/site/btn-detail_next.png) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		height: 72px;
		width: 42px;
	}
	
		#detail_container #detail_next a:hover,
		#detail_container #detail_next a:active{
			background: url(../images/site/btn-detail_next_ON.png) no-repeat 0 0;
		}
	
#project_details{
	background: #060606;	
	height: 591px;
	padding: 5px 5px 0 15px;
	position: absolute;
	right: -302px;
	top: 0px;
	width: 280px;
	z-index: 999;	
}
	
#project_details_btm{
	background: url(../images/site/bg-proj_panel_btm.png) no-repeat 0 bottom;
	padding-bottom: 4px;
}

	#project_panel{
		background: url(../images/site/bg-proj_panel_repeat_y_light.png) repeat-y 0 0;
		height: 577px;
		margin: 0 auto;
		text-align: center;
		width: 280px;
	}

	#panel_dark{
		background: #060606 url(../images/site/bg-proj_panel_repeat_y.png) repeat-y center 0;
		padding: 20px 0 10px 0;
	}

		#project_panel h3{
			background: url(../images/site/bg-proj_panel_header.png) no-repeat 0 0;
			border-bottom: 1px solid #2B2B2B;
			color: #cdcf91;
			font: 20px/22px Arial, Helvetica, sans-serif;
			padding: 16px 15px 14px;
			text-align: center;
			width: 250px;
		}

			h4#awards_and_recognition{
				background: url(../images/site/h-awards_and_recognition.png) no-repeat 0 0;
				height: 16px;
				margin: 0 auto 10px auto;
				text-indent: -9999px;
				width: 212px;
			}

			h4#skills_utilized{
				background: url(../images/site/h-skills_utilized.png) no-repeat 0 0;
				height: 18px;
				margin: 0px auto 10px auto;
				text-indent: -9999px;
				width: 136px;
			}

#project_panel p{
	color: #CCCCCC;
	padding: 0 20px;
	font-size: 12px;
}

	#project_panel p.bottom_line{
		background: url(../images/site/img-proj_panel_sep.png) no-repeat center bottom;
		padding-bottom: 20px;
	}

	p#description{
		color: #FFFFFF;
		font-size: 13px;
	}

#launch_project{
	background: url(../images/site/btn-proj_panel_launch.png) no-repeat 0 0;
	height: 52px;
	width: 280px;
}

	#launch_project a:link,
	#launch_project a:visited{
		background: url(../images/site/btn-proj_panel_launch.png) no-repeat 0 0;
		display: block;
		height: 52px;
		text-indent: -9999px;
		width: 280px;
	}
	
		#launch_project a:hover,
		#launch_project a:active{
			background: url(../images/site/btn-proj_panel_launch.png) no-repeat 0 bottom;
		}
	
#project_image{
	background-color: #121212;
	border: 1px solid #333;
	height:589px;
	float: left;
	width: 878px;
}
	#project_image img{
		height:589px;
		width: 878px;
	}
		#browse-drop{
			float: right;
			padding: 7px 15px;
			margin: 15px 19px 0 0;
		}

/*
---------------- JOURNAL DETAIL
-------------------------------------------------------- */	
	
#journal_detail{
	margin: 50px auto;
	position: relative;
	width: 820px;
}

	#journal_detail_header{
		background: url(../images/site/h-journal_detail.png) no-repeat 0 0;
		width: 940px;
		margin: 0 auto;
	}
	
		#journal_detail_header a:link,
		#journal_detail_header a:visited{
			display: block;
			height: 61px;
			width: 240px;
			text-indent: -9999px;
		}
	
	#journal_detail #detail_prev{
		background: url(../images/site/btn-detail_prev_disabled.png) no-repeat 0 0;
		height: 72px;
		left: -81px;
		position: absolute;
		top: 80px;
		width: 42px;
	}
	
		#journal_detail #detail_prev a:link,
		#journal_detail #detail_prev a:visited{
			background: url(../images/site/btn-detail_prev.png) no-repeat 0 0;
			display: block;
			height: 72px;
			text-indent: -9999px;
			width: 42px;
			
		}

			#journal_detail #detail_prev a:hover,
			#journal_detail #detail_prev a:active{ 
				background: url(../images/site/btn-detail_prev_ON.png) no-repeat 0 0;
			}
	
	#journal_detail #detail_next{
		background: url(../images/site/btn-detail_next_disabled.png) no-repeat 0 0;
		height: 72px;
		position: absolute;
		right: -82px;
		top: 80px;
		width: 42px;
	}
	
		#journal_detail #detail_next a:link,
		#journal_detail #detail_next a:visited{
			background: url(../images/site/btn-detail_next.png) no-repeat 0 0;
			text-indent: -9999px;
			display: block;
			height: 72px;
			width: 42px;
		}
	
			#journal_detail #detail_next a:hover,
			#journal_detail #detail_next a:active{
				background: url(../images/site/btn-detail_next_ON.png) no-repeat 0 0;
			}
			
	#article{ width: 520px; }
	#article.contact-thanks{ padding: 50px 0 80px 60px;}
	
		#journal_detail h3,
		#article h3{
			color: #cdcf91;
			font: bold 28px Arial, Helvetica, sans-serif;
			margin: 0 0 10px 0;
		}
	
		#journal_detail h4{
			color: #688364;
			font: bold 18px Arial, Helvetica, sans-serif;
			margin: 0 0 16px 0;
			width: 520px;
		}
		
		#journal_detail h5{
			border-bottom: 1px dotted #272727;			
			color: #688364;
			font: bold 12px/20px 'Arial','Helvetica',sans-serif;
			margin: 0 0 10px;
			padding: 0 0 2px;
			text-transform: uppercase;
		}
	
			#journal_detail p,
			#article p,
			#journal_detail li{
				color: #797979;
				line-height: 22px;
				font-size: 13px;
				text-shadow: none;
			}
			
			#journal_detail ul{
				margin: 10px 0 15px;
				padding: 0 0 0 20px;
			}
				#journal_detail li{
					list-style-type: circle;
					margin-bottom: 7px;				
				}
	
	#meta,
	#meta_top,
	#meta_btm{
		float: left;
		width: 820px;
	}
	
		#meta{
			background: url(../images/site/bg-meta_repeat_y.png) repeat-y 0 center;
			margin: 0 0 20px;
		}
	
		#meta_top{ background: url(../images/site/bg-detail_meta_top.png) no-repeat 0 0; }
		#meta_btm{
			background: url(../images/site/bg-detail_meta_btm.png) no-repeat 0 bottom;
			padding-bottom: 3px;
		}
	
			#meta_details{
				color: #666;
				float: left;
				font: bold 14px Arial, Helvetica, sans-serif;
				padding: 12px 10px 8px;
				width: 600px;
			}
	
				#meta_details em{ font: italic bold 12px Georgia, "Times New Roman", Times, serif; }
				#meta_details .author{ color: #688364; }
	
				#meta_comments{
					float: right;
					padding: 12px 10px 8px 0;
					text-align: right;
					width: 190px;
				}
	
					#meta_comments a:link,
					#meta_comments a:visited{
						background: url(../images/site/icon-detail_comments_down.png) no-repeat right center;
						color: #666;
						display: block;
						font: bold 14px Arial, Helvetica, sans-serif;
						padding-right: 17px;
					}

/* -------- comment display ---------- */

#comment_display{
	background-color: #090909;
	border: 1px solid #272727;
	float: right;
	padding: 20px 0 0;
	width: 278px;
}
	#comment_display div{
		border-bottom: 1px solid #272727;
		margin-bottom: 20px;
		padding: 0 20px;
	}
		#comment_display div.last{ margin-bottom: 0; }
	
		#comment_display p{ font: normal 11px/18px 'Verdana',sans-serif; }
		
			#comment_display p.comment_source{
				border-bottom: 1px dotted #272727;
				font: italic 14px 'Georgia','Times New Roman',serif;
				margin: 0 0 3px;
				padding: 0 0 5px;
			}
			
				#comment_display span.comment_author,
				#comment_display span.comment_date{
					color: #688364;
					font: bold 11px 'Arial','Helvetica',sans-serif;
					padding: 0 1px;
					text-transform: uppercase;
				}
				
				#comment_display span.comment_date{}

/*
---------------- SIDEBAR
-------------------------------------------------------- */	
#sidebar{ text-align: left; }

	#sidebar #h2_categories,
	#sidebar #h2_wallpaper,
	#sidebar #h2_contact{
		background: url(../images/site/h-sidebar_categories.png) no-repeat 0 0;
		text-indent: -9999px;
		height: 54px;
		width: 220px;
	}
	
		#sidebar h2#h2_wallpaper,
		#sidebar h2#h2_contact{ 
			background-image: url(../images/site/h-sidebar_wallpaper.png);
			height: 55px;
		}
		
			#sidebar h2#h2_wallpaper{ 
				background-image: url(../images/site/h-sidebar_wallpaper.png);
				height: 55px;
			}
			
			#sidebar h2#h2_contact{ background-image: url(../images/site/h-about_contact.png); }

	#sidebar_dark_container{
		background: url(../images/site/bg-sidebar_repeat_y_dark.png) repeat-y 0 0;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
		border-bottom: 1px solid #2E2E2E;
	}
		#sidebar_dark_container.wallpaper_dark{ padding-top: 20px; }
	
	#sidebar_btm{
		background: url(../images/site/bg-sidebar_panel_btm.png) no-repeat 0 bottom;
		padding-bottom: 20px;
		float: left;
	}

		#sidebar .author{
			font-weight: bold;
			font-size: 13px;
			margin-top: 5px;
		}
	
		#sidebar span{
			height: 12px;
			width: 14px;
			text-indent: -9999px;
			color: #666666;
			font: italic 10px Georgia, "Times New Roman", Times, serif;
			padding-bottom: 2px;
		}

/* --- art thumbs --- */	
	
#art_thumbs,
#canvas_diagram{
	margin: 0px auto;
	width: 180px;
}
	#canvas_diagram{ margin-bottom: 20px; }
	
	#art_thumbs a,
	#canvas_diagram a{
		background: #000000;
		padding: 9px;
		height: 140px;
		width: 160px;
		border: 1px solid #2d2d2d;
		display: block;
	}
	
		#art_thumbs img,
		#canvas_diagram img{ border: 1px solid #999999; }

		#next_prev{
			height: 22px;
			list-style: none;
			width: 180px;
			margin: 20px auto 0 auto;
		}
	
			#next_prev li{
				float: left;
			}	
	
				#next_prev li a:link,
				#next_prev li a:visited{
					display: block;
					height: 24px;
					text-indent: -9999px;
					overflow: hidden;
					background: url(../images/site/btn-toggle_art_home.png) no-repeat;
				}

				#next_prev li a:link#prev,
				#next_prev li a:visited#prev{
					background-position: left top;
					width: 89px;
				}

				#next_prev li a:hover#next,
				#next_prev li a:active#next{
					background-position: right top;
					width: 90px;
				}
	
					#next_prev li a#prev:hover{ background-position: 0 bottom; }
					#next_prev li a#next:hover{ background-position: right bottom; }
	
	h3#about_the_artist{
		background: url(../images/site/h-about_the_artist.png) no-repeat center 0;
		text-indent: -9999px;
		height: 11px;
		width: 131px;
		margin: 30px auto 10px auto;
		padding: 0;
	}
	
		#sidebar p{
			font-size: 11px;
			padding-right: 20px;
			padding-left: 20px;
			color: #999999;
		}

	#see_the_collection{
		float: right;
		width: 180px;
		background: url(../images/site/btn-see_the_collection.jpg) no-repeat 0 0;
		height: 30px;
		text-indent: -9999px;
		margin: 12px 20px 0 0;
		padding: 0px;
	}
	
		#see_the_collection a:link,
		#see_the_collection a:visited{
			width: 180px;
			background: url(../images/site/btn-see_the_collection.jpg) no-repeat 0 0;
			height: 30px;
			display:block;
		}
	
			#see_the_collection a:hover,
			#see_the_collection a:active{
				background: url(../images/site/btn-see_the_collection.jpg) no-repeat 0 bottom;
			}

/*
---------------- SUBNAV
-------------------------------------------------------- */
#subnav{
	background: #090909;
	border-top: 1px solid #272727;
	border-right: 1px solid #272727;
	border-left: 1px solid #272727;
	margin: 0 0 10px 0;
}

	#subnav li{
		background-color: #090909;
		background-repeat: no-repeat;
		background-position: 158px center;
		border-bottom: solid 1px #272727;
		list-style: none;
		padding: 3px 10px;
	}
	
		li#non_profit{ background-image: url(../images/site/icon-li_nonprofit.png); }
		li#education{ background-image: url(../images/site/icon-li_education.png); }
		li#business{ background-image: url(../images/site/icon-li_business.png); }
		li#real_estate{ background-image: url(../images/site/icon-li_estate.png); }
		li#ecommerce{ background-image: url(../images/site/icon-li_ecommerce.png); }
		li#music{ background-image: url(../images/site/icon-li_note.png); }
		li#design{ background-image: url(../images/site/icon-li_design.png); }
		li#inspiration{ background-image: url(../images/site/icon-li_inspiration.png); }
		li#tutorials{ background-image: url(../images/site/icon-li_tutorial.png); }
		li#process{ background-image: url(../images/site/icon-li_process.png); }
		li#general{ background-image: url(../images/site/icon-li_general.png); }
	
			#subnav a:link,
			#subnav a:visited{
				color: #6d7d80;
				font-weight: bold;
				font-size: 13px;
				padding: 10px;
				display: block;
				width: 170px;
			}
	
				#subnav a:hover,
				#subnav a:active,
				#subnav a.current{ color: #d6cf6c; }

				#subnav li.general_cat{ background: #090909 url(../images/site/icon-li_bg.png) no-repeat 158px center; }

		.census{
			float: right;
			color: #6D7D80;
			font: bold 14px/29px 'Century Gothic', Arial, Helvetica, sans-serif;
			height: 33px;
			width: 36px;
			text-align: center;
			margin-right: 11px;
		}

		#view_all_entries{
			float: right;
			width: 180px;
			background: url(../images/site/btn-view_all_entries.jpg) no-repeat 0 0;
			height: 30px;
			text-indent: -9999px;
			margin: 12px 20px 0 0;
			padding: 0px;
		}

			#view_all_entries a:link,
			#view_all_entries a:visited{
				width: 180px;
				background: url(../images/site/btn-view_all_entries.jpg) no-repeat 0 0;
				height: 30px;
				display:block;
			}

			#view_all_entries a:hover,
			#view_all_entries a:active{
				background: url(../images/site/btn-view_all_entries.jpg) no-repeat 0 bottom;
			}	
	

/*
---------------- TOOLTIP
-------------------------------------------------------- */	

#tooltip{
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px 10px;
	opacity: 0.60;
}

	#tooltip h3, #tooltip div{
		margin: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 11px;
		text-shadow: none;
		color: #000;
	}