@import 'tables.css';

body {
	text-align: center;
	font: 75% Lucida Grande, Verdana;
	background: #0A0E12;
	color:#333;
}
a {
 color: #4d90c5;
 background-color: transparent;
 text-decoration: none;
 font-weight: normal;
}
a:visited {
 color: #4d90c5;
 background-color: transparent;
 text-decoration: none;
}

a:hover {
 color: #000;
 text-decoration: none;
 background-color: transparent;
}

a.edit, a.add {
	font-weight: bold;
	font-size: 1.1em;
	padding:.4em .4em .4em 1.8em;
	background-color: transparent;
	background-position: center left;
	background-repeat:  no-repeat; 
	color:#000;
	}
	a.edit:hover, a.add:hover { text-decoration: underline; }
a.edit { background-image: url('img/edit.png'); }
a.add { background-image: url('img/add.png'); }

.small { font-size:.6em; }

h2 { font-size: 2.5em; color:#0A0E12; border-bottom: 1px solid #666;
background-color: transparent;
font-weight: normal;margin: 0 0 20px 0;
padding: 3px 0 7px 3px;

}
h3 { font-size: 1.8em;  background-color: transparent;
 color: #333;
color:#0A0E12; border-bottom: 1px solid #999;margin: 28px 0 16px 0;
 padding: 5px 0 6px 0;

}
h4 { font-size: 1.5em; color:#0A0E12;  margin: 16px 0 15px 0;
 padding: 0 0 0 0;
}

 dfn {
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 color: #F34607;
 font-weight: bold;
 font-style: normal;
}
 var {
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 color: #8F5B00;
 font-weight: bold;
 font-style: normal;
}
 samp {
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 color: #480091;
 font-weight: bold;
 font-style: normal;
}
 kbd {
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 font-weight: bold;
 font-style: normal;
}

code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}

 pre {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}

ul {
 list-style-image: url(img/arrow.gif);
 margin: 10px 0 12px 0;
}
li {
 margin-bottom: 9px;
}
li p {
 margin-left: 0;
 margin-right: 0;
}



.right { float: right }
.left { float: left; }
.center { text-align: center; }

/* Forces blocks to enclose their floated children */
  .clearfix:after { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* Don't know why we'd need this rule, but it was here when CatFish worked */
  .clearfix {
    display:block;
	position:relative
  }


#wrap {
	background:#fff url('img/clip.gif') no-repeat 15px -3px;
	width:950px;
	margin:25px auto;
	padding:30px;
	text-align: left;
	border: 1px inset #203E5E;
	position: relative;
	}
#header {
	margin:0px;
	
	}
	#header h1 {
		font:bold 4.2em helvetica, Lucida Grande, Verdana, Sans Serif;
		text-transform: lowercase;
		margin:0;
		padding:0;
		}
	#header a {
		font-weight: bold;
		font-size: 1.4em/.8em;
		color: #D11C23;
		text-decoration: none;
		}

#tagline {  font-size: 1.5em; position:relative; border:1px solid #0A0E12;  background:#FFFFCC; text-align:center; margin:1em 1em 1em -2em; }

#tagline #close { position:absolute; font-size:.6em; top:.25em; right:.5em; color:#000000;}

#footer {
	color:#666;
	left:0px;	
	position: absolute;
	bottom: -16px;
	text-align: center;
	width:100%;
	height:20px;
	}
	#footer a {
		color:#ccc;
		}
	#footer .copyright {
		float:left;
		}
	#footer .donate {
		font-size:1.5em;
		}
	#footer .donate a:hover {
		color:#00CC00;
		text-decoration:underline;
		}
#content {
	clear: both;
	margin-top:20px;
	}
			
/** 
 *	Navigation & Breadcrumbs
 *
 */		
#navigation {
	margin:0px 0px 0px;
}		
#nav {
	margin:25px 0;
	padding:0px;
	height:30px;
	border-bottom:1px solid #ccc;	
	}
	#nav ul, #nav ul li {
		list-style: none;
		margin:0px;
		padding:0px;
		}
		#nav ul li {
		}
		#nav ul li a {
			display: block;
			float: left;
			padding: 5px 3px 5px 3px;
			margin-right:14px;
			font-size: 1.3em;
			color:#666;
			border:1px solid #fff;
			text-decoration: none;
			}
		#nav ul li a.here {
			border:1px solid #ccc;
			color:#000;
			padding:5px 10px;
			background: #fff;
			border-bottom-color:#fff;
			}
		#nav ul li a:hover {
			color:#000;
			}
