/*
 Theme Name:   Bounty Hunter Transmission
 Theme URI:    Theme URI: http://interwebadventurelog.com/theme-bountyhuntertransmission/
 Description:  Custom theme inspired by the HUD and lore logs of Metriod Prime 2. 
 Author:       Eryc Duhart
 Author URI:   interwebadventurelog.com 
 Version:      1.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: BountyHunterTransmission
 Tags: dark, black, white, three-columns, double-sidebar, featured-images
*/
@font-face
{
	/*
	font-family: Hooge;  
	src: local('Hooge 06_65'), 
		url("fonts/Hooge 06_65.ttf") format('truetype');  
	font-weight: normal;  
	*/
	font-family: Hooge;  
	src: url("../fonts/hooge 06_65.ttf"); 
}
/* NOTICE: Height is evil: https://stackoverflow.com/questions/5657964/css-why-doesn-t-percentage-height-work
*
*
*
*/
html
{
	position: absolute;
	width: 100%	;
	height: 100%;
}
body
{
	
	position: absolute;
	left: 5%;
	top: 0%;
	width: 90%;
	height:100%;
	
	font-family: "Hooge","Times New Roman", Arial;
	
	background-color: black;

}
a img
{
	width:100%;
	height: auto;
}
body a
{
	color: #495762;
	text-decoration: none;
}

#MobileSpacer
{
	position:relative;	
	left:5%;
	width:90%;	
	
	margin-bottom: 10%;
}

#TitleBanner
{
	position: relative;
	width: 35%;
	min-height: 7%;
	left:32.5%;
	/*top:50%;*/
	
	border-style: solid;
	border-width: 2px;
	border-color: white;
	
	margin-top:2%;
	margin-bottom:2%;
	margin-left: 1%;
	margin-right: 1%;
	
	color: white;
	text-align:center;

	display: none; /*use javascript to change this*/
}
#TitleBanner .Title
{
	font-family:inherit;
	font-size: 105%;
	margin:0;

	display: none;	/*change with javascript*/
}
#TitleBanner .SiteDescription
{
	font-family:inherit;
	font-size:80%;
	color: #495762;
	
	margin-bottom: 0;
}
#TitleBanner .CornerCap 
{
	position: absolute;
	
	width:17%;
	height:75%;
	
	display: none;	/*change with javascript*/
}
#TitleBanner .HorizTopLeft
{
	top:-29%;
	left: -4%;	
}
#TitleBanner .HorizTopRight
{
	top:-29%;
	right: -4%;	
}
#TitleBanner .HorizBotLeft
{
	height:30%;
	width:5%;
	
	bottom:-32.5%;
	left: 5.5%;	
}
#TitleBanner .HorizBotMid
{
	height:30%;
	width:80%;
	
	bottom:-32.5%;
	right: 10%;		
}
#TitleBanner .HorizBotRight
{
	height:30%;
	width:5%;
	
	bottom:-32.5%;
	right: 5%;		
}



           
#LinkBar
{
	position: relative;
	width: 63%;
	height: 6%;
	left: 18.5%;
	
	border-style: solid;
	border-width: 2px;
	border-color: white;
	
	margin-top:3%;
	margin-bottom:1%;
	margin-left: 1%;
	margin-right: 1%;
	
	color: white;

	display:none;	/*use javascript to change this*/
}
#LinkBar .LinkButton
{
	position: relative;
	
	width:30%;
	height:90%;
	
	margin-left: 2%;
	/*margin-top:5%;*/
	
	background-color: white;
    color: black;
    text-align: center;	

	display: none;
}
#LinkBar .NavButton
{
	text-align: center;
}
#LinkBar a
{
	width:100%;
	display: inline-block;
	text-align: center;
}
#LinkBar .TopBar
{
	display: none; /*change with javascript*/
}
#LinkBar .TopCapLeft
{
	position: absolute;
	
	width:2.8%;
	height:50%;
	left:10%;
	top: -54%;
}
#LinkBar .TopCapRight
{
	position: absolute;
	
	width:2.8%;
	height:50%;
	right:10%;
	top: -54%;
}
#LinkBar .TopCapMid
{
	position: absolute;
	
	width:74.5%;
	height:50%;
	top: -54%;
	right: 12.755%;
}

