
  .giant_name h2 {
    font-size: 22px;
    padding-top: 5px;
  }
  
  .giant_name h1 {
    display: inline-block;
  }
  .giant_name h1 span.giant-name {
	color: white;
  }

  h2 strong {
    font-family: VAGRundschriftD, 'Arial Rounded MT Bold', 'Arial Rounded MT', Arial, sans-serif;
		font-weight: normal;
  }

  h2 .giant-of-more {
    font-family: VAGRundschriftD-Lig, 'Arial Rounded MT Light', 'Arial Rounded MT', Arial, sans-serif;
		font-weight: normal;
  }

	.container { min-height: 0 !important;}
	#back_to_encyclopedia { width: 960px; position: relative; margin: 0 auto;}
	#back_to_encyclopedia a {
		display: block;
		width: 165px;
		background: #DDD;
		background: rgba(0,0,0,0.1);
		height: 23px;
		padding-top: 7px;
		position: absolute;
		z-index: 10;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		font-weight: bold;
		color: white;
		text-shadow: 0 1px 0 rgba(0,0,0,0.25);
		margin-left: 2px;
	}
	.oldie.ie7 #back_to_encyclopedia a {
		left: 0;
	}
	
	#back_to_encyclopedia a:hover {
		background: #CCC;
		background: rgba(0,0,0,0.2);
	}
	
	#content {
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 100;
		height: 650px;
		margin-top: -12px;
		overflow: hidden;
	}
	.oldie.ie7 #content {
		height: 690px;
	}
	#signedoutfull #content {
		height: 576px;
	}
	
	.giants {
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.01) inset;
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.01) inset;
		box-shadow: 0 2px 5px rgba(0,0,0,0.01) inset;
		width: 100%;
		height: 448px;
		position: absolute;
		overflow: hidden;
	}

	.giants_bg {
		background-repeat: repeat-x;
		width: 100%;
		height: 448px;
		position:absolute;
		overflow: hidden;
		z-index:-5;
	}
	.oldie.ie7 .giants,
	.oldie.ie7 .giants_bg {
		left: 0;
		top: 0;
	}
	
	.giants_bg:before {
		content: '';
		background: url(../img/encyclopedia/giants/mapbw.png);
		background-size: 100%;
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
	.giant_information {
		width: 500px;
		float: right;
		font-size: 18px;
		color: white;
		margin-right: 110px;
	}
	
	.giant-desc {
		margin-top: 35px;
	}
	
	.giant_information * {
		text-shadow: 0 0 5px rgba(0,0,0,0.3);
		text-align: left;
	}
	
	.giant_inner {
		width: 960px;
		margin: 0 auto;
		padding: 54px 0 0 0;
		position: relative;
		height: 393px;
	}
	
	.giant_name { position: relative; }
	
	.giant_name h1 {
		font-size: 46px;
		font-family: VAGRundschriftD, 'Arial Rounded MT Bold', 'Arial Rounded MT', Arial, sans-serif;
		font-weight: normal;
	}
		
	.giant_description {
	}
	
	.giant_description p {
	}
	
	.giant_affiliation {
		margin: 0 auto;
		position: absolute;
		left: 0;
		bottom: 20px;
		text-align: center;
		padding: 0 20px;
		background: rgba(0,0,0,0.1);
		color: white;
		opacity: 0.5;
		width: 95%;
		border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px;
 border-top-right-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;
 border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;
		transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity;
;
		transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -webkit-transition-duration: 0.4s;
;
	}
	
	.giant_affiliation:hover {
	  opacity: 1;
	}
	
	.giant_affiliation p { display: inline-block; text-shadow: 0 1px 0 rgba(0,0,0,0.9); font-size: 15px}
	
	.giant_affiliation p a { color: #ddd; }

	.giant_affiliation p a:hover { color: white; }

	.giant_affiliation h2 {
		margin-bottom: 6px;
		display: inline-block;
		font-size: 18px;
		font-weight: bold;
		font-family: Arial, sans-serif;
		text-shadow: 0 1px 0 rgba(0,0,0,0.9);
		padding-right: 10px;
	}
	
	#giants_list li {
		display: inline-block;
		float: left;
		margin: 0 0 1em 8px;
		font-size: 16px;
		text-align: left;
	}
	#giants_list li a {
		display: block;
		width: 100px;
		padding: 7px 2px 0 35px;
		height: 20px;
		background-image: url('../img/encyclopedia/giants/giant-symbol-sprites-sml.png');
		background-repeat: no-repeat;
	}
	
	/* Giant icons */
	.alph 		{ background-position: 0 0; }
	.humbaba 	{ background-position: 0 -60px; }
	.cosma 		{ background-position: 0 -120px; }
	.spriggan 	{ background-position: 0 -180px; }
	.grendaline { background-position: 0 -238px; }
	.zille 		{ background-position: 0 -298px; }
	.mab 		{ background-position: 0 -360px; }
	.tii		{ background-position: 0 -420px; }
	.lem 		{ background-position: 0 -480px; }
	.friendly 	{ background-position: 0 -540px; }
	.pot 		{ background-position: 0 -600px; }

	.alph:hover 		{ background-position: 0 -30px; }
	.humbaba:hover 		{ background-position: 0 -90px; }
	.cosma:hover 		{ background-position: 0 -150px; }
	.spriggan:hover 	{ background-position: 0 -210px; }
	.grendaline:hover 	{ background-position: 0 -268px; }
	.zille:hover 		{ background-position: 0 -328px; }
	.mab:hover 			{ background-position: 0 -390px; }
	.tii:hover 			{ background-position: 0 -450px; }
	.lem:hover 			{ background-position: 0 -510px; }
	.friendly:hover 	{ background-position: 0 -570px; }
	.pot:hover 			{ background-position: 0 -630px; }
	
	
	.giant-gender {
	  font-family: VAGRundschriftD-Lig, 'Arial Rounded MT Light', 'Arial Rounded MT', Arial, sans-serif;
		font-weight: normal;
		color: rgba(255,255,255,0.75);
		font-size: 32px;
		padding-left: 15px;
	}
	.oldie.ie7 h1 span.giant-gender {
		color: #DDD;		
	}
	.giant-followers { color: white; }
	
	#bg_humbaba { background: url(../img/encyclopedia/giants/bg_humbaba.jpg) }
	#bg_alph { background: url(../img/encyclopedia/giants/bg_alph.jpg) }
	#bg_cosma { background: url(../img/encyclopedia/giants/bg_cosma.jpg) }
	#bg_zille { background: url(../img/encyclopedia/giants/bg_zille.jpg) }
	#bg_friendly { background: url(../img/encyclopedia/giants/bg_friendly.jpg) }
	#bg_grendaline { background: url(../img/encyclopedia/giants/bg_grendaline.jpg) }
	#bg_lem { background: url(../img/encyclopedia/giants/bg_lem.jpg) }
	#bg_mab { background: url(../img/encyclopedia/giants/bg_mab.jpg) }
	#bg_pot { background: url(../img/encyclopedia/giants/bg_pot.jpg) }
	#bg_spriggan { background: url(../img/encyclopedia/giants/bg_spriggan.jpg) }
	#bg_tii { background: url(../img/encyclopedia/giants/bg_ti.jpg) }
	
	#giants_outer {
		position: relative;
	}
	
	#giant_nav {
		position: relative;
		width: 960px;
		margin: 0 auto;
		top: 180px;
		z-index: 3;
	}
	#next, #prev { text-indent: -9999em; overflow: hidden; width: 44px; height: 59px; }
	#next { background: url(../img/encyclopedia/giants/right_arrow.png) no-repeat; float: right; }
	#prev { background: url(../img/encyclopedia/giants/left_arrow.png) no-repeat; float: left; }

	#giants_list {
		width: 960px;
		top: 435px;
		margin: 0 auto;
		position: relative;
		clear: left;
		padding-left: 160px;
	}
	.oldie.ie7 #giants_list {
		top: 435px;
	}
	
	#signedoutfull #giants_list {
		top: 435px;
	}
	
	.oldie.ie7 .giant_image {
		float: left;
		margin-left: 40px;
	}
	
	#giants_list a { padding-left: 15px;}
	
	.symbol img { width: 38px; margin: 44px 0 0 44px }
	
	.giant_inner .symbol {
	  position: absolute;
		right: -100px;
		top: -40px;
  	background: url(../img/encyclopedia/giants/giant-symbols-reversed.png) top center;
  	width: 120px;
  	height: 120px;
  }
  #d_alph .symbol {

  }
  #d_cosma .symbol {
  	background-position: 0 1200px;
  }
 
 #d_friendly .symbol {
  	background-position: 0 1080px;	
  }
 
 #d_grendaline .symbol {
  	background-position: 0 960px;
  }
  
 #d_humbaba .symbol {
	background-position: 0 840px;
  }
  
 #d_lem .symbol {
  	background-position: 0 720px;
  }

  #d_mab .symbol {
  	background-position: 0 600px;
  }

  #d_pot .symbol {
  	background-position: 0 480px;
  }

  #d_spriggan .symbol {
  	background-position: 0 360px;
  }

  #d_tii .symbol {
  	background-position: 0 240px;
  }

  #d_zille .symbol {
  	background-position: 0 120px;
  }
  
  #d_alph .giant_image {
    margin-top: -50px;
  }
  #d_humbaba .giant_image {
    margin-top: -25px;
  }
  #d_spriggan .giant_image {
    margin-top: -20px;
  }
  #d_tii .giant_image {
    margin-top: -20px;
  }
  #d_mab .giant_image {
    margin-top: -40px;
  }
  #d_cosma .giant_image {
    margin-top: -25px;
  }
  #d_grendaline .giant_image {
    margin-top: -25px;
  }
  #d_zille .giant_image {
    margin-top: -25px;
  }
  
/* Favor */
#giants_favor {
	margin: 0 auto;
	position: relative;
	width: 960px;
	top: 480px;
}
.oldie.ie7 #giants_favor {
	top: 420px;
}
#giants_favor .giant-favor {
	left: 262px;
	position: absolute;
	width: auto;
	display: none;
}
.oldie.ie7 #giants_favor .giant-favor { 
	top: 0;
}
.oldie.ie7 #giants_favor .giant-favor-bar {
	text-align: left;
}
#giants_favor .giant-favor-bar {
	float: none;
	margin-left: 88px;
}
#giants_favor .giant-favor .emblem {
	right: -30px;
}
#giant-favor-label, #giant-favor-link {
	display: block;
	font-size: 15px;
}
#giant-favor-label {
	float: left;
	padding-top: 16px;
	padding-left: 70px;
	line-height: 1.5em;
}
#giant-favor-link {
	float: right;
	padding-top: 20px;
	margin-right: -20px;
}
#giant-favor-label.has_emblem {
	padding-top: 7px;
	padding-left: 10px;
	width: 200px;
}