#breadcrumbs {
	margin:5px;
	clear: both;
	position: absolute;
	color:#666;
	top:-25px;
	left:0px;
	}
	#breadcrumbs a {
		color:#ccc;
		text-decoration: none;
		padding:0px 3px;
		}
	#breadcrumbs a:hover {
		color:#fff;
		text-decoration: underline;
		}
		
#donate_button {
	text-align: left;
	float: right;
	margin:0em;
	border:0px solid lime; 
	background: white;
	padding:4em 6em;
}		

#user_guide {
	padding-left: 20em;
	}
#side {
	float:left;
	border-right: 1px solid #ccc;
	margin:0em;
	margin-left:-22em;
	padding:2em 0em 2em 1em;
	width:20em;
	}
	#side a { color:#666; }
	#side a.here {
		color:#000;
		font-weight: bold;
		}	
	#side a:hover { color:#ff0000; }
	#side ul {
		padding:0em 2em;
		}
	#side ul a { font-weight: bold; }
	#side ul li ul a { font-weight: normal; }
/**	 
 * 	Forms
 *
 */	
.form {
	margin:10px;
	}
	.form fieldset {
		border: 1px solid #666;
		padding:10px 20px;
		margin:20px 0px;
		}
		.form fieldset legend {
			font-size: 1.1em;
			color:#666;
			padding:5px 15px;
			}
			.form fieldset fieldset {
				border: 1px solid #ccc;
			}
	.form p { 
		display:block; 
		clear:both;
		}
	.form label {
		font-size:1.25em;
		margin:7px;
		width:200px;
		display: block;
		text-align:left;
		float: left;
		}
	.form .nofloat {
		float: none;
		clear: none;
		display: inline;
		width: auto;
		margin: auto;font-size: 1em;
		}
	.form label span {
		color:#666;
		font-size: .8em;
		}
.form input, .form select,.form  textarea {
	font: 1em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #001F30;
	background: #FFFFFF;
	border: solid 1px #90AFC0;
	width:20em;
	padding:5px;
	margin:7px;
	float: left;
	}
	.form input:focus, .form select:focus, .form textarea:focus {
		border:1px solid #000000;
		}
	.form select {
		width:18em;
		}
.form input:disabled{
        border:solid 1px #666;
        background-color:#ccc;
        color:#666;
    }

.form button {
	cursor:pointer;
	font:14px/16px Verdana, Arial, Helvetica, sans-serif;
	height:30px;
	padding: 5px 15px;
	border:1px outset #434f58;
	background:transparent url(img/button.gif) repeat-x bottom left;
}
.form button:hover {
	border:1px solid #dfb800;
	background:transparent url(img/button_hover.gif) repeat-x bottom left;
	}

p.error, .form .error {
		color:#000000;
		background:#fcf699;
		padding:5px;
		margin:5px 10px !important;
		float: left;
		clear:none !important;
		}
p.success {
	border:3px solid #4fd300;
	padding:10px 20px;
	margin:20px;
	font-size: 1.3em;
	color:#000;
	font-weight: bold;
	}

/* ----------------------------------------
LOGIN & REGISTER */
#login, #register {  
	padding:25px; 
	border:1px solid #ccc;
	margin:25px 0px; 
	}
#login p, #register p { 
	margin:10px;
	clear:left;
	}
#login p label, #register p label {
	padding:5px;
	float: left;
	font-size: 1.5em;
	width:10em;
	}
#login p input, #register p input {
	width:15em;
	padding:5px;
	float: left;
	}
	
#register {
	position: relative;
	}
#register .info {
	color:#ccc;
	text-transform: uppercase;
	font-size: 12px;
	position: absolute;
	top:0px;
	right:0px;
	}
	
/** 
 *	User Box
 */
#userbox {
	position: absolute;
	top:0px;
	right:0px;
	margin:0px 10px 10px 10px;
	} 
	#userbox a {
		font-size: 1.1em;
		font-weight: bold;
		padding:5px;
		}
		#userbox a:hover {
			background:#666;
			color:#fff;
			}