/* * * * * * * * *\
* By Darkelarious *
* 333Networks     *
\* * * * * * * * */

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

* {
  padding: 0;
  margin: 0;
  border: 0px dashed #fff;
}

body{
  background:#181818;
}

#body{
  display:block;
  width: 980px;
  margin:auto;
  background: #181818;
  color : #aaa;
  font-family : Tahoma, Calibri;
  font-size: 10pt;
}

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

a {
  color : #0af;
  text-decoration : none;
}
a:hover {
  text-decoration : none;
  color : #ff0;
}

hr{ 
  height: 0px; 
  border: dashed #0af 0px; 
  border-top-width: 1px;
  margin: 10pt 0 10pt 0;
}

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

#header{
  text-align:center;
  height: 65px;
  margin-top:10px;
}

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

#navigation {
  float: left;
  width: 180px;
  margin: 0 10px 10px 10px;
}

#navigation ul {
  background: #202020;
  padding: 2px 10px 2px 5px;
  list-style : none;
  font-weight: bold;
  font-family: Tahoma;
  border-right: 1px solid #000;
  border-left: 1px solid #000;  

}

#navigation ul li{
  display:block;
  color:#999;
  padding: 0 0 0 4px;
}

#navigation ul li ul{
  padding: 0 0 0 6px;
  border:0;
}

#navigation ul li ul li a{
  font-weight:normal;
  color:#999;
}

#navigation a {
  display:block;
  color:#0af;
}

#navigation a:hover {
  background : #555 url(images/css/profile.gif);
  color : #ff0;
}

#navigation p {
  display:block;
  padding: 2px 10px 2px 10px;
  background: #202020;
}

#navigation .links li a{
  color:#999;
  font-weight:normal;
  padding-left:10px;
}

#navigation .links li a:hover{
  color:#ff0;
}

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

#adright{
  float: right;
  width: 122px;
  margin: 0 10px 0 10px;
}

#adright p {
  background: #202020;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}

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

#content{
  width: 594px;
  margin : 10px 142px 10px 190px;
  text-align: justify;
  padding: 20px;
  border: 1px solid #000;
  background: #313131 url(images/css/body.gif);
  overflow:hidden;
}

#content p{
margin: 0 0 12pt 0;
}

#content ul,ol{
margin: 0 0 12pt 20px;
}

#content ul{
list-style: square;
}

#content img{
 border: 0px solid #99b;
}

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

#credits{
  clear: both;
  padding: 10px;
  font-size : x-small;
  text-align: center;
}

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

/* common tags */
.quote {
font-style : italic;
font-family : "Times New Roman";
color : #999;
}
.date {
font-style : italic;
font-family : Verdana;
color : #99b;
}
.ext{
font-style : italic;
color : #fff;
}

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

/* captions of p, ul and ol in sidebars*/
.hdr {
	height: 27px;
	background: url(images/css/hdr_mid.gif) top left repeat-x;
	text-align: center;
  font-size: 12px;
	font-weight: bold;
	color: #3285D0;
}
.hdr-left {
	background: url(images/css/hdr_left.gif) top left no-repeat;
}
.hdr-right {
	background: url(images/css/hdr_right.gif) top right no-repeat;
	padding-top: 8px;
	height: 19px;
}

.btm {
	height: 27px;
	background: url(images/css/btm_mid.gif) top left repeat-x;
	text-align: center;
  font-size: 12px;
	font-weight: bold;
	color: #3285D0;
  margin-bottom:24pt;
}
.btm-left {
	background: url(images/css/btm_left.gif) top left no-repeat;
}
.btm-right {
	background: url(images/css/btm_right.gif) top right no-repeat;
	padding-top: 8px;
	height: 19px;
}

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

/* headers */
h1, h2, h3, h4, h5 {
  margin-bottom : 4pt;
}
h1 {
  font-weight : normal;
  font-size : 20pt;
  color : #08f;
}
h2 {
  font-weight : normal;
  font-size : 15pt;
  color : #08f;
}
h3 {
  font-weight : bold;
  font-size : 10pt;
  color: #ffe;
}
h4 {
  font-weight : bold;
  font-size : 10pt;
  color : #99f;
}
h5 {
  font-weight : bold;
  font-size : 10pt;
  color : #ffc;
}

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

table{
  width: 90%;
  margin: 2px 2px 12pt 2px;
  border-spacing: 0; 
}

th {
  color: #ccdff0;
	font-weight: bold;
  font-weight: bold;
  padding: 0 0 0 5px;
}

tr td {
  padding: 0 0 0 5px;
}

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

#blogstyle{
  margin: 5px;
  padding-left:20px;
  font-style : italic;
  font-family : Verdana;
  background: url(images/css/quote_header.gif) no-repeat;
}

#blogstyle img{
  float: right;
  margin: 0 -5px 0 13px;
  width: 250px;
  border: 1px solid #ccdff0;
}