#MobileSiteNav 
{
	/*display:none;*/
	visibility: hidden;
	display: none;
	
	
	position: relative;
	width: 90%;
	height:62.5%;
	
	left: 5%;
	
	border-style: solid;
	border-width: 2px;
	border-color: white;
	
	margin-top:5%;
	margin-bottom:0%;
	padding:1%;
}
#MobileSiteNav .SubContainer
{
	/*display:inherit;*/
	visibility: inherit;
	
	width:98%;
	height:80%;
	
	overflow: scroll;
} 
#MobileSiteNav img
{
	/*display:none;*/
	visibility: inherit;
}
#MobileSiteNav .CornerCap
{
	width:64px;
	height:28.5px;
}
#MobileSiteNav .TopBar
{
	position: absolute;
	height: 15px;
}
#MobileSiteNav .HorizBotLeft
{
	position: absolute;
	bottom:-10px;
	left: -16px;	
}
#MobileSiteNav .HorizBotRight
{
	position: absolute;
	bottom:-10px;
	right: -16px;		
}
#MobileSiteNav .TopBarMid
{
	width:68.75%;
	
	top:-15px;
	left: 15.625%;	
}
#MobileSiteNav .TopBarLeft
{
	width: 17px;
	
	top: -15px;
	left: 10%;	
}
#MobileSiteNav .TopBarRight
{
	width:17px;
	
	top: -15px;
	right: 10%;	
}
#MobileSiteNav .ReturnSwitch
{
	position: absolute;
	
	text-align: center;
	
	width:98%;
	height:10%;
	
	background-color: rgba(255, 255, 255, 0.15);
	/*opacity:.5;*/
}
#MobileSiteNav .NavTray
{
	height: 10%;	
}
#MobileSiteNav .MenuCycle
{
	position: relative;

	text-align: center;
	
	display: inline-block;
	
	width: 15%;	
}
#MobileSiteNav .CycleLeft
{
	
}
#MobileSiteNav .CycleRight
{
	
}
#MenuTitle
{
	position: relative;
	display: inline-block;
	
	text-align: center;
		
	width: 60%;
}

#QuickLinks
{	
	
}
#QuickLinks ul
{
	list-style-type: none;
}
#QuickLinks .SocialIcon
{
	display: inline-block;
	
	width: 10%;
	height: 10%;
	margin-left:10%;
	margin-top:10%;
	margin-bottom:10%;
}

#MetaBox
{
	/*visibility: hidden;*/
	display:none;
}
#MetaBox ul
{
	list-style-type: none;
}	

#SearchBox
{
	/*visibility: hidden;*/
	display:none;
}

.AdUnitHoriz
{
	position: relative;
	left: 10%;

	width: 80%;
	min-height: 10%;
	
	margin-top:10%;
	margin-bottom:10%;
	margin-left:0;
	margin-right:0;
	padding:1%;
	
	border-style: solid;
	border-width: 2px;
	border-color: white;
	
	color: white;
}
.AdUnitHoriz .HorizTopLeft
{
	position: absolute;
	
	width:20%;
	height:30%;
	top:-10%;
	left: -4.5%;	
}
.AdUnitHoriz .HorizTopRight
{
	position: absolute;
	
	width:20%;
	height:30%;
	top:-10%;
	right: -4.5%;	
}
.AdUnitHoriz .HorizBotLeft
{
	position: absolute;
	
	width:20%;
	height:30%;
	bottom:-10%;
	left: -4.5%;	
}
.AdUnitHoriz .HorizBotRight
{
	position: absolute;
	
	width:20%;
	height:30%;
	bottom:-10%;
	right: -4.5%;		
}


.RightNavUnit
{
	position: absolute;		
	left: 80%;	
	top: 35%;
	width: 30%;
	
}


#NavPane
{
	position: fixed;
	width: 15%;
	height: 60%;
	top: 35%;
	left: 5%;
	
	
	border-corner-shape: bevel;
	border-radius:0% 50% 0% 0% 0%; 
	
	border-style: solid;
	border-width: 2px;
	border-color: white;
	
	color: white;
}
#SiteInfo
{
	position:absolute;
}
#AdminPanel
{
	position:absolute;
	width:90%;
	
	visibility: hidden;
	margin:5%;	
}
#AdminPanel ul
{
	list-style-type: none;
}
#AdminPanel .LogIn
{
	position: relative;
		
	width:100%;
	height:10%;
}
#NavPane .NavPaneButtonTray
{
	height:20%;
	width:100%;	
	margin-bottom: 2%;
	
}
#NavPane .NavPaneButton
{
	display:inline-block;
	width: 49%;	
	
	padding:5%;
	
	text-align: center;
}
#NavPane .NavPaneButton1
{
	float:left;
}
#NavPane input
{
	position: relative;
	left:5%;
	
	width: 80%;
	height: 5%;
	
	padding: 1%;
}
#SiteBlurb
{
	position:relative;
	left:10%;
	
	width:80%;
	margin:5%;
	
}
#NavPane .VertTopLeft
{
	/*position*/
	position: absolute;
	top:-4%;
	left: -9%;

	/*size*/
	width:25%;
	height:16%;
}
#NavPane .VertBotLeft
{
	/*position*/
	position: absolute;
	bottom:-4%;
	left: -9%;	
	
	/*size*/
	width:25%;
	height:16%;
}


