/* CSS Document */
/*here we go...once again :\  - 12/28/05 */

/* !Main Body/Upper level Elements! */
body {
font-family: Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
 background: #090021;
 color: #EEE; 
}

 body, p, li {
font-size: 13.5px;
}

div#wrapper {
width: 975px;
margin: 0 auto;
text-align: left;
}

#header {
background: #0A090F url(/ilya/images/backt.gif) repeat-x top left;
height: 50px;
}

#banner {
background: #0A090F url(/ilya/images/logo.gif) no-repeat;
height: 100px;
width: 100%;
padding-bottom:10px;

}

/*This is where the content (like news feed) goes. */
div#maincontent {
float: right;
width: 78%;
}

/* The main content division of the forum*/
div#maincontentf {
float: right;
width: 83%;
}

div#sidebar {
float: left;
width: 21%;
overflow: hidden;
padding-bottom: 10px;
}

/*Forum sidebar */
div#sidebarf {
float: left;
width: 15%;
padding-bottom: 10px;
}

div#footer {
clear: both;
padding-top: 10px;
} 

/*I don't know what this changes so I'm leaving it here for now */
div.backt, div.backc {
height: 75px;
} 

			/* !Basic Text Styles! */
.underline { text-decoration: underline; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.bold2 { font-weight: bold; padding: 9px; }
.strike { text-decoration: line-through; }

			/* !text elements! */
			
ul {
margin: 12px;
padding: 0;
}

p {
margin: 12px;
padding: 0; line-height: 20px;
}

p.code {
margin: 24px;
padding: 12px 0 12px 12px;
 background: #436363;
  border: 1px solid;
border-color: #658585 #214141 #214141 #658585; 
}

/*New link color: red instead of ABS blue */
a, a:link, a:visited {
color: #99160F;
 text-decoration: none;
}

a:hover {
text-decoration: underline;
color: #D1301F;
}

.date {
float:right;
}

/*Not sure where the indent classes are used */
.indent {
text-indent: 10px;
}

.indent2 {
text-indent: 29px;
}

/* !Document Divisions! */
			
.localtext {
 background: #000;

 border: 1px solid;
border-top: 0px;
border-left: 0px;
border-color: #4A3343 #211115 #211115 #4A3353;
}

.text {
 background: #000;

border: 1px solid;
border-top: 0px;
border-left: 0px;
border-color: #5A395F #1A191F #1A191F #5A395F;}

div.footer {
 background-image: url(/ilya/images/logo.gif);
background-repeat: no-repeat;
background-position: 12px 0;}

/* !Image related! */
			
img {
border: 0;
}

img.left {
float:left;}

img.right {
float:right;}

/* !Headers! */
h1, h2, h3 {
margin: 0;
line-height: 19px;
}

h1, h2 {
font-weight: bold;
font-size: 13px;
 color: #999; 
margin: 0;
padding: 0 12px;
}

h1 {
padding: 12px 0;
clear:both;
}

h2 {
padding: 0 12px;
}

h2 .date {
font-weight: normal;
font-size: 11px;
}

/*TODO: Get new gradient images for the h2/h3s*/
.text h2, .text h3 {
background: #000040 url(/ilya/images/h2a.gif) repeat-x top left;
line-height: 20px;
}

.localtext h3, .localtext h2 {
background: #200000 url(/ilya/images/h2.gif) repeat-x top left;
line-height: 19px;
}

.text h2 .date {
	font-weight: normal; 
	font-size: 11px;
	float: right; 
	}

/* !MENU! */
			
#logo {
  }
  
#menu li {
display: inline;
}

#menu li a, #menu li a:link, li #menu a:visited{ 
	color: #F5F5F5;
	padding: 7px 10px 7px 16px; 
	margin:0;  
	font-weight: bold;  
	font-size: 11px; 
	text-decoration: none;
	font-family: Verdana, sans-serif;
	height: 25px; 
	line-height: 25px;
	background:#000040 url(/ilya/images/navback.gif) repeat-x top left; 
	}

 #menu li a:hover {
	 background: #000030 url(/ilya/images/navbackh.gif) repeat-x top left; 
	 padding: 7px 10px 7px 16px; 
	 margin:0;
	 text-decoration: underline;
	 color: #D1D1D1;
	 }

#menu {
float: right;
	list-style-type: none;   
	margin:0; 
	padding: 0; 
}

/* !lists! */

#sidebar ul.dir li a {
	font-size: 13px; line-height: 18px; 
	font-family:  Verdana, sans-serif;  
	min-height: 20px;
	display:block;
	}

ul.dir {
	margin: 12px; 
	list-style-type: none; 
	padding: 0;
	color: #666;
	}
	
ul#archive li, ul#sbdir li {
   margin-top: 12px; }

ul li {
list-style-type: none;
}

ul.bullets {
padding-left: 17px;
}

ul.bullets li {
list-style-type: disc;
}

ul.dir li a:hover {
background-color: #180308;
}

dl.files, dl.files2, dl.mixedlist {
	list-style-type: none; 
	margin: 12px 0 0 0; 
	padding: 0;
}
	
dl.files dt, dl.files dd, dl.files2 dt, dl.files2 dd, dl.mixedlist dt, dl.mixedlist dd {
	font: 13px/20px Verdana, sans-serif; 
	color: #666; 
	vertical-align:top;
	}
	
dl.files dt, dl.files2 dt, dl.mixedlist dt { margin-left: 10px; margin-top:10px; /*clear:both;*/ }

