@import url(https://fonts.googleapis.com/css?family=Orbitron);
@import url(https://fonts.googleapis.com/css?family=Exo:400,700);

/*  Colonial Defense Incorporated - TEST CSS
|
|   CLUB LEADERS: Please do not make changes to this style sheet   
|                 unless you are confident in what you are doing. 
|                 Making bad change to this CSS may make your site 
|                 unusable or worse, ugly!
|
|   Email dogpea@darkjedi.org if you have any questions,
|   or contact Engineering.
|
------------------------------------------------------------------ */

/*  ^Body
|
|   DESCRIPTION:
|   body affects everything on the entire page.
|   Use this to customize the page background and font
------------------------------------------------------------------ */
body {
  background-image: url('https://i.imgur.com/g5Rsfro.png');
  background-position: center top;
  background-size: cover;
  background-attachment: fixed !important;
  background-repeat: no-repeat;
  background-color: rgb(255, 255, 255);
  font-family: 'Exo', sans-serif;
  font-size: 16px;
}
img { 
  vertical-align: middle; 
}
hr {
  border: 0px; 
  border-bottom: 1px solid #333; 
}
/*  ^Headings
|
|   DESCRIPTION:
|   Headings are the HTML Tags such as h1, h2, h3, and h4
|   that you can use to give titles to sections of content.
|   Think of them as chapter and section titles in a textbook.
------------------------------------------------------------------ */
h1,
h2,
h3,
h4 {
	font-family: 'Droid Serif', serif;
	font-weight: bold;
}
h1 {
	color: rgb(255, 35, 35);
}
h2 {
	color: rgb(244, 171, 31);
}
h3 {
	color: rgb(191, 193, 194);
}
h4 {
	color: rgb(255, 255, 255);
}
a,
a:link,
a:active,
a:visited {
	color: rgb(50, 186, 255);
}
a:hover {
	color: rgb(80, 216, 255);
	text-shadow: none;
}
a.button,
input.button,
input[type="submit"] {
	background: rgb(100, 149, 54);
	color: rgb(255, 255, 255);
	border: 1px solid rgb(50, 75, 27);
}
a.button:hover,
input.button:hover,
input[type="submit"]:hover {
	background: rgb(100, 181, 54);
	box-shadow: 0px 0px 10px rgb(100, 149, 54);
}
	/*	IGF UI
	---------------------------------------------------------- */
.igf-ui-box {
	position: relative;
	float: left;
	width: 48%;
	height: 85px;
	padding: 1%;
}
.igf-ui-box img {
	max-width: 50%;
	max-height: 100%;
	float: left;
	margin: 5px;
}
.igf-ui-box p {
}
.igf-ui-box a {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.ui-btn-fade {
	display: inline-block;
	padding: 20px 30px;
	min-width: 270px;
	height: auto;
	text-align: right;
	font-size: 3em;
	font-style: italic;
	font-weight: bold;
	background: rgb(17, 17, 17);
		background: -moz-linear-gradient(left,  rgba(17,17,17,0) 0%, rgba(17,17,17,1) 25%, rgba(17,17,17,1) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(25%,rgba(17,17,17,1)), color-stop(100%,rgba(17,17,17,1)));
		background: -webkit-linear-gradient(left,  rgba(17,17,17,0) 0%,rgba(17,17,170,1) 25%,rgba(17,17,17,1) 100%);
		background: -o-linear-gradient(left,  rgba(17,17,17,0) 0%,rgba(17,17,17,1) 25%,rgba(17,17,17,1) 100%);
		background: -ms-linear-gradient(left,  rgba(17,17,17,0) 0%,rgba(17,17,17,1) 25%,rgba(17,17,17,1) 100%);
		background: linear-gradient(to right,  rgba(17,17,17,0) 0%,rgba(17,17,17,1) 25%,rgba(17,17,17,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#111111',GradientType=1 );
	border-top: 1px solid rgb(32, 32, 32);
	border-radius: 0px 100px 100px 0px;
}
.ui-btn-fade:hover {
	background: rgb(24, 24, 24);
		background: -moz-linear-gradient(left,  rgba(24,24,24,0) 0%, rgba(24,24,24,1) 25%, rgba(24,24,24,1) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(24,24,24,0)), color-stop(25%,rgba(24,24,24,1)), color-stop(100%,rgba(24,24,24,1)));
		background: -webkit-linear-gradient(left,  rgba(24,24,24,0) 0%,rgba(24,24,24,1) 25%,rgba(24,24,24,1) 100%);
		background: -o-linear-gradient(left,  rgba(24,24,24,0) 0%,rgba(24,24,24,1) 25%,rgba(24,24,24,1) 100%);
		background: -ms-linear-gradient(left,  rgba(24,24,24,0) 0%,rgba(24,24,24,1) 25%,rgba(24,24,24,1) 100%);
		background: linear-gradient(to right,  rgba(24,24,24,0) 0%,rgba(24,24,24,1) 25%,rgba(24,24,24,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#222222',GradientType=1 );
}

/* ^Links
|
|   DESCRIPTION:
|   Links are pretty self-explanatory. a and a:link target
|   all links. a:visited targets only links youve clicked on.
|   a:hover is for when you hover over a link.
------------------------------------------------------------------ */
a, a:link, a:visited, a:active { 
  font-weight: normal; 
  color: rgb(0, 102, 153);
}
a:hover { 
  color: rgb(251, 251, 219); 
  text-decoration: underline; 
}
/* This targets the links in the top nav menu */
ul.submenu > li a, ul.dropdown > li a { 
  text-decoration: none; 
  font-weight: bold; 
}

/*  Page Layout
    - The website is composed of 5 major elements: banner, nav,
      main_content, right_index, and footer. Each of these are given 
      an id (#) with their name. There is also the #container div
      which wraps around everything. Altogether these divs have a 
      fixed width of 1000px and everything outside of them is part 
      of the background which is modified through the body tag.

    - You can change the dimensions of these elements, but keep in
      mind that some site features have been designed with the fixed
      width of 1000px in mind.
------------------------------------------------------------------ */
#container,
#navMenu,
#footer {
  width: 1200px;
}
	/*	Banner
	---------------------------------------------------------- */
#banner {
	height: 150px;
	background: url('//darkjedi.org/pics/IGF/banner_2017_03b.png') no-repeat;
	background-position: center;
	background-color: rgba(0, 0, 0, 0.3);
}
#banner:after,
#banner:hover:after {
	background: none;
}
#announceClub {
  background: rgba(0, 0, 0, 0.8);
  border: 3px solid rgb(0, 51, 102);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 0px;
}
.divider-top {
  display: none;
}
/* Make background transparent to have background image everywhere */
#container { background-color: rgba(0,0,0,0); 
}

/* Main content area */
#main_content{
padding: 2px;
vertical-align:top; 
height:100%; 
background-color: rgba(0,0,0,0.70); 
width:840px;
}
/* Right Index Column */
#right_index {
  background: rgba(0, 0, 0, 0.70);
  border-left:1px solid #003366;
  width: 150px;
}
/* rightHeader is the headings in right index column */
.rightHeader {
  background: transparent;
  border-top: 1px solid #003366;
  color: #rgb(0, 51, 102);
  margin-left: 2px;
  font-family: 'Orbitron', sans-serif;
  font-size: 11pt;
}
/*  ^Footer
------------------------------------------------------------------------------*/

