/* Stylesheet for Dynamic Fracture Laboratory Website */
/* Copyright (C) 2002 by Max Timchenko */

/* Basic stuff */
body {
	background-color: #008C8C;
	margin: 0px;
	padding: 0px;
	color: black;
}

p.ahem {
	display: none;
}

/* Navigation */
#menu {
	padding: 225px 0px 0px 12px;
	background-image: url(i/back_home.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
	width: 148px;
}

#menu img {
	border: 0px;
}

#titleback {
	background-image: url(i/top_gradient.gif);
	background-repeat: repeat-x;
	position: absolute;
	left: 0px;
	top: 11px;
	width: 100%;
	z-index: 5;
	height:  46px;
}

#titlebar {
	z-index: 15;
	position: absolute;
	left: 104px;
	top: 11px;
}

/* Content: main content areas */
#content {
	margin: 0px 0px 0px 143px;
	padding: 78px 270px 0px 25px;
	background-color: white;
	color: black;
	background-image: url(i/back_gradient.gif);
	background-repeat: repeat-y;
	min-height: 300px;	
}

#widecontent {
	margin: 0px 0px 0px 143px;
	padding: 78px 5px 0px 25px;
	background-color: white; 
	color: black;
	background-image: url(i/back_gradient.gif);
	background-repeat: repeat-y;
	min-height: 300px;
}

p {
	font: 75% Georgia, serif;
	line-height: 150%;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

#textfloater {
	float: left;
	width: 10px;
	margin: 0px 25px 0px 0px;
	padding: 0px;
}

.moviefloat {
	float: left;
	width: 150px;
	padding: 0px 10px 10px 0px;
	margin: 0px;
}

.moviewrap {
	clear: both;
	padding: 0px 0px 10px 0px;
}

.imagefloater {
	float: right;
	clear: right;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}

h1 {
	font: bold 100% Verdana, Arial, sans-serif;
	padding: 5px 0px 10px 0px;
	margin: 0px;
	background-color: white;
	color: #008C8C;
}

#content address {
    margin: -5px 0px 15px 0px; 
}

/* Content: sidebar */
#sidebar {
	position: absolute;
	right: 0px;
	top: 78px;
	width: 250px;
}

.sideblock {
	border-left: 1px solid #008C8C;
	padding: 0px 10px;
	margin-bottom: 25px;
}

.sideblock p {
	font: 70% Verdana, Arial, sans-serif;
	line-height: 120%;
	padding: 0px 0px 2px 0px;
	margin: 0px;
}

.caption {
	padding: 2px 10px 15px 0px;
	font: 70% Verdana, Arial, sans-serif;
	width: 250px;
}

/* Imagery */
/* - Content header|section image */
img.hdr {
	padding-bottom: 25px;
}

/* - On sidebar */
img.side {
	border: 1px solid #008C8C;
}

/* Miscellanea */
/* - Contact info, 1st page */
address {
	font: 70% Verdana, Arial, sans-serif;
}

/* - element to include floats */
.waitforfloats {
	clear: both;
	padding: 0px;
	margin: 0px;
	width: 20px;
}

/* - footer */
#footer {
	clear: both;
  	margin: 0px;
  	padding: 0px 0px 5px 0px;
  	color: #bbbbbb;
  	font: 60% Verdana, Arial, sans-serif;
	background-color: #008C8C;
	height: 100%;
}

#footer a {
	color: #eeeeee;
	background-color: #008C8C;
}	

#footer-back {
	margin: 0px 0px 0px 143px;
	background-image: url(i/bottom_back.gif);
	background-repeat: repeat-x;
}

#copyleft {
	text-align: right;
	padding: 0px 7px 0px 5px;
}