#BioBox
{
	position: relative;
	width: 90%;
	min-height:15%;
	
	
	left: 5%;
	
	border-style: solid;
	border-width: 2px;
	border-color: white;
	
	margin-top: 8%;
	margin-bottom:5%;
	margin-left:0;
	margin-right:0;
	padding:1%;
	
	font-family:inherit;
}
#BioBox .Title
{
	font-family: inherit;
	color: #495762;
	text-align: center;

	margin: 0;	
}
#BioBox  .AuthorPic
{
	/*
	position: relative;
	left: 5%;
	top: 5%;
	
	width: 10%;
	*/
	
	float:left;
}
#BioBox .AuthorBio
{
	position:relative;	
	left: 20%;
	
	width:80%;
	
	font-size: small;
}
#BioBox .CornerCap 
{
	position: absolute;
	
	width:64px;
	height:28.5px;
}
#BioBox .TopBar
{
	position: absolute;
	
	height:15px;
}
#BioBox .TopMid
{
	width:68.75%;
	
	top:-15px;
	left: 15.625%;	
}
#BioBox .TopBarLeft
{
	width: 17px;
	
	top: -15px;
	left: 10%;	
}
#BioBox .TopBarRight
{
	width:17px;
	
	top: -15px;
	right: 10%;	
}
#BioBox .HorizBotLeft
{
	position: absolute;
	bottom:-10px;
	left: -16px;
	
}
#BioBox .HorizBotRight
{
	position: absolute;	
	bottom:-10px;
	right: -16px;
}


#ArticleNav
{
	position: relative;
	left: 5%;
	
	width: 90%;
	min-height:10%;

	border-style: solid;
	border-width: 2px;
	border-color: white;
	
	margin-top:8%;
	margin-bottom:5%;
	margin-left:0;
	margin-right:0;
	padding:1%;
	
	
}
.NavLinks
{
	width:80%;
}
.prevArrow
{
	position: absolute;
	left:0%;
	
	font-size: large;
}
.nextArrow
{
	position: absolute;	
	right:0%;
	
	font-size: large;
}
.prevLink
{
	position: relative;
	left: 5%;
	
	width:40%;
	
	text-align: left;
	vertical-align: middle;
}
.nextLink
{
	position: absolute;
	right: 5%;	
	
	width:40%;
	
	text-align: right;
	vertical-align: middle;
}
.LinkLabel
{
	text-decoration: underline;
	font-size: small;
	
}
#ArticleNav .CornerCap 
{
	position: absolute;
	
	width:64px;
	height:28.5px;
}
#ArticleNav .BotBar
{
	position: absolute;
	
	height:15px;
}
#ArticleNav .BotMid
{
	width:68.75%;
	
	bottom:-15px;
	left: 15.625%;	
}
#ArticleNav .BotBarLeft
{
	width: 17px;
	
	bottom: -15px;
	left: 10%;	
}
#ArticleNav .BotBarRight
{
	width: 17px;
	
	bottom: -15px;
	right: 10%;	
}
#ArticleNav .HorizTopLeft
{
	position: absolute;	
	top:-10px;
	left: -16px;
}
#ArticleNav .HorizTopRight
{
	position: absolute;
	top:-10px;
	right: -16px;
}


#ContentPane
{
	position: relative;
	width: 60%;
	height:1%;				/*use javascript to move change this to 55%*/
	
	left: 20%;
	
	border-style: solid;
	border-width: 2px;
	border-color: white;
	
	margin-top:3%;
	margin-bottom:0%;
	padding:1%;
	
	display: none;		/*use javascript to change this*/
}
/*This is for holding the content in a scrollable container to keep it separate from the corner caps in the greater ContentPane div. Otherwise, the overflow property would hide the corner caps*/
#ContentPane .SubContainer
{
	position:relative;
	height: 100%;
	width: 100%;
	
    color:white;

	overflow:scroll;
	
	/*scrollbar hiding technique found here: https://stackoverflow.com/questions/3296644/hiding-the-scroll-bar-on-an-html-page*/
	scrollbar-width: none;
    -ms-overflow-style: none; 
}
#ContentPane::-webkit-scrollbar 
{
    display: none;
}
#ContentPane .SubContainer .featured-image img
{
	position: relative;
	width: 100%;
	height: auto;
}
.ContentPiece
{
	position: relative;
	width: 96%;
	
	margin:1% 1% 5% 1%; /*top right bottom left*/
	
	color: white;
}
.PostMeta
{
	text-align:right;
}
#ContentPane .Highlight
{
	color:#FF8000;
}
#ContentPane .Title
{
	margin:1%;
	
	font-family: inherit;
	color: #495762;
	
	text-align:center;
	
}
#ContentPane .SectionTitle
{
	font-family: inherit;
	color: #495762;
}
#ContentPane .updateDate
{
	color:#FF4000;
}
#ContentPane .updateTitle
{
	text-decoration: underline;
	
	margin-left: 5em;
}