#footer {
  border-top: 3px solid #003366;
  height: 200px;
  text-align: left;
  width: 100%;
  z-index: 999;
}

.footer-content {
  left: -500px;
  margin-left: 50%;
  position: absolute;
  text-aling: left;
}

.footer-content .footer-brand, .footer-content .footer-community, .footer-content .footer-gaming, .footer-content .footer-connect {
  border-right: 1px solid #003366;
  float: left;
  height: 100px;
  padding: 10px;
}

.footer-content a {
  display: inline-block;
  margin-bottom: 5px;
}

.footer-content img {
  margin-bottom: 10px;
}

.footer-content .footer-brand {
  width: 300px;
}

.footer-content .footer-community, .footer-content .footer-gaming {
  width: 200px;
}

.footer-connect {
  width: 225px;
}

.footer-content .footer-brand img.footer-brand-logo {
  margin: 5px;
}

.footer-content .footer-brand span.footer-brand-copyright {
  font-size: 9pt;
}

span.footer-heading {
  font-size: 1.2em;
  font-weight: bold;
  text-shadow: #000 1px 1px;
}

span.footer-comment {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  -moz-opacity: .6;
  opacity: .6;
  font-size: 8pt;
  font-style: italic;
}

}
#UserTools {
  height: auto;
  width: 250px;
}
.menu_body {
  position: inherit;
  background: transparent;
  box-shadow: none;
}
.footer-content .footer-brand,
.footer-content .footer-community,
.footer-content .footer-gaming,
.footer-content .footer-connect {
  border-right: none;
}
/*  Navigation Menus
-------------------------------------------------------------- */
	/*	Level 0 Gradient
	---------------------------------------------------------- */
