/* 
*******************************************
The Revora Network Bar - Revora Front Page Style
*******************************************

File: rnb_ppm.css 
Author: Banshee

Created from rnb.css
Author: Dark Lord of the Sith (DLotS)
Description: This file controls the looks of the network bar, will be used for the grey-blue-ish Revora frontpage
   
NOTES:
- Rule of thumb: Avoid margins. Do not use them, or they will create
inconsistencies in the dropdown positioning. You have been warned.

- Important classes:

  rnb__section: 			the main buttons you'll see (Revora, CNC, BFME, ...)
  
  rnb__sectioncontainer: 	the extra div wrapped around each section button
					use this for some extra CSS trickery
  
  rnb__dropdown:			the divs which contain the links and category buttons
					used for all levels
  
  rnb__button:			a normal link button
  
  rnb__category:			a category button (a link which expands to another submenu)
					you should mark those specially, so people know that they should hover
					over it to see more links (for example by using a small arrow as background image)
  
// - - - - - - - - - - - - */




/* ************************************

		MAIN BAR DIV

************************************ */

/* *******  Main Bar Div Styles  ******* */
#rnb__body {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 22px;

color: #24303c;
background-color: #24303c;
background-image: url(rnb_alien.png);
background-position: top right;
background-repeat: no-repeat;
z-index: 99;
}


/* *******  Dropdown Div Styles  ******* */
#rnb__dropdowns {
/* let's clear that float of the sections */
clear: left;
min-height: 22px;
text-align: left;
z-index: 99;
}



/* ************************************

		SECTIONS	

************************************ */


/* *******  Default Section Styles  ******* */
/* 
if you only want to override certain settings (which you probably want), 
remember to list the specific classes aswell, as the default classname will be replaced with those 
*/
#rnb__body .rnb__section {
padding: 0 12px 0 12px; /* 1px 10px 1px 10px */
display: block;
height: 22px; /* 20px */
line-height: 22px; /* 20px */

background-color: #24303c;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
color: #BDD0D9;
border: none;

text-decoration: none;
}

#rnb__body .rnb__section:hover {
cursor: pointer;
background-color: #182028;
color: #FFF;
text-decoration: none;
}

/* The div containing the section anchor tag, for extra flexibility */
#rnb__body .rnb__sectioncontainer {
float: left;
padding-right: 2px;
background: url(https://bar.revora.net/images/bg-notch.png) center right no-repeat;
}

/* images contained by the sections */
#rnb__body .rnb__section img {
float: left;
padding-right: 4px;
border: none;
}

#rnb__body .rnb__addimg {
padding-left: 5px;
border: none;
}


/* *******  Specific Section Styles  ******* */

/* you might want some specific settings for the leftmost item (Revora) */
#rnb__body #rnb__section__revora {
padding-left: 12px;
}

/* or for the rightmost item (Help) */
#rnb__body #rnb__section__help {

}
#rnb__body #rnb__section__help img {
padding-right: 0;
}




/* ************************************

		CATEGORIES

************************************ */



#rnb__dropdowns .rnb__dropdown {
min-width: 160px;

background-color: #24303c;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
border: 1px solid #182028;
color: #FFF;

z-index: 100;
}



/* *******  Specific Section Styles  ******* */

/* Spotlight */
#rnb__dropdowns .rnb__spotlight {
min-width: 150px;

z-index: 100;
}




/* ************************************

		BUTTONS / LINKS

************************************ */


/* RNB Button */
#rnb__dropdowns .rnb__button, #rnb__dropdowns .rnb__category { /* default style for normal buttons and category buttons */
display: block;
padding: 4px 10px;

color: #FFF;
background-color: #24303c;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
border: 1px solid #182028;
}

#rnb__dropdowns .rnb__button:hover, #rnb__dropdowns .rnb__category:hover {
/*background-color: #ddd;*/
background-color: #182028;
color: #BDD0D9;
}

/* Category Buttons (should be marked as that, so people know that this button will expand) */
#rnb__dropdowns .rnb__category {
padding-right: 15px !important;

background: url(https://bar.revora.net/images/arrow-right.png) center right no-repeat;
background-color: #24303c;
}


/* *******  Specific Section Styles  ******* */

/* Spotlight */
#rnb__dropdowns .rnb__button__spotlight {
display: block;
height: 142px;
width: 150px;
padding: 3px;

background-color: #24303c;
}
#rnb__dropdowns .rnb__button__spotlight:hover {
background-color: #182028;
}

#rnb__dropdowns .rnb__button__spotlight img {
border: none;
}


/* ************************************

		OTHER STUFF

************************************ */


/* Additional Images (the small ones indicating it's a forum/released/new) */
#rnb__dropdowns .rnb__addimg {
padding-left: 5px;
border: none;
}

@media only screen and (max-width: 570px) {
	#rnb__body .rnb__section
	{
		font-size: 0px;
	}
}