i2p.www/www.i2p2/static/styles/light.css

body {
	font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 10pt;
	color: #fff;
	margin: 1em 0em;
	padding: 0em;
	text-align: center;
	background-color: #000022;
/*	background-image: url("/_static/images/bg1.png"); */
	background-repeat: repeat;
	background-position: top center;
/*	color: black;*/
}

a:link{color:#007}
a:visited{color:#606}
a:hover{color:#ff6600}
a:active{color:#900}

.hide {
	display: none;
}

img {
	border: none
}

div.logo {
	float: left;
/*	left: 1em;
	top: 1em;
	margin: 0em; */
	left: 10px;
	top: 0px;
/*	padding: .5em;*/
  padding: 7px 10px 0px 20px;
	text-align: left;
  font-color: #fff;
}

div.menu {
	/* width: 8em; */
	/* height: 5em; */
	/* position: fixed; */
 	float: left;
	/* left: 1em; */
	/* top: 1em; */
	/*margin: 0em;*/
/*	padding: .5em;*/
	margin: 0px 20px 20px 0px;
	padding: 5px 20px 20px 20px;
	text-align: left;
	border: 1px solid #000022;
	border-top: 1px solid #000;
	border-left: 0px;
	background-color: #ddddff;
	color: black;
	font-size: 8pt;
	clear: left; /* fixes a bug in Opera */
	-moz-border-radius: 0px 0px 4px 0px;
/*  -moz-box-shadow: 0 2px 2px 1px #bbbbff; */
}

/*
div.menu a:link {
border:1px solid #000022;
border-left: 3px solid #000022;
margin: 10px 0;
padding: 2px 5px;
text-decoration: none;
line-height: 240%;
-moz-border-radius: 3px 3px 3px 3px;
background-color: #9999ff;
}
*/
div.warning {
	margin: 0em 1em 1em 12em;
	padding: .5em 1em;
	background-color: #FEE;
	border: medium solid #FBB;
	text-align: left;
	color: inherit;
}

div.main {
	margin: 0px 0px 0px 0px;
	padding: 25px 40px 20px 190px;
	background-color: #eeeeff;
	text-align: justify;
	color: #000011;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

div.main h1 {
	text-align: left;
	color: #000022;
	padding-left: 10px;
	margin-bottom: 20px;
	margin-top: 5px;
	font-size: 16pt;
	font-weight: bold;
	font-style: normal;
	letter-spacing: 0.06em;
	text-shadow: 0px 0px 1px rgba(0, 0, 176, 0.9);
  white-space: normal; 
	background-color: #ddddff;
  -moz-box-shadow: 0 2px 2px 1px #ccccff;
	/*	background-image: url(/_static/images/dots.png);
	background-position: right center;
	background-repeat:  no-repeat;*/
}

.links {

}

.links ul {
list-style-image: url(/_static/images/link.png);
margin: 0 5px 0 0px;
padding: 0px 5px;
}

.links ul li {
list-style-image: url(/_static/images/link.png);
margin: 0 5px 0 40px;
padding: 0px 5px;
}

/*
li.gap {
	margin-top: 1em;
	margin-bottom: 1em;
} */

li {
  padding: 5px 0px 5px 0px;
	margin: 0px 10px;
}

li.gap {
	margin: 10px 10px;
}

span.permalink {
	font-size: x-small;
}

ul {
  margin: 10px 20px 15px 20px;
  padding: 5px 0px 5px 20px;
/*border-bottom: 1px solid #000022;*/
}

.irclog p {
	font-size: small;
	margin: 0 0 0 4em;
	text-indent: -4em;
}
 
h1 {
  color: #9999ff;
	text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.9);
	text-align: right;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-style: italic;
	font-size: 22pt;
	font-weight: lighter;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	white-space: nowrap; 
	border: 1px solid #000022;
	-moz-border-radius: 4px 4px 4px 4px;
	background-color: #000022; 
}  


h2{
  color: #000011;
	text-shadow: 0px 0px 1px rgba(0, 0, 128, 0.9);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000022;
	padding-bottom: 5px;
}  


h3{
  color: #000011;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000022;
	padding-bottom: 3px;
	text-shadow: 0px 0px 1px rgba(0, 0, 176, 0.9);
	font-size: 11pt;
}


a.fade img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
/*padding: 5px 0px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;*/
}

a.fade:hover img {
filter:alpha(opacity=60); 
-moz-opacity: 0.6; 
opacity: 0.6;
/*padding: 5px 0px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;*/
}

.news {
	margin: 0px 5px 0px 10px;
	padding: 10px 15px 15px 15px;
	border: 1px solid #000022;
	background-color: #ffeeaa;
	color: black;
	-moz-border-radius: 4px 4px 4px 4px;
  -moz-box-shadow: 0 2px 2px 1px #bbbbff;
  float: left;
	width: auto;
}

.version {
	margin: 0px 20px 30px 10px;
	padding: 10px 15px 15px 15px;
	border: 1px solid #000022;
	background-color: #aaffaa;
	color: black;
	-moz-border-radius: 4px 4px 4px 4px;
  -moz-box-shadow: 0 2px 2px 1px #bbbbff;
  float: left;
	width: auto;
}

.box {
	margin: 30px 0px 5px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #000022;
	background-color: #ffffff;
	color: black;
	font-size: 8pt;
	-moz-border-radius: 4px 4px 4px 4px;
	-moz-box-shadow: 0 2px 2px 1px #bbbbff;
	clear: both;
	width:auto;
	align: center;
	}
	
	.underline {
	 border-bottom: 1px solid #000022;
	 padding: 5px 0px 5px 0px;
	 margin: 0px 0px 10px 0px;
	 -moz-border-radius: 4px 4px 4px 4px;
	 }
	 
	 pre {
	 /*width: 100px;*/
	 white-space: pre-wrap;
	 font-size: 9pt;
	 }
	 
	 table {
	border-collapse: collapse;
	width: 100%;
  border: 1px solid #000022;
	margin: 10px 0px 10px 0px;
	cell-padding: 5px;
	}
	
table.invisible {
	border-collapse: collapse;
	width: 100%;
  border: 0px none #eeeeff;
	margin: 10px 0px 10px 0px;
	}

th {
	padding: 0 10px;
	text-align: left;
	}

tr.invisible td {
	background: #eeeeff;}

tr:first-child {
  background-color: #ff6600;
	}
		
td {
	border: 1px solid #000022;
	padding: 10px 10px;
	background: #ccccff;
	}

td.invisible {
	border: 1px solid #eeeeff;
	padding: 10px 10px;
	background: #ff0000;
	}

td:first-child {
  background-color: #eeeeff;
	padding: 10px 10px;
	}
	
td+td {
	border: 1px solid #000022;
	text-align: left;
  background-color: #eeeeff;	
	}

tr {
	background-color: #ff6600;
	}
	
		.lang {
	padding: 0 5px 0 5px;
	}
	
	.langbox {
	  margin: 10px 0px 10px 0px;
	  padding: 7px 0 5px 0;
	  border: 1px solid #002;
	  background-color: #e4e4ff;
	  color: black;
	  font-size: 8pt;
	  -moz-border-radius: 4px 4px 4px 4px;
/*  -moz-box-shadow: 0 2px 2px 1px #bbbbff; */
	  clear: both;
	  width:auto;
	  text-align: center;
	}
	
		.themebox {
	  margin: 4px 0px 10px 0px;
	  padding: 5px 0 3px 0;
	  border: 1px solid #002;
	  background-color: #e4e4ff;
	  color: black;
	  font-size: 8pt;
	  -moz-border-radius: 4px 4px 4px 4px;
/*  -moz-box-shadow: 0 2px 2px 1px #bbbbff; */
	  clear: both;
	  width:auto;
	  text-align: center;
	}

.footer {
	font-size: 8pt;
	text-align: center;
	padding: 8px 0 0 0;
	}
	
.dropdown  {
  background-color:#000033;
  color:#FFFFFF;
  font-size:8pt;
}

.formbutton {
-moz-border-radius:2px 2px 2px 2px;
background-color:#000066;
border:1px solid #444466;
color:#fff;
font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
font-size:8pt;
margin:30px 20px 4px 0;
opacity:0.8;
}