html, body, #container{	min-height: 100%;	width: 100%; height: 100%;}

html>body, html>body #container {	height: auto;}

body {
	background: #D3E3FF;
	color: #313131;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif
}

#container{	position: absolute;	top: 0;	left: 0;}

#shadow{background-image: url("/images/drop_shadow.gif");	background-repeat:repeat-x;	height: 4px;}

#main_header {
	background: #B80007;
	margin: 0;
	padding: 5px;
}

#main_title {
	height: 175px;
	width: 520px;
	background-image: url("/images/logo_large.gif");
	background-repeat:no-repeat;
	background-position: bottom right;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

#footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	background: #790005;
	color: #D3E3FF;
	text-align: center;
	font-size: .8em;
	clear: both;
}

img {border: 0 none #000;}

#main_title h1 {display: none;}

h1.smaller_title {font-size: 1.6em;}

#main_searchbar {
	background: #790005;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#main_searchbar form{	padding: 10px 0; margin: 0;}

#main_searchbar form input.big_input {
	background: white;
	color: #313131;
	font-size: 34px;
	width: 400px;
	vertical-align: middle;
}

#main_searchbar form input.big_button{vertical-align: middle;	margin: 0 0 0 10px;	padding: 0;}

#small_header{
	background: #B80007;
	margin: 0;
	height: 41px;
}

#small_header img{position: absolute;	left: 20px;	top: 1px;}

#small_searchbar {
	background: #790005;
	margin: 0 auto;
	padding: 5px;
	text-align: center;
}

#small_searchbar form{display: inline;}

#small_searchbar form input.small_input{
	background: white;
	color: #313131;
	font-size: 20px;
	width: 350px;
	vertical-align: middle;
}

#small_searchbar form input.small_button{vertical-align: middle;	margin: 0 0 0 6px;	padding: 0;}

a:link{color: #790005;}
a:visited{color: #790005;}
a:hover{color: #B80007;}
a:active{color: #B80007;}

#footer a:link{color: #D3E3FF;}
#footer a:visited{color: #D3E3FF;}
#footer a:hover{color: white;}
#footer a:active{color: white;}

#content{	padding: 7px 50px 70px 50px;}

/* These are styles for URLs displayed on the man page and other places. Including syntax highlighting. */
.url{color: #B80007;}
.url .url_var{background: #E9F1FF; padding: 0 2px; border: 1px solid #E9F1FF;}
.url .url_var:hover{background: #FFFFFF; border: 1px dotted #D3E3FF;}
.url .url_name{text-transform: uppercase; color: #B80007; font-weight: bold;}
.url .url_default{font-style: italic;}
.url .url_pipe{color: gray; font-weight: normal;}
.url .url_flag{color: #733E9A;}
.url .url_flag:hover,
.url .url_default:hover,
.url .url_name:hover {color: black; background: #9FFF7E;}
.url .url_shortname:hover {color: white; background: #51804B;}

.lightbox {border: 1px dotted #FFFFFF; background: #DDE9FE; padding: 0 2px 1px;}

.starred{
	background-image: url("/images/star_small.gif");
	background-repeat:no-repeat;
	background-position: 100% 7%;
}

.starred_small{
	background-image: url("/images/star_small.gif");
	background-repeat:no-repeat;
	background-position: 100% 7%;
}

.center {text-align: center;}

#start_page {text-align: center;}
#start_page p {text-align: left; width: 590px; margin: 14px auto;}

#man h1{font-size: 2.5em;margin: 8px 0 15px;}
#man span.url{font-size: .9em;}
#man span.summary{display: block; margin-bottom: 15px;}
#man pre {
	font-size: 1em; 
	margin-bottom: 40px;
	white-space: -moz-pre-wrap;  /* Mozilla, supported since 1999 */
	white-space: -pre-wrap;      /* Opera 4 - 6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* CSS3 - Text module (Candidate Recommendation)
	                                 http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word;       /* IE 5.5+ */
}
table#statistics {padding: 4px;}
table#statistics tr th{text-align: right;}
table#statistics tr td{padding-left: 5px;}

#create input.box, #create textarea.box{border: 1px inset #8C9EB7; margin-bottom: 17px; width: 500px;}
#create input#create_name{width: 200px;}
#create input#create_test{margin-bottom: 3px;}
#create input[type="submit"]{margin-left: 75px;margin-bottom: 8px;}
#create .required{background: #FFC5C7;}
#create form label{
	font-weight: bold; 
	font-size: .75em;
	float: left;
	text-align: right;
	margin-right:0.3em;
  padding-top:0.2em;
	width: 70px;
}
#create .tip{margin-left: 75px; color: #5E5E5E; font-size: .65em;}
#create .alert{color: #B80007; font-size: .8em; vertical-align: top;}
input.locked, textarea.locked{color: #909090; background: #DFDFDF;}

#ls{padding: 10px 45px 70px 10px;}
div.ls_box{padding: 0 2px 7px 9px; margin-bottom: 12px;border: 1px solid #D3E3FF;}
div.ls_box:hover, div.ls_box.starred:hover, div.ls_box.starred_small:hover {border: 1px dotted #790005;}
div.ls_box.starred, div.ls_box.starred_small {border: 1px dotted #FFFFFF;}
span.ls_name{font-size: 1.5em; font-weight: bold;}
span.ls_summary{font-style: italic;}
div.ls_desc{font-size: .9em; margin: 3px 0;}
span.ls_url{font-size: .9em;}
div.ls_foot{font-size: .8em;font-weight: bold;}

div.ls_head a:link{color: #313131;text-decoration: none;}
div.ls_head a:visited{color: #313131;text-decoration: none;}
div.ls_head a:hover{color: #000000;text-decoration: underline;}
div.ls_head a:active{color: #313131;text-decoration: underline;}

/* This is the little logged-in/logged-out notice in the top right corner */
#user_status {
	position: absolute; 
	top: 2px; 
	right: 4px; 
	width: 300px; 
	text-align: right; 
	color: #313131;
	font-size: .9em;
}
#user_status a {color: #313131;}
#user_status a:hover {color: #000;}

li {margin-bottom: 4px;}

p.alert{
	border:1px #B80007 solid;
	padding:.3em;
	background:#F8F5BF;
}