/*
--------------------------------------------------------------------------------
'Universal Warriors Clan' base CSS style

Version:    10-8-2004
Author:     Petr Urbancik

E-mail:     contact@redtiger.org

Copyright 2004 Red Tiger.org; http://www.redtiger.org
--------------------------------------------------------------------------------
*/

p#top {
	 display:inline;
	 float:left;
}

body {
	font-family:Verdana, "Geneva CE", lucida, sans-serif;
	padding:0;
	margin:0;
	font-size:0.7em;
	text-align:center;
	color:#E4E6E0;
	background:#1C1C1D;
	}
	h1 { display:none; }
	.novisible { display:none;	}
	#backgroundframe {
		width:785px;
		margin:0 auto;
		background:url(img/panel.jpg) no-repeat; /* draws upper panel */
		}
	#main {
		}
		#panel {
			display:block;
			border:0;
			height:154px;
			}
		#page {
			text-align:left;
			margin:3px 0 0 0; /* space between panel and page */
			}
			
/* LEFT */	
			#left {
				float:left;
				width:186px;
				margin:0 0 8px 0; /* vertical space between footer and columns */
				}
				#left .box {
					margin-right:4px; /* set to 182px width */	
					padding:0;
					}
					#left .boxframe {
						padding:10px;
						background:url(img/boxedges.gif) no-repeat;
						}
					#left .texttop { background:url(img/smtexttop.gif);	}	
					#left h4 {
						background:url(img/smtexthbg.gif);
						text-align:center;
						padding:1px 0 0 0;
						}
					#left .texthtop { background:url(img/smtexthtop.gif); }
					#left .texthbottom { background:url(img/smtexthbottom.gif); }			
					#left .text { background:url(img/smtextpbg.gif); }
					#left div .textline { background:url(img/textline.gif); }
					#left .textbottom { background:url(img/smtextbottom.gif); }
	
  
/* MENU */

.win { color: #33FF00}
.lost { color: red}

#menu	{
  border:1px solid #ada1a1;
  background:url(menu/bg.gif);
  padding:0;
  list-style:none;
  margin:0;
  width:160px;
  float:left;
	}
#menu li {
  float:left;
  list-style:none;
  background:url(menu/bg2.jpg) 1000px 1000px no-repeat; /* cache */
  display:block;
  margin:0;
  padding:0;
  border-bottom:1px solid #ada1a1;
  /*background:#ada1a1;*/
  display:block;
  width:100%;
  /*height:31px;*/
  overflow:hidden;
  }
#menu li a, #menu li a:visited, #menu li strong {
  height:30px;
  display:block;
  width:100%;
  float:left;
  }
#menu span { display:none; } /* Hides menu text */
#menu #battles { border:0; }

#menu #news a:hover, #menu #news strong { background:url(menu/bg2.jpg) 0 0 no-repeat; }
#menu #members a:hover, #menu #members strong { background:url(menu/bg2.jpg) 0 -31px no-repeat; }
#menu #maps a:hover, #menu #maps strong { background:url(menu/bg2.jpg) 0 -62px no-repeat; }
#menu #gbook a:hover, #menu #gbook strong { background:url(menu/bg2.jpg) 0 -93px no-repeat; }
#menu #joinus a:hover, #menu #joinus strong { background:url(menu/bg2.jpg) 0 -124px no-repeat; }
#menu #codex a:hover, #menu #codex strong { background:url(menu/bg2.jpg) 0 -155px no-repeat; }
#menu #battles a:hover, #menu #battles strong { background:url(menu/bg2.jpg) 0 -186px no-repeat; }

#menucleaner {
  clear:both;
  height:1px;
  font-size:1px;
  line-height:1px;
  overflow:hidden;
  position:relative;
  }

										
/* CENTER */
			#center {
				float:left;
				width:413px;
				margin:0 0 8px 0; /* vertical space between footer and columns */
				}
				#center .box {
					margin-right:3px;
					margin-left:3px; /* sets width to 407px */
					}
					#center .texttop { background:url(img/texttop.gif);	}	
					#center h4 {
						background:url(img/texthuw.gif) no-repeat right;
						margin-right:10px;
						}
					#center .texthtop { background:url(img/texthtop.gif); }
					#center .texthbottom { background:url(img/texthbottom.gif); }			
					#center .text { background:url(img/textpbg.gif); }
					#center div .textline { background:url(img/textline.gif); }
					#center .textbottom { background:url(img/textbottom.gif); }
					#center .texthead { background:url(img/texthbg.gif); } /* draws UW symbol on right */
			