dl.files a img, dl.mixedlist a img, dl.files2 a img {
	filter:alpha(opacity: 40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	}

dl.files a:hover img, dl.mixedlist a:hover img, dl.files2 a:hover img {
	filter:alpha(opacity: 100); 
	-moz-opacity: 0.99;
	opacity: 0.99;
	}


dl.files dt img, dl.files2 dt img, dl.mixedlist dt img{
	float: left;
	margin: 0 6px 0 0;
	}

ul.bottom {list-style-type:none; display:inline;}

ul.bottom li {list-style-type: none; display:inline;}

ul.bottom a img {
	filter:alpha(opacity: 60); 
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
ul.bottom a:hover img {
	filter:alpha(opacity: 100); 
	-moz-opacity: 0.99;
	opacity: 0.99;
	}

/* !ICONS! */
.folder a {background: url(/ilya/images/folder.gif) top left no-repeat; 
                         padding-left: 19px;}
					
.indfolder a {background: url(/ilya/images/folder.gif) top left no-repeat; 
                         padding-left: 29px;}
						 
.folder a:hover {background: url(/ilya/images/folderhover.gif) top left no-repeat; 
                         padding-left: 19px;}
					
.indfolder a:hover {background: url(/ilya/images/folderhover.gif) top left no-repeat; 
                         padding-left: 29px;}
						 
.help a {background: url(/ilya/images/help.gif) top left no-repeat; 
           padding-left: 19px;}

.help a:hover {background: url(/ilya/images/helphover.gif) top left no-repeat; 
           padding-left: 19px;}
		   
.news a {background: url(/ilya/images/news.gif) top left no-repeat; 
           padding-left: 19px;}
		   
.news a:hover {background: url(/ilya/images/newshover.gif) top left no-repeat; 
           padding-left: 19px;}


.mail a {background: url(/ilya/images/email.gif) top left no-repeat; 
           padding-left: 19px;}
		   
.mail a:hover {background: url(/ilya/images/emailhover.gif) top left no-repeat; 
           padding-left: 19px;}
		   
.page a , .writing a {background: url(/ilya/images/page.gif) top left no-repeat; 
           padding-left: 19px;}
		   
.indpage a , .indwriting a {background: url(/ilya/images/page.gif) top left no-repeat; 
                         padding-left: 29px;}
		   
.page a:hover, .writing a:hover {background: url(/ilya/images/pagehover.gif) top left no-repeat; 
           padding-left: 19px;}
		   
.indfolder a , .indwriting a:hover {background: url(/ilya/images/pagehover.gif) top left no-repeat; 
                         padding-left: 29px;}
		   
.photo a {background: url(/ilya/images/camera.gif) top left no-repeat; 
           padding-left: 21px;}
		   
.indphoto a{background: url(/ilya/images/camera.gif) top left no-repeat; 
                         padding-left: 29px;}
		   
.photo a:hover {background: url(/ilya/images/camerahover.gif) top left no-repeat; 
           padding-left: 21px;}
		   
.indphoto a:hover {background: url(/ilya/images/camerahover.gif) top left no-repeat; 
                         padding-left: 29px;}

.php a {background: url(/ilya/images/phplogo.gif) top left no-repeat; 
           padding-left: 21px;}
		   
.php a:hover {background: url(/ilya/images/phphover.gif) top left no-repeat; 
           padding-left: 21px;}

.forums a {background: url(/ilya/images/phpbb.gif) top left no-repeat; 
           padding-left: 21px;}
		   
.forums a:hover {background: url(/ilya/images/phpbbh.gif) top left no-repeat; 
           padding-left: 21px;}
		   
.swfdir li a {background: url(/ilya/images/swf.gif) top left no-repeat; 
           padding-left: 19px;}
		   
.swfdir li a:hover {background: url(/ilya/images/swfh.gif) top left no-repeat; 
           padding-left: 19px;}

#psplogo {margin: 0 6px 0 0;}
			

.aim a {background: url(/ilya/images/imico/aim.gif) top left no-repeat; 
           padding-left: 19px;}
		   
.aim a:hover {background: url(/ilya/images/imico/aimh.gif) top left no-repeat; 
           padding-left: 19px;}

.msn a {background: url(/ilya/images/imico/msn.gif) top left no-repeat; 
           padding-left: 19px;}
		   
.msn a:hover {background: url(/ilya/images/imico/msnh.gif) top left no-repeat; 
           padding-left: 19px;}

.yim a {background: url(/ilya/images/imico/yim.gif) top left no-repeat; 
           padding-left: 19px;}
		   
.yim a:hover {background: url(/ilya/images/imico/yimh.gif) top left no-repeat; 
           padding-left: 19px;}

.skype a {background: url(/ilya/images/imico/skype.gif) top left no-repeat; 
           padding-left: 19px;}
		   
.skype a:hover {background: url(/ilya/images/imico/skypeh.gif) top left no-repeat; 
           padding-left: 19px;}

.gtalk a {background: url(/ilya/images/imico/gtalk.gif) top left no-repeat; 
           padding-left: 19px;}
		   
.gtalk a:hover {background: url(/ilya/images/imico/gtalkh.gif) top left no-repeat; 
           padding-left: 19px;}



			/*!Flashmovies!*/
.flashmovie {padding: 10px; text-align: center; }

			/*!Form text!*/
.formtext {background-color: black;
			color: white; }

.formtext:focus { background-color: #203032; }

			/*!Languages! -- doesn't work. Why? */

p:not[LANG|="en"] { font-style: italic; }
			
			/*ROYCA stuff*/
			/*Mostly old and deprecated stuff I don't want to use anyways */
#spaceout tr td {padding-top: 10px; }
.error {color:red;}
.greyout {color: #666666;}
.pagenum {text-align:center;}

/* Tables */
.paddedtable {padding: 15px; text-align:center; }
		   
		   /* hide elements in IE */
* html ul.assist li a, * html ul.dir li a {height: 20px;}