/*
|---------------------------------------------------------------
| Color Palette
|---------------------------------------------------------------
---OLD---
#b770cf
rgb(183,112,207)

#cfb770
rgb(207,183,112)

---NEW---
#339933             #2F882F
rgb(51,153,51)      rgb(47,136,47)

#cfb770
rgb(207,183,112)

---NEWNEW---

PINK
FFB6C1
255,182,193

Starfleet Blue
0096ff
0,150,255


Deep Gold
#d4af37
RGB (212, 175, 55)

Imperial Red
#035DB7
RGB (3, 93, 183)



*/

/*
|---------------------------------------------------------------
| main
|---------------------------------------------------------------
*/
body 			{ color: #ccc; }

.page-head 		{ color: #d4af37; }
.page-subhead	{ color: #035DB7; }

.gray			{ color: #999999; }
.red			{ color: #cc334c; }
.orange			{ color: #ccb333; }
.green			{ color: #33cc66; }
.blue			{ color: #334ccc; }
.MD			{ color: #00cc00; }
.black		{ color: #000; }

a 			{ color: #d4af37; }
a:hover 		{ color: #035DB7;}
a.edit 		{ color: #bbb; }
a.edit:hover	{ color: #d4af37; }

.nav-sub ul li.menu_category { color: #ccc; }
footer { color: #fff; }

/*
|---------------------------------------------------------------
| borders
|---------------------------------------------------------------
*/
#comments p,
#news_blocks p,
.post_info,
.wrapper,
table.acp,
.wiki-subnav {
	border: 1px solid #035DB7;
}
.content,
.panel {
	border-left: 1px solid #035DB7;
	border-bottom: 1px solid #035DB7;
}
#acp-panel {
	border: 1px solid #035DB7;
	border-bottom: none;
}
#panelmenu li a span {
	color: #fff;
	border-right: 1px solid #035DB7;
}
#panelmenu li a.active:hover span {
	color: #fff;
	border-right: 1px solid #035DB7;
	background: rgba(212, 175, 55,.75) url('gradient-menu.png') repeat-x 0 0;
}
#panelmenu li a.active span {
	background: rgba(212, 175, 55,.75) url('gradient-menu.png') repeat-x 0 0;
	border-top: 1px solid #035DB7;
	border-bottom: 1px solid #035DB7;
	border-right: 1px solid #035DB7;
}
#panelmenu li a.active:hover span {
	border-right: 1px solid #035DB7;
}
#panelmenu li a:hover span {
	border-top-color: #035DB7;
	border-bottom-color: #035DB7;
}
#online {
	border: 1px solid #035DB7;
	border-top: none;
}
header {
	border-bottom: 1px solid #035DB7;
}

/*
|---------------------------------------------------------------
| Tabs - Primary
|---------------------------------------------------------------
*/
#menu .nav-main ul li a,
.ui-tabs .ui-tabs-nav li a,
.subtabs .ui-tabs-nav li a,
#panelmenu li a:hover span,
#panelmenu li a.active span,
.UITheme .ui-widget-header {
	color: #ddd;
	background: rgba(3, 93, 183,.75) url('gradient-menu.png') repeat-x 0 0;
}
.subtabs .ui-tabs-nav li a,
.UITheme .ui-widget-header {
	border: 1px solid #035DB7;
}
.ui-tabs .ui-tabs-panel {
	border-top: 2px solid #035DB7;
}
.subtabs .ui-tabs-panel {
	border: none;
}
.subtabs .ui-tabs-nav li:first-child a,
.subtabs .ui-tabs-nav li:first-child.ui-tabs-selected a {
	border-left: 1px solid #035DB7;
}

/*
|---------------------------------------------------------------
| Tabs - Secondary
|---------------------------------------------------------------
*/
#menu .nav-main ul li a:hover,
#menu .nav-main ul li a:active,
.ui-tabs .ui-tabs-nav li a:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.subtabs .ui-tabs-nav li a:hover,
.subtabs .ui-tabs-nav li.ui-tabs-selected a {
	color: #ddd;
	background: rgba(3, 93, 183,.9)  url('gradient-menu.png') repeat-x 0 0;
}

/*
|---------------------------------------------------------------
| Buttons - Primary
|---------------------------------------------------------------
*/
button,
input.button-main,
input.button-sec,
button.button-small {
	color: #111;
	border: 1px solid #035DB7;
	background: rgba(212, 175, 55,.75) url('gradient-menu.png') repeat-x 0 0;
}
button.button-sec,
input.button-sec {
	color: #555;
}
button.button-signin {
	border-color: #035DB7;
}
.signin,
.signin:hover {
	background: #000;
	color: #fff;
}

/*
|---------------------------------------------------------------
| Buttons - Secondary
|---------------------------------------------------------------
*/
button.button-main:hover,
button.button-signin:hover,
input.button-main:hover,
button.button-sec:hover,
input.button-sec:hover,
button.button-small:hover {
	border: 1px solid #035DB7;
	background: rgba(3, 93, 183,.75) url('gradient-menu.png') repeat-x 0 0;
	color: #eee;
}
.signin:hover { border-color: #d4af37; }


/*
|---------------------------------------------------------------
| Inputs
|---------------------------------------------------------------
*/
input[type=text],
input[type=password],
input[type=email],
textarea,
select,
.signin-panel input[type=text],
.signin-panel input[type=password] {
	color: #9a9a9a;
	border: 1px solid #035DB7;
	background: #000;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus,
select:hover,
select:focus,
.signin-panel input[type=text]:focus,
.signin-panel input[type=password]:focus {
	outline: none;
	border-color: #035DB7;
	-moz-box-shadow: 0 0 10px #035DB7;
	-webkit-box-shadow: 0 0 10px #035DB7;
	box-shadow: 0 0 10px #035DB7;
}



/*
|---------------------------------------------------------------
| Video
|---------------------------------------------------------------
*/



.videoBgWrapper {
    position: relative;
    top: 0;
    z-index: -100;
}

.videoBg{
    position: absolute;
    top: 0;
    left: 0;
    width: 1280px;
}

@media (min-aspect-ratio: 16/9) {
  .videoBg{
    width: 100%;
    height: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  .videoBg {
    width: 1280px;
  }
}