/* Stylesheet */

/* HTML tags */

body {
	background-image: url(/images/TISiteBGWall.jpg);
	background-color:#000;
    font-family: Arial;
    font-size: 11pt;
	color: #FFFFFF;
}

h2, h3 {
	margin: 0;
}

img {
	border: none;
}

/*
p {
	margin-top: 30px;
	margin-bottom: 30px;
}
*/

/* fonts */

@font-face {
	font-family: Neogrey; 
	src: url("/fonts/Neogrey.eot"); /* IE */
}

@font-face {
	font-family: Neogrey; 
	src: url("/fonts/Neogrey.ttf"); /* Everything else */
}

/* Links */

a {
	color: #54FC54;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
}

/* Common */

#wrapper, #header, #footer {
	margin: 0 auto;
	width: 970px;
	overflow: hidden;
}

.fullcontent, .content, .sidebar, .welcome, div.community, .moty {
	background-image: url(/images/opiacy.png);
	border: 1px solid #000;
}

/* Header */

#header ul {
	font-family: "Neogrey";
	color: #339900;
	list-style-type: none;
	background-image: url(/images/opiacy.png);
	padding: 7px;
	border-radius: 5px;
	border: 1px solid #000;
	text-align: center;
}

#header li {
	display: inline;
	margin-right: 10px;
	font-size: 20px;
}

#header a {
	text-decoration: none;
	text-shadow: 0px 0px 22px #54FC54;
	padding: 3px;
	border-radius: 5px;
}

#header ul li a:hover {
	background-image: url(/images/gopiacy.png);
}

#header h1 {
	padding: 0;
	margin: 0;
}

#header .logo {
	text-indent: -9999px;
	width: 820px;
	height: 272px;
	display: block;
	margin: 0 auto;
}

#header .logo:hover {
	opacity: 0.6;
}

/* Layout */

/* use with sidebar */
.content {
	float: left;
	width: 760px;
	text-align: left;
}


/* use with no sidebar */
.fullcontent{
	overflow: hidden;
}

.fullcontent p {
	margin: 1em;
}

/* rounded corners */
.fullcontent, .content, #footer {
	border-radius: 5px;
}
/*
.fullcontent p {
background-color: #000000;
padding: 2px;
}
*/

/* Affiliate box */
div.community {
	width: 968px;
	text-align: center;
	padding: 2px;
}

div.community img {
  border: 1px outset rgba(200, 200, 200, 0.6);
}

ul.community {
	list-style-type: none;
	text-align:center;
}

ul.community li {
	display:inline;
}



/* Welcome message */
.welcome {
	margin-bottom: 1em;
	overflow: hidden;
	width: 930px;
	text-align: left;
	padding: 20px;
}

.moty {
	margin: 0 auto;
	display: block;
	width: 470px; 
	height: 265px;
	overflow: hidden;
}

.sidebar {
	float: right;
	width: 150px;
	padding: 4px;
}

#footer {
	margin-top: 10px;
	color: #339900;
	font-size: 12px;
	padding: 5px 5px 15px 5px;
	background-image: url(/images/gopiacy.png);
	border: 1px solid #006400;
	text-align: center;
}

#footer p {
	margin-top: 4px;
	margin-bottom: 4px;
}

#player {
	margin-left: 5px;
	margin-top: 1em;
	float: right;
}

/* News */

.newstitle, .newscontent, .newsfooter {
	padding: 4px 20px;
}

.newstitle {
	text-align: center;
	font-family: "NeoGrey";
	font-size: 2em;
	background-image: url(/images/gopiacy.png);
	border: 1px solid #006400;
}

.newstitle a {
	text-decoration: none;
}

.newscontent {
	background-image: url(/images/opiacy.png);
}

.newsfooter {
	background-image: url(/images/gopiacy.png);
	margin-bottom: 1em;
	text-align: center;
}

/* page styles */

.title {
	background-image: url(/images/gopiacy.png);
	border: 1px solid #006400;
	text-align: center;
	font-family: "Neogrey";
	border-radius: 3px;
	clear: both;
}

h2.title {
	font-size: 28px;
}

h3.title {
	font-size: 20px;
}

div.staff {
/* background-color: #000000; */
	overflow: hidden;
	margin-bottom: 1em;
	padding: 5px;
}

div.staff ul {
	margin-right: 10em;
}