#navMenu,
#UserTools {
	background: rgb(68, 68, 68);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMjMyMyIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==) !important;
		background: -moz-linear-gradient(top,  rgba(0, 0, 0, 0.3) 0%, rgba(255, 35, 35, 0.8) 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.8))), color-stop(100%,rgba(255, 35, 35, 0.1))) !important;
		background: -webkit-linear-gradient(top,  rgba(0, 0, 0, 0.3)) 0%,rgba(255, 35, 35, 0.8) 100%) !important;
		background: -o-linear-gradient(top,  rgba(0, 0, 0, 0.3)) 0%,rgba(255, 35, 35, 0.8) 100%) !important;
		background: -ms-linear-gradient(top,  rgba(0, 0, 0, 0.3)) 0%,rgba(255, 35, 35, 0.8) 100%) !important;
		background: linear-gradient(to bottom,  rgba(0, 0, 0, 0.3)) 0%,rgba(255, 35, 35, 0.8) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#e6ff2323',GradientType=0 ) !important;
}
	/* Level 1 and 2 Gradient
	---------------------------------------------------------- */
#navMenu ul.dropdown ul,
ul.sub_menu li.expand ul {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=) !important;
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0.8))) !important;
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%) !important;
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%) !important;
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%) !important;
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#cc000000',GradientType=0 ) !important;

}
	/*	Top menu (Level 0 - Navbar)
	---------------------------------------------------------- */
#navMenu {
	margin-bottom: 20px;
	border-color: rgb(255, 35, 35);
	border-radius: 0px 0px 100px 100px;
		-moz-border-radius: 0px 0px 100px 100px;
		-webkit-border-radius: 0px 0px 100px 100px;
		-khtml-border-radius: 0px 0px 100px 100px;
	box-shadow: 0px 5px 5px rgb(255, 35, 35);
}
li.nav-home {
	width: 75px !important;
	background: transparent !important;
	border-right: none !important;
	border-radius: 0px 0px 0px 100px;
}
li.nav-home:hover {
	background: inherit !important;
}
li.nav-home a {
	border-radius: 0px 0px 0px 100px;
}
.nav-home-icon {
	margin-left: 40%;
}
li.nav-home:hover,
#UserTools a {
	color: rgb(50, 186, 255);
	text-shadow: 0px 0px 4px rgb(0, 0, 0);
}
	/*	Top menu (Level 1 - Dropdown)
	---------------------------------------------------------- */
