/* Unvanquished theme modifications */
html, body{
	background: #000 url("//unvanquished.net/wp-content/themes/unv/images/background-wbtcn-3.jpg") repeat fixed 0% 0%;
}

.page-width, .nav-tabs{
	width: 1152px;
	margin: 0 auto;
}

.forumtitle{
	color: #1AB0B5; /*cyan*/
}

a.subforum.unread, .icon-link + .list-inner > a.forumtitle, .icon-link + .list-inner > a.topictitle, .pm_unread .topictitle{
	color: #CC3300; /*orange*/
}

a.subforum.unread:hover, .icon-link + .list-inner > a.forumtitle:hover, .icon-link + .list-inner > a.topictitle:hover, .pm_unread:hover .topictitle:hover{
	color: #FF480B; /*lighter orange*/
}

a{
	color: #1AB0B5; /*cyan*/
}

a:hover{
	color: #2DDBE1; /*just lighter than .forumtitle*/
}

#masthead{
	position:relative;
}

#big-logo{
	width:40%;
	min-width:300px;
	max-width:500px;
	height:auto;
	position:absolute;
	bottom:20px;
	left:5%;
	opacity:.8;
	z-index: 1025;
	transition:all .3s;
}
#big-logo:hover{
	opacity:1;
}

#wrap{
	margin-top: 10px !important;
}

#phpbb_announcement{
	border-radius: 0px !important;
	
}

div#search-box form#search fieldset {
	padding-right: 25px;
	background: #25282c !important;
}

.post:target .content{
	color: #aaa !important;
}

.post:target h3 a{
	color: inherit !important;
}

/* this also overrides `.codebox code` but we set the same color anyway. */
.post code {
	color: #76bc7f;
}

.post .postlink:visited {
	color: #4c6994;
}

.navbar{
	top: 0px;
	z-index: 20;
	padding: 0px !important;
}

.tabbed{
	margin-top:5px;
}

.tyrant{
	z-index: 0 !important;
	pointer-events: none;
}

.menu-item > a{
	height:24px !important;
}

.header-logo, .header-logo.active{
	height: 26px !important;
	top: -150px !important; /*this is one of the ugliest hacks i have ever seen*/
}

.rightside{
	margin-right:50px !important;
}

.navbar .inner.static > .static-inner{
	margin: 0px !important;
}

.icon-team{
	display: none !important;
}

.tabbed > .static{
	margin-top:160px !important;
	position: relative !important;
}

.phpbb_alert{
	top: 190px !important;
}

#darkenwrapper{
	z-index:250 !important;
}

.lastpostavatar > img{
	border: none;
	height:60px;
	width:60px;
}

span.prettytopic{
	background: transparent -moz-linear-gradient(center bottom , #298FBA 0%, #41A9D5 100%) repeat scroll 0% 0% !important;
	border-radius: 2px !important;
	font-weight: bold !important;
}

span.username-coloured{
	margin: 0;
}

/* phpBB 3.3.x: this allows us to show the last poster's avatar using the old 3.1.x avatar plugin */
dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info{
  width: 280px;
  font-size: 11px; 
}

dd.posts, dd.topics, dd.views, dd.extra, dd.mark{
  width: 70px;
  text-align: center; 
}

/*.navbar .inner.static{
	margin: 0 auto !important;
	width: 1152px;
}

.logo_img{
	width:40%;
	height:40%;
}

#unv-navbar div{
	display: inline-block;
	width: 49%;
	position: relative;
	border-color: #101010;
	height: auto !important;
	background-color: rgba(0, 0, 0, 0.4);
	background: transparent none repeat scroll 0% 0%;
	font-family: "Lato" sans-serif;
	font-size: 14px;
	line-height: 1.42857;
}

#unv-navbar div:first-child li{
	padding: 0px 4px;
}

.menu-item{
	width: 25%;
	border-bottom: 2px solid transparent;
	border: 0px none;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0px;
	outline: 0px none;
	vertical-align: baseline;
	box-sizing: border-box;
	text-align:center;
}

.navbar-nav > li{
	float: left;
}*/

/* NAVBAR STUFF */

a#top.anchor { 
	display: none; /* remove the broken anchor margin */
}

.navbar-nav > li{
	float: left;
	width:20%;
	padding: 0px;
	margin: 0px;
}

.nav-menu1, .nav-menu2,.site-footer ul{
	list-style: none;
	width:100%;
}

.header-main nav.navbar{
	min-height: 1em;
	width:90%;
	left:auto;
	right:auto;

}

#unv-navbar div{
	display: inline-block;
	width:49%;
	position:relative;
	
}
#unv-navbar{
height:29px;
}
div.in{

}

.container,.navbar-collapse{
padding: 0 ;
margin: 0 auto;
}
#unv-navbar div li a{
padding:2px;
display: block;
width: 100%;
color: #fff;
font-size:14px !important;
text-align:center;
position:relative;
border-bottom: 2px solid transparent;
height:25px !important;
}
#unv-navbar div li a:hover{