/* RIGHT */
			#right {
				float:right;
				width:186px;
				margin:0 0 8px 0; /* vertical space between footer and columns */
				}
				#right .box {
					margin-left:4px; /* set to 182px width */
					padding:0;
					}
					#right .boxframe {
						padding:10px;
						background:url(img/boxedges.gif) no-repeat;
						}
					#right .texttop { background:url(img/smtexttop.gif);	}	
					#right h4 {
						background:url(img/smtexthbg.gif);
						text-align:center;
						padding:1px 0 0 0;
						}
					#right .texthtop { background:url(img/smtexthtop.gif); }
					#right .texthbottom { background:url(img/smtexthbottom.gif); }			
					#right .text { background:url(img/smtextpbg.gif); }
					#right div .textline { background:url(img/textline.gif); }
					#right .textbottom { background:url(img/smtextbottom.gif); }
			
			
/* PAGE GENERAL */
			.box {
				background:url(img/boxbg.gif);
				margin-bottom:7px; /* vertical space between boxes */
				padding:10px;
				}
				.box .boxlabel { background:url(img/labelbg.gif) 2px 2px; padding-left:7px; }
				.box h3, .box h2 {
					font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif;
					text-transform:uppercase; /* Uppercase letters in box labels */
					font-weight:normal;
					letter-spacing:0.2em;
					font-size:1.7em;
					padding:2px 0 1px 26px; /* top padding just for fixing render centering problem */
					margin:0 0 10px 0;
					display:block;
					display:none; /* if graphic mode on */
					color:#E4E6E0;
					}

			
/* Captions */
#h3menu, #h3news, #h3login, #h3matches, #h3nexta, #h3sponzors, #h3members, #h3gbook, #h3maps, #h3joinus, #h3codex, #h3battles, #h3irc, #h3admin {
	height:26px;
	margin:0 0 8px 0;
  }
#h3menu { background:url(headings/menu.gif) left no-repeat; } /* Menu */
#h3news { background:url(headings/news.gif) left no-repeat; } /* News */
#h3login { background:url(headings/login.gif) left no-repeat; }	/* Login */
#h3matches { background:url(headings/matches.gif) left no-repeat; } /* Matches */
#h3nexta { background:url(headings/nexta.gif) left no-repeat; } /* Next Action */
#h3sponzors { background:url(headings/sponzors.gif) left no-repeat; } /* Sponzors */
#h3members { background:url(headings/members.gif) left no-repeat; } /* Members */
#h3gbook { background:url(headings/gbook.gif) left no-repeat; } /* Guest Book */
#h3maps { background:url(headings/maps.gif) left no-repeat; } /* Maps */
#h3joinus { background:url(headings/joinus.gif) left no-repeat; } /* Join Us */
#h3codex { background:url(headings/codex.gif) left no-repeat; } /* Our Codex */
#h3battles { background:url(headings/battles.gif) left no-repeat; } /* Klan Battles */
#h3irc { background:url(headings/irc.gif) left no-repeat; } /* Irc Server */
#h3admin { background:url(headings/admin.gif) left no-repeat; } /* Admin*/



		
			.texttop { height:5px; }	
			h4 {
				margin:0;
				padding:1px 0 0 14px;
				letter-spacing:0.2em;
				line-height:12px;
				font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif;
				font-size:1.1em;
				text-transform:uppercase;
				font-weight:bold;
				color:white;
				}
			.texthtop {	height:7px;	}
			.texthbottom {	height:6px;	}
			.text {
				color:#ECEDE9;
				padding:9px 0 0 0;
				}
			p {
				font-size:1em;
				letter-spacing:0px;
				line-height:14px;
				padding:0 18px 10px;
				margin:0;
				}
			div .textline {
				height:1px;
				margin:0 18px 10px;
				clear:both;
				/*position:relative;*/ /* CSS2 */
				}
			div .textlinenospace {
				margin:0 18px 0 18px;
				}
			hr { display: none; }
			.textbottom {height:5px; margin-bottom:8px; }

