/*  
Theme Name: Blackblood Alliance Local
Theme URI: http://www.theblackbloodalliance.com/
Description: Theme based on Kay Fedewa's Graphic Novel
Version: 1.0
Author: Kay Fedewa (graphics) and Nick Enthoven (code) 
Author URI: http://www.nickenthoven.nl/

	BBA v1.0
	 
	This theme was designed by Kay Fedewa and built by Nick Enthoven,
	This theme is built on the page originally build by Arnoud Berendsen



*/

html, body {
margin:0;
padding:0;

background:#14186B url("images/fullbg.jpg") no-repeat top center;
}

form textarea{
border:1px solid white;

}


#container {
position:relative;
width:980px;
min-height:1500px;
height:auto !important;
height:1500px;

margin:auto;
}



#header {
height:342px;
text-indent:-10000px;
}

#header h1 {
margin:0;
padding:0;
}

	#menu ul,
	#menu a {
	display:none;
	}

	#menu img {
	position:absolute;
	top:0;
	left:0;
	width:980px;
	height:1000px;
	border:none;
	z-index:2;
	}

	#menu div {
	display:block;
	position:absolute;
	height:0;
	width:0;
	z-index:1;
	background:url("images/bubbles.jpg") no-repeat;
	}
		#menu div.home_popup {
		left:287px;
		top:197px;
		width:81px;
		height:87px;
		background-position:-102px -3px 
		}
		#menu div.comic_popup {
		left:292px;
		top:282px;
		width:89px;
		height:43px;
		background-position:-107px -88px;
		}

		#menu div.forum_popup {
		left:307px;
		top:355px;
		width:91px;
		height:42px;
		background-position:-122px -161px;
		}
		
		#menu div.store_popup {
		left:533px;
		top:235px;
		width:77px;
		height:85px;
		background-position:-348px -41px;
		}
		
		#menu div.gallery_popup {
		left:297px;
		top:479px;
		width:122px;
		height:46px;
		background-position:-112px -285px;
		}
		
		#menu div.fanart_popup {
		left:219px;
		top:517px;
		width:81px;
		height:62px;
		background-position:-34px -323px;
		}
		
		#menu div.characters_popup {
		left:287px;
		top:558px;
		width:123px;
		height:44px;
		background-position:-102px -364px;
		}
		
		#menu div.about_popup {
		left:183px;
		top:655px;
		width:137px;
		height:71px;
		background-position:2px -461px;

		}

#content {
position:relative;
margin-left:420px;
margin-right:32px;
padding-bottom:1em;
font:13px "Comic Sans MS";
font-weight:bold;
color:#e2e49b;
z-index:3;

}

	#content img{
	margin:5px;
	border:1px solid #e7e135;
	}

	#content img.wp-smiley {
	margin:0px;
	border:0;
	}

	#content a:hover img{
	border:1px solid white;
	}

	#content table {
	width:100%;
	border-collapse:collapse;
	}

	#content a,
	#footer a{
	color:#e7e135;
	text-decoration:none;
	}

	#content a:hover,
	#footer a:hover{
	text-decoration:underline;
	}

	#content img.photo {
	margin:1em 0 0 1em;
	}

	#content img.portrait.left {
	margin:.3em 1em 2em 0em;
	float:left;
	}

	#content img.portrait.right {
	margin:.3em 0em 2em 1em;
	float:right;
	}

	#content h1 {
	margin:0;
	margin-left:74px;
	margin-top:2px;
	height:97px;
	}
		#content h1.about {
		text-indent:-10000px;
		background:url("images/header_kay.jpg") no-repeat;
		}
		#content h1.store {
		text-indent:-10000px;
		background:url("images/header_store.jpg") no-repeat;
		}
		#content h1.gallery {
		text-indent:-10000px;
		background:url("images/header_gallery.jpg") no-repeat;
		}
		#content h1.fanart {
		text-indent:-10000px;
		background:url("images/header_fanart.jpg") no-repeat;
		}
		#content h1.news {
		text-indent:-10000px;
		background:url("images/header_news.jpg") no-repeat;
		}
		#content h1.characters {
		text-indent:-10000px;
		background:url("images/header_characters.jpg") no-repeat;
		}
		#content h1.comic {
		text-indent:-10000px;
		background:url("images/header_comic.jpg") no-repeat;
		}

		#content h1 + h2 {
		margin-top:0;
		}

		#content h2 {
		color:#a6c266;
		background:url("images/wolf_pawprint.gif") left no-repeat;
		padding-left:20px;
		}

	#content p {
	text-align:justify;
	}

	#content ul.gallerynav {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	height:19px;
	}
		#content ul.gallerynav li {
		float:left;
		color:#989898;
		margin-right:1em;
		}
		#content ul.gallerynav li.nth-child2 {
		margin-right:23.5em;
		}
		#content ul.gallerynav li.nth-child4 {
		margin-right:0;
		}

	
	#content form#commentform{
	}

	#content form#commentform input{
	width:196px;
	height:22px;
	padding: 3px 6px 3px 5px;
	font:12px "Comic Sans MS";
	border:none;
	background:url("images/inputbg.gif") top left no-repeat;	
	}

	#content form#commentform div#txtbg{
	width:436px;
	background:url("images/textareabg.gif") top left no-repeat;	
	height:147px;
	position:relative;
	}

	#content form#commentform textarea{
	position:absolute;
	top:2px;
	left:2px;
	width:415px;
	height:135px;
	padding: 3px 6px 3px 5px;
	font:12px "Comic Sans MS";
	border:none;
	background:none;
	}

	#content form#commentform input#submit{	
	background:url("images/submitpaw.gif") top left no-repeat;	
	}
	
	#content ul.commentlist {
	width:480px;
	list-style-image: url("images/wolf_pawprint.gif");
	}

	#content ul.commentlist li{
	margin:0 0 10px 0;
	padding:0 0 16px 0;
	width:436px;
	background: url("images/bubbledown.gif") left bottom no-repeat;
	}

		#content ul.commentlist li div.bubble{
		padding:20px 10px 5px 10px;
		margin-right:10px;
		width:416px;
		color:black;
		font-size:12px;
		font-weight:normal;
		background: url("images/speechbubble.gif") left top no-repeat;
		}

		#content ul.commentlist li div.bubble small.commentmetadata{
		color:#13176a;
		width:416px;
		display:block;
		text-align:right;
		margin:0;
		padding:0;
		}
			#content ul.commentlist li div.bubble small.commentmetadata a{
			color:#13176a;
			}


hr#clear {
visibility:hidden;
clear:both;
}

#footer {
color:#a6c266;	
margin-left:420px;
margin-right:32px;
font:10px "Comic Sans MS";
font-weight:bold;
color:#a6c266;
text-align:center;
	}