troggle/media/css/main3.css

html, body {
	height: 100%;
}


.caption			{ font-size: 8pt; margin-bottom: 0pt; }
.centre				{ text-align: center; }
.plus2pt			{ font-size: 160%; }

ul
{
	list-style: none; 
}

div.logbookentry
{
    text-align:left;
}
div.logbookentry ul.cavers
{
    float:left;
    padding-left:20px;
    padding-right:10px;
    margin-top:0px;
}
td.author
{
    background-color:yellow;
}

div.logbookentry p
{
    margin:10px;
}

div#content div#col2
{
    float:right; 
    width:33%;
    background-color:#feeeed;
}

div#content h2
{
    text-align:center;
    font-size:200%;
    padding-bottom:30px;
}


table.prevnextexpeditions
{
    width:100%;
}

table.prevnextexpeditions td
{
    padding: 2px;
}

table.expeditionpersonlist
{
    width:100%;
}

table.expeditionpersonlist td
{
    padding: 2px;
}

div#content div#col1
{
    width:66%;
}
table.expeditionlogbooks td
{
    padding: 2px;
}

ul#expeditionlist
{
    width: 300px
}

div.survexblock
{
    width:50%;
    background-color:#e0e0e0;
}
p.indent
{
    margin-left:10px;
}


#currentLocation {
	float:right;
	background:#999;
	line-height: 80%;
	font-variant: small-caps;
	margin: 0px;
	padding: 0px;
}



hr{
	margin:0;
	padding:0;
	height:1px;
	border:thin solid #000;
	border:#000;
	color:#000;
	background:#000;
}

div.centre img			{ vertical-align: middle; }

h1				{ text-align: center; font-size: 210%; display: inline;}
h2				{ color: #009900; }
h3				{ color: #000 text-align:left; border-bottom:thin solid black; margin-bottom:1em; margin-top:1em; font-weight:bold}
h4				{ color: #0d664c; }
h4.navbar {line-height: 0px;}
img.onright, div.onright	{ vertical-align: top; float: right;
				margin-left: 10pt;  margin-bottom: 10pt;
				margin-right: 8pt; }
img.onleft, div.onleft		{ vertical-align: top; float: left;
				margin-right: 10pt; margin-bottom: 10pt;
				margin-left: 8pt; }
img.icon			{ vertical-align: middle; }
img.aligntop			{ vertical-align: top; }
blockquote {
  font: Georgia, "Times New Roman", Times, serif;
  font-weight:bold;
  font-variant:small-caps;
  width: 400px;
  background: url(../close-quote.gif) no-repeat right bottom;
  padding-left: 25px;
  text-indent: -25px;
  text-align: right;
  vertical-align:bottom;
  color:#CCCC66;
}
blockquote:first-letter {
  background: url(../open-quote.gif) no-repeat left top;
  padding-left: 40px;
  font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
table.imgtable			{ margin-left: auto; margin-right: auto; }
table.imgtable td		{ vertical-align: middle; text-align: center;
				padding: 10px; }

table.normal		{ border: thin; border-top:solid ; border-left:dotted ; border-bottom:dotted; border-right:hidden ; border-width:1px;}
table.normal td		{ border: thin; border-right:dotted ; border-width:1px; border-spacing:0px }
table.normal th		{ border-left:thin ; border-right:thin ; text-align: left}

/* "Traditional" table with borders.*/
table.trad			{ margin: 0pt; border: 1px solid #000;
				border-color: #c0c0c0 #8d8d8d #8d8d8d #c0c0c0; }
table.bigfatborder		{ border-width: 6px; }
table.trad td, table.trad th	{ margin: 0pt; border: 1px solid #aaa;
				border-color: #8d8d8d #c0c0c0 #c0c0c0 #8d8d8d; }


/* You are not expected to understand this. It is necessary. */
/* The above is the most fucktarded comment I have ever read :-) AC, 24 APR 2009 */
table.centre			{ margin-left: auto; margin-right: auto; }
table.centre td			{ text-align: left; }

h2#tophead			{ text-align: center; margin-bottom: -10pt; }
table#cavepage			{ width: 100%; font-size: 160%; }
table#cavepage th#kat_no	{ text-align: left; width: 25%; }
table#cavepage th#name		{ text-align: center; width: 50%; }
table#cavepage th#status	{ text-align: right; width: 25%; }

.command                        { color: #FF0000; }
.comment                        { color: #888888; font-style:italic;}

.thumbnail {
	width: 300px;
}

table {
	border: thin solid silver;
	border-collapse: collapse;
}
td {
	padding:0px;
	border: thin solid silver;
}


.redtext{
		 color:#F00;
		 }

a.redtext:link {
	color:#F00;
	
}




.behind {
	display: none;
}
div.figure {
  width: 20%;
  border: thin white solid;
  margin: 0.5em;
  padding: 0.5em;
  display: inline;	
  float: left;
}
div.figure p {
  text-align: left;
  font-size: smaller;
  text-indent: 0;
}
img.thumbnail {
  width: 100%;
}

#error {
	color: red;
}

div#header {
	position:fixed;
	left:100px;
	right:100px;
	top:0;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	background-image: url( ../204plan.gif);
	border-bottom:thin solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
}


div#editLinks {
	position:absolute;
    background: #999;
	bottom:0px;
	right:0px;
	font-family: "Courier New", Courier, monospace;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}

div#editLinks a{
	color:#FFF;
}

div#content {
	margin-top: 50px;
	margin-left: 120px;
	margin-right: 120px;
	padding-top: 10px;
	padding-left: 5em;
	padding-right: 5em;
	padding-bottom:5em;
	background:#CCC;
}


.footer {
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
}

body {
	background-color:#000;
	padding-bottom:100px;

}

h1 {
	margin-top:0;
	margin-left:10px;	
	vertical-align:top;
}


.rightMargin {
	position:absolute;
	z-index:-2;
	width:130px;
	right:0px;
	top:0px;	
	clip: rect(auto,auto,auto,auto);
	background:#000;
}

.leftMargin {
	position:absolute;
	z-index:-2;
	width:130px;
	top:0px;
	left:0px;
	clip: rect(auto,100px,auto,auto,);
	background:#000;
}

#footerLinks{
	position:fixed;
	bottom:0px;
	padding: 0px;
	margin-left: 130px;
	margin-right: 130px;
	margin-bottom: 0px;
	
}

/*.fadeIn {
	display: none;
}*/

#timeMachine {
	width:auto;
	right:0;
	left:auto;
}

#surveyHover {
	width:auto;
	right:auto;
	left:auto;
}

#col1 {
	width:60%
}

#quicksearch {
	margin-left:40px;
}