/* FOOTER */
		#footer {
			background:url(img/boxbg.gif) 1px 1px;
			padding:5px;
			float:left;
			width:100%;
			}
			
/* NEWS BOX */
.abstract {
	text-align:right;
	font-size:0.9em;
	line-height:20px;
	background:url(img/textabstracttop.gif) top no-repeat;
	margin:0 5px 0;
	padding:0 8px 0;
	}
.abstract .date {
	background:url(icons/list.gif) left no-repeat;
	float:left;
	font-size:1em;
	padding:0 0 0 12px;
	}
.abstract .autor {
	background:url(icons/guy.gif) right no-repeat;
	display:block;
	font-weight:normal;
	padding:0 12px 0 0;
	}
.abstract .newsicon {
	background:url(icons/bubble.gif) left no-repeat;
	margin:0 0 0 10px;
	padding:0 0 0 2px;
	}


/* ANCHORS */
#backtotop, #backtotop:link, #backtotop:visited {
	text-decoration:none;
	color:white;
	display:block;
	text-align:right;
	margin-bottom:5px;
	background:url(icons/up.gif) no-repeat right;
	padding:0 10px 0;
	}
#backtotop:hover { text-decoration:underline; }


/* RESULTS */
#results .text { padding:2px 10px 3px; }
#results dl {
	margin:0;
	padding:0;
	text-align:right;
	}
#results dl strong { display:none; }
#results dt {
	margin:0 0 0 2px;
	padding:3px 0 3px 18px;
	float:left;
	font-weight:bold;
	}
#results dt.ut { background:url(icons/smut.gif) left no-repeat; }
#results dt.ut2004 { background:url(icons/smut2004.gif) left no-repeat; }
#results dt.et { background:url(icons/smet.gif) left no-repeat; }
#results dt.cs { background:url(icons/cs.gif) left no-repeat; }
#results dt.to { background:url(icons/smto.gif) left no-repeat; }
#results dt.q2 { background:url(icons/q2.gif) left no-repeat; }
#results dt.doom { background:url(icons/smdoom.gif) left no-repeat; }
#results dt.sa { background:url(icons/smarmada.gif) left no-repeat; }
#results dt.cod { background:url(icons/smcod.gif) left no-repeat; }
#results dt.cod2 { background:url(icons/smcod2.gif) left no-repeat; }
#results dt.viet { background:url(icons/viet16.gif) left no-repeat; }
#results dt.gta { background:url(icons/gta16.gif) left no-repeat; }

#results dd {
	margin:0;
	padding:3px;
	border-bottom:1px solid silver;
	}
#results dd.last {
	border-bottom:0;
	}
	
#nexta .text {
	padding:2px 10px 3px;
	}
#nexta dl {
	margin:0;
	padding:0;
	text-align:right;
	}
#nexta dl strong { display:none; }
#nexta dt {
	margin:0 0 0 2px;
	padding:3px 0 3px 18px;
	float:left;
	font-weight:bold;
	}
#nexta dt.ut { background:url(icons/smut.gif) left no-repeat; }
#nexta dt.ut2004 { background:url(icons/smut2004.gif) left no-repeat; }
#nexta dt.et { background:url(icons/smet.gif) left no-repeat; }
#nexta dt.q2 { background:url(icons/q2.gif) left no-repeat; }
#nexta dt.cs { background:url(icons/cs.gif) left no-repeat; }
#nexta dt.to { background:url(icons/smto.gif) left no-repeat; }
#nexta dt.doom { background:url(icons/smdoom.gif) left no-repeat; }
#nexta dt.cod { background:url(icons/smcod.gif) left no-repeat; }
#nexta dt.sa { background:url(icons/smarmada.gif) left no-repeat; }
#nexta dd {
	margin:0;
	padding:3px;
	border-bottom:1px solid silver;
	}
	