#navMenu ul.dropdown ul {
	margin-left: -60px;
	text-align: center;
	border: 3px transparent;
	box-shadow: rgb(255, 35, 35) 0px 1px 10px;
	background-color: rgba(255, 35, 35, 0.9) !important;
	background-image: url('/pics/IGF/ui-bg-menu.png') !important;
	-webkit-animation: screen 2s linear infinite;
	-moz-animation: screen 2s linear infinite;
	-ms-animation: screen 2s linear infinite;
	animation: screen 2s linear infinite;
}
@keyframes screen {
	0%{ background-position: 0px 0px }
	100%{ background-position: 0px 10px }
}
@-webkit-keyframes screen {
	0%{ background-position: 0px 0px }
	100%{ background-position: 0px 10px }
}
@-moz-keyframes screen {
	0%{ background-position: 0px 0px }
	100%{ background-position: 0px 10px }
}
@-ms-keyframes screen {
	0%{ background-position: 0px 0px }
	100%{ background-position: 0px 10px }
}
#navMenu ul.dropdown li:hover {
	background: rgba(0, 0, 0, 0.3) !important;
}
#navMenu ul.dropdown li:hover > a {
	color: rgb(255, 255, 255) !important;
}
	/*	Top menu (Level 2 -  Submenu)
	---------------------------------------------------------- */
ul.sub_menu li.expand ul {
	border: 1px solid rgb(255, 35, 35) !important;
	border-top: 1px solid rgb(255, 35, 35) !important;
	box-shadow: 0px 0px 5px rgb(255, 35, 35);
}

/*	Club Structure
-------------------------------------------------------------- */
td.StructureClub {
	background-color: rgb(255, 35, 35);
	border-bottom: 3px solid rgb(112, 18, 18);
}
td.StructureSector {
	background-color: rgb(255, 35, 35);
	border-bottom: 3px solid rgb(112, 18, 18);
}
td.StructureArea {
	padding: 5px 10px;
	background-color: rgb(102, 102, 102);
	border-bottom: 3px solid rgb(60, 60, 60);
}
td.StructureSub {
	padding: 5px 10px;
	background-color: rgb(10, 10, 10);
	border-bottom: 3px solid rgb(0, 0, 0);
}

/*	Forums
-------------------------------------------------------------- */
.forumlist .header-container,
.recentlist-container .header-container,
.forumlist .groupheader-container,
.forumlist-content .groupheader-container,
.recentlist .groupheader-container,
.recentlist-container .groupheader-container {
	margin-top: 20px;
	margin-bottom: 15px;
	background: rgb(68, 68, 68);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMjMyMyIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==) !important;
		background: -moz-linear-gradient(top,  rgba(0, 0, 0, 0.3) 0%, rgba(255, 35, 35, 0.8) 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.8))), color-stop(100%,rgba(255, 35, 35, 0.1))) !important;
		background: -webkit-linear-gradient(top,  rgba(0, 0, 0, 0.3)) 0%,rgba(255, 35, 35, 0.8) 100%) !important;
		background: -o-linear-gradient(top,  rgba(0, 0, 0, 0.3)) 0%,rgba(255, 35, 35, 0.8) 100%) !important;
		background: -ms-linear-gradient(top,  rgba(0, 0, 0, 0.3)) 0%,rgba(255, 35, 35, 0.8) 100%) !important;
		background: linear-gradient(to bottom,  rgba(0, 0, 0, 0.3)) 0%,rgba(255, 35, 35, 0.8) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#e6ff2323',GradientType=0 ) !important;
	border-color: rgb(255, 35, 35);
	border-radius: 0px 0px 100px 100px;
		-moz-border-radius: 0px 0px 100px 100px;
		-webkit-border-radius: 0px 0px 100px 100px;
		-khtml-border-radius: 0px 0px 100px 100px;
	box-shadow: 0px 5px 5px rgb(255, 35, 35);
}
.group-title {
	margin-left: 20px;
}
.forum .box-lb,
.forum-list-private,
.forum-list-community {
	background: rgba(17, 17, 17, 0.8) !important;
}
.forum .box-lb:hover,
.forum-list-private:hover,
.forum-list-community:hover {
	background: rgba(21, 21, 21, 0.8) !important;
	border-left: 5px solid rgb(50, 186, 255) !important;
}
	/*	Thread List
	---------------------------------------------------------- */