#ContentPane .CornerCap
{
	width:15%;
	height:15%;
	
	right:100%;
	
	display: none;	/*change with javascript*/ 
}
#ContentPane .HorizTopLeft
{
	position: absolute; 
	
	top:-5.5%;
	left: -3.5%;
	
}
#ContentPane .HorizTopRight
{
	position: absolute;
	
	
	top:-5.25%;
	right: -3.5%;	
}
#ContentPane .HorizBotLeft
{
	position: absolute;
	
	
	bottom:-5.25%;
	left: -3.5%;	
}
#ContentPane .HorizBotRight
{
	position: absolute;	
	
	bottom:-5.25%;
	right: -3.5%;		
}
#ContentPane .LeftPic
{
	float:left;
	margin: 1%;
}
#ContentPane .vid
{
	min-width: 5%;
	min-height:5%;
	
	margin-left: auto;
	margin-right: auto;	
}
#ContentPane twitter-tweet
{
	margin-left:auto;
	margin-right:auto;
}
#ContentPane .rating
{
	color:#FF4000;
}
#ContentPane .nextLink
{
	position: absolute;
	
	width: 45%;
	
	text-align: right;
	vertical-align: middle;
}
#ContentPane .prevLink
{
	position: relative;
	
	width: 45%;
	
	text-align: left;
	vertical-align: middle;
}
#ContentPane .full
{
	position: relative;
	
	width:100%;
	height:auto;
}
#ContentPane .half
{
	width:50%;
	height: auto;
}
#ContentPane .threeFour
{
	position: relative;
	
	width:75%;
	height: auto;
}
#ContentPane .halfWidth
{
	position: relative;
	
	width:50%;
	height: auto;
}
#ContentPane .halfHeight
{
	position: relative;
	
	height:50%;
	width: auto;
}
#ContentPane .quarterHeight
{
	position: relative;
	
	height:25%;
	width:auto;
}
#ContentPane .tenthHeight
{
	position: relative;
	
	height:10%;
	width: auto;
}

#ContentPane .alignLeft
{
	float:right;
	margin:1%;
}
#ContentPane .alignRight
{
	float:left;
	margin:1%;
}
#ContentPane .alignCenter
{
	margin:auto;
	
	margin-left:auto;
	margin-right:auto;
}

#ContentPane .divider
{
	text-align: center;
}
#ContentPane .LinkButton
{
	position: relative;
	display: inline-block;
	
	width:30%;
	max-height:50px;
	
	margin-left: 15%;
	/*margin-top:5%;*/
	
	background-color: white;
    color: black;
    text-align: center;
}	

#CommentPane
{
	position: relative;
	width: 80%;
	min-height: 40%;	
	left: 10%;
	
	/*
	border-style: solid;
	border-width: 2px;
	border-color: white;
	*/
	
	margin-top: 40px;
	margin-bottom:2%;
	margin-left: 1%;
	margin-right: 1%;
	
	color: white;
}
#CommentPane .Comment
{
	border-style: solid;
	border-width: 2px;
	border-color: white;
	
	padding:10px;
	margin:10px;
}
#CommentPane .HeadComment
{
	
}
#CommentPane li
{	
	position: relative;
	/*
	border-style: solid;
	border-width: 2px;
	border-color: white;
	*/
}
#CommentPane .comment-list
{
	border-style: solid;
	border-width: 2px;
	border-color: white;
	
	padding:1%;
}
#CommentPane article
{
	padding:0;
	border:2px;
}
#CommentPane .navigation  .post-navigation
{
	display: inline-block;
	
}
#CommentPane .HorizTopLeft
{
	position: absolute;
	
	width: 96px;
	height: 64px;
	top: -20px;
	left: -20px;	
}
#CommentPane .HorizTopRight
{
	position: absolute;
	
	width: 96px;
	height: 64px;
	top: -20px;
	right: -20px;	
}
#CommentPane .HorizBotLeft
{
	position: absolute;
	
	width: 96px;
	height: 64px;
	bottom: -20px;
	left: -20px;	
}
#CommentPane .HorizBotRight
{
	position: absolute;
	
	width: 96px;
	height: 64px;
	bottom:-20px;
	right: -20px;		
}
#CommentForm .comment-respond
{
	position: relative;
	width: 80%;
	min-height: 40%;	
	left: 10%;
	
	border-style:none;
	
	color: white;
}