div.staff  li {
	display: inline;
}

div.staff  li:after {
	content: ",";
}

div.staff  li:first-child:before {
	content: "Roles: ";
}

div.staff  li:last-child:after {
	content: "";
}

div.staffimg {
	float: left;
	margin-right: 1em;
	overflow: hidden;
	width: 110px;
	height: 110px;
	padding: 6px;
	background-image: url(/images/gopiacy.png);
}

/* table of contents */
ul.toc {
	list-style-type: none;
	margin-right: 3em;
	margin-top: 1px;
}

/* floats */
.float-left {
	float: left;
}

.float-right {
	float: right;
}

.center-text {
	text-align: center !important;
}

.imggal .multi-img {
	width: 796px;
	margin: 0 auto;
}

.imggal a img {
	opacity: 0.5;
}

.imggal a img:hover {
	opacity: 1;
}

.maps img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.nod {

	border: 1px solid #8B0000;
}

.gdi {

	border: 1px solid #064103;
}
	
.gt {

	border: 1px solid #0E22B7;
}

.td {

	border: 1px solid #5d5d5d;
}
	

.nod p, .gdi p, .gt p, .td p {
	clear: left;
}

.nod h2, .nod h3 {
	background-image: url(/images/ored.png);
	border: 1px solid #8B0000;
	}
	

.nod > .imageborder {
	border: 1px solid #8B0000;
	width: 400px;
}

.gdi >.imageborder {
	border: 1px solid #064103;
	width: 400px;
}

.gt >.imageborder {
	border: 1px solid #0E22B7;
	width: 400px;
}

.td >.imageborder {
	border: 1px solid #5d5d5d;
	width: 400px;
}

.gdi h2, .gdi h3 {
	background-image: url(/images/ogreen.png);
	border: 1px solid #064103;
	}
	
	
.td h2, .td h3 {
	background-image: url(/images/ogrey.png);
	border: 1px solid #5d5d5d;
	}
	
.gt h2, .gt h3 {
	background-image: url(/images/oblue.png);
	border: 1px solid #0E22B7;
	}

a.gdi, a.nod, a.gt, a.td {
	width: 484px;
	height: 294px;
	display: block;
	text-indent: -9999px;
	opacity: 0.5;
	float: left;
	border: none;
}

a.gdi:hover, a.nod:hover, a.gt:hover, a.td:hover {
	opacity: 1;
}

a.nod {
	background: url(/images/cnod.jpg) center no-repeat;
	}
	
a.gdi {
	background: url(/images/cgdi.jpg) center no-repeat;
	}
	
a.gt {
	background: url(/images/cgt.jpg) center no-repeat;
	}
	
a.td {
	background: url(/images/tde.gif) center no-repeat;
	}
	

.gdi-menu, .nod-menu, .gt-menu, .td-menu {	
	text-align: center;
}

.gdi-menu, .nod-menu , .gt-menu, .td-menu {
font-family: "Neogrey";
list-style-type: none;
padding: 7px;
display: block;
}

ul.gdi-menu, ul.nod-menu, ul.gt-menu, ul.td-menu{
margin-bottom: 0;
}

.gdi-menu  {
background-image: url(/images/ogreen.png);
border: 1px solid #064103;
}

.td-menu  {
background-image: url(/images/ogrey.png);
border: 1px solid #5d5d5d;
}

.nod-menu {
background-image: url(/images/ored.png);
border: 1px solid #8B0000;
}

.gt-menu {
background-image: url(/images/oblue.png);
border: 1px solid #0E22B7;
}

.gdi-menu li, .nod-menu li, .gt-menu li, .td-menu li {
display: inline;
margin-right: 10px;
font-size: 20px;
}

.gdi-menu a, .nod-menu a, .gt-menu a, .td-menu a {
text-decoration: none;
text-shadow: 0px 0px 22px #339900;
padding: 3px;
border-radius: 5px;
color: #FFF;
}

.gdi-menu a:hover {
background-image: url(/images/olgreen.png);
}

.nod-menu a:hover {
background-image: url(/images/ored.png);
}

.gt-menu a:hover {
background-image: url(/images/oblue.png);
}

.td-menu a:hover {
background-image: url(/images/olgrey.png);
}

.cameos  a {
	opacity: 0.5;
}

.cameos  a:hover {
	opacity: 1;
}

.cameos {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}