.threadlist-header {
	margin-bottom: 20px;
	background: rgb(68, 68, 68);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMjMyMyIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==) !important;
		background: -moz-linear-gradient(top,  rgba(0, 0, 0, 0.3) 0%, rgba(255, 35, 35, 0.8) 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.8))), color-stop(100%,rgba(255, 35, 35, 0.1))) !important;
		background: -webkit-linear-gradient(top,  rgba(0, 0, 0, 0.3)) 0%,rgba(255, 35, 35, 0.8) 100%) !important;
		background: -o-linear-gradient(top,  rgba(0, 0, 0, 0.3)) 0%,rgba(255, 35, 35, 0.8) 100%) !important;
		background: -ms-linear-gradient(top,  rgba(0, 0, 0, 0.3)) 0%,rgba(255, 35, 35, 0.8) 100%) !important;
		background: linear-gradient(to bottom,  rgba(0, 0, 0, 0.3)) 0%,rgba(255, 35, 35, 0.8) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#e6ff2323',GradientType=0 ) !important;
	border-color: rgb(255, 35, 35);
	border-radius: 0px 0px 100px 100px;
		-moz-border-radius: 0px 0px 100px 100px;
		-webkit-border-radius: 0px 0px 100px 100px;
		-khtml-border-radius: 0px 0px 100px 100px;
	box-shadow: 0px 5px 5px rgb(255, 35, 35);
}
	/*	Buttons
	---------------------------------------------------------- */
.btn-forum {
	background-color: rgb(51, 51, 51) !important;
}
.btn-forum:hover {
	background-color: rgb(72, 72, 72) !important;
	box-shadow: none;
}
	/*	Pagination
	---------------------------------------------------------- */
.paginator dl > dd span.selected {
	background-color: rgb(255, 35, 35);
}
.paginator dl > dd span a:hover {
	background-color: rgb(50, 186, 255);
}
	/*	User colors
	---------------------------------------------------------- */
.clsysoptag {
	margin-left: 8px;
	padding: 3px 6px;
	font-size: 0.725em;
	color: rgb(255, 255, 255);
	background: rgb(206, 31, 31);
	border-radius: 3px;
	box-shadow: 2px 2px 0px rgb(128, 18, 18);
}
.clsysop {
	font-weight: bold;
	color: #de140a;
}
#clgdc,
.clgdc {
	font-weight: bold;
	color: #FF0000;
}
#clgdxo,
.clgdxo {
	font-weight: bold;
	color: #fc8eac;
}
.clsectco {
	font-weight: bold;
	color: #E56717;
}

.clsectxo {
	font-weight: bold;
	color: #ecd672;
}

.clareaco {
	font-weight: bold;
	color: #33CCFF;
}

.clareaxo {
	font-weight: bold;
	color: #297ACC;
}

.clsubco {
	font-weight: bold;
	color: #1A4C80;
}

.clother {
	font-weight: bold;
	color: #EFEE70;
}

/* Misc */
h1.kbheader {
 color: #CCCCCC;
}