background-color:rgba(255,99,120,0.2);
background-color:rgba(255,255,255,.2);
text-decoration:none;
}
#unv-navbar div:first-child li{
width:23% !important;
padding:0px 4px;
}
#unv-navbar div:first-child li a{

}
#unv-navbar div:nth-child(2) li{
width:23% !important;
padding:0px 4px;
}
#unv-navbar div li{
	/* margin-top:9px;*/
}

.nav-menu1{
padding-right:26px;
text-align:right;
}
.nav-menu2{
padding-left:30px;
text-align:right;
}


.navbar-inverse{
background-color:rgba(0,0,0,0.1);
border-bottom: 2px solid rgba(255,99,231,0.2);
width:100%;

}


.header-logo{
position:absolute;
opacity:.8;
right:50%;
margin:auto;
text-align:center;
margin-right:-7px;
bottom:-2px;
padding-bottom:2px;
border-bottom: 2px solid transparent;
}
.header-logo-active, .header-logo:hover{
		border-bottom: 2px solid rgba(255,99,120,0.7);
}
.header-logo:hover{
opacity:1;
}

.header-logo img{
	height:24px;
	width:auto;
	z-index: 1023;

}

@media screen and (min-width: 1px) {
	.navbar-collapse{
		background:rgba(23,23,23,.99);
	}
	#unv-navbar div li.menu-item{
		width:100%;

		border-bottom: 2px solid transparent;
	}
	#unv-navbar div li.current-menu-item a, #unv-navbar div a:hover{
		border-bottom: 2px solid rgba(255,99,120,0.7);
	}
}

@media screen and (min-width: 768px) {
	.navbar-collapse{
		background:none;
	}
	
	#unv-navbar div:first-child li{
		width:25%;

	}
	#unv-navbar div:nth-child(2) li{
		width:25%;
	}
	#unv-navbar div:nth-child(2) li a{

		
	}
	#unv-navbar div li.current-menu-item a, #unv-navbar div a:hover{
		border-bottom: 2px solid rgba(255,99,120,0.7);

	}

}
.header-main a{
color:#fff;
}
.site-main{

	padding-top:200px;

	box-shadow: inset 0 40px 30px -40px rgba(200,200,200,0.2), inset 0 -140px 30px -120px #000,inset 0px 0px 30px 0px #170303;/*inset 0 0 5px 5px #888*/
	padding-bottom:30px;
	box-shadow: inset 0 40px 30px -40px rgba(200,200,200,0.2), inset 0 -140px 30px -120px #000,inset 0px 0px 30px 0px #000;/*inset 0 0 5px 5px #888*/
	background:#0a0a0a;
	background: #000 url(images/metal.jpg) repeat;
	background: rgba(10,10,10,0.6);
	background: #000 url(images/background-wbtcn-3.jpg) repeat scroll;
	
}
.main-content{
	background: rgba(10,10,10,0.6);
}
.content-area{

}
.navbar-header{
	background-color:rgba(0,0,0,0.4);
	margin:auto 0;
}

@media screen and (min-width: 1px) {
	.site-header,.site,.header-main nav.navbar{
		width:100%;
		max-width: 1152px;
	}
}

@media screen and (min-width: 768px) and (min-height: 700px) {
	.site-header,.site,.header-main nav.navbar{
		width:90%;
	}
	#unv-navbar{
	background-color:rgba(0,0,0,0.4);
	}
}
@media screen and (min-width: 1100px) and (min-height: 700px)  {
	.site-header,.site,.header-main nav.navbar{
		width:80%;
	}
}


.site-header{
	display: block;
	top:0px;
	background: #000 url("//unvanquished.net/wp-content/themes/unv/images/header-background.jpg") no-repeat;
	z-index: 1020;
	color:#fff;
	background-position:center bottom;
	height:180px;
	border-bottom:3px solid #2F1E1E;
	transition:height .3s;
}

.site-header,.header-main nav.navbar{
	position:absolute;
}

@media screen and (min-height: 700px) {
	.site-header,.header-main nav.navbar{
		/*position:fixed;*/
		width:1152px;
		
	}
	
	.admin-bar .navbar-fixed-top {
		top: 32px;
	}
	.admin-bar .site-header{
		top:32px;
	}
}
.tyrant{
	height:250px;
	position:absolute;
	right:-20px;
	z-index: 1024;
	bottom:-85px;
	transition:none;
}
.site-header-scroll .tyrant{
	height:390px;
	right:-20px;
	bottom:-290px;
	transition:all .3s;
}

.site-header-scroll{
	height: 100px;
	overflow:hidden;
}
.site-header-scroll .site-title img{
	margin-bottom:-20px;
}

.site{

	margin:auto;
}
.site-footer{
	
	background:#0a0a0a;
	border-top:5px solid #0e0e0e;
	box-shadow:inset 0px 0px 30px 0px #000;
	padding: 15px;
	padding-bottom:50px;
}

.admin-bar .site-header{
	top:32px;
}

/* mobile fixes */
@media (max-width: 768px){
    #masthead{
        display: none;
    }
    .page-width, .nav-tabs{
    	width: inherit;
    }
    .rightside{
    	margin-right: 0px !important;
    }
}

a.lastsubject {
	width: 19em;
}