#nexta dd.last { border-bottom:0;	}
a:hover, a:link, a:visited { color:White; }
a:hover { color:#FF3535; }
.margin { margin-left:2em; }
textarea, input {
	background:#1C1C1D;
	color:White;
  }
img.sponzor { border:0; }
#text p {
  margin:0;
  padding:0;
  }


/* Maps */

.maps {
  width:24.5%;
  float:left;
	font-size:0.9em;
	text-align:center;
	height:126px;
  }
.members {
  width:24.5%;
  float:left;
	font-size:0.9em;
	text-align:center;
	height:145px;
  } 
.mapsinner {
  background:black;
  border:1px solid gray;
  margin:2px;
  padding:5px 0;
  }
.maps img, .members img {
  margin:3px 0;
  border:0;
  text-decoration:none;
  }
#mapcleaner {
  width:100%;
  clear:both;
  height:10px;
  }
.maps a, .members a { border:0; }


/* Matches and action */

#frmaction {
  border:1px solid #ada1a1;
  background:url(img/actionbg.jpg);
  margin:0;
  padding:0;
  }
#frmaction div {
  padding:8px;
  display:block;
  font-weight:bold;
  color:white;
  }
  
#frmmatches {
  border:1px solid #ada1a1;
  background:url(img/matchesbg.jpg);
  margin:0;
  padding:0;
  }
#frmmatches div {
  padding:8px;
  display:block;
  font-weight:bold;
  color:white;
  }

/* LOGIN */

#frmlogin {
  border:1px solid #ada1a1;
  background:url(img/loginbg.jpg);
  margin:0;
  padding:0;
  }
#frmlogin form {
  margin:0;
  padding:10px;
  }
#frmlogin label {
  margin:2px 0;
  padding:0;
  display:block;
  font-weight:bold;
}
#frmlogin input, #frmlogin label {
	font-family:Verdana, "Geneva CE", lucida, sans-serif;
	font-size:0.9em;
	border-width:1px;
	width:130px;
  }
#frmlogin #submit {
  margin:10px 0 0 0;
	width:50px;
  }

/* IRC SERVER */
#frmirc {
  border:1px solid #ada1a1;
  background:url(img/ircbg.jpg);
  margin:0;
  padding:4px 0 0 0;
  color:white;
  }
#frmirc ul {
  margin:5px 0 10px;
  padding:0 0 0 16px;
  display:block;
  list-style:square inside;
  display:block;
}
#frmirc p {
  margin:3px 9px;
  padding:0;
  }





 
/* Guest book gray boxes */
.grtexttop { height:5px; 
 background:url(img/grtexttop.gif);
  }	
.grtext {
	color:#ECEDE9;
	padding:9px 0 0 0;
	background:url(img/grtextpbg.gif);
	}
.grtextbottom {
height:5px; margin-bottom:8px;
 background:url(img/grtextbottom.gif); 
  }
.grtext small {
  display:block;
	background:url(icons/list.gif) left no-repeat;
	font-size:1em;
	margin:0 20px;
	padding:8px 0 8px 12px;
  }
.grtext strong {
  display:block;
  margin:0 20px;
  }
  
/* Tables */

table {
  width:100%;
  margin:0 0 15px;
  padding:0;
  border:0;
  font-size:1em;
  background:url(img/grtexthbg.gif);
  }
table .head { background:url(img/grtextbottom.gif) bottom no-repeat; }
table th { padding:2px 0 8px; }
table td {
  padding:2px;
  background:#565656;
  }
table .dark td { background:#3d3d3d; }
table .center {
  vertical-align:middle;
  text-align:center;
  padding:2px 4px;
  }
table .red { color:red; }
table .green { color:#81BB03; }


/* Members */
.memberbox {
  padding:5px 15px;
  }
.memberbox p {
  border:1px solid #9e8c8c;
  padding:5px;
  background:url(img/reddots.gif);
  }
  .float {
  	float: left;
	margin-right: 1em;
  }

/* SPONZORS */

#frmsponzors {
  border:1px solid #ada1a1;
  background:url(img/sponzorsbg.jpg);
  text-align: center;
}
.form {
	padding: 20px;
	padding-top: 4px;
}
.form table, .form td, .form tr {
	background: none;
}