div.kbtopbar {
 background-image: url(//www.darkjedi.org/pics/IGF/bar.png);
 background-size: 100%;
 width: 625px;
 line-height: 33px;
 color: #330000;
}

table._white {
 border-style: solid;
 border-width: 1px;
 border-spacing: 0px;
 border-color: #FFFFFF;
}

table._white td {
 border-style: solid;
 border-width: 1px;
 border-spacing: 0px;
 border-color: #FFFFFF;
 background-color: #090000;
}

table.kbindex {
 width: 391px;
 border-style: solid;
 border-width: 0px;
 border-spacing: 0px;
 padding: 10px;
 border-color: #330000;
}

table.kbindex td {
 border-style: solid;
 border-width: 1px;
 border-spacing: 0px;
 padding: 10px;
 border-color: #330000;
 background-color: #090000;
}

table.kbcontent {
 width: 80%;
 border-style: solid;
 border-width: 1px;
 padding: 10px;
 background-color: #090000;
 border-color: #330000;
}

table.kbcontent td {
 border-style: solid;
 border-width: 0px;
 color: #FFFFFF;
}

/* End KB Customization */

/* Begin Recruits Table Customization */

table.recruits {
 width: 391px;
 border-style: solid;
 border-width: 0px;
 border-spacing: 0px;
 padding: 10px;
 border-color: #660000;
}

table.recruits td {
 border-style: solid;
 border-width: 1px;
 border-spacing: 0px;
 padding: 10px;
 border-color: #330000;
 background-color: #090000;
 border-top: 1px solid #660000;
 border-bottom: 1px solid #660000;
 border-left: 0px solid #660000;
 border-right: 0px solid #660000;
}
table.left1, div.left1 {
    width:375px;height:200px;
    background-image: url(/pics/DWDC/redright.png);
    background-repeat:no-repeat;   
}

table.left2, div.left2 {
    width:375px;height:200px;
    background-image: url(/pics/DWDC/redleft.png);
    background-repeat:no-repeat;  

  
}

table.left3, div.left3 {
    width:375px;height:200px;
    background-image: url(/pics/DWDC/redleft.png);
    background-repeat:no-repeat;   
}

table.left4, div.left4 {
    width:375px;height:200px;
    background-image: url(/pics/DWDC/redright.png);
    background-repeat:no-repeat;    
}


table.left5, div.left5 {
    width:780px;height:250px;
    background-image: url(/pics/DWDC/redbottom.png);
    background-repeat:no-repeat;    
}
/* End Custom content definitions. */

a.btn, a.btn-secondary, a.btn-primary, a.btn-primary:hover
{
	color: rgb(255, 255, 255);
}

.jumbotron h1 {
color: rgb(102, 54, 149);
}

/* ---------- Recent Posts/Awards Widget Styling ----------*/

#widget-forum-recent { 
  border: 0px;
  background-image: url('https://i.imgur.com/LR7gCGe.png');
  box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
    -webkit-box-shadow: 0px 0px 6px #000;
color: red;
width: 400px;
height: 400px;
}

#widget-awardpromo {   border: 0px;
  background-image: url('https://i.imgur.com/JnQT6kO.png');
  box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
    -webkit-box-shadow: 0px 0px 6px #000;
width: 400px;
height: 400px;
}

/*----Style Main Widget Container-----*/
.widget {
  border: 0px;
  background-color: rgba(0,0,0,0);
}

/*-----Style The Widget Box Title Text-----*/
.widget-title {
display: none;
}

.widget-sub-title {
  text-align: center;
}

/*------Style Each Line of Text Background-----*/
.widget-row {
  text-align: center;
 font-size: 14px;
 background-color: rgba(0,0,0,0.4);
}

.widget-row:hover {
  text-align: center;
 font-size: 14px;
 background-color: rgba(0,0,0,0.8);
}

.widget-content-wrapper { border: none; background-color: transparent; }

.widget-header-wrapper, .widget-header-wrapper .bkg.right, .widget-header-wrapper .bkg.left { background: none; }

/*------Style Background of Bottom Widget Links------*/
.widget-footer-wrapper { 
background-color: transparent; 
border: none;
text-align: center;
width: 368px;
position: relative;
left: 6px;
} 

.widget-footer-wrapper:hover { background-color: rgba(0,0,0,0.4); }