.NavUnitVert
{
	position: absolute;
	min-height: 1%;
	width:30%;
	/*top: 26%;*/
	left:97.50%;
	
	border-style: solid;
	border-width: 2px;
	border-color: white;
	
	/*
	margin-top:30%;
	margin-bottom:30%;
	
	color: white;
	*/
}
.NavUnitVert ul
{
	list-style-type: none;


	margin-bottom: 5%;
	margin-top: 5%;	
	margin-left:0%;
	margin-right:0%;
		
}
.NavUnitVert .VertTopRight
{
	/*position*/
	position: absolute;
	top:-22px;
	right: -22px;	
	
	/*size*/
	/*width:25%;*/
	/*height:16%;*/
	width:64px;
	height:96px;
}
.NavUnitVert .VertBotRight
{
	/*position*/
	position: absolute;
	bottom:-22px;
	right: -22px;		
	
	/*size*/
	width:64px;
	height:96px;
}
.NavUnitVert .SocialIcon
{
	width: 10%;
	height:auto;
	margin-left:10%;
	margin-top:10%;
	margin-bottom:10%;
}
.NavUnitVert .EmailSubForm
{
	
}
.NavUnitVert .EmailSubBar
{
	width: 60%;
	margin-top:5%;
	margin-bottom:2%;
	margin-left:20%;
	margin-right:20%;
}
.NavUnitVert .EmailSubButton
{
	width:25%;
	margin-top: 0%;
	margin-bottom:5%;
	margin-left:37.5%;
	margin-right:37.5%;
}
.NaveUnitVert .NavUnitTitle
{
	font-size:x-small;
}

.AdUnitVert
{
	position: relative;
	min-height: 40%;	
	
	border-style: solid;
	border-width: 2px;
	border-color: white;
	
	margin-top:30%;
	margin-bottom:30%;
	
	color: white;
}
.AdUnitVert .VertTopLeft
{
	/*position*/
	position: absolute;
	top:-10%;
	left: -8%;

	/*size*/
	width:20%;
	height:40%;
	
	
}
.AdUnitVert .VertTopRight
{
	/*position*/
	position: absolute;
	top:-10%;
	right: -8%;	
	
	/*size*/
	width:20%;
	height:40%;
}
.AdUnitVert .VertBotLeft
{
	/*position*/
	position: absolute;
	bottom:-10%;
	left: -8%;	
	
	/*size*/
	width:20%;
	height:40%;
}
.AdUnitVert .VertBotRight
{
	/*position*/
	position: absolute;
	bottom:-10%;
	right: -8%;		
	
	/*size*/
	width:20%;
	height:40%;
}

#Footer
{
	position: relative;
	left: 5%;
	
	width: 90%;
	min-height: 5%;	
	
	margin-top:5%;
	margin-bottom:5%;	

	border-style: solid;
	border-width: 2px;
	border-color: white;
	
	text-align: right;
	color: white;
}
#Footer .CornerCap 
{
	position: absolute;
	
	width:10%;
	height:75%;
}
#Footer .TopBar
{
	position: absolute;
	
	width:50%;
	height:50%;
}
#Footer .TopMid
{
	top:-50%;
	left: 25%;	
}
#Footer .TopBarLeft
{
	width: 5%;
	
	top:-50%;
	left: 20%;	
}
#Footer .TopBarRight
{
	width:5%;
	
	top:-50%;
	right: 20%;	
}
#Footer .HorizBotLeft
{
	position: absolute;
	
	bottom:-10px;
	left: -16px;	

	width:64px;
	height:28.5px;
}
#Footer .HorizBotRight
{
	position: absolute;
	
	bottom:-10px;
	right: -16px;	

	width:64px;
	height:28.5px;	
}
  



/* CUSTOM ATTRIBUTES FROM THE PROTOTYPE. MIGRATE OR IGNORE AS NECESSARY*/

.RightAdUnit
{
	position: absolute;		
	left: 80%;
	height: 100%;
	width: 20%;			
}