/* items on index */
.newsitem table{
  margin: 0 auto 12pt auto;
  width:400px;
}
.newsitem table tr th{
  padding:12pt 5px 2px 5px;
  font-family: calibri;
  border-bottom: 1px dotted #ccdff0;
}
.newsitem table tr td{
  padding:2px 5px 2px 5px;
  font-family: calibri;
  border-bottom: 1px dotted #555;
}

/* donate section */
#donate{
  width:450px;
  margin:auto;
}
#donate form table{
  width: 250px;
  margin: 0 auto 12pt auto;
  border: 1px solid #121212;
  background:#333;
  padding: 0 4px 0 4px;
}

#donate form table input{
  display:block;
  border: 1px solid #121212;
  color: #222;
  background: #aaa;
  padding: 1px;
}

/* offline/online status */
.r{
color: #f33;
}
.g{
color: #3f3;
}
.y{
color: #ff3;
}

/* server tables */
.servertable {
  margin: 0 auto 12pt auto;
  width:90%;
}
.servertable tr th{
  padding:12pt 5px 2px 5px;
  font-family: calibri;
  border-bottom: 1px solid #ccdff0;
  white-space: nowrap;
}
.servertable tr td{
  padding:2px 5px 2px 5px;
  font-family: calibri;
  border-bottom: 1px dotted #555;
  vertical-align: top;
}


/* subdomain tables */
.subdomain {
  margin: 0 auto 12pt auto;
  width:90%;
}
.subdomain tr th{
  padding:12pt 5px 2px 5px;
  font-family: calibri;
  border-bottom: 1px solid #ccdff0;
  white-space: nowrap;
}
.subdomain tr td{
  padding:2px 5px 2px 5px;
  font-family: calibri;
  border-bottom: 1px dotted #555;
  vertical-align: top;
}

/* server tables */
.admintable {
  margin: 0 auto 12pt auto;
  width:90%;
}
.admintable tr th{
  padding:12pt 5px 2px 5px;
  border-bottom: 1px solid #ccdff0;
  white-space: nowrap;
}
.admintable tr td{
  padding:2px 5px 2px 5px;
  border-bottom: 1px dotted #555;
}

/* MasterServer page*/
.ubrowser{
  width:220px; 
  float:right; 
  margin: 5px 0 5px 10px;
}

.code{
  font-family:"Lucida Console";
  font-size: 8pt;
  text-align:left;
  padding:5px;
  color: #aaa;
  background:#333;
  border: 1px solid #b9b;
  overflow:hidden;
}

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

.highslide {
	outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	visibility: visible;
}

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

/* 404 */
#browser{
display:block;
margin: 10px 100px 15px 100px;
}

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


/* server lists */

.masterserverlist{
  width: 605px;
  margin:0 auto 12pt auto;
  border-bottom: 1px solid #ccdff0;
}

.minimaster{
  width: 605px;
  margin:0 auto 12pt auto;
  border-top: 1px solid #ccdff0;
  border-bottom: 1px solid #ccdff0;
}

.masterserverlist div, .minimaster div {
  display:block;
  white-space:nowrap;
  padding-right: 1px;
  padding-left: 1px;
}

.masterserverlist div:hover, .minimaster div:hover {
  background: #333;
}

.masterserverlist a, .minimaster a{
  color:#aaa;
}

.masterserverlist a:hover, .minimaster a:hover{
	cursor: pointer;
}

#infotitle, #infotitle{
  color: #f0dfcc;
	font-weight: bold;
  border-bottom: 1px solid #f0dfcc;
  background: none;
}

.iname{
  text-align:left;
  display: inline-block;
  width:420px;
  overflow:hidden;
  padding:0 8px 0 5px;
}

.inump{
  display: inline-block;
  width:35px;
  padding:0 3px 0 3px;
  overflow:hidden;
}

.imapn{
  display: inline-block;
  width:110px;
  text-align:left;
  padding:0 3px 0 3px;
  overflow:hidden;
}

.sjoin a{
  display: inline-block;
  width:15px;
  text-align:right;
  background: url(images/css/sub_old.gif) no-repeat;
}

.sjoin a:hover{
  background: url(images/css/sub_new.gif) no-repeat;
}

#close{
  display: block;
  margin:auto;
  text-align: center;
}

.sr{ color: #d77;}
.sy{ color: #dd7;}
.sg{ color: #7d7;}
.sb{ color: #77f;}


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


#content .sshotdiv img{
  height: 75px;
  width: 110px;
  border: 1px solid #999;
  text-align:left;
}


/******************* temporary part for the utd repo project *********************/

#project{
  font-family: Tahoma;
  color: #c0c0cc;
  border: 1px dotted #c0c0ff;
  padding: 10px;
  margin-bottom: 10px;
}

#project h1{
  font-size: 12pt;
  color: #0af;
}

#project h2{
  font-size: 10pt;
  color: #04c;
}