/* CSS Document */

body {
	background-color:#f1f3f2;
	color:#760b11;
	}
	#index #content {	
		background:#ffffff url("/img/round_top_right.gif") right -1px no-repeat;
		}
a {
	color:#ff434a;
	}	
del {
	color:#ccc;
	}
a:hover {
	text-decoration:none;
	background-color:#ff434a;
	color:#fff;
}
a:hover img, div.post a:hover img {
	border-color:#ff434a;
}
	
a:focus {
	background-color:#ff434a;
	color:#fff;
}
input:focus, textarea:focus {
			background-color:#fbffca !important;
			}
#rss {
		margin:0px 8px 1px 0px;
		padding:0px;
		}
		#rss span {
			background:transparent url("/img/rss.png") no-repeat right center;
			margin:1px 2px 0px 0px;
			padding:.5em;
			display:block;
			}


dt {
	font-weight:bold; margin-top:1em;}

blockquote {
	border:1px solid #e7e7e7;
	background-color:#f8f8f8;
	border-left:3px solid #7c0002;
	}

a:hover {
	background-color:#ff434a;
	color:#fff;
	}
#header {
	background:#ffffff url("/img/bg.gif") repeat-x bottom left;
	}
	#header h1#branding strong {
		color:#ff0109;
		}
	#header h1#branding a {
		width:175px;
		height:45px;
		background:transparent url("/img/justdifferent-logo.jpg") no-repeat left center;
		letter-spacing:-1000px;
		overflow:hidden;
		display:block;
		}
		#header h1#branding span, #header h1#branding strong {
				visibility:hidden;
			}
	#header h2#tab {
		color:#fe3839;
		background:#ffffff url("/img/tab_bg.gif") no-repeat top right;
		}
		#header h2#tab span {
			background:transparent url("/img/tab_cap.gif") no-repeat top left;
			}
#navigation {
	background-color:#ffffff;
	border-bottom:1px solid #ccc;
	}	
#navigation ul li {
	background:#ff3739 url("/img/nav_bg_main.gif") repeat-y left center;
	}
	#navigation ul li a {
		font-weight:bold;
		color:#ffffff;
		display:block;
		background:transparent url("/img/nav_arrow_white.gif") no-repeat 96% center;
		}
		#navigation ul li a:hover {
			background-color:#8a0000;
			}
	#navigation ul li.active {
		background-color:#e7e7e7;
		}
		#navigation ul li.here a, #navigation ul li.active a {
			background-color:#880000;
			}
			#navigation li.here a, #navigation ul li ul li.here a {
			padding-left:2.5em;
			background-position: 1em center;
			}
			 
			#navigation ul li.active ul a {
				background:#ffffff url("/img/nav_arrow_red.gif") no-repeat 96% center;
				color:#810100;
				padding-left:1em;
				padding-right:18px;
				}
				#navigation ul li.active ul li.here a, #navigation ul li.active ul li ul li.here a {
					padding-left:2.5em;
					}
				#navigation ul li li {
					background-color:transparent;
					border-top:1px solid #e7e7e7;
					border-bottom:1px solid #e7e7e7;
					}
				#navigation ul li.active ul a:hover, #navigation ul li.active ul li.parent a, #navigation ul li.parent ul a {
					background-color:#ffebea;
					}
				#navigation  ul li ul li ul li a {
					color:#7d7d7d !important;
					border-top:1px solid #e7e7e7;
					background:#ffffff url("/img/nav_arrow_grey.gif") no-repeat 96% center !important;
					}
					#navigation ul li ul li ul li a:hover {
						background:#7d7d7d url("/img/nav_arrow_white.gif") no-repeat 96% center !important;
						color:#fff !important;
						}
				#navigation  ul li ul li ul li.here a {
					background-image:url("/img/nav_arrow_white.gif") !important;
					background-color:#7d7d7d !important;
					background-position:1em center !important;
					color:#ffffff !important;
					}
	#content {
		background-color:#ffffff;
		border:1px solid #ccc;
		border-top:none;
		}
		#content h3, #content h3 a {
			color:#8b0101;
		}
		#content h3 a:hover {
			color:white;
			background-color:#8b0101;
		}
		#content h2, .content_div h3 {
			background:#fe0607 url("/img/h2_pink_right.gif") no-repeat top right;
			color:#fff;
			}
		#content h2 a, .content_div h3 a {
			color:white;
			background-color:transparent;
		}
		#content h2 a:hover, .content_div h3 a:hover {
			color:white;
			background-color:transparent;
		}
			#content h2 span {
			background:transparent url("/img/h2_pink_left.gif") no-repeat top left;
			}
		#content #introduction {
			background:#000000 url("/img/introduction_bg.gif") no-repeat bottom left;
			}
			#content #introduction div {
				background:transparent url("/img/introduction_cap.gif") no-repeat bottom right;
				}
			#content #introduction p {
				color:#686762;
				}
	#content_side {
		border-left:1px solid #fff;
		}
.content_div h3 {
	color:#fff;
	}
div.post {
	font-size:1.15em;
	}
	div.post p a, #content a {
	text-decoration:none;
	font-weight:bold;
	}
	div.post p a:hover, #content a:hover {
		text-decoration:none;
		}
	div.post .info {
		color:#9a9a9a;
		font-weight:bold;
		}
		div.post .info a {
			font-weight:normal;
			text-decoration:none;
			}
.extra_info {
	font-size:90%;
	}
.time {
	font-weight:normal;
	}
.bold a { font-weight:bold !important; font-size:110%;}
.right { float:right; }
.left { float:left; }
.center { text-align:center; }

#footer {
	clear:both;
	border-top:1px solid #e1e3e2;
	color